Template:Styler

From 2013hs.igem.org

(Difference between revisions)
 
(70 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:40px !important;
+
     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:19px;    }
+
     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:1020px;
+
     width:1030px;
     margin:0px auto;
     margin:0px auto;
     margin-top:40px;    }
     margin-top:40px;    }
Line 173: Line 200:
#maincontent
#maincontent
-
{  width:880px;
+
{  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
{  margin:0 !important;
{  margin:0 !important;
     border-left:none !important;
     border-left:none !important;
-
     border-right:none !important;    }
+
     border-right:none !important;
 +
    padding:3px;    }
#footer-box
#footer-box
Line 187: Line 221:
     background-image:url('http://static.tumblr.com/idir0tq/JGbmoiuda/untitled-1.png');
     background-image:url('http://static.tumblr.com/idir0tq/JGbmoiuda/untitled-1.png');
     margin: 0 auto;
     margin: 0 auto;
-
     border:none;    }
+
     border:none;
 +
    height:65px;
 +
    overflow:hidden;
 +
    position:relative;    }
#footer
#footer
{  padding:0px;
{  padding:0px;
     line-height:0;
     line-height:0;
-
     margin: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
#globalWrapper
-
{  padding:0px;    }
+
{  padding:0px;
 +
    font-size:100%;    }
#f-poweredbyico
#f-poweredbyico
{  position: absolute;
{  position: absolute;
-
     right: 0px;    }
+
     right: 17px;
 +
    top:17px;    }
#f-copyrightico  
#f-copyrightico  
{  position: absolute;
{  position: absolute;
-
     left: 0px;    }
+
     left: 17px;
 +
    top: 17px;    }
#f-list
#f-list
-
{  background: black;
+
{  background-image:url('http://static.tumblr.com/idir0tq/PoTmnr4ot/png.png');
 +
    background-color:#222;
 +
    background-position:0px 0px;
 +
    background-repeat:repeat;
     width: 700px;
     width: 700px;
     margin: 0px auto;
     margin: 0px auto;
-
     line-height: 1.5em;    }
+
     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"