"
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 */ | ||
| + | <link href='http://fonts.googleapis.com/css?family=Rancho|Open+Sans:600italic,400' rel='stylesheet' type='text/css'> | ||
/* @font-face { | /* @font-face { | ||
font-family: Rancho; | font-family: Rancho; | ||
| Line 34: | Line 35: | ||
text-align: justify; | text-align: justify; | ||
padding: 3% 8%; | padding: 3% 8%; | ||
| - | font-family: 'Comic Sans MS',cursive,sans-serif; | + | font-family: 'Open Sans','Comic Sans MS',cursive,sans-serif; |
line-height: 1.7em; | line-height: 1.7em; | ||
} | } | ||
| Line 59: | Line 60: | ||
} | } | ||
article p { | article p { | ||
| - | font-family:'Comic Sans MS',cursive,sans-serif; | + | font-family:'Open Sans','Comic Sans MS',cursive,sans-serif; |
text-align: justify; | text-align: justify; | ||
text-indent: 3em; | text-indent: 3em; | ||
| Line 70: | Line 71: | ||
h2 { | h2 { | ||
| - | font-family: ' | + | font-family: 'Rancho', Gadget, sans-serif; |
font-size: 2em; | font-size: 2em; | ||
margin: 20px 3px 2px 10px; | margin: 20px 3px 2px 10px; | ||
Revision as of 05:39, 11 October 2014
@charset "UTF-8";
/* CSS Document */ <link href='http://fonts.googleapis.com/css?family=Rancho|Open+Sans:600italic,400' rel='stylesheet' type='text/css'> /* @font-face {
font-family: Rancho;
src: url(../fonts/Rancho.swf);;format("opentype");
}
@font-face {
font-family: OpenSans-Regular;
src: url(../images/7/7b/Unkempt-Regular.swf);;format("opentype");
}
@font-face {
font-family: OpenSans-Bold;
src: url(../fonts/Open_Sans/OpenSans-Bold.swf);;format("opentype");
} */
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: 'Open Sans','Comic Sans MS',cursive,sans-serif;
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:'Open Sans','Comic Sans MS',cursive,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', Gadget, sans-serif;
font-size: 2em;
margin: 20px 3px 2px 10px;
}
@media screen and (max-width: 55.6875em) {
.article p {
-webkit-column-count: 1; }
.overview {
-webkit-column-count: 1; } }
