Line 346: | Line 346: | ||
max-width: 1000px; | max-width: 1000px; | ||
margin: auto; | margin: auto; | ||
+ | } | ||
+ | |||
+ | p#article{ | ||
+ | font-family: Lato !important; | ||
font-size: 2em !important; | font-size: 2em !important; | ||
− | |||
} | } | ||
Revision as of 19:51, 17 October 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; }
div#globalWrapper{ padding: 0px; height: 100%; }
div.thumb{ border:none; }
/* 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.large-horizontal>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; }
- header_logo{
float: left; height: 10em; margin: 1em; }
- 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; }
- 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: 1rem; }
.social{ margin: 0.5rem; }
.social>a{ position: relative; top: -1rem; padding-left: 1rem; }
/* == Utility == */
.bold{ font-weight: bold; }
.i{ font-style: italic; }
/* == 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; clear: both; font-size: 4em; line-height: 1em; padding: 0.9rem; background-color: rgba(0,0,0,0.5); }
.photo-block > .text > .sub{ font-family: Lato; clear: both; font-size: 2.5em; padding: 1rem; background-color: rgba(0,0,0,0.5); }
.text.left{ margin-left: 1em; }
.text.right{ margin-right: 1em; }
.text.left > .title, .text.left > .sub{ float: left; }
.text.right > .title, .text.right > .sub{ float: right; }
.photo-block#headline{ background-image: url(); }
.photo-block#biology{ background-image: url(); }
/* == 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; }
/* == Team Page == */
- team.photo-block{
background-image:url(); }
.section-header{ margin: auto; font-family: Baloo; font-size: 3em; height: 2em; text-align: center; }
.section-header>.text{ vertical-align: middle; }
/* == Team block == */
.team-block{ background-color: #FFAC03; padding: 1em; width:100%; }
/* == Profile callout == */
.callout > .name{ font-family: Baloo; font-size: 1.5em; text-align: center; margin-bottom: 10px; }
.callout > .profile{ font-family: Lato; margin-top: 10px; }
.profile > .degree{
float: left;
}
.profile > .from{ float: right; }
.profile > .text{ clear: right; }
/* == Sponsor page == */ .acknowledge-block{ background-color: #FFAC03; padding: 1em; }
.sponsor.callout{ float:left; }
.callout > .logo{ float: left; margin-right: 15px; width: 40% }
.callout > .name{ font-family: Baloo; font-size: 1.5em; }
/* == Protocol page == */
- protocols.photo-block{
background-image:url(); }
.protocols-block{ background-color: #FFAC03; padding: 1em; }
.container{ max-width: 1000px; margin: auto; }
/* == Project page == */
- project.photo-block{
background-image:url(); }
/* == Wiki page == */
.wiki-block{ background-color: #FFAC03; padding: 1em; }
.wiki-block > .title{ text-align: center; font-family: Baloo; font-size: 4em; margin: 1em; }
- article{
max-width: 1000px; margin: auto; }
p#article{ font-family: Lato !important; font-size: 2em !important; }
.mw-editsection{ display: none; }
- chassis.photo-block{
background-image:url(); }
.sticky-container{ position: absolute; width: 100%; }
h2, h3, h4{ font-family: Baloo; }
ul{ list-style-type: circle; list-style-image: none; }
/* == 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); }