Template:Styler

From 2013hs.igem.org

(Difference between revisions)
 
(43 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 10: Line 12:
     <![endif]-->
     <![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" />
<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
a, a:hover
Line 23: 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 58: Line 77:
     font-family:Calibri;
     font-family:Calibri;
     font-weight:bold;
     font-weight:bold;
-
     line-height:40px !important;
+
     line-height:41px !important;
     text-shadow:0px 0px 1px #222;    }
     text-shadow:0px 0px 1px #222;    }
Line 138: Line 157:
     position:relative;
     position:relative;
     float:right;
     float:right;
-
     margin-top:19px;    }
+
     margin-top:15px;    }
.maintitle
.maintitle
Line 147: 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: 64px !important;
+
     font-size: 5.2em !important;
     line-height: 68px;    }
     line-height: 68px;    }
Line 164: Line 183:
.allthree
.allthree
{  position:relative;
{  position:relative;
-
     width:1020px;
+
     width:1030px;
     margin:0px auto;
     margin:0px auto;
     margin-top:40px;    }
     margin-top:40px;    }
Line 186: 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 218: Line 240:
#globalWrapper
#globalWrapper
{  padding:0px;
{  padding:0px;
-
     font-size:12px;    }
+
     font-size:100%;    }
#f-poweredbyico
#f-poweredbyico
Line 237: Line 259:
     width: 700px;
     width: 700px;
     margin: 0px auto;
     margin: 0px auto;
-
     line-height: 31px;
+
     line-height: 30px;
     border-left: 1px solid #2F2F2F;
     border-left: 1px solid #2F2F2F;
     border-right: 1px solid #2F2F2F;
     border-right: 1px solid #2F2F2F;
Line 260: Line 282:
#linkbar
#linkbar
{  width:1050px;
{  width:1050px;
-
     height:30px;
+
     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