更多操作
创建页面,内容为“.infobox { display: table; overflow: visible; width: 100%; text-align: left; line-height: 1.3em; } .infobox-header { width: 100%; border-top: 1px solid; border-color: var(--border-color-base); color: var(--color-base--emphasized); font-size: 1em; } .infobox-data td { text-align: right; font-size: 0.875em; } .infobox tr { display: flex; box-sizing: border-box; flex-direction: column; padding: 0 10px; } #…” |
小无编辑摘要 |
||
(未显示同一用户的28个中间版本) | |||
第5行: | 第5行: | ||
text-align: left; | text-align: left; | ||
line-height: 1.3em; | line-height: 1.3em; | ||
} | |||
.infobox tr { | |||
display: flex; | |||
box-sizing: border-box; | |||
flex-direction: column; | |||
padding: 0 10px; | |||
} | |||
.infobox-icon { | |||
border-top: 2px solid; | |||
border-color: var(--border-color-base); | |||
color: var(--color-base--emphasized); | |||
font-size: 1.5em; | |||
font-weight: bold; | |||
text-shadow: 0 0 10px var(--color-Infobox-Title);/*#f5e56f;*/ | |||
vertical-align: middle; | |||
} | |||
.infobox-icon img { | |||
width: 40px; | |||
height: 40px; | |||
margin: 8px 30px 8px 15px; | |||
} | } | ||
.infobox-header { | .infobox-header { | ||
width: | /*width: 25%;*/ | ||
border-top: 1px solid; | border-top: 1px solid; | ||
border-color: var(--border-color-base); | border-color: var(--border-color-base); | ||
background: linear-gradient(135deg, #d8dbe3, transparent 15%); | |||
border-radius: 4px 0 0 4px; | |||
color: var(--color-base--emphasized); | color: var(--color-base--emphasized); | ||
font-size: 1em; | font-size: 1em; | ||
font-weight: bold; | |||
} | } | ||
.infobox-data td { | .infobox-data td { | ||
text-align: right; | /*text-align: right;*/ | ||
margin-left: auto; | |||
width: 90%; | |||
background-color: transparent; | |||
font-size: 0.875em; | font-size: 0.875em; | ||
} | } | ||
第32行: | 第54行: | ||
max-height: 500px; | max-height: 500px; | ||
max-width: calc(100% - 20px); | max-width: calc(100% - 20px); | ||
} | |||
.infobox-rotate { | |||
transform: rotate(180deg); | |||
} | } |
2024年12月12日 (四) 22:44的最新版本
.infobox {
display: table;
overflow: visible;
width: 100%;
text-align: left;
line-height: 1.3em;
}
.infobox tr {
display: flex;
box-sizing: border-box;
flex-direction: column;
padding: 0 10px;
}
.infobox-icon {
border-top: 2px solid;
border-color: var(--border-color-base);
color: var(--color-base--emphasized);
font-size: 1.5em;
font-weight: bold;
text-shadow: 0 0 10px var(--color-Infobox-Title);/*#f5e56f;*/
vertical-align: middle;
}
.infobox-icon img {
width: 40px;
height: 40px;
margin: 8px 30px 8px 15px;
}
.infobox-header {
/*width: 25%;*/
border-top: 1px solid;
border-color: var(--border-color-base);
background: linear-gradient(135deg, #d8dbe3, transparent 15%);
border-radius: 4px 0 0 4px;
color: var(--color-base--emphasized);
font-size: 1em;
font-weight: bold;
}
.infobox-data td {
/*text-align: right;*/
margin-left: auto;
width: 90%;
background-color: transparent;
font-size: 0.875em;
}
#portrait-image img {
width: auto;
height: auto;
max-height: 500px;
max-width: calc(100% - 20px);
}
.infobox-rotate {
transform: rotate(180deg);
}