Template:Prg-diversity-scan-19-20 css
<html> <style> @charset "utf-8"; /* CSS Document */ html, body { height: 100%; -webkit-animation: fadein .5s; animation: fadein .5s; background-color: #232323; scroll-behavior: smooth; }
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
} }
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
} } /* THIS IS THE SECRET SAUCE for GCpedia, BODY AND SUPER-BODY classes */
body { overflow-y: hidden; background-color: white; } .super-body { position: fixed; overflow-y: scroll; overflow-x: hidden; -ms-overflow-x: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; -webkit-transition: all .5s ease-in; transition: all .5s ease-in; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; background-color: white; } .navbar { margin-bottom: 0px !important; height: 75px; box-shadow: 0px -8px 15px #000; } div#mw-head { position: absolute; top: 145px; right: 0; width: 100%; display: none; } div#mw-panel { font-size: inherit; position: absolute; top: 160px; padding-top: 1em; width: 10em; left: 0; display: none; }
- footer {
display: none; }
.footer { background-color: #203166 !important; color: white; }
.mw-body p {
} .mw-body h1, h2, h3, h4 { font-family: Century Gothic, sans-serif; border: 0px; font-weight: 700;
} .nav-link { font-weight: 500; color: #3e4854; font-size: 15px; }
.mw-body-content { font-size: 1rem !important; }
ul { list-style-image: none !important; margin-bottom: 1rem !important; }
h2 {
font-size: 24px;
font-weight: bold;
}
h3 { font-size: 1em; color: #CF2448; font-weight: bold; }
h4 { font-size: 1.1em; color: black; font-weight: bold; }
h5 { font-size: 0.9em; text-transform: uppercase; color: black; font-weight: bold; }
p, ul, li { color: #2E2E2E; font-size: 14px; font-family: 'Heebo'; line-height: 150%; }
li { margin-bottom: .5em; }
.nav { height: 75px; }
.left-nav { height: 100%; display: flex; align-items: center; float: left; }
.right-nav { height: 100%; display: flex; align-items: center; float: right; }
.lg-container { width: 1200px; max-width: 1200px; margin: 0 auto; }
.flex-h-cards { display: flex; justify-content: space-between; width: 100%; }
.flex-h-cards-around { display: flex; justify-content: space-around; width: 100%; }
.flex-card-content { display: flex; flex-direction: column; align-items: center; font-size: 11pt; }
.lg-card { border-radius: 5px; border: #B7E2E8 1px solid; padding: 25px; width: 49%; }
.orange-btn { border-radius: 2px; background-color: #DF7453; padding: 10px 25px 10px 25px; color: white; font-weight: bold; transition: 0.2s ease; }
.orange-btn:hover { background-color: #C54700; color: white; text-decoration: none; }
.rvg-footer { display: flex; align-items: center; font-size: 10pt; height: 50px; background-color: #f4f4f4; text-align: center; position: relative; }
.footer-center { margin: auto; position: absolute; top: 0%; left: 0%; right: 0%; bottom: 0%; align-content: center; width: 15px; height: 16px; }
.footer-right { height: 100%; display: flex; align-items: center; float: right; } .footer-left { margin: auto 0; height: 100%; display: flex; align-items: center; }
- feedback {
text-align: center; border-top: #B7B7B7 dashed 1px; }
.super-body { font-family: 'Heebo' !important; }
.nav-link { font-weight: bold; font-size: 14px; }
.rvg-ol { width: 100%; margin-bottom: 25px; margin-top: 20px; }
.rvg-ol-number { font-size: 1.5em; font-weight: 900; width: 20%; justify-content: center; display: flex; color: white; line-height: 1.3; }
.rvg-ol-circle { width: 50px; height: 50px; padding: 10px; display: flex; align-content:center; justify-content:center; background-color: #CF2448; border-radius: 50px; }
.rvg-ol-desc { width: 80%; }
.rvg-ol-desc p { margin-bottom: 0; line-height: 150%; }
</style> </html>
