Template:Team:HokkaidoU Japan/css

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html>
 +
<link href='http://fonts.googleapis.com/css?family=Antic|Terminal+Dosis|Snippet' rel='stylesheet' type='text/css'>
 +
</html>
{{Team:HokkaidoU_Japan/css/reset.css}}
{{Team:HokkaidoU_Japan/css/reset.css}}
{{Team:HokkaidoU_Japan/css/wikireset.css}}
{{Team:HokkaidoU_Japan/css/wikireset.css}}
-
<!-- vim: set ft=html: -->
+
{{Team:HokkaidoU_Japan/css/typography.css}}
-
<html><style>
+
{{Team:HokkaidoU_Japan/css/layout.css}}
-
/* --- finally we can design ---*/
+
-
@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis:200,300,400);
+
-
@import url(http://fonts.googleapis.com/css?family=Ovo);
+
-
body{
+
-
    position: relative;
+
-
    font-size: 62.5%;
+
-
    font-family: 'Ovo', serif;
+
-
    background: #ffffff;
+
-
    color: #3e3e3e;
+
-
}
+
-
.editsection{
+
-
    font-size: 9px;
+
-
    font-weight: normal;
+
-
}
+
-
a, a:visited{
+
-
    color: #6e9b75;
+
-
}
+
-
a:hover{
+
-
    color: #d77e6d;
+
-
}
+
-
a:active, strong.selflink{
+
-
    color: #ea7e6d;
+
-
}
+
-
p{
+
-
    font-size: 1.4em;
+
-
    text-indent: 1em;
+
-
    margin-bottom: 2.5em;
+
-
}
+
-
h2{
+
-
    font-family: 'Terminal Dosis', sans-serif;
+
-
    font-size: 1.8em;
+
-
    color: #ea7e6d;
+
-
    letter-spacing: 0.15em;
+
-
}
+
-
table td{
+
-
    padding: 0.5em;
+
-
}
+
-
#hokkaidou-container{
+
-
    width: 980px;
+
-
    margin: 0 auto;
+
-
    padding: 20px 0;
+
-
    background: #ffffff;
+
-
}
+
-
#hokkaidou-header{
+
-
    position: relative;
+
-
    margin-bottom: 3em;
+
-
}
+
-
#hokkaidou-header #hokkaidou-logo{
+
-
    display: block;
+
-
    width: 267px;
+
-
    height: 93px;
+
-
    background: url(https://static.igem.org/mediawiki/2011/e/e5/Hokkaidou_logo.png) no-repeat;
+
-
    opacity: 0.7;
+
-
}
+
-
#hokkaidou-header #hokkaidou-logo h1,
+
-
#hokkaidou-header #hokkaidou-logo p{
+
-
    display: none !important;
+
-
}
+
-
#hokkaidou-header #hokkaidou-navigation ul{
+
-
    position: absolute;
+
-
    bottom: 20px; right: 0;
+
-
}
+
-
#hokkaidou-header #hokkaidou-navigation ul li{
+
-
    float: left;
+
-
    margin-left: 3em;
+
-
    font-family: 'Terminal Dosis', sans-serif;
+
-
    font-size: 14px;
+
-
    letter-spacing: 0.2em;
+
-
}
+
-
#hokkaidou-header #hokkaidou-navigation ul li a:hover,
+
-
#hokkaidou-header #hokkaidou-navigation ul li strong.selflink{
+
-
    position: relative;
+
-
    text-decoration: none;
+
-
}
+
-
#hokkaidou-header #hokkaidou-navigation ul li a:hover:before,
+
-
#hokkaidou-header #hokkaidou-navigation ul li strong.selflink:before{
+
-
    position: absolute;
+
-
    width: 100%;
+
-
    bottom: -1em;
+
-
    content: "^";
+
-
    display: block;
+
-
    text-align: center;
+
-
    font-size: 1.6em;
+
-
}
+
-
#hokkaidou-footer #hokkaidou-sponsors ul li{
+
-
    float: left;
+
-
    margin: 10px;
+
-
}
+
-
#hokkaidou-footer #hokkaidou-sponsors ul:after{
+
-
    content: "";
+
-
    display: block;
+
-
    clear: both;
+
-
}
+
-
</style></html>
+

Revision as of 10:38, 2 October 2011