Common.css: Difference between revisions
(Created page with "→CSS placed here will be applied to all skins: .example-box { margin: 1em 0; border: 1px solid #c8ccd1; border-left: 4px solid #36c; border-radius: 4px; background: #f8f9fa; overflow: hidden; } .example-box-title { font-weight: bold; padding: 0.5em 0.75em; background: #eaecf0; border-bottom: 1px solid #c8ccd1; } .example-box-content { padding: 0.75em 1em; }") |
No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.botc-example { | |||
.example | width: 36em; | ||
max-width: 90%; | |||
margin: 1em auto; | |||
padding: 0.75em 1em; | |||
background: #f8f9fa; | background: #f8f9fa; | ||
border: 1px solid #a2a9b1; | |||
border-radius: 6px; | |||
box-sizing: border-box; | |||
line-height: 1.5; | |||
} | |||
.botc-example > :first-child { | |||
margin-top: 0; | |||
} | |||
.botc-example > :last-child { | |||
margin-bottom: 0; | |||
} | |||
.character-info { | |||
display: flex; | |||
gap: 2em; | |||
align-items: flex-start; | |||
} | } | ||
. | .character-info > div { | ||
flex: 1; | |||
} | } | ||
. | @media (max-width: 1000px) { | ||
.character-info { | |||
flex-direction: column; | |||
gap: 0; | |||
} | |||
.character-info > div { | |||
width: 100%; | |||
} | |||
} | } | ||
Latest revision as of 12:06, 29 June 2026
.botc-example {
width: 36em;
max-width: 90%;
margin: 1em auto;
padding: 0.75em 1em;
background: #f8f9fa;
border: 1px solid #a2a9b1;
border-radius: 6px;
box-sizing: border-box;
line-height: 1.5;
}
.botc-example > :first-child {
margin-top: 0;
}
.botc-example > :last-child {
margin-bottom: 0;
}
.character-info {
display: flex;
gap: 2em;
align-items: flex-start;
}
.character-info > div {
flex: 1;
}
@media (max-width: 1000px) {
.character-info {
flex-direction: column;
gap: 0;
}
.character-info > div {
width: 100%;
}
}