"
Team:SJTU-BioX-Shanghai/article.css
From 2014.igem.org
(Difference between revisions)
| Line 64: | Line 64: | ||
} | } | ||
@media screen and (max-width: 55.6875em) { | @media screen and (max-width: 55.6875em) { | ||
| - | + | article p { | |
-webkit-column-count: 1; | -webkit-column-count: 1; | ||
} | } | ||
Revision as of 05:43, 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'>
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; } }
