Template:Team:HokkaidoU Japan/css/typography.css

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<!-- vim: set ft=html: -->
<!-- vim: set ft=html: -->
<html><style>
<html><style>
 +
@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis);
 +
@import url(http://fonts.googleapis.com/css?family=Miltonian);
 +
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,700);
body{
body{
-
    position: relative;
+
     font-size: 100%;
-
     font-size: 62.5%;
+
     font-family: 'Terminal Dosis', sans-serif;
-
     font-family: 'Antic', sans-serif;
+
     background: #ffffff;
     background: #ffffff;
     color: #3e3e3e;
     color: #3e3e3e;
 +
    letter-spacing: 0.1em;
}
}
-
a, a:visited{
+
a{
-
     color: #6e9b75;
+
    text-decoration: none;
 +
    border-bottom: 1px dotted;
 +
     color: #5a7bf8;
}
}
-
a:hover{
+
a:visited { color: #4f6ddc; }
-
     color: #d77e6d;
+
a:hover {
 +
    text-decoration: none;
 +
    border-bottom: 1px solid;
 +
     color: #525bb8;
}
}
-
a:active, strong.selflink{
+
a:active { color: #4f6ddc; }
-
     color: #ea7e6d;
+
 
 +
p{
 +
    margin: 0 0 1.5em 0;
 +
    text-indent: 0.5em;
 +
    line-height: 1.5em;
 +
}
 +
p:last-child {
 +
     margin-bottom: 0;
}
}
-
strong, b{
+
h1, h2, h3, h4, h5, h6{
-
     color: #ea7e6d;
+
     font-family: 'Josefin Sans', sans-serif;
     font-weight: bold;
     font-weight: bold;
 +
    letter-spacing: 0.15em;
 +
    margin: 2em 0 1em 0;
 +
    padding: 0;
}
}
-
 
+
h1:first-child, h2:first-child, h3:first-child,
-
p{
+
h4:first-child, h5:first-child, h6:first-child {
-
    margin: 1.2em 0;
+
     margin-top: 0;
-
    font-size: 1.4em;
+
-
    text-indent: 1em;
+
-
     line-height: 1.3em;
+
}
}
h1{
h1{
-
    clear: both;
+
     font-family: 'Miltonian', sans-serif;
-
    margin: 2em 0 1em 0;
+
     font-weight: normal;
-
     font-family: 'Terminal Dosis', sans-serif;
+
-
     font-size: 2.2em;
+
-
    letter-spacing: 0.15em;
+
     border-bottom: 1px solid #e4e4e4;
     border-bottom: 1px solid #e4e4e4;
-
}
 
-
h2{
 
-
    font-family: 'Terminal Dosis', sans-serif;
 
-
    font-size: 1.8em;
 
-
    color: #ea7e6d;
 
-
    letter-spacing: 0.15em;
 
}
}
h3{
h3{
-
     font-family: 'Snippet', sans-serif;
+
     padding-left: 8px;
-
    font-size: 1.2em;
+
     border-left: 5px solid;
-
    padding: 0.2em 0.5em;;
+
-
     border-top: 1px solid #dedede;
+
-
    border-bottom: 1px dotted #e4e4e4;
+
-
    background: #f7f7f7;
+
}
}
-
sup{
+
ul, ol{
-
     font-size: xx-small;
+
     margin: 1em 0 1em 0;
-
     vertical-align: top;
+
     padding: 0 0 0 1em;
-
    line-height: 1.4em;
+
-
}
+
-
sub{
+
-
    font-size: xx-small;
+
-
    vertical-align: bottom;
+
-
    line-height: 1.4em;
+
}
}
pre{
pre{
-
     font-family: monospace;
+
     margin: 1em 0;
-
     padding: 2em;
+
     padding: 1em;
     border: 1px solid #e4e4e4;
     border: 1px solid #e4e4e4;
 +
    background: #f7f7f7;
     -webkit-border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     border-radius: 4px;
-
}
 
-
ol, ul{
 
-
    padding-left: 2em;
 
-
}
 
-
ol li{
 
-
    list-style: decimal;
 
-
}
 
-
ul li{
 
-
    list-style: circle;
 
-
}
 
-
table td{
 
-
    border-bottom: 1px solid #ababab;
 
}
}
</style></html>
</style></html>

Revision as of 05:17, 5 October 2011