Team:SJTU-BioX-Shanghai/article.css
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
@charset "UTF-8"; | @charset "UTF-8"; | ||
/* CSS Document */ | /* CSS Document */ | ||
- | + | /* @group overview */ | |
- | + | overview | |
- | + | ||
- | + | ||
{ | { | ||
- | + | background-color: #edecec; | |
- | + | background-image: url('../img/back.png'); | |
- | + | background-repeat: repeat; | |
- | + | -webkit-columns: 2; | |
- | + | -moz-columns: 2; | |
- | + | 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 */ | /* @end */ | ||
- | + | article { | |
- | article | + | margin: 3% 8%; |
- | { | + | } article p { |
- | + | font-family:OpenSans-Regular, sans-serif; | |
- | } | + | text-align: justify; |
- | article p | + | text-indent: 3em; |
- | { | + | word-spacing: 0.2em; |
- | + | -moz-column-count: 2; | |
- | + | -moz-column-gap: 2em; | |
- | + | column-count: 2; | |
- | + | column-gap: 2em; | |
- | + | -webkit-column-count: 2; | |
- | + | -webkit-column-gap: 2em; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | @media screen and (max-width: 55.6875em) { | + | article h2 { |
- | + | font-family: Rancho, sans-serif; | |
- | + | font-size: 2em; | |
- | + | } @media screen and (max-width: 55.6875em) { | |
- | + | article p | |
- | + | { | |
- | + | -webkit-column-count: 1; | |
- | + | -moz-columns: 1; | |
- | + | columns: 1; | |
- | + | } | |
- | + | .overview | |
- | + | { | |
- | + | -webkit-column-count: 1; | |
+ | -moz-columns: 1; | ||
+ | columns: 1; | ||
+ | } | ||
} | } |
Revision as of 11:03, 15 October 2014
@charset "UTF-8";
/* CSS Document */ /* @group overview */ overview {
background-color: #edecec; background-image: url('../img/back.png'); background-repeat: repeat; -webkit-columns: 2; -moz-columns: 2; 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 */ article {
margin: 3% 8%;
} article p {
font-family:OpenSans-Regular, sans-serif; text-align: justify; text-indent: 3em; word-spacing: 0.2em; -moz-column-count: 2; -moz-column-gap: 2em; column-count: 2; column-gap: 2em; -webkit-column-count: 2; -webkit-column-gap: 2em;
} article h2 {
font-family: Rancho, sans-serif; font-size: 2em;
} @media screen and (max-width: 55.6875em) {
article p {
-webkit-column-count: 1;
-moz-columns: 1; columns: 1; } .overview {
-webkit-column-count: 1;
-moz-columns: 1; columns: 1; }
}