Team:St Andrews/Template:StyleOverride
From 2012.igem.org
(17 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | /*iGEM override. | + | /*iGEM override. Inspired by http://www.jasonfweb.com/*/ |
#content{ | #content{ | ||
- | + | position: relative; | |
- | + | width: 100%; | |
- | + | margin: 0; | |
- | + | padding:0; | |
- | + | background: transparent; | |
- | + | color: #353535; | |
- | + | border-left: none; | |
- | + | border-right: none; | |
- | + | line-height: inherit; | |
- | + | z-index: 2; | |
} | } | ||
#globalWrapper { | #globalWrapper { | ||
- | + | position: relative; | |
- | + | font-size: 100%; | |
- | + | width: 100%; | |
- | + | margin: 0; | |
- | + | padding: 0; | |
- | + | ||
} | } | ||
a:visited { | a:visited { | ||
- | + | color: grey; | |
- | + | text-decoration: none; | |
} | } | ||
a:hover { | a:hover { | ||
- | + | text-decoration: none; | |
} | } | ||
#bodyContent a[href^="https://"], .link-https { | #bodyContent a[href^="https://"], .link-https { | ||
- | + | background-image: none; | |
- | + | padding-right: 0; | |
} | } | ||
#bodyContent a[href^="https://"] .facebook:hover, .link-https .facebook:hover { | #bodyContent a[href^="https://"] .facebook:hover, .link-https .facebook:hover { | ||
- | + | background-color: rgba(19,84,238,0.5); | |
- | + | color: white; | |
} | } | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
- | + | margin: 0; | |
- | + | padding: 0; | |
- | + | border-bottom: none;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
#bodyContent h1, #bodyContent h2 { | #bodyContent h1, #bodyContent h2 { | ||
- | + | margin-bottom: 0; | |
- | + | font-weight: bold; | |
} | } | ||
#bodyContent h2 { | #bodyContent h2 { | ||
- | + | margin-bottom: 10px; | |
} | } | ||
#bodyContent h3 { | #bodyContent h3 { | ||
- | + | margin-bottom: 0px; | |
} | } | ||
- | .firstHeading, | + | .firstHeading, #top-section, #catlinks { |
- | + | display: none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#footer-box{ | #footer-box{ | ||
- | + | display: none; | |
} | } | ||
.originaltopbar { | .originaltopbar { | ||
- | + | position: absolute; | |
- | + | top: -20px; | |
- | + | text-align: center; | |
- | + | font-size: 11px; | |
- | + | z-index: 100; | |
- | + | display: none; | |
} | } | ||
.originaltopbar ul li { | .originaltopbar ul li { | ||
- | + | list-style: none; | |
- | + | display: inline; | |
- | + | margin-right: 0px; | |
} | } | ||
+ | body { | ||
+ | padding-top: 40px;} | ||
- | hr.soften { | + | hr.soften { |
- | height: 1px; | + | height: 1px; |
margin: 54px 0; | margin: 54px 0; | ||
- | background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); | + | background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); |
- | background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); | + | background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); |
- | background-image: | + | background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); |
- | background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); | + | background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); |
- | border: 0; | + | border: 0; |
+ | background-color: #FFF; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- |
Latest revision as of 10:24, 6 June 2012
/*iGEM override. Inspired by http://www.jasonfweb.com/*/
- content{
position: relative; width: 100%; margin: 0; padding:0; background: transparent; color: #353535; border-left: none; border-right: none; line-height: inherit; z-index: 2; }
- globalWrapper {
position: relative; font-size: 100%; width: 100%; margin: 0; padding: 0; }
a:visited { color: grey; text-decoration: none; }
a:hover { text-decoration: none; }
- bodyContent a[href^="https://"], .link-https {
background-image: none; padding-right: 0; }
- bodyContent a[href^="https://"] .facebook:hover, .link-https .facebook:hover {
background-color: rgba(19,84,238,0.5); color: white;
}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border-bottom: none;}
- bodyContent h1, #bodyContent h2 {
margin-bottom: 0; font-weight: bold; }
- bodyContent h2 {
margin-bottom: 10px; }
- bodyContent h3 {
margin-bottom: 0px; }
.firstHeading, #top-section, #catlinks { display: none; }
- footer-box{
display: none; }
.originaltopbar { position: absolute; top: -20px; text-align: center; font-size: 11px; z-index: 100; display: none; }
.originaltopbar ul li { list-style: none; display: inline; margin-right: 0px; } body {
padding-top: 40px;}
hr.soften {
height: 1px; margin: 54px 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); border: 0; background-color: #FFF;
}