Team:SJTU-BioX-Shanghai/article.css

From 2014.igem.org

(Difference between revisions)
Line 4: Line 4:
   }
   }
/* CSS Document */
/* CSS Document */
-
  @font-face {
+
/* @font-face {
   font-family: Rancho;
   font-family: Rancho;
   src: url(../fonts/Rancho.swf);;format("opentype");
   src: url(../fonts/Rancho.swf);;format("opentype");
Line 15: Line 15:
   font-family: OpenSans-Bold;
   font-family: OpenSans-Bold;
   src: url(../fonts/Open_Sans/OpenSans-Bold.swf);;format("opentype");
   src: url(../fonts/Open_Sans/OpenSans-Bold.swf);;format("opentype");
-
   }
+
   } */
    
    
   body {
   body {
Line 62: Line 62:
   }
   }
   .article p  {
   .article p  {
-
   font-family:OpenSans-Regular, sans-serif;
+
   font-family:'Comic Sans MS',cursive,sans-serif;
   text-align: justify;
   text-align: justify;
   text-indent: 3em;
   text-indent: 3em;
Line 73: Line 73:
   h2  {
   h2  {
-
   font-family: Rancho, sans-serif;
+
   font-family: 'Arial Black', Gadget, sans-serif;
   font-size: 2em;
   font-size: 2em;
   }
   }

Revision as of 04:00, 11 October 2014

 @charset "UTF-8"; 
h,p,ul,li  {
 font-style:none;
 }

/* 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: 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:'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;
 }
 @media screen and (max-width: 55.6875em) {
 .article p {

-webkit-column-count: 1; }

 .overview {

-webkit-column-count: 1; } }