"
Team:Imperial College/Templates:custom css
From 2013.igem.org
Neilthomson (Talk | contribs) |
Neilthomson (Talk | contribs) |
||
| Line 26: | Line 26: | ||
/* Edit and user menu */ | /* Edit and user menu */ | ||
#menubar { | #menubar { | ||
| - | top: | + | top: 0 !important; |
font-size: 0.7em; | font-size: 0.7em; | ||
} | } | ||
#menubar li, | #menubar li, | ||
| - | #menubar li a { | + | #menubar li a:link { |
text-transform: uppercase; | text-transform: uppercase; | ||
| - | |||
} | } | ||
| Line 43: | Line 42: | ||
#menubar li a:link, | #menubar li a:link, | ||
#menubar li a:visited { | #menubar li a:visited { | ||
| - | color: # | + | color: #DDD; |
background-color: transparent; | background-color: transparent; | ||
} | } | ||
| Line 49: | Line 48: | ||
#menubar li a:hover, | #menubar li a:hover, | ||
#menubar li a:focus { | #menubar li a:focus { | ||
| - | color: # | + | color: #A3C4E9; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Revision as of 22:10, 9 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;
}
- 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;
}
- footer-box #f-poweredbyico {
}
- footer-box #f-copyrightico {
}
- footer-box #f-list {
}
- footer-box #f-list li {
}
- footer-box #f-list li a:link,
- footer-box #f-list li a:visited {
}
- footer-box #f-list li a:hover,
- footer-box #f-list li a:focus {
}
/* ---------------- Main Content ---------------- */
/* Full Page container */
- content {
position: relative; width: 975px; margin: 0 auto; padding:0; background: #ffffff; border: none; z-index: 2;
}
- contentSub {
margin: 0 0 0 0; }
/*- 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; }
- imperial-banner {
position: relative; /* this is to allow positioning of elements within */ text-align: right; height: 100px; margin: 0 15px 1em 15px; 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: 100px;
}
- 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: 50px;
}
- BackToTop,
- BackToTop:link,
- BackToTop:visited {
position: fixed; bottom: 5px; right: 5px; text-decoration: none; color: #36a9e1;
}
- BackToTop:hover {
color: #a3c4e9;
}
