Team:SJTU-BioX-Shanghai/article.css

From 2014.igem.org

Revision as of 04:41, 11 October 2014

 @charset "UTF-8"; 

/* CSS Document */ /* @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: '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:'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: 'Arial Black', Gadget, sans-serif;
 font-size: 2em;
 padding：auto 1%
 }
 @media screen and (max-width: 55.6875em) {
 .article p {

-webkit-column-count: 1; }

 .overview {

-webkit-column-count: 1; } }