Changes

Jump to navigation Jump to search

Template:Tbs-exp-gov css (view source)

Revision as of 12:58, 19 March 2018

11,079 bytes added ,  12:58, 19 March 2018
Created page with "<html> <style> html, body { height: 100%; -webkit-animation: fadein .5s; animation: fadein .5s; background-color: #232323; } @keyframes f..."
<html>
<style>
html,
body {
height: 100%;
-webkit-animation: fadein .5s;
animation: fadein .5s;
background-color: #232323;
}

@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: #232323;
}

.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;
font-family: 'Roboto', sans-serif;
font-size: 14px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
background-color: #232323;
}

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;
}

.navbar-inverse {
background-color: #232323;
border-color: #212121;
}

.navbar-inverse .input-group .form-control {
background-color: rgba(255, 255, 255, .125);
border-radius: 0;
border: 0;
}

.navbar-inverse input[placeholder],
[placeholder],
*[placeholder] {
color: #fff!important;
}

.navbar-inverse .btn.btn-default {
background-color: #6a6a6a;
color: #fff;
border: 0;
}

.navbar-inverse .form-control::-webkit-input-placeholder {
color: #ddd!important;
}

.navbar-inverse .form-control:-moz-placeholder {
color: #ddd!important;
}

.navbar-inverse .form-control::-moz-placeholder {
color: #ddd!important;
}

.navbar-inverse .form-control:-ms-input-placeholder {
color: #ddd!important;
}

.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;
}

.input-mailchimp {
min-width: 200px;
}

@media (max-width: 767px) {
.input-mailchimp {
width: auto;
}
}

.index {
padding: 20px;
background-color: #232323;
color: #fff;
}

.index p {
font-size: 20px;
font-weight: 400;
}

.index h2 {
font-size: 2em;
font-weight: bolder;
}

.index .btn-default {
background-color: #232323;
color: #fff;
}

.home {
padding: 20px;
background-color: #fff;
color: #232323;
}

.home p {
font-size: 20px;
font-weight: 400;
}

.home h2 {
font-size: 2em;
font-weight: bolder;
}

.home .btn-default {
background-color: #fff;
color: #232323;
}
/*masonry*/

* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* ---- grid ---- */

.grid {
background: #232323;
max-width: 1200px;
margin-top: 1em;
}
/* clearfix */

.grid:after {
content: '';
display: block;
clear: both;
}
/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
width: 20%;
}

.grid-item {
height: 150px;
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 20px;
border: 1px solid #fff;
}

.grid-item:hover,
.grid-item:active,
.grid-item:focus {
background-color: #313131;
-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
z-index: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

.grid-item span {
-ms-flex-item-align: end;
align-self: flex-end;
}

.grid-item h3 {
color: #fff;
text-shadow: 0 2px 20px rgba(0, 0, 0, .4);
font-size: 1.2em;
}

.home a:hover {
text-decoration: none;
}

.grid-item--width2 {
width: 20%;
}

.grid-item--width3 {
width: 40%;
}

.grid-item--height2 {
height: 300px;
}

@media (max-width:767px) {
.grid-sizer,
.grid-item {
width: 100%;
}
.grid-item {
height: 250px;
float: left;
}
}

.home {
padding: .5em 0 5em;
}

.home .filter-button-group {
padding: 15px 0;
}

.filter-subtitle {
display: inline-block;
float: left;
margin-right: 20px;
}

.filter-subtitle img {
margin-right: 6px;
}

.tile-1 {
background-color: #2D3142;
/* background-color: #232323;*/
}

.tile-2 {
background-color: #4F5D75;
/* background-color: #232323;*/
}

.tile-3 {
background-color: #767c86;
/* background-color: #232323;*/
}

.tile-4 {
background-color: #EF8354;
/* background-color: #232323;*/
}

.tile-5 {
background-color: #2D3142;
/* background-color: #232323;*/
}

.tile-6 {
background-color: #767c86;
/* background-color: #232323;*/
}

.tile-7 {
background-color: #EF8354;
/* background-color: #232323;*/
}

.tile-8 {
background-color: #2D3142;
/* background-color: #232323;*/
}

.tile-9 {
background-color: #4F5D75;
/* background-color: #232323;*/
}

.tile-10 {
background-color: #767c86;
/* background-color: #232323;*/
}

.jumbotron-image-1 {
color: #fff;
-webkit-box-shadow: inset 0px -69px 172px -4px rgba(0, 0, 0, 0.65);
box-shadow: inset 0px -69px 172px -4px rgba(0, 0, 0, 0.65);
min-height: 44vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 0;
}

div[class^="col-"] {
margin-bottom: 20px;
}

div[class^="col-"] img {
margin: 30px auto;
}

.footer {
padding: 3.5em 0;
background-color: #292929;
color: #e8e8e8;
}

.footer a {
color: #e8e8e8;
}

.footer h6 {
font-size: .9em;
line-height: 1.5em;
}

</style>

</html>
Retrieved from "https://wiki.gccollab.ca/Special:MobileDiff/783"

Navigation menu

GCwiki