Team:SJTU-BioX-Shanghai/article.css

From 2014.igem.org

(Difference between revisions)
Line 41: Line 41:
     margin: 3% 8%;
     margin: 3% 8%;
}
}
 +
article img{ float:right;}
article p
article p
{
{

Revision as of 08:50, 15 October 2014

 @charset "UTF-8"; 

/* CSS Document */

/* @group overview */
  1. overview

{

   background-color: #edecec;
   background-image: url('../img/back.png');
   background-repeat: repeat; 
   -webkit-columns: 2;
   -moz-columns: 2;
   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;

}

  1. overview h2

{

   color: #8bcfd8;
   text-shadow: 0px 0px 6px #FFFFFF;
   margin: 6px 3px 2px 3px;
   

}

  1. overview ol

{

   margin-bottom: 1em;
   list-style-type: disc;

}


/* @end */

article {

   margin: 3% 8%;

} article img{ float:right;} article p {

   font-family:OpenSans-Regular, sans-serif;
   text-align: justify;
   text-indent: 3em;
   word-spacing: 0.2em;
   -moz-column-count: 2;
   -moz-column-gap: 2em;
   column-count: 2;
   column-gap: 2em;
   -webkit-column-count: 2;
   -webkit-column-gap: 2em;

}

article h2 {

   font-family: Rancho, sans-serif;
   font-size: 2em;

} @media screen and (max-width: 55.6875em) {

 article p 
 {

-webkit-column-count: 1;

       -moz-columns: 1;
       columns: 1;
 }
 .overview 
 {

-webkit-column-count: 1;

       -moz-columns: 1;
       columns: 1;
 }

}