Difference between revisions of "Template:Glasgow/glasgowcss"

Latest revision as of 20:09, 15 December 2017

@import url('https://fonts.googleapis.com/css?family=Roboto%7CQuicksand:400,700');

/* iGEM Wiki overrides */

.footer_container ul{ margin: 0px; }

.top_level_container p{ font-family: Roboto; }

1. 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{

       /* hover over text colour */

text-decoration: none; color: #ffce2f; }

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; background-color: #1e586a; }

.title-bar-title{ font-size: 1.0rem; }

.top-bar{ background-color: #1e586a; }

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

1. header_logo{

float: left; height: 5em; margin: 0.5em; }

1. main-nav{

/*font Style the top bar menu options*/ background-color: #1e586a; color: #f8ffff; font-size: 1.25em; height: 1.25em; line-height: 2em;

}

.top-bar-right{ padding: 2em 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: #08746e;

       font-family: Roboto;

text-align: center;

}

a:hover{

       /* hover over text colour */

text-decoration: underline; color: #ffce2f; }

.headline{ font-family: Quicksand; font-weight: 700; background-color: #1e586a; }

.top-bar, .dropdown.menu{ height:100; background-color: #1e586a; }

.accordion-menu { background-color: #1e586a; }

/* == Footer Styles == */

/* redundant now footer style is declared there

.footer_container{ background-color: #1e586a; padding: 1rem 0rem 0rem 4rem; color: #f8ffff; }

li.main_footer_links{ vertical-align: top; font-family: Quicksand; font-size: 1.4rem; text-align: left; }

.main_footer_links>ul{ font-family: Roboto; 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: Quicksand; font-weight: 400; 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: Roboto; 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#test1{ background-image: url(); }

.photo-block#templatepage{ background-image: url(); }

.photo-block#underconstruction{ background-image: url(); }

.photo-block#QuorumSensing{ background-image: url(); }

.photo-block#Interlab{ background-image: url(); }

.photo-block#mtlR{ background-image: url(); }

.photo-block#Hardware{ background-image: url(); }

.photo-block#Applied_Design{ background-image: url(); }

.photo-block#HydrogelStrip{ background-image: url(); }

.photo-block#BacillusSubtilis{ background-image: url(); }

.photo-block#Collaborations{ background-image: url(); }

.photo-block#Xylulose{ background-image: url(); }

.photo-block#Gold{ background-image: url(); }

.photo-block#Silver{ background-image: url(); }

.photo-block#Public{ background-image: url(); }

.photo-block#Policy{ background-image: url(); }

.photo-block#AraC{ background-image: url(); }

.photo-block#AND{ background-image: url(); }

.photo-block#journal{ background-image: url(); }

.photo-block#team{ background-image: url(); }

.photo-block#Attributions{ background-image: url(); }

.photo-block#Description{ background-image: url(); }

.photo-block#Frontpage{ background-image: url(); }

.photo-block#Partslist{ background-image: url(); }

.photo-block#Demonstrate{ background-image: url(); }

.photo-block#Ceremony{ background-image: url(); }

/* == Text block == */

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

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

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

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

h2 {

   text-decoration: underline;

}

/* == Team Page == */

.section-header{ margin: auto; font-family: Quicksand; font-weight: 400; font-size: 3em; height: 2em; text-align: center; }

.section-header>.text{ vertical-align: middle; }

/* == Team block == */

.team-block{ background-color: #f8ffff; padding: 1em; width:100%; }

/* == Profile callout == */

.callout > .name{ font-family: Quicksand; font-weight: 400; font-size: 1.5em; text-align: center; margin-bottom: 10px; }

.callout > .profile{ font-family: Roboto; margin-top: 10px; }

.profile > .degree{ float: left; }

.profile > .from{ float: right; }

.profile > .text{ clear: right; }

/* == Sponsor page == */ .acknowledge-block{ background-color: #f8ffff; padding: 1em; }

.sponsor.callout{ float:left; }

.callout > .logo{ float: left; margin-right: 15px; width: 40% }

.callout > .name{ font-family: Quicksand; font-weight: 400; font-size: 1.5em; }

/* == Protocol page == */

.protocols-block{ background-color: #f8ffff; padding: 1em; }

.container{ max-width: 1000px; margin: auto; }

/* == Wiki page == */

.wiki-block{ background-color: #f8ffff; padding: 1em; }

.wiki-block > .title{ text-align: center; font-family: Quicksand; font-weight: 400; font-size: 4em; margin: 1em; }

1. article{

max-width: 1000px; margin: auto; left: 260px; }

1. article, #article p{

font-family: Roboto; font-size: 0.9rem; line-height: 1.5rem; }

code{ font-size: 1rem; max-height: 400px; }

.mw-editsection{ display: none; }

.sticky-container{ position: absolute; max-width: 250px; width: 100%; }

h2, h3, h4{ font-family: Quicksand; font-weight: 400; }

ul{ list-style-type: circle; list-style-image: none; }

/* == Wiki photo block == */ .article-image-container{ text-align: center;

   max-width: 800px;
   width: 100%;
   height: auto;

}

.article-image-caption{ padding-top: 10px; text-align: justify; font-size: 0.8em; max-width: 70%; margin: auto; } }

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