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

From 2011.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
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;
 +
     color: #5a7bf8;
}
}
-
a:hover{
+
a:visited { color: #4f6ddc; }
-
    color: #d77e6d;
+
a:hover {
-
}
+
     text-decoration: none;
-
a:active, strong.selflink{
+
     color: #525bb8;
-
     color: #ea7e6d;
+
-
}
+
-
strong, b{
+
-
     color: #ea7e6d;
+
-
    font-weight: bold;
+
}
}
 +
a:active { color: #4f6ddc; }
p{
p{
-
     margin: 1.2em 0;
+
     margin: 0 0 1.5em 0;
-
    font-size: 1.4em;
+
     text-indent: 0.5em;
-
     text-indent: 1em;
+
     line-height: 1.5em;
-
     line-height: 1.3em;
+
}
}
-
h1{
+
p:last-child {
-
     clear: both;
+
    margin-bottom: 0;
 +
}
 +
h1, h2, h3, h4, h5, h6{
 +
     font-family: 'Josefin Sans', sans-serif;
 +
    font-weight: normal;
 +
    letter-spacing: 0.15em;
     margin: 2em 0 1em 0;
     margin: 2em 0 1em 0;
-
     font-family: 'Terminal Dosis', sans-serif;
+
     padding: 0;
-
    font-size: 2.2em;
+
}
-
     letter-spacing: 0.15em;
+
h1:first-child, h2:first-child, h3:first-child,
 +
h4:first-child, h5:first-child, h6:first-child {
 +
     margin-top: 0;
 +
}
 +
h1{
     border-bottom: 1px solid #e4e4e4;
     border-bottom: 1px solid #e4e4e4;
 +
    line-height: 1.2em;
}
}
h2{
h2{
-
    font-family: 'Terminal Dosis', sans-serif;
 
-
    font-size: 1.8em;
 
-
    color: #ea7e6d;
 
-
    letter-spacing: 0.15em;
 
-
}
 
-
h3{
 
-
    font-family: 'Snippet', sans-serif;
 
-
    font-size: 1.2em;
 
-
    padding: 0.2em 0.5em;;
 
-
    border-top: 1px solid #dedede;
 
     border-bottom: 1px dotted #e4e4e4;
     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{
+
table{
-
     padding-left: 2em;
+
     border-collapse: collapse;
-
}
+
     border: 1px solid #ababab;
-
ol li{
+
     font-size: 100%;
-
     list-style: decimal;
+
-
}
+
-
ul li{
+
-
     list-style: circle;
+
}
}
-
table td{
+
table th, table td{
-
     border-bottom: 1px solid #ababab;
+
     padding: 0.4em 0.6em;
}
}
</style></html>
</style></html>

Latest revision as of 11:13, 5 October 2011