更多操作
小无编辑摘要 |
小无编辑摘要 |
||
(未显示同一用户的25个中间版本) | |||
第12行: | 第12行: | ||
flex-direction: column; | flex-direction: column; | ||
padding: 0 10px; | 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: 25%; | /*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;*/ | ||
width: | margin-left: auto; | ||
background-color: | width: 90%; | ||
background-color: transparent; | |||
font-size: 0.875em; | font-size: 0.875em; | ||
} | } | ||
第35行: | 第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);
}