65
edits
Changes
Jump to navigation
Jump to search
Line 1:
Line 1: − + − − 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> − − } − − −
Diane.Beauregard/sandbox (view source)
Revision as of 12:51, 26 September 2019
, 12:51, 26 September 2019no edit summary
{{#css:
{{CFR-CSS}}
}}
<html>
<html>
