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
 
(53 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;
}
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 {
.main-container {
font-family: serif;
color: {{{font color}}};
width: 100%;
width: 100%;
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 {
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 14: 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; }