Team:Imperial College/Templates:custom css
From 2013.igem.org
Neilthomson (Talk | contribs) |
Neilthomson (Talk | contribs) |
||
Line 198: | Line 198: | ||
/* Yellow #F9B233 */ | /* Yellow #F9B233 */ | ||
- | .nav.main { | + | .nav.main, |
+ | #n-third { | ||
text-align: center; | text-align: center; | ||
padding: 0; | padding: 0; | ||
Line 210: | Line 211: | ||
text-align: center; | text-align: center; | ||
float: left; | float: left; | ||
+ | } | ||
+ | |||
+ | #n-first { | ||
+ | |||
} | } | ||
Line 215: | Line 220: | ||
width: 25%; | width: 25%; | ||
} | } | ||
+ | |||
+ | #n-second { | ||
+ | |||
+ | } | ||
+ | |||
#n-second li { | #n-second li { | ||
width: 33%; | width: 33%; | ||
+ | } | ||
+ | |||
+ | #n-third { | ||
+ | |||
+ | } | ||
+ | |||
+ | #n-third li { | ||
+ | |||
} | } | ||
.nav.main li a:link { | .nav.main li a:link { | ||
color: #FFF; | color: #FFF; | ||
+ | display: block; | ||
+ | margin: .5em 0; | ||
+ | font-size: 0.8em; | ||
+ | text-transform: uppercase; | ||
+ | |||
} | } | ||
Revision as of 21:40, 11 September 2013
/* PLEASE READ https://2013.igem.org/wiki/index.php?title=Team:Imperial_College/Templates:StyleGuide&action=edit */
/* ---------------- WikiMedia Elements / Page Structure---------------- */
/* HIDE Big horrible image at top from iGem 2013 Search Controls Page title */
- p-logo,
- search-controls,
.firstHeading {
display: none;
}
/* Remove default top header */
- top-section {
background-color: #ffffff; border: none; height:20px; margin-top: 0; margin-bottom: 20px;
}
- top-section:hover {
background: #36A9E1;
}
/* Edit and user menu */
- menubar {
top: 0 !important; font-size: 0.7em;
}
- menubar li,
- menubar li a:link {
text-transform: uppercase;
}
/* Highlight with background colour on hover */
- top-section:hover #menubar li a {
color: #FFF;
}
- menubar li a:link,
- menubar li a:visited {
color: #DDD; background-color: transparent;
}
- menubar li a:hover,
- menubar li a:focus {
color: #A3C4E9; text-decoration: none;
}
/* Edit */
- menubar.left-menu{
}
- menubar.left-menu:hover {
background-color: transparent;
}
/* User */
- menubar.right-menu {
}
/* ? */
- catlinks {
border:none; background: #ffffff;
}
/* Wikimedia related links at base of page */
- footer-box {
border:none; margin: 30px auto; width: 100%; background-color: #aeaeae; padding: 3em 0 5em 0;
}
- footer {
text-align: center;
}
- footer-box #f-poweredbyico,
- footer-box #f-copyrightico {
float: none; display: inline-block; vertical-align: middle; margin-bottom: 10px;
}
- footer-box #f-copyrightico {
}
- footer-box #f-list {
float: none; display: block; width: 100%; margin: 0; padding: 0;
}
- footer-box #f-list li {
text-transform: uppercase; padding: 0 .75em; margin: 0;
}
- footer-box #f-list li a:link,
- footer-box #f-list li a:visited {
color: #CCC; font-size: 0.7em;
}
- footer-box #f-list li a:hover,
- footer-box #f-list li a:focus {
color: #36A9E1; text-decoration: none;
}
/* ---------------- Header ---------------- */
- imperial-banner {
position: relative; /* this is to allow positioning of elements within */ text-align: right; height: 100px; margin: 2em 0; line-height: 100px;
}
#imperial-igem-banner { position: absolute; left: 0; top: 0; }
#igem-logo, #imperial-logo { display: inline-block; margin-left: 5px; }
#imperial-igem-banner img, #igem-logo img { height: 90px; }
#igem-logo img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#igem-logo img:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
#imperial-logo img { height: 45px; }
- BackToTop,
- BackToTop:link,
- BackToTop:visited {
position: fixed; bottom: 5px; right: 5px; text-decoration: none; color: #36a9e1;
}
- BackToTop:hover {
color: #a3c4e9;
}
/* ---------------- Navigation ---------------- */
/* Blue #36A9E1 */ /* Yellow #F9B233 */
.nav.main,
- n-third {
text-align: center; padding: 0; margin: 0; clear: both;
}
.nav.main li {
background: #F9B233; /* yellow */ display: block; text-align: center; float: left;
}
- n-first {
}
- n-first li {
width: 25%;
}
- n-second {
}
- n-second li {
width: 33%;
}
- n-third {
}
- n-third li {
}
.nav.main li a:link {
color: #FFF; display: block; margin: .5em 0; font-size: 0.8em; text-transform: uppercase;
}
/* ---------------- Footer ---------------- */
- sponsor-logo{
display: block; background-color: #ffffff; margin-left:auto; margin-right:auto; width:20%; margin: 15px; text-align:center }
- ourfooter{
position:relative; display:block; background-color:#fff; width: 975px; float:right; border-top: 1px dotted #d9d9d9; border-bottom: 1px dotted #d9d9d9; }
/* ---------------- Main Content ---------------- */
/* Full Page container */
- content {
position: relative; width: 960px; margin: 0 auto; padding:0; background: #ffffff; border: none; z-index: 2;
}
- contentSub {
margin: 0 0 0 0; }