Template:Sandbox/Aurelain/LawSummary/styles.css: Difference between revisions
From Heroes of Might and Magic: Olden Era Official Wiki
No edit summary |
No edit summary |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.law-summary { | .law-summary { | ||
margin-top: | margin-top: 24px; | ||
} | } | ||
.law-summary .banner { | .law-summary .banner { | ||
display: flex; | display: flex; | ||
margin-bottom: | margin-bottom: 6px; | ||
align-items: center; | |||
} | } | ||
| Line 21: | Line 22: | ||
font-weight: bold; | font-weight: bold; | ||
color: #bcb096; | color: #bcb096; | ||
} | |||
.law-summary .ribbon { | |||
border-top: solid 1px #a49980; | |||
width: max-content; | |||
margin-top:4px; | |||
margin-bottom: 4px; | |||
} | } | ||
| Line 26: | Line 34: | ||
display: inline-block; | display: inline-block; | ||
vertical-align: middle; | vertical-align: middle; | ||
white-space: nowrap; | white-space: nowrap; | ||
padding: 0 8px; | padding: 0 8px; | ||
} | } | ||
.law-summary .field | .law-summary .field:first-child { | ||
padding-left: 0; | |||
padding-left:0; | |||
} | } | ||
Latest revision as of 07:14, 31 July 2026
.law-summary {
margin-top: 24px;
}
.law-summary .banner {
display: flex;
margin-bottom: 6px;
align-items: center;
}
.law-summary .icon {
flex-shrink: 0;
}
.law-summary .about {
margin-left: 8px;
flex-grow: 1;
}
.law-summary .name {
font-size: larger;
font-weight: bold;
color: #bcb096;
}
.law-summary .ribbon {
border-top: solid 1px #a49980;
width: max-content;
margin-top:4px;
margin-bottom: 4px;
}
.law-summary .field {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
padding: 0 8px;
}
.law-summary .field:first-child {
padding-left: 0;
}
.law-summary .island {
font-weight: bold;
white-space: nowrap;
}
.law-summary .island > span {
padding-left: 1px;
padding-right: 1px;
}
.law-summary .island > span:nth-child(1) {
color: #c8b36c;
}
.law-summary .island > span:nth-child(2) {
color: #2ea821;
}
.law-summary .island > span:nth-child(3) {
color: #47adf2;
}


