Template:CFR-CSS
Jump to navigation
Jump to search
<html> <style>
html,
body {
height: 100%;
-webkit-animation: fadein .5s;
animation: fadein .5s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,900');
* {
margin: 0;
padding: 0;
}
/* THIS IS THE SECRET SAUCE for GCpedia, BODY AND SUPER-BODY classes */
body {
overflow-y: hidden;
background-color: #f8f8f8;
}
.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;
background-color: #fff;
-webkit-transition: all .2s ease-in;
transition: all .5s ease-in;
font-family: 'Roboto', sans-serif;
font-size: 14px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
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;
}
.mw-content-ltr ul,
.mw-content-rtl .mw-content-ltr ul {
margin: 0;
}
.mw-body .mw-body-content h1 {
margin-top: 0;
}
.mw-body h1,
.mw-body h2 {
font-family: sans-serif;
line-height: 1.3;
margin-bottom: .25em;
padding: 0;
border-bottom: 1px solid transparent;
}
/*new css*/
h4 {
padding-top: 0;
}
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
line-height: 1.2;
margin-top: .1em;
margin-bottom: .1em;
padding-bottom: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0px;
border: 1px solid transparent;
}
.navbar-default {
background-color: #fff;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #222;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #222;
}
.navbar-default .navbar-nav>li>a {
color: #222;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
color: #111;
background-color: transparent;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-brand {
font-weight: bolder;
}
.logo {
height: 21px;
}
.btn {
min-height: 34px;
}
.navbar-default .navbar-nav>li>a:visited {
color: #222;
}
ul.dropdown-menu {
padding: 0;
}
.dropdown-menu>li>a {
display: block;
padding: 15px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
border-bottom: 1px solid #e8e8e8;
}
.home {
padding: 20px;
background-color: #fff;
}
.home p {
font-size: 20px;
font-weight: 400;
}
.home h2 {
font-size: 3em;
font-weight: bolder;
margin-bottom: 20px;
}
.home h3 {
font-weight: bolder;
margin-top: 40px;
}
.home {
padding: 0 0 30px;
}
.home .filter-button-group {
padding: 15px 0;
}
.jumbotron--background-image {
color: #222;
min-height: 20vh;
justify-content: center;
background-position: 50% 100%;
background-size: cover;
background-repeat: no-repeat;
background-color: #fff;
text-align: center;
}
.jumbotron--background-image h1 {
font-weight: bolder;
}
.jumbotron--background-image h3 {
line-height: 1.4em;
font-size: 24px;
font-weight: bold;
}
div[class^="col-"] {
margin-bottom: 20px;
}
div[class^="col-"] img {
margin: 30px auto;
}
.footer {
padding: 30px 0;
background-color: #232323;
color: #e8e8e8;
}
.footer a {
color: #e8e8e8;
}
.navbar-inverse {
background: rgba(0, 0, 0, 0.8);
}
.align-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
</style> </html>
