(27 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | @import url('https://fonts.googleapis.com/css?family=Roboto|Quicksand'); | + | @import url('https://fonts.googleapis.com/css?family=Roboto|Quicksand:400,700'); |
+ | |||
+ | |||
+ | <!--colours | ||
+ | header background blue = #1e586a | ||
+ | dropdown lighter blue = #08746e | ||
+ | off-white text = #f8ffff | ||
+ | hover-over yellow = #ffce2f | ||
+ | --> | ||
Line 91: | Line 99: | ||
background-color: #1e586a; | background-color: #1e586a; | ||
color: #f8ffff; | color: #f8ffff; | ||
− | font-size: 1. | + | font-size: 1.25em; |
− | height: | + | height: 1.25em; |
line-height: 2em; | line-height: 2em; | ||
Line 122: | Line 130: | ||
.headline{ | .headline{ | ||
font-family: Quicksand; | font-family: Quicksand; | ||
+ | font-weight: 700; | ||
background-color: #1e586a; | background-color: #1e586a; | ||
} | } | ||
Line 135: | Line 144: | ||
/* == Footer Styles == */ | /* == Footer Styles == */ | ||
+ | |||
+ | /* redundant now footer style is declared there | ||
+ | |||
.footer_container{ | .footer_container{ | ||
Line 163: | Line 175: | ||
padding-left: 1rem; | padding-left: 1rem; | ||
} | } | ||
+ | */ | ||
/* == Utility == */ | /* == Utility == */ | ||
Line 194: | Line 207: | ||
.photo-block > .text > .title{ | .photo-block > .text > .title{ | ||
font-family: Quicksand; | font-family: Quicksand; | ||
+ | font-weight: 400; | ||
clear: both; | clear: both; | ||
font-size: 4em; | font-size: 4em; | ||
Line 227: | Line 241: | ||
.photo-block#test1{ | .photo-block#test1{ | ||
background-image: url(https://static.igem.org/mediawiki/2017/d/d4/Glasgow2017_test_image.JPG); | background-image: url(https://static.igem.org/mediawiki/2017/d/d4/Glasgow2017_test_image.JPG); | ||
+ | } | ||
+ | |||
+ | .photo-block#templatepage{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/d/d4/Glasgow2017_test_image.JPG); | ||
+ | } | ||
+ | |||
+ | .photo-block#underconstruction{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/7/71/T--Glasgow--underconstruction.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#QuorumSensing{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/e/e3/Glasgow_header_quorumsensing.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Interlab{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/e/eb/Glasgow_header_Interlab.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#mtlR{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/9/95/Glasgow_header_mtlR.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Hardware{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/e/e7/Glasgow_header_Hardware.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Applied_Design{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/5/5f/Glasgow_header_Applied_Design.JPG); | ||
+ | } | ||
+ | |||
+ | .photo-block#HydrogelStrip{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/6/67/Glasgow_header_Hydrogels.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#BacillusSubtilis{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/b/b6/Glasgow_header_Bascillus.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Collaborations{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/3/3f/Glasgow_header_Collaboration.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Xylulose{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/0/09/Glasgow_header_xylulose.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Gold{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/d/db/Glasgow_header_gold.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Silver{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/3/33/Glasgow_header_silver.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Public{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/b/b8/Glasgow_header_public_engagement.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Policy{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/f/f7/Glasgow_header_policy_brief.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#AraC{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/9/96/Glasgow_header_AraC.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#AND{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/f/fb/Glasgow_header_ANDgateWeeklyLog.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#journal{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/7/7e/Glasgow_header_journal.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#team{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/d/d5/Glasgow_header_Team.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Attributions{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/f/f5/Glasgow_header_attributions.JPG); | ||
+ | } | ||
+ | |||
+ | .photo-block#Description{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/2/21/Glasgow_header_Description.png); | ||
+ | } | ||
+ | |||
+ | .photo-block#Frontpage{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/2/29/Glasgow_header_frontpage.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Partslist{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/1/16/Glasgow_header_parts.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Demonstrate{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/e/e5/Glasgow_header_demonstrate.jpg); | ||
+ | } | ||
+ | |||
+ | .photo-block#Ceremony{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/f/f2/T-Glasgow-Ceremony.jpeg); | ||
} | } | ||
Line 239: | Line 353: | ||
text-align: center; | text-align: center; | ||
font-family: Quicksand; | font-family: Quicksand; | ||
+ | font-weight: 400; | ||
font-size: 4em; | font-size: 4em; | ||
margin: 1em; | margin: 1em; | ||
Line 264: | Line 379: | ||
margin: auto; | margin: auto; | ||
font-family: Quicksand; | font-family: Quicksand; | ||
+ | font-weight: 400; | ||
font-size: 3em; | font-size: 3em; | ||
height: 2em; | height: 2em; | ||
Line 285: | Line 401: | ||
.callout > .name{ | .callout > .name{ | ||
font-family: Quicksand; | font-family: Quicksand; | ||
+ | font-weight: 400; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
text-align: center; | text-align: center; | ||
Line 326: | Line 443: | ||
.callout > .name{ | .callout > .name{ | ||
font-family: Quicksand; | font-family: Quicksand; | ||
+ | font-weight: 400; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
} | } | ||
Line 351: | Line 469: | ||
text-align: center; | text-align: center; | ||
font-family: Quicksand; | font-family: Quicksand; | ||
+ | font-weight: 400; | ||
font-size: 4em; | font-size: 4em; | ||
margin: 1em; | margin: 1em; | ||
Line 363: | Line 482: | ||
#article, #article p{ | #article, #article p{ | ||
font-family: Roboto; | font-family: Roboto; | ||
− | font-size: | + | font-size: 0.9rem; |
line-height: 1.5rem; | line-height: 1.5rem; | ||
} | } | ||
Line 384: | Line 503: | ||
h2, h3, h4{ | h2, h3, h4{ | ||
font-family: Quicksand; | font-family: Quicksand; | ||
+ | font-weight: 400; | ||
} | } | ||
Line 394: | Line 514: | ||
.article-image-container{ | .article-image-container{ | ||
text-align: center; | text-align: center; | ||
+ | max-width: 800px; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
} | } | ||
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; }
- 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; }
- header_logo{
float: left; height: 5em; margin: 0.5em; }
- 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; }
- 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; }
- article{
max-width: 1000px; margin: auto; left: 260px; }
- 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); }