"
Team:SJTU-BioX-Shanghai/article.css
From 2014.igem.org
| Line 1: | Line 1: | ||
| + | h,p,ul,li,{font-style:none;} | ||
@charset "UTF-8"; | @charset "UTF-8"; | ||
/* CSS Document */ | /* CSS Document */ | ||
| Line 23: | Line 24: | ||
/* @group overview */ | /* @group overview */ | ||
| - | .overview | + | .overview |
{ | { | ||
background-color: #edecec; | background-color: #edecec; | ||
| Line 39: | Line 40: | ||
line-height: 1.7em; | line-height: 1.7em; | ||
} | } | ||
| - | .overview h2 | + | .overview h2 |
{ | { | ||
color: #8bcfd8; | color: #8bcfd8; | ||
| Line 46: | Line 47: | ||
} | } | ||
| - | .overview ol | + | .overview ol |
} | } | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
| Line 56: | Line 57: | ||
| - | .fixed | + | .fixed |
{ | { | ||
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
} | } | ||
| - | .right | + | .right |
{ | { | ||
float: right; | float: right; | ||
} | } | ||
| - | article | + | article |
{ | { | ||
margin: 3% 8%; | margin: 3% 8%; | ||
} | } | ||
| - | article p | + | article p |
{ | { | ||
font-family:OpenSans-Regular, sans-serif; | font-family:OpenSans-Regular, sans-serif; | ||
| Line 82: | Line 83: | ||
} | } | ||
| - | h2 | + | h2 |
{ | { | ||
font-family: Rancho, sans-serif; | font-family: Rancho, sans-serif; | ||
font-size: 2em; | font-size: 2em; | ||
} | } | ||
| - | @media screen and (max-width: 55.6875em) { | + | @media screen and (max-width: 55.6875em) { |
| - | article p { | + | article p { |
-webkit-column-count: 1; | -webkit-column-count: 1; | ||
} | } | ||
| - | .overview { | + | .overview { |
-webkit-column-count: 1; | -webkit-column-count: 1; | ||
} | } | ||
} | } | ||
Revision as of 02:01, 11 October 2014
h,p,ul,li,{font-style:none;} @charset "UTF-8"; /* CSS Document */ @font-face { font-family: Rancho; src: url('../fonts/Rancho.ttf'); } @font-face { font-family: OpenSans-Regular; src: url('../fonts/Open_Sans/OpenSans-Regular.ttf'); } @font-face { font-family: OpenSans-Bold; src: url('../fonts/Open_Sans/OpenSans-Bold.ttf'); }
body { margin: 0; padding: 0; box-sizing: border-box; }
/* @group overview */
.overview
{ background-color: #edecec; background-image: url('../img/back.png'); background-repeat: repeat; -webkit-columns: 2; -moz-columns: 2; column-fill: balance; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; text-align: justify; padding: 3% 8%; font-family: OpenSans-Regular; line-height: 1.7em; }
.overview h2
{ color: #8bcfd8; text-shadow: 0px 0px 6px #FFFFFF; margin: 6px 3px 2px 3px;
}
.overview ol
} margin-bottom: 1em; list-style-type: disc; }
/* @end */
.fixed
{ position: fixed; top: 0; }
.right
{ float: right; }
article
{ margin: 3% 8%; }
article p
{ font-family:OpenSans-Regular, sans-serif; text-align: justify; text-indent: 3em; word-spacing: 0.2em; -moz-columns: 2; -moz-column-gap: 2em; -webkit-column-count: 2; -webkit-column-gap: 2em; }
h2
{ font-family: Rancho, sans-serif; font-size: 2em; }
@media screen and (max-width: 55.6875em) {
article p {
-webkit-column-count: 1; }
.overview {
-webkit-column-count: 1; } }
