"
Team:Imperial College/Templates:custom css
From 2013.igem.org
Neilthomson (Talk | contribs) |
Neilthomson (Talk | contribs) |
||
| Line 217: | Line 217: | ||
color: #FFF; | color: #FFF; | ||
display: block; | display: block; | ||
| - | + | padding: .5em; | |
font-size: 0.8em; | font-size: 0.8em; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
background: #F9B233; /* yellow */ | background: #F9B233; /* yellow */ | ||
| - | + | text-decoration: none; | |
} | } | ||
.main li a:focus, | .main li a:focus, | ||
.main li a:active { | .main li a:active { | ||
| - | background-color: #36A9E1; | + | background-color: #36A9E1; |
| + | text-decoration: none; | ||
} | } | ||
| Line 235: | Line 236: | ||
#n-first li { | #n-first li { | ||
width: 33%; | width: 33%; | ||
| + | } | ||
| + | |||
| + | #n-first li a:link { | ||
| + | font-size: 0.9em; | ||
} | } | ||
| Line 246: | Line 251: | ||
#n-third { | #n-third { | ||
| - | |||
| - | |||
| - | |||
| - | |||
font-size: 0.7em; | font-size: 0.7em; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| Line 255: | Line 256: | ||
#n-third li { | #n-third li { | ||
| - | + | width: 25%; | |
} | } | ||
| Line 297: | Line 298: | ||
#contentSub { | #contentSub { | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* LINKS */ | ||
| + | a:visited { | ||
| + | color: #F9B233; | ||
} | } | ||
Revision as of 22:05, 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 */
.main,
- n-third {
text-align: center; padding: 0; margin: 0; clear: both;
}
.main li {
display: block; text-align: center; float: left; border-left: solid 2px white;
}
.main li a:link, .main li a:visited {
color: #FFF;
display: block;
padding: .5em;
font-size: 0.8em;
text-transform: uppercase;
background: #F9B233; /* yellow */
text-decoration: none;
}
.main li a:focus, .main li a:active {
background-color: #36A9E1; text-decoration: none;
}
- n-first {
}
- n-first li {
width: 33%;
}
- n-first li a:link {
font-size: 0.9em;
}
- n-second {
}
- n-second li {
width: 24.7%;
}
- n-third {
font-size: 0.7em; text-transform: uppercase;
}
- n-third li {
width: 25%;
}
/* ---------------- 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; }
/* LINKS */
a:visited {
color: #F9B233;
}
