更多操作
小无编辑摘要 |
小无编辑摘要 |
||
(未显示同一用户的18个中间版本) | |||
第18行: | 第18行: | ||
border-color: var(--border-color-base); | border-color: var(--border-color-base); | ||
color: var(--color-base--emphasized); | color: var(--color-base--emphasized); | ||
font-size: | 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; | |||
} | } | ||
第25行: | 第34行: | ||
border-top: 1px solid; | border-top: 1px solid; | ||
border-color: var(--border-color-base); | border-color: var(--border-color-base); | ||
background: linear-gradient( | 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; | ||
第44行: | 第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);
}