Template:Dizzy/base.scss

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-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; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px; -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75); webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75); }

.gallery-content img:hover { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); cursor: pointer; }