Team:SJTU-BioX-Shanghai/article.css

From 2014.igem.org

(Difference between revisions)
Line 13: Line 13:
   .overview  {
   .overview  {
   background-color: #edecec;
   background-color: #edecec;
-
  background-image: url('../img/back.png');
 
-
  background-repeat: repeat;
 
   -webkit-columns: 2;
   -webkit-columns: 2;
   -moz-columns: 2;
   -moz-columns: 2;
Line 51: Line 49:
   text-align: justify;
   text-align: justify;
   text-indent: 3em;
   text-indent: 3em;
-
  font-size:3em;
 
   word-spacing: 0.2em;
   word-spacing: 0.2em;
   -moz-columns: 2;
   -moz-columns: 2;
Line 63: Line 60:
   font-size: 3em;
   font-size: 3em;
   margin: 20px 3px 2px 10px;
   margin: 20px 3px 2px 10px;
 +
  }
 +
  p  {
 +
  font-size: 2em;
   }
   }
   @media screen and (max-width: 55.6875em) {
   @media screen and (max-width: 55.6875em) {

Revision as of 10:45, 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;
 -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: #17c4bb;
 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  {
 padding: 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: 3em;
 margin: 20px 3px 2px 10px;
 }
 p  {
 font-size: 2em;
 }
 @media screen and (max-width: 55.6875em) {
 article p {

-webkit-column-count: 1; }

 .overview {

-webkit-column-count: 1; } }