Team:SJTU-BioX-Shanghai/article.css

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
/* CSS Document */
/* CSS Document */
<link href='http://fonts.googleapis.com/css?family=Rancho|Open+Sans:600italic,400' rel='stylesheet' type='text/css'>
<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 {
   body {

Revision as of 05:40, 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; } }