Team:SJTU-BioX-Shanghai/article.css

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
   @charset "UTF-8";  
   @charset "UTF-8";  
/* CSS Document */
/* 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 */
+
/* @group overview */
 +
 
 +
#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;
 +
}
 +
#overview h2
 +
{
 +
    color: #8bcfd8;
 +
    text-shadow: 0px 0px 6px #FFFFFF;
 +
    margin: 6px 3px 2px 3px;
 +
   
 +
}
 +
#overview ol
 +
{
 +
    margin-bottom: 1em;
 +
    list-style-type: disc;
 +
}
-
  .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 */
/* @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 {
+
article
-
  font-family: 'Rancho', Gadget, sans-serif;
+
{
-
  font-size: 3em;
+
    margin: 3% 8%;
-
   margin: 20px 3px 2px 10px;
+
}
 +
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;
   }
   }
-
   p,li  {
+
   .overview
-
   font-size: 1em;
+
   {
 +
-webkit-column-count: 1;
 +
        -moz-columns: 1;
 +
        columns: 1;
   }
   }
-
  @media screen and (max-width: 55.6875em) {
 
-
  article p {
 
-
-webkit-column-count: 1;
 
-
}
 
-
  .overview {
 
-
-webkit-column-count: 1;
 
-
}
 
}
}

Revision as of 10:58, 11 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 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;
 }

}