gpt
This commit is contained in:
25
code/public/static/css/modules/pinlun/_pinlun_base.css
Normal file
25
code/public/static/css/modules/pinlun/_pinlun_base.css
Normal file
@@ -0,0 +1,25 @@
|
||||
/* ===== pinlun base ===== */
|
||||
.__PFX__-cmt {
|
||||
margin: 24px 0;
|
||||
font-size: 14px;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.__PFX__-cmt-title {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt-text {
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.__PFX__-cmt-meta {
|
||||
font-size: 12px;
|
||||
color: var(--text-muted-color);
|
||||
}
|
||||
|
||||
.__PFX__-cmt-item,
|
||||
.__PFX__-cmt-card {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
153
code/public/static/css/modules/pinlun/_pinlun_layout_A.css
Normal file
153
code/public/static/css/modules/pinlun/_pinlun_layout_A.css
Normal file
@@ -0,0 +1,153 @@
|
||||
/* ===== Layout A ===== */
|
||||
.__PFX__-cmt.layout-a {
|
||||
background: var(--bg-main-color);
|
||||
padding: 16px;
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a .__PFX__-cmt-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a .__PFX__-cmt-item {
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid var(--border-light-color);
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a .__PFX__-cmt-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a .__PFX__-cmt-meta {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a blockquote {
|
||||
margin: 6px 0;
|
||||
padding-left: 10px;
|
||||
border-left: 3px solid var(--border-color);
|
||||
}
|
||||
|
||||
/* variants */
|
||||
.__PFX__-cmt.layout-a.v1 .__PFX__-cmt-title {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v2 .__PFX__-cmt-item {
|
||||
padding: 14px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v3 .__PFX__-cmt-item {
|
||||
border-bottom-style: dashed;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v4 {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v5 .__PFX__-cmt-meta {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* G1 minimal */
|
||||
.__PFX__-cmt.layout-a.v0,
|
||||
.__PFX__-cmt.layout-a.v1,
|
||||
.__PFX__-cmt.layout-a.v2,
|
||||
.__PFX__-cmt.layout-a.v3 {
|
||||
padding: 0;
|
||||
border: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v0 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-a.v1 .__PFX__-cmt-item {
|
||||
border: none;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v2 .__PFX__-cmt-text,
|
||||
.__PFX__-cmt.layout-a.v3 .__PFX__-cmt-text {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* G2 article */
|
||||
.__PFX__-cmt.layout-a.v4,
|
||||
.__PFX__-cmt.layout-a.v5,
|
||||
.__PFX__-cmt.layout-a.v6,
|
||||
.__PFX__-cmt.layout-a.v7 {
|
||||
background: var(--bg-main-color);
|
||||
padding: 18px;
|
||||
border-left: 4px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v4 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-a.v5 .__PFX__-cmt-item {
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v6 .__PFX__-cmt-meta,
|
||||
.__PFX__-cmt.layout-a.v7 .__PFX__-cmt-meta {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* G3 community */
|
||||
.__PFX__-cmt.layout-a.v8,
|
||||
.__PFX__-cmt.layout-a.v9,
|
||||
.__PFX__-cmt.layout-a.v10,
|
||||
.__PFX__-cmt.layout-a.v11 {
|
||||
background: transparent;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v8 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-a.v9 .__PFX__-cmt-item {
|
||||
border-bottom: 1px dotted var(--border-light-color);
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v10 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-a.v11 .__PFX__-cmt-item {
|
||||
border-bottom: 1px dashed var(--border-light-color);
|
||||
}
|
||||
|
||||
/* G4 card */
|
||||
.__PFX__-cmt.layout-a.v12,
|
||||
.__PFX__-cmt.layout-a.v13,
|
||||
.__PFX__-cmt.layout-a.v14,
|
||||
.__PFX__-cmt.layout-a.v15 {
|
||||
background: var(--bg-soft-color);
|
||||
padding: 16px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v12 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-a.v13 .__PFX__-cmt-item {
|
||||
background: #fff;
|
||||
padding: 10px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v14 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-a.v15 .__PFX__-cmt-item {
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
/* G5 raw */
|
||||
.__PFX__-cmt.layout-a.v16,
|
||||
.__PFX__-cmt.layout-a.v17,
|
||||
.__PFX__-cmt.layout-a.v18,
|
||||
.__PFX__-cmt.layout-a.v19 {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v16 .__PFX__-cmt-meta,
|
||||
.__PFX__-cmt.layout-a.v17 .__PFX__-cmt-meta {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-a.v18 .__PFX__-cmt-text,
|
||||
.__PFX__-cmt.layout-a.v19 .__PFX__-cmt-text {
|
||||
font-size: 15px;
|
||||
}
|
||||
151
code/public/static/css/modules/pinlun/_pinlun_layout_B.css
Normal file
151
code/public/static/css/modules/pinlun/_pinlun_layout_B.css
Normal file
@@ -0,0 +1,151 @@
|
||||
/* ===== Layout B ===== */
|
||||
.__PFX__-cmt.layout-b {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b .__PFX__-cmt-title {
|
||||
font-size: 15px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b .__PFX__-cmt-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b .__PFX__-cmt-item {
|
||||
padding: 8px 0;
|
||||
border-bottom: 1px dotted var(--border-light-color);
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b .__PFX__-cmt-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b .__PFX__-cmt-meta {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/* variants */
|
||||
.__PFX__-cmt.layout-b.v1 .__PFX__-cmt-item {
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v2 .__PFX__-cmt-item {
|
||||
border-bottom-style: dashed;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v3 .__PFX__-cmt-meta {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v4 .__PFX__-cmt-item {
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v5 .__PFX__-cmt-text {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* B-G1 forum */
|
||||
.__PFX__-cmt.layout-b.v0,
|
||||
.__PFX__-cmt.layout-b.v1,
|
||||
.__PFX__-cmt.layout-b.v2,
|
||||
.__PFX__-cmt.layout-b.v3 {
|
||||
background: #f7f7f7;
|
||||
padding: 6px;
|
||||
border: 1px solid var(--border-light-color);
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v0 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-b.v1 .__PFX__-cmt-item {
|
||||
padding: 6px 4px;
|
||||
border-bottom: 1px solid var(--border-light-color);
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v2 .__PFX__-cmt-meta,
|
||||
.__PFX__-cmt.layout-b.v3 .__PFX__-cmt-meta {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* B-G2 resource list */
|
||||
.__PFX__-cmt.layout-b.v4,
|
||||
.__PFX__-cmt.layout-b.v5,
|
||||
.__PFX__-cmt.layout-b.v6,
|
||||
.__PFX__-cmt.layout-b.v7 {
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v4 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-b.v5 .__PFX__-cmt-item {
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px dotted var(--border-light-color);
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v6 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-b.v7 .__PFX__-cmt-item {
|
||||
border-bottom-style: dashed;
|
||||
}
|
||||
|
||||
/* B-G3 minimal list */
|
||||
.__PFX__-cmt.layout-b.v8,
|
||||
.__PFX__-cmt.layout-b.v9,
|
||||
.__PFX__-cmt.layout-b.v10,
|
||||
.__PFX__-cmt.layout-b.v11 {
|
||||
background: none;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v8 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-b.v9 .__PFX__-cmt-item {
|
||||
border: none;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v10 .__PFX__-cmt-text,
|
||||
.__PFX__-cmt.layout-b.v11 .__PFX__-cmt-text {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* B-G4 module */
|
||||
.__PFX__-cmt.layout-b.v12,
|
||||
.__PFX__-cmt.layout-b.v13,
|
||||
.__PFX__-cmt.layout-b.v14,
|
||||
.__PFX__-cmt.layout-b.v15 {
|
||||
background: var(--bg-soft-color);
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v12 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-b.v13 .__PFX__-cmt-item {
|
||||
background: #fff;
|
||||
padding: 8px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v14 .__PFX__-cmt-item,
|
||||
.__PFX__-cmt.layout-b.v15 .__PFX__-cmt-item {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
/* B-G5 raw */
|
||||
.__PFX__-cmt.layout-b.v16,
|
||||
.__PFX__-cmt.layout-b.v17,
|
||||
.__PFX__-cmt.layout-b.v18,
|
||||
.__PFX__-cmt.layout-b.v19 {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v16 .__PFX__-cmt-meta,
|
||||
.__PFX__-cmt.layout-b.v17 .__PFX__-cmt-meta {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-b.v18 .__PFX__-cmt-text,
|
||||
.__PFX__-cmt.layout-b.v19 .__PFX__-cmt-text {
|
||||
font-size: 15px;
|
||||
}
|
||||
121
code/public/static/css/modules/pinlun/_pinlun_layout_C.css
Normal file
121
code/public/static/css/modules/pinlun/_pinlun_layout_C.css
Normal file
@@ -0,0 +1,121 @@
|
||||
/* ===== Layout C ===== */
|
||||
.__PFX__-cmt.layout-c {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c .__PFX__-cmt-title {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c .__PFX__-cmt-cards {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c .__PFX__-cmt-card {
|
||||
padding: 12px;
|
||||
background: var(--bg-soft-color);
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c .__PFX__-cmt-meta {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
/* variants */
|
||||
.__PFX__-cmt.layout-c.v1 .__PFX__-cmt-card {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c.v2 .__PFX__-cmt-card {
|
||||
box-shadow: none;
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c.v3 .__PFX__-cmt-card {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c.v4 .__PFX__-cmt-cards {
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c.v5 .__PFX__-cmt-meta {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* C-G1 recommend */
|
||||
.__PFX__-cmt.layout-c.v0,
|
||||
.__PFX__-cmt.layout-c.v1,
|
||||
.__PFX__-cmt.layout-c.v2,
|
||||
.__PFX__-cmt.layout-c.v3 {
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c.v0 .__PFX__-cmt-card,
|
||||
.__PFX__-cmt.layout-c.v1 .__PFX__-cmt-card {
|
||||
box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
/* C-G2 hot */
|
||||
.__PFX__-cmt.layout-c.v4,
|
||||
.__PFX__-cmt.layout-c.v5,
|
||||
.__PFX__-cmt.layout-c.v6,
|
||||
.__PFX__-cmt.layout-c.v7 {
|
||||
background: var(--bg-main-color);
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c.v4 .__PFX__-cmt-card,
|
||||
.__PFX__-cmt.layout-c.v5 .__PFX__-cmt-card {
|
||||
border-left: 4px solid var(--border-color);
|
||||
}
|
||||
|
||||
/* C-G3 light */
|
||||
.__PFX__-cmt.layout-c.v8,
|
||||
.__PFX__-cmt.layout-c.v9,
|
||||
.__PFX__-cmt.layout-c.v10,
|
||||
.__PFX__-cmt.layout-c.v11 {
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c.v8 .__PFX__-cmt-card,
|
||||
.__PFX__-cmt.layout-c.v9 .__PFX__-cmt-card {
|
||||
box-shadow: none;
|
||||
border: 1px dashed var(--border-light-color);
|
||||
}
|
||||
|
||||
/* C-G4 content */
|
||||
.__PFX__-cmt.layout-c.v12,
|
||||
.__PFX__-cmt.layout-c.v13,
|
||||
.__PFX__-cmt.layout-c.v14,
|
||||
.__PFX__-cmt.layout-c.v15 {
|
||||
background: var(--bg-soft-color);
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c.v12 .__PFX__-cmt-card,
|
||||
.__PFX__-cmt.layout-c.v13 .__PFX__-cmt-card {
|
||||
background: #fff;
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
/* C-G5 raw */
|
||||
.__PFX__-cmt.layout-c.v16,
|
||||
.__PFX__-cmt.layout-c.v17,
|
||||
.__PFX__-cmt.layout-c.v18,
|
||||
.__PFX__-cmt.layout-c.v19 {
|
||||
background: none;
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c.v16 .__PFX__-cmt-card,
|
||||
.__PFX__-cmt.layout-c.v17 .__PFX__-cmt-card {
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
85
code/public/static/css/modules/pinlun/_pinlun_layout_D.css
Normal file
85
code/public/static/css/modules/pinlun/_pinlun_layout_D.css
Normal file
@@ -0,0 +1,85 @@
|
||||
/* pinlun base: __PFX__ replaced by CssBuilder */
|
||||
.__PFX__-cmt{
|
||||
margin: 22px 0 10px;
|
||||
color: var(--text-color);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* header */
|
||||
.__PFX__-cmt-hd{
|
||||
display:flex;
|
||||
align-items:baseline;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt-title{
|
||||
font-size: 16px;
|
||||
font-weight: 650;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt-count,
|
||||
.__PFX__-cmt-meta,
|
||||
.__PFX__-cmt-user,
|
||||
.__PFX__-cmt-time{
|
||||
font-size: 12px;
|
||||
color: var(--text-muted-color);
|
||||
}
|
||||
|
||||
/* list */
|
||||
.__PFX__-cmt-list{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt-item,
|
||||
.__PFX__-cmt-card{
|
||||
background: var(--bg-soft-color);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 10px;
|
||||
padding: 10px 12px;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
.__PFX__-cmt-text{
|
||||
line-height: 1.65;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* layout differences */
|
||||
.__PFX__-cmt.layout-b .__PFX__-cmt-list{ list-style:none; }
|
||||
.__PFX__-cmt.layout-b .__PFX__-cmt-item{
|
||||
border-radius: 0;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.__PFX__-cmt.layout-c .__PFX__-cmt-card{
|
||||
border-radius: 14px;
|
||||
box-shadow: 0 4px 14px rgba(0,0,0,.06);
|
||||
}
|
||||
|
||||
/* variant knobs (v0..v19) */
|
||||
.__PFX__-cmt.v0 {}
|
||||
.__PFX__-cmt.v1 .__PFX__-cmt-item{ border-radius: 14px; }
|
||||
.__PFX__-cmt.v2 .__PFX__-cmt-item{ background: color-mix(in srgb, var(--bg-soft-color) 86%, transparent); }
|
||||
.__PFX__-cmt.v3 .__PFX__-cmt-item{ border-style:dashed; }
|
||||
.__PFX__-cmt.v4 .__PFX__-cmt-title{ letter-spacing:.5px; }
|
||||
.__PFX__-cmt.v5 .__PFX__-cmt-text{ font-size: 13px; }
|
||||
.__PFX__-cmt.v6 .__PFX__-cmt-item{ padding: 12px 14px; }
|
||||
.__PFX__-cmt.v7 .__PFX__-cmt-item{ border-radius: 999px; }
|
||||
.__PFX__-cmt.v8 .__PFX__-cmt-item{ border-width: 2px; }
|
||||
.__PFX__-cmt.v9 .__PFX__-cmt-hd{ justify-content:flex-start; }
|
||||
.__PFX__-cmt.v10 .__PFX__-cmt-title{ font-weight: 500; }
|
||||
.__PFX__-cmt.v11 .__PFX__-cmt-item{ background: transparent; }
|
||||
.__PFX__-cmt.v12 .__PFX__-cmt-item{ border-radius: 6px; }
|
||||
.__PFX__-cmt.v13 .__PFX__-cmt-text{ line-height: 1.8; }
|
||||
.__PFX__-cmt.v14 .__PFX__-cmt-item{ padding: 8px 10px; }
|
||||
.__PFX__-cmt.v15 .__PFX__-cmt-item{ border-color: color-mix(in srgb, var(--border-color) 60%, transparent); }
|
||||
.__PFX__-cmt.v16 .__PFX__-cmt-title{ font-size: 15px; }
|
||||
.__PFX__-cmt.v17 .__PFX__-cmt-item{ box-shadow: 0 2px 8px rgba(0,0,0,.05); }
|
||||
.__PFX__-cmt.v18 .__PFX__-cmt-item{ border-radius: 18px; }
|
||||
.__PFX__-cmt.v19 .__PFX__-cmt-title{ text-transform: none; }
|
||||
|
||||
Reference in New Issue
Block a user