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{ | ||
- | + | 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; |
+ | color: #5a7bf8; | ||
} | } | ||
- | a: | + | a:visited { color: #4f6ddc; } |
- | + | a:hover { | |
- | } | + | text-decoration: none; |
- | a: | + | color: #525bb8; |
- | + | ||
- | + | ||
- | + | ||
- | color: # | + | |
- | + | ||
} | } | ||
+ | a:active { color: #4f6ddc; } | ||
p{ | p{ | ||
- | margin: 1. | + | margin: 0 0 1.5em 0; |
- | + | text-indent: 0.5em; | |
- | text-indent: | + | line-height: 1.5em; |
- | line-height: 1. | + | |
} | } | ||
- | h1{ | + | p:last-child { |
- | + | 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; | ||
- | + | padding: 0; | |
- | + | } | |
- | + | 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{ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
border-bottom: 1px dotted #e4e4e4; | border-bottom: 1px dotted #e4e4e4; | ||
- | |||
} | } | ||
- | + | 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; | ||
} | } | ||
- | + | table{ | |
- | + | border-collapse: collapse; | |
- | + | border: 1px solid #ababab; | |
- | + | font-size: 100%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | table td{ | + | table th, table td{ |
- | + | padding: 0.4em 0.6em; | |
} | } | ||
</style></html> | </style></html> |
Latest revision as of 11:13, 5 October 2011