Team:SJTU-BioX-Shanghai/article.css

From 2014.igem.org

(Difference between revisions)
(Undo revision 187869 by Kariny888 (talk))
Line 1: Line 1:
 +
h,p,ul,li,{font-style:none;}
@charset "UTF-8";
@charset "UTF-8";
/* CSS Document */
/* CSS Document */
Line 23: Line 24:
/* @group overview */
/* @group overview */
-
.overview
+
  .overview
{
{
background-color: #edecec;
background-color: #edecec;
Line 39: Line 40:
line-height: 1.7em;
line-height: 1.7em;
}
}
-
.overview h2
+
  .overview h2
{
{
color: #8bcfd8;
color: #8bcfd8;
Line 46: Line 47:
}
}
-
.overview ol
+
  .overview ol
}
}
margin-bottom: 1em;
margin-bottom: 1em;
Line 56: Line 57:
-
.fixed
+
  .fixed
{
{
position: fixed;
position: fixed;
top: 0;
top: 0;
}
}
-
.right
+
  .right
{
{
float: right;
float: right;
}
}
-
article
+
  article
{
{
margin: 3% 8%;
margin: 3% 8%;
}
}
-
article p
+
  article p
{
{
font-family:OpenSans-Regular, sans-serif;
font-family:OpenSans-Regular, sans-serif;
Line 82: Line 83:
}
}
-
h2
+
  h2
{
{
font-family: Rancho, sans-serif;
font-family: Rancho, sans-serif;
font-size: 2em;
font-size: 2em;
}
}
-
@media screen and (max-width: 55.6875em) {
+
  @media screen and (max-width: 55.6875em) {
-
article p {
+
  article p {
-webkit-column-count: 1;
-webkit-column-count: 1;
}
}
-
.overview {
+
  .overview {
-webkit-column-count: 1;
-webkit-column-count: 1;
}
}
}
}

Revision as of 02:01, 11 October 2014

h,p,ul,li,{font-style:none;} @charset "UTF-8"; /* CSS Document */ @font-face { font-family: Rancho; src: url('../fonts/Rancho.ttf'); } @font-face { font-family: OpenSans-Regular; src: url('../fonts/Open_Sans/OpenSans-Regular.ttf'); } @font-face { font-family: OpenSans-Bold; src: url('../fonts/Open_Sans/OpenSans-Bold.ttf'); }

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:OpenSans-Regular, 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, sans-serif; font-size: 2em; }

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

-webkit-column-count: 1; }

 .overview {

-webkit-column-count: 1; } }