Team:SJTU-BioX-Shanghai/test.html

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
 
-
<html>
 
<head>
<head>
<style type="text/css">
<style type="text/css">
Line 9: Line 7:
<article><p>fdsafasfafd</p></article>
<article><p>fdsafasfafd</p></article>
</body>
</body>
-
</html>
 

Revision as of 13:14, 7 October 2014

<head> <style type="text/css"> @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 */ </style> </head> <body>

<article>

fdsafasfafd

</article>

</body>