Template:Dizzy/base.scss: Difference between revisions

From retromux
Jump to navigation Jump to search
Dizzy (talk | contribs)
No edit summary
Dizzy (talk | contribs)
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 27: Line 27:
.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 {
.container-content {
padding: 1rem;
padding: 1rem;
}
.container-content h1 {
margin-bottom: 1rem;
}
}


Line 99: 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; }