Team:Glasgow/main.css

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

  1. sideMenu, #top_title{

display:none; }

div#content{ width: 100%; padding: 0px; margin: 0px; top: -20px; }

/* End overrides */

/* Light blue: #C2E0D5; Dark blue: #44ABA0;

Yellow: #FFCE2F; Light orange: #FFAC03; Dark orange: #FF8302;

  • /

/* == 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; }

.is-dropdown-submenu{ border:none; }

.top-bar-title{ height: 100%; display: inline-block; }

  1. header_logo{

float: left; height: 10em; margin: 1em; }

  1. main-nav{

/*Style the top bar menu*/ color: #ffce2f; font-size: 3em; height: 2em; line-height: 2em;

}

.top-bar-right{ padding: 4em 0em; }

li.is-dropdown-submenu-item{ /*Reset top bar dropdown menu text-size*/ font-size: 1rem; }

  1. main-nav .menu.vertical{

/*Style top bar dropdown menu backgrounds*/ background-color:#0085B2; text-align: center; }

.headline{ font-family: Baloo; }

.top-bar, .dropdown.menu{ background-color: #0085B2; }

/* == Footer Styles == */

.footer_container{ background-color: #0085B2; padding: 1rem 0rem 0rem 4rem; color: #ffce2f; }

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

.social>a{ position: relative; top: -1rem; padding-left: 1rem; }

/* == Front page == */

/* == Photo block == */ .photo-block{ min-height: 500px; background-position: center; background-size: cover; display: flex; flex-direction: column; justify-content: center; }

.photo-block > .text{ color: #FFF; margin-left: 1em; }

.photo-block > .text > .title{ font-family: Baloo; float: left; clear: both; font-size: 4em; padding: 1rem; background-color: rgba(0,0,0,0.5); }

.photo-block > .text > .sub{ font-family: Lato; float: left; clear: both; font-size: 2.5em; padding: 1rem; background-color: rgba(0,0,0,0.5); }

.photo-block#headline{ background-image: url(T--Glasgow--Group1.jpg); }

.photo-block#biology{ background-image: url(T--Glasgow--Tubes.jpg); }

/* == Text block == */

.text-block{ background-color: #FFAC03; padding: 1em; }

.text-block > .title{ text-align: center; font-family: Baloo; font-size: 4em; margin: 1em; }

.text-block > .copy_container{ max-width: 1000px; margin: 0 auto; }

p.copy{ text-align: justify; font-family: Lato !important; font-size: 1.5em !important; line-height: 1.5; }

/* == Icon styles == */

.icon{ display: inline-block; height: 2.5rem; width: 2.5rem; }

.facebook{ background: url(https://static.igem.org/mediawiki/2016/b/b5/T--Glasgow--Facebook_square_orange.svg); }

.twitter{ background: url(https://static.igem.org/mediawiki/2016/3/37/T--Glasgow--Twitter_square_orange.svg); }

.instagram{ background: url(https://static.igem.org/mediawiki/2016/c/c4/T--Glasgow--Instagram_square_orange.svg); }