Template:Sjtu/article

From 2014.igem.org

Revision as of 13:10, 7 October 2014 by HorizonP (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

@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;

}


  1. headBanner

{

   width: 100%;
   background-image: url('../img/header.jpg');
   background-size: 100%;
   overflow: auto;

}

  1. headBanner h1

{

   font-family: Rancho, sans-serif;
   font-size: 4em;
   float: left;
   color: #b9bfa7;
   margin: 5% 5%;
   font-weight: normal;

} .logo {

   float: right;
   width: 270px;

}


/* @group overview */

  1. 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;

}

  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 */


.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;

}

/* @group nav */

nav.scroll-nav {

   margin: 0;
   width: 15%;
   box-sizing: border-box;
   position: fixed;
   left: 0;
   top: 40%;
   width: 8%;
   overflow: hidden;

}

nav.scroll-nav {

   padding: 15px 5px;

} ol.scroll-nav__list{

   list-style-position: inside;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 0;
   padding-top: 0;
   white-space:nowrap;
   font-size: 14px;
   line-height: 1.4em;

} /*nav.scroll-nav {

   font-variant: small-caps;

}*/ span.scroll-nav__heading {

   color:#8E8E8E;
   text-align:center;
   width:inherit;
   display:block;

} .in-view {

   font-weight:bold;
   color: #14869f;

} a.scroll-nav__link:link {

   text-decoration:none;
   color:inherit;

} ol.scroll-nav__list {

   color:#8E8E8E;

}

/* @end */