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{ | ||
- | + | font-size: 100%; | |
- | font-size: | + | font-family: 'Terminal Dosis', sans-serif; |
- | font-family: ' | + | |
background: #ffffff; | background: #ffffff; | ||
color: #3e3e3e; | color: #3e3e3e; | ||
+ | letter-spacing: 0.1em; | ||
} | } | ||
- | a | + | a{ |
- | color: # | + | text-decoration: none; |
+ | border-bottom: 1px dotted; | ||
+ | color: #5a7bf8; | ||
} | } | ||
- | a:hover{ | + | a:visited { color: #4f6ddc; } |
- | color: # | + | a:hover { |
+ | text-decoration: none; | ||
+ | border-bottom: 1px solid; | ||
+ | color: #525bb8; | ||
} | } | ||
- | a:active | + | a:active { color: #4f6ddc; } |
- | + | ||
+ | p{ | ||
+ | margin: 0 0 1.5em 0; | ||
+ | text-indent: 0.5em; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | p:last-child { | ||
+ | margin-bottom: 0; | ||
} | } | ||
- | + | h1, h2, h3, h4, h5, h6{ | |
- | + | 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, | |
- | + | h4:first-child, h5:first-child, h6:first-child { | |
- | + | margin-top: 0; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
h1{ | h1{ | ||
- | + | font-family: 'Miltonian', sans-serif; | |
- | + | font-weight: normal; | |
- | font-family: ' | + | |
- | font- | + | |
- | + | ||
border-bottom: 1px solid #e4e4e4; | border-bottom: 1px solid #e4e4e4; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
h3{ | h3{ | ||
- | + | padding-left: 8px; | |
- | + | border-left: 5px solid; | |
- | + | ||
- | border- | + | |
- | + | ||
- | + | ||
} | } | ||
- | + | ul, ol{ | |
- | + | margin: 1em 0 1em 0; | |
- | + | padding: 0 0 0 1em; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
pre{ | pre{ | ||
- | + | margin: 1em 0; | |
- | padding: | + | 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; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
</style></html> | </style></html> |
Revision as of 05:17, 5 October 2011