跳至內容

「User:盐棋/Sandbox.css」:修訂間差異

增加 374 位元組 、​ 2024年3月13日 (星期三)
适配etr
(修复样式,todo:竖直居中、等级NS、labeltext间距、datecov不换行、figure未填充)
(适配etr)
第18行: 第18行:
box-sizing: border-box;
box-sizing: border-box;
overflow-wrap: break-word;
overflow-wrap: break-word;
}
.infotable .main>* {
padding: 5px;
}
.infotable span.label {
padding: 1px 5px 1px 5px;
margin: 0 5px 0 5px;
}
}


第36行: 第45行:
"main";
"main";
}
}
}
.header,
.figure,
.main>* {
padding: 5px 5px;
}
}


/* 设置 grid area */
/* 设置 grid area */
.header {
.infotable .header {
grid-area: header;
grid-area: header;
font-size: large;
padding: 7px 10px;
height: auto !important;
height: auto !important;
}
}


.main {
.infotable .main {
grid-area: main;
grid-area: main;
display: grid;
display: grid;
grid-template-columns: 1fr repeat(3, 2fr);
}
}


.figure {
.infotable .figure {
grid-area: figure;
grid-area: figure;
justify-self: center;
padding: 9px 5px;
align-self: center;
}
}


span.bg-c {
.place-central {
padding: 1px 5px 1px 5px;
display: flex;
margin: 0 5px 0 5px;
justify-content: center;
align-items: center;
}
}


第78行: 第80行:
.infotable.colorless .bg-c {
.infotable.colorless .bg-c {
background-color: #f4d2f8;
background-color: #f4d2f8;
}
.fs-m {
font-size: medium;
}
.fs-l {
font-size: large;
}
.repeat-1 {
grid-template-columns: 1fr repeat(1, 2fr);
}
.repeat-3 {
grid-template-columns: 1fr repeat(3, 2fr);
}
.repeat-4 {
grid-template-columns: 1fr repeat(4, 2fr);
}
.repeat-5 {
grid-template-columns: 1fr repeat(5, 2fr);
}
}


第88行: 第114行:
}
}


.span-2 {
.gc-s2 {
grid-column: span 2;
grid-column: span 2;
}
}


.span-3 {
.gc-s3 {
grid-column: span 3;
grid-column: span 3;
}
}


.span-4 {
.gc-s4 {
grid-column: span 4;
grid-column: span 4;
}
}


.span-5 {
.gc-s5 {
grid-column: span 5;
grid-column: span 5;
}
.gr-s2 {
grid-row: span 2;
}
}
1,452

次編輯