Template:Styler

From 2013hs.igem.org

(Difference between revisions)
 
(97 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<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=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 14: 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 49: 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 97: Line 125:
     margin-top:-6px;
     margin-top:-6px;
     border:0px;
     border:0px;
-
     padding:0px;    }
+
     padding:0px;
 +
    background:transparent;    }
.firstHeading
.firstHeading
Line 119: Line 148:
.logo
.logo
-
{  width:150px;
+
{  width:134px;
     position:relative;
     position:relative;
-
     float:left;    }
+
     float:left;
 +
    box-shadow: 0px 0px 8px #AAA;    }
 +
 
 +
.no
 +
{  width: 640px;
 +
    position:relative;
 +
    float:right;
 +
    margin-top:15px;    }
.maintitle
.maintitle
-
{  font-family: Nova Round;
+
{  width:710px;
 +
    position:relative;
 +
    font-family:'Iceberg';
     font-variant: small-caps;
     font-variant: small-caps;
-
    letter-spacing: 1px;
 
     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: 60px;
+
     font-size: 5.2em !important;
-
     line-height: 65px;
+
     line-height: 68px;    }
-
    width: 690px;
+
 
-
    position:relative;
+
-
    float:right;
+
-
    margin-top:21px;    }
+
.firsttwo
.firsttwo
{  position:relative;
{  position:relative;
-
     width:861px;
+
     width:811px;
     float:left;    }
     float:left;    }
Line 144: Line 178:
{  position:relative;
{  position:relative;
     float:right;
     float:right;
-
     width:232px;
+
     width:197px;
     margin-top:-2px;    }
     margin-top:-2px;    }
.allthree
.allthree
{  position:relative;
{  position:relative;
-
     width:1104px;
+
     width:1030px;
     margin:0px auto;
     margin:0px auto;
     margin-top:40px;    }
     margin-top:40px;    }
Line 159: Line 193:
     font-family: 'Nova Round';
     font-family: 'Nova Round';
     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;    }
 +
 +
#centered
 +
{  width:1042px;
 +
    position:relative;
 +
    margin:0px auto;    }
 +
 +
#maincontent
 +
{  width:950px;
 +
    margin:0px auto;
 +
    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
 +
{  margin:0 !important;
 +
    border-left:none !important;
 +
    border-right:none !important;
 +
    padding:3px;    }
 +
 +
#footer-box
 +
{  width: 100%;
 +
    padding: 0px;
 +
    background-image:url('http://static.tumblr.com/idir0tq/JGbmoiuda/untitled-1.png');
 +
    margin: 0 auto;
 +
    border:none;
 +
    height:65px;
 +
    overflow:hidden;
 +
    position:relative;    }
 +
 +
#footer
 +
{  padding:0px;
 +
    line-height:0;
 +
    margin:0;
 +
    height: 32px;
 +
    overflow:hidden;
 +
    border-left: 1px solid #111;
 +
    border-right: 1px solid #111;
 +
    width: 702px;
 +
    margin: 0px auto;
 +
    border-bottom: 1px solid #111;    }
 +
 +
#globalWrapper
 +
{  padding:0px;
 +
    font-size:100%;    }
 +
 +
#f-poweredbyico
 +
{  position: absolute;
 +
    right: 17px;
 +
    top:17px;    }
 +
 +
#f-copyrightico
 +
{  position: absolute;
 +
    left: 17px;
 +
    top: 17px;    }
 +
 +
#f-list
 +
{  background-image:url('http://static.tumblr.com/idir0tq/PoTmnr4ot/png.png');
 +
    background-color:#222;
 +
    background-position:0px 0px;
 +
    background-repeat:repeat;
 +
    width: 700px;
 +
    margin: 0px auto;
 +
    line-height: 30px;
 +
    border-left: 1px solid #2F2F2F;
 +
    border-right: 1px solid #2F2F2F;
 +
    border-bottom: 1px solid #2F2F2F;    }
 +
 +
#footer li
 +
{  margin:0px;    }
 +
 +
#f-list li a
 +
{  border-left: none;
 +
    font-family: Calibri;
 +
    text-transform: uppercase;
 +
    color:#EEE;
 +
    font-weight:bold;
 +
    text-shadow:0px 0px 1px #222;
 +
    padding: 0px 10px;    }
 +
 +
#f-list li a:hover
 +
{  color:#529DFF !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

Retrieved from "http://2013hs.igem.org/Template:Styler"