Template:Dizzy/base.scss: Difference between revisions
No edit summary |
No edit summary |
||
| (41 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
} | |||
pre, code, .mw-code { | |||
border: none; | |||
} | } | ||
| Line 9: | Line 13: | ||
color: {{{font color}}}; | color: {{{font color}}}; | ||
border-bottom: 1px solid {{{font color}}}; | border-bottom: 1px solid {{{font color}}}; | ||
} | |||
table { | |||
width: 100%; | |||
padding: 0 1rem; | |||
} | |||
table tr td:nth-child(1) { | |||
font-weight: 600; | |||
width: 50%; | |||
} | } | ||
.vector-body .mw-heading1, .vector-body h1 { | .vector-body .mw-heading1, .vector-body h1 { | ||
margin: 0 | margin: 0 | ||
} | |||
.container table { | |||
background-color: {{{background color}}}; | |||
} | |||
.container-content { | |||
padding: 1rem; | |||
} | |||
.container-content h1 { | |||
margin-bottom: 1rem; | |||
} | |||
.container-content table { | |||
padding: 0; | |||
} | |||
.container-content table tr td:nth-child(1) { | |||
width: 20%; | |||
} | } | ||
| Line 21: | Line 56: | ||
max-width: 1200px; | max-width: 1200px; | ||
background-color: {{{background color}}} | background-color: {{{background color}}} | ||
} | |||
.contrast-container * { | |||
background-color: {{{contrast background color}}}; | |||
color: {{{contrast font color}}}; | |||
} | |||
.contrast-container h1 { | |||
background-color: {{{contrast background color}}}; | |||
color: {{{contrast font color}}}; | |||
border-bottom: 1px solid {{{contrast font color}}}; | |||
} | } | ||
.title-container { | .title-container { | ||
padding: 1rem; | |||
} | |||
.split-container { | |||
width: 100%; | |||
display: flex; | |||
} | |||
.stat-container { | |||
width: 30%; | |||
min-width: 340px; | |||
background-color: {{{contrast background color}}}; | |||
} | |||
.stat-container .stat-box { | |||
padding: 1rem 0; | |||
} | |||
.stat-container table { | |||
color: {{{contrast font color}}}; | |||
background-color: {{{contrast background color}}}; | |||
} | |||
.stat-container hr { | |||
background-color: {{{contrast font color}}}; | |||
color: {{{contrast font color}}}; | |||
border-width: 1px; | |||
border-style: solid none solid none; | |||
} | |||
.biography-container { | |||
width: 70%; | |||
} | } | ||
| Line 31: | Line 108: | ||
width: 100%; | width: 100%; | ||
max-width: 1200px; | max-width: 1200px; | ||
} | |||
.gallery-content { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
} | |||
.gallery-content img { | |||
max-width: 260px !important; | |||
height: auto; | |||
margin: 0 10px; | |||
} | } | ||
Latest revision as of 00:12, 5 December 2024
pre, .mw-code { padding: 0; margin: 0; }
pre, code, .mw-code { border: none; }
h1 { display: flex; justify-content: center; color: {{{font color}}}; border-bottom: 1px solid {{{font color}}}; }
table { width: 100%; padding: 0 1rem; }
table tr td:nth-child(1) { font-weight: 600; width: 50%; }
.vector-body .mw-heading1, .vector-body h1 { margin: 0 }
.container table { background-color: {{{background color}}};
}
.container-content { padding: 1rem; }
.container-content h1 { margin-bottom: 1rem; }
.container-content table { padding: 0; }
.container-content table tr td:nth-child(1) { width: 20%; }
.main-container { font-family: serif; color: {{{font color}}}; width: 100%; max-width: 1200px; background-color: {{{background color}}} }
.contrast-container * { background-color: {{{contrast background color}}}; color: {{{contrast font color}}}; }
.contrast-container h1 { background-color: {{{contrast background color}}}; color: {{{contrast font color}}}; border-bottom: 1px solid {{{contrast font color}}}; }
.title-container { padding: 1rem; }
.split-container { width: 100%; display: flex; }
.stat-container { width: 30%; min-width: 340px; background-color: {{{contrast background color}}}; }
.stat-container .stat-box { padding: 1rem 0; }
.stat-container table { color: {{{contrast font color}}}; background-color: {{{contrast background color}}}; }
.stat-container hr { background-color: {{{contrast font color}}}; color: {{{contrast font color}}}; border-width: 1px; border-style: solid none solid none; }
.biography-container { width: 70%; }
a img { height: auto; width: 100%; max-width: 1200px; }
.gallery-content { display: flex; flex-wrap: wrap; justify-content: center; }
.gallery-content img { max-width: 260px !important; height: auto; margin: 0 10px; }