Template:Styler
From 2013hs.igem.org
(Difference between revisions)
(40 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<link href='http://fonts.googleapis.com/css?family=Nova+Round|Marcellus+SC' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Nova+Round|Marcellus+SC' rel='stylesheet' type='text/css'> | ||
<link href='http://fonts.googleapis.com/css?family=Iceberg' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Iceberg' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Rationale' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Anaheim|Carrois+Gothic+SC|Alef|Telex' rel='stylesheet' type='text/css'> | ||
<!--[if lt IE 9]> | <!--[if lt IE 9]> | ||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> | <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> | ||
Line 13: | Line 15: | ||
</head> | </head> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | *, body | ||
+ | { cursor:url('http://static.tumblr.com/idir0tq/Jb5mordn6/fluorescent_protein-reporter_copy_copy_copy.png'), auto !important; } | ||
+ | |||
+ | a, a:hover | ||
+ | { cursor:auto !important; } | ||
+ | |||
+ | ::selection | ||
+ | { background:#CCC; } | ||
+ | |||
+ | ::-moz-selection | ||
+ | { background:#CCC; } | ||
p | p | ||
- | { margin:. | + | { margin:.5em 0 .5em 0; |
+ | line-height:160%; } | ||
a, a:hover | a, a:hover | ||
Line 27: | Line 42: | ||
background-image:url('http://28.media.tumblr.com/tumblr_ls0w5txuft1r3vazto2_250.png'); | background-image:url('http://28.media.tumblr.com/tumblr_ls0w5txuft1r3vazto2_250.png'); | ||
height:100%; | height:100%; | ||
- | font: 12px sans-serif; } | + | font:12px sans-serif; } |
a, a:hover | a, a:hover | ||
Line 62: | Line 77: | ||
font-family:Calibri; | font-family:Calibri; | ||
font-weight:bold; | font-weight:bold; | ||
- | line-height: | + | line-height:41px !important; |
text-shadow:0px 0px 1px #222; } | text-shadow:0px 0px 1px #222; } | ||
Line 142: | Line 157: | ||
position:relative; | position:relative; | ||
float:right; | float:right; | ||
- | margin-top: | + | margin-top:15px; } |
.maintitle | .maintitle | ||
Line 151: | Line 166: | ||
text-shadow:-1px 0 #B2B2B2, 0 1px #B2B2B2, 1px 0 #B2B2B2, 0 -1px #B2B2B2; | text-shadow:-1px 0 #B2B2B2, 0 1px #B2B2B2, 1px 0 #B2B2B2, 0 -1px #B2B2B2; | ||
color:#FFF; | color:#FFF; | ||
- | font-size: | + | font-size: 5.2em !important; |
line-height: 68px; } | line-height: 68px; } | ||
Line 168: | Line 183: | ||
.allthree | .allthree | ||
{ position:relative; | { position:relative; | ||
- | width: | + | width:1030px; |
margin:0px auto; | margin:0px auto; | ||
margin-top:40px; } | margin-top:40px; } | ||
Line 190: | Line 205: | ||
border-left:1px solid #DDD; | border-left:1px solid #DDD; | ||
border-right:1px solid #DDD; | border-right:1px solid #DDD; | ||
- | position:relative; } | + | position:relative; |
+ | font:14px 'Telex'; | ||
+ | padding:19px 25px 16px 25px; | ||
+ | color:#444; } | ||
#catlinks | #catlinks | ||
Line 222: | Line 240: | ||
#globalWrapper | #globalWrapper | ||
{ padding:0px; | { padding:0px; | ||
- | font-size: | + | font-size:100%; } |
#f-poweredbyico | #f-poweredbyico | ||
Line 241: | Line 259: | ||
width: 700px; | width: 700px; | ||
margin: 0px auto; | margin: 0px auto; | ||
- | line-height: | + | line-height: 30px; |
border-left: 1px solid #2F2F2F; | border-left: 1px solid #2F2F2F; | ||
border-right: 1px solid #2F2F2F; | border-right: 1px solid #2F2F2F; | ||
Line 264: | Line 282: | ||
#linkbar | #linkbar | ||
{ width:1050px; | { width:1050px; | ||
- | + | padding:0px 10px; | |
background:#fff; | background:#fff; | ||
margin:0px auto; | margin:0px auto; | ||
- | position:relative; } | + | position:relative; |
+ | text-align:center; | ||
+ | line-height:100%; | ||
+ | padding:15px 0px 16px 0px; | ||
+ | -webkit-border-radius:0px 0px 12px 12px; | ||
+ | -moz-border-radius:0px 0px 12px 12px; | ||
+ | -border-radius:0px 0px 12px 12px; | ||
+ | background-image:url('http://static.tumblr.com/idir0tq/PoTmnr4ot/png.png'); | ||
+ | background-color:#222; | ||
+ | background-position:0px 0px; | ||
+ | background-repeat:repeat; | ||
+ | border-left:1px solid #DDD; | ||
+ | border-right:1px solid #DDD; | ||
+ | border-bottom:1px solid #DDD; } | ||
+ | |||
+ | #linkbar p | ||
+ | { margin:0; } | ||
+ | |||
+ | #linkbar a | ||
+ | { font-family: Calibri; | ||
+ | text-transform: uppercase; | ||
+ | font-weight: bold; | ||
+ | font-size: 15px; | ||
+ | padding:0px 10px; | ||
+ | color:#FFF; | ||
+ | text-shadow:0px 0px 1px #CCC; } | ||
+ | |||
+ | #linkbar a:hover | ||
+ | { color:#529DFF !important; } | ||
+ | |||
+ | #linkbar .selflink | ||
+ | { text-align: center; | ||
+ | line-height: 100%; | ||
+ | font-family: Calibri; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 15px; | ||
+ | padding:0px 10px; | ||
+ | font-weight:bold; | ||
+ | color:#AAA; | ||
+ | text-shadow: 0px 0px 1px #529DFF; } | ||
+ | |||
+ | #maincontent h3 | ||
+ | { font-size:150%; | ||
+ | font-weight:bold; | ||
+ | font-family:'Anaheim'; | ||
+ | color:#333; } | ||
+ | |||
+ | #maincontent img | ||
+ | { max-width: 100%; | ||
+ | height: auto; } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 19:51, 21 June 2013