Team:Imperial College/Templates:custom css
From 2013.igem.org
Neilthomson (Talk | contribs) |
Neilthomson (Talk | contribs) |
||
Line 195: | Line 195: | ||
/* ---------------- Navigation ---------------- */ | /* ---------------- Navigation ---------------- */ | ||
- | . | + | /* Blue #36A9E1 */ |
- | + | /* Yellow #F9B233 */ | |
+ | |||
+ | .nav.main{ | ||
+ | display: inline-block; | ||
+ | width: 24.6%; | ||
+ | text-align: center; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .nav.main li { | ||
+ | background: #F9B233; /* yellow */ | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .nav.main li a:link { | ||
+ | color: #FFF; | ||
} | } | ||
Revision as of 21:29, 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{
display: inline-block; width: 24.6%; text-align: center; padding: 0; margin: 0;
}
.nav.main li {
background: #F9B233; /* yellow */ display: block; text-align: center;
}
.nav.main li a:link {
color: #FFF;
}
/* ---------------- 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; }