"
Team:SJTU-BioX-Shanghai/article.css
From 2014.igem.org
(Difference between revisions)
| Line 11: | Line 11: | ||
} | } | ||
@font-face { | @font-face { | ||
| - | font-family: OpenSans-Bold; | + | font-family: OpenSans-Bold; |
| - | + | src: url('../fonts/Open_Sans/OpenSans-Bold.ttf'); | |
| - | } | + | } |
| - | + | ||
| - | body | + | body { |
| - | { | + | margin: 0; |
| - | + | padding: 0; | |
| - | + | box-sizing: border-box; | |
| - | + | } | |
| - | } | + | |
/* @group overview */ | /* @group overview */ | ||
| - | .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{ |
| - | .overview h2 | + | color: #8bcfd8; |
| - | { | + | text-shadow: 0px 0px 6px #FFFFFF; |
| - | + | margin: 6px 3px 2px 3px; | |
| - | + | } | |
| - | + | .overview ol{ | |
| - | + | margin-bottom: 1em; | |
| - | } | + | list-style-type: disc; |
| - | .overview ol | + | } |
| - | + | ||
| - | + | ||
| - | + | ||
| - | } | + | |
| - | + | ||
/* @end */ | /* @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) { | @media screen and (max-width: 55.6875em) { | ||
article p { | article p { | ||
Revision as of 02:19, 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; } }
