Template:Styler
From 2013hs.igem.org
(Difference between revisions)
(60 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]> | ||
+ | <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> | ||
+ | <script src="http://scottjehl.github.com/Respond/respond.min.js"></script> | ||
+ | </script> | ||
+ | |||
+ | <![endif]--> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /> | ||
+ | <link rel="stylesheet" type="text/css" href="http://developer.yahoo.com/yui/build/reset/reset.css"> | ||
</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 | ||
+ | { margin:.5em 0 .5em 0; | ||
+ | line-height:160%; } | ||
+ | |||
+ | a, a:hover | ||
{ -webkit-transition:all 0.5s ease; | { -webkit-transition:all 0.5s ease; | ||
-moz-transition:all 0.5s ease; | -moz-transition:all 0.5s ease; | ||
Line 15: | Line 41: | ||
background:#FFF; | background:#FFF; | ||
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; } | ||
a, a:hover | a, a:hover | ||
Line 50: | 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 130: | Line 157: | ||
position:relative; | position:relative; | ||
float:right; | float:right; | ||
- | margin-top: | + | margin-top:15px; } |
.maintitle | .maintitle | ||
Line 139: | 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: 5.2em; | + | font-size: 5.2em !important; |
line-height: 68px; } | line-height: 68px; } | ||
Line 156: | Line 183: | ||
.allthree | .allthree | ||
{ position:relative; | { position:relative; | ||
- | width: | + | width:1030px; |
margin:0px auto; | margin:0px auto; | ||
margin-top:40px; } | margin-top:40px; } | ||
Line 173: | Line 200: | ||
#maincontent | #maincontent | ||
- | { width: | + | { width:950px; |
margin:0px auto; | margin:0px auto; | ||
- | background:white; } | + | background:white; |
+ | border-left:1px solid #DDD; | ||
+ | border-right:1px solid #DDD; | ||
+ | position:relative; | ||
+ | font:14px 'Telex'; | ||
+ | padding:19px 25px 16px 25px; | ||
+ | color:#444; } | ||
#catlinks | #catlinks | ||
Line 189: | Line 222: | ||
margin: 0 auto; | margin: 0 auto; | ||
border:none; | border:none; | ||
- | height: | + | height:65px; |
+ | overflow:hidden; | ||
position:relative; } | position:relative; } | ||
Line 205: | Line 239: | ||
#globalWrapper | #globalWrapper | ||
- | { padding:0px; } | + | { padding:0px; |
+ | font-size:100%; } | ||
#f-poweredbyico | #f-poweredbyico | ||
Line 244: | Line 279: | ||
{ color:#529DFF !important; | { color:#529DFF !important; | ||
text-decoration:none !important; } | text-decoration:none !important; } | ||
+ | |||
+ | #linkbar | ||
+ | { width:1050px; | ||
+ | padding:0px 10px; | ||
+ | background:#fff; | ||
+ | margin:0px auto; | ||
+ | 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