Difference between revisions of "Team:Glasgow/main.css"
| Line 1: | Line 1: | ||
| − | @import 'https://fonts.googleapis.com/css?family=Baloo|Lato&subset=latin-ext'; | + | @import 'https://fonts.googleapis.com/css?family=Baloo|Lato&subset=latin-ext'; |
| − | /* iGEM Wiki overrides */ | + | /* iGEM Wiki overrides */ |
| − | .footer_container ul{ | + | .footer_container ul{ |
| − | + | margin: 0px; | |
| − | } | + | } |
| − | .top_level_container p{ | + | .top_level_container p{ |
| − | + | font-family: Lato; | |
| − | } | + | } |
| − | #sideMenu, #top_title{ | + | #sideMenu, #top_title{ |
| − | + | display:none; | |
| − | } | + | } |
| − | div#content{ | + | div#content{ |
| − | + | width: 100%; | |
| − | + | padding: 0px; | |
| − | + | margin: 0px; | |
| − | + | top: -20px; | |
| − | } | + | } |
| − | /* End overrides */ | + | /* End overrides */ |
| − | /* Light blue: #C2E0D5; | + | /* Light blue: #C2E0D5; |
| − | + | Dark blue: #44ABA0; | |
| − | */ | + | */ |
| − | /* == Header Styles == */ | + | /* == Header Styles == */ |
| − | a{ | + | a{ |
| − | + | color:inherit; | |
| − | } | + | } |
| − | a:hover{ | + | a:hover{ |
| − | + | text-decoration: none; | |
| − | + | color: #000; | |
| − | } | + | } |
| − | a:visited{ | + | a:visited{ |
| − | + | color:inherit; | |
| − | } | + | } |
| − | .dropdown.menu>li.is-dropdown-submenu-parent>a:after{ | + | .dropdown.menu>li.is-dropdown-submenu-parent>a:after{ |
| − | + | /* Hide the dropdown menu arrows */ | |
| − | + | display:none; | |
| − | } | + | } |
| − | .top-bar-title{ | + | .top-bar-title{ |
| − | + | background-image: url(https://static.igem.org/mediawiki/2016/0/02/Glasgow_Logo.png); | |
| − | + | width: 100%; | |
| − | + | height: 100%; | |
| − | } | + | } |
| − | #header_logo{ | + | #header_logo{ |
| − | + | float: left; | |
| − | + | width: 40%; | |
| − | } | + | } |
| − | #main-nav{ | + | #main-nav{ |
| − | + | /*Style the top bar menu*/ | |
| − | + | color: #44ABA0; | |
| − | + | font-size: 2em; | |
| − | } | + | } |
| − | li.is-dropdown-submenu-item{ | + | li.is-dropdown-submenu-item{ |
| − | + | /*Reset top bar dropdown menu text-size*/ | |
| − | + | font-size: 1rem; | |
| − | } | + | } |
| − | #main-nav .menu.vertical{ | + | #main-nav .menu.vertical{ |
| − | + | /*Style top bar dropdown menu backgrounds*/ | |
| − | + | background-color:#C2E0D5; | |
| − | + | text-align: center; | |
| − | } | + | } |
| − | .headline{ | + | .headline{ |
| − | + | font-family: Baloo; | |
| − | } | + | } |
| − | .top-bar, .dropdown.menu{ | + | .top-bar, .dropdown.menu{ |
| − | + | background-color: #C2E0D5; | |
| − | } | + | } |
| − | /* == Footer Styles == */ | + | /* == Footer Styles == */ |
| − | .footer_container{ | + | .footer_container{ |
| − | + | background-color: #C2E0D5; | |
| − | + | padding: 1rem 0rem 0rem 2rem; | |
| − | + | color: #44ABA0; | |
| − | } | + | } |
| − | li.main_footer_links{ | + | li.main_footer_links{ |
| − | + | vertical-align: top; | |
| − | + | font-family: Baloo; | |
| − | + | font-size: 1.4rem; | |
| − | + | text-align: left; | |
| − | } | + | } |
| − | .main_footer_links>ul{ | + | .main_footer_links>ul{ |
| − | + | font-family: Lato; | |
| − | + | font-size: 1.3rem; | |
| − | } | + | } |
| − | .social{ | + | .social{ |
| − | + | margin: 0.5rem; | |
| − | + | vertical-align: middle; | |
| − | } | + | } |
| − | /* == Icon styles == */ | + | /* == Icon styles == */ |
| − | .icon{ | + | .icon{ |
| − | + | display: inline-block; | |
| − | + | height: 2.5rem; | |
| − | + | width: 2.5rem; | |
| − | } | + | margin: 0.5rem; |
| + | } | ||
| − | .facebook{ | + | .facebook{ |
| − | + | background: url(https://static.igem.org/mediawiki/2016/c/c3/T--Glasgow--Facebook_square_blue.svg); | |
| − | } | + | } |
| − | .twitter{ | + | .twitter{ |
| − | + | background: url(https://static.igem.org/mediawiki/2016/b/bf/T--Glasgow--Twitter_square_blue.svg); | |
| − | } | + | } |
| − | .instagram{ | + | .instagram{ |
| − | + | background: url(https://static.igem.org/mediawiki/2016/d/d5/T--Glasgow--Instagram_square_blue.svg); | |
| − | } | + | } |
Revision as of 14:31, 4 July 2016
@import 'https://fonts.googleapis.com/css?family=Baloo%7CLato&subset=latin-ext';
/* iGEM Wiki overrides */
.footer_container ul{ margin: 0px; }
.top_level_container p{ font-family: Lato; }
#sideMenu, #top_title{ display:none; }
div#content{ width: 100%; padding: 0px; margin: 0px; top: -20px; }
/* End overrides */
/* Light blue: #C2E0D5; Dark blue: #44ABA0; */
/* == Header Styles == */
a{ color:inherit; }
a:hover{ text-decoration: none; color: #000; }
a:visited{ color:inherit; }
.dropdown.menu>li.is-dropdown-submenu-parent>a:after{ /* Hide the dropdown menu arrows */ display:none; }
.top-bar-title{
background-image: url(
);
width: 100%;
height: 100%;
}
#header_logo{ float: left; width: 40%; }
#main-nav{ /*Style the top bar menu*/ color: #44ABA0; font-size: 2em; }
li.is-dropdown-submenu-item{
/*Reset top bar dropdown menu text-size*/
font-size: 1rem;
}
#main-nav .menu.vertical{ /*Style top bar dropdown menu backgrounds*/ background-color:#C2E0D5; text-align: center; }
.headline{ font-family: Baloo; }
.top-bar, .dropdown.menu{ background-color: #C2E0D5; }
/* == Footer Styles == */
.footer_container{ background-color: #C2E0D5; padding: 1rem 0rem 0rem 2rem; color: #44ABA0; }
li.main_footer_links{ vertical-align: top; font-family: Baloo; font-size: 1.4rem; text-align: left; }
.main_footer_links>ul{ font-family: Lato; font-size: 1.3rem; }
.social{ margin: 0.5rem; vertical-align: middle; }
/* == Icon styles == */
.icon{ display: inline-block; height: 2.5rem; width: 2.5rem; margin: 0.5rem; }
.facebook{ background: url(https://static.igem.org/mediawiki/2016/c/c3/T--Glasgow--Facebook_square_blue.svg); }
.twitter{ background: url(https://static.igem.org/mediawiki/2016/b/bf/T--Glasgow--Twitter_square_blue.svg); }
.instagram{ background: url(https://static.igem.org/mediawiki/2016/d/d5/T--Glasgow--Instagram_square_blue.svg); }
