Team:SYSU-Software/notebook.css

From 2013.igem.org

(Difference between revisions)

Revision as of 11:07, 27 August 2013

   *{
     padding:0px;
     margin: 0px;
   }
   body {
     height: 100%;
     width: 100%;
     background-color: #CCC;
     font-family: 'Arial';
   }

/*notebook content*/

notebook-container{

width: 980px;

 height: 2460px;

margin:0 auto; position:relative !important; top:0px !important; }

/*---------------------------------------- BLOCKS */ .scrollblock { width: 980px; height: 820px; background-color: #252629;

}

intro {

overflow: hidden; }

/*used to zoom test*/ /*#title { margin: 80px auto 0; width: 1050px; position: relative; z-index: 99; }*/

/*#parallax2 { position: absolute; top: 500px; left: -50px; color: #C5C3DE; opacity: .2; font-size: 210px; text-shadow: none; }

parallax3 {

position: absolute; top: 320px; right: 40px; color: #C5C3DE; opacity: .4; font-size: 160px; text-shadow: none; }

/

/*--notebook content--------------------------------------*/

file-folder{

margin: 0 auto; width: 212px; }

/*time list*/

time-list{

margin: 0 auto; width: 10px; height: 603px; }

nav1{

position: relative; left: -83px;

list-style: none; }

nav1 a{

color: white; text-decoration: none; }

nav2 a{

color: white; text-decoration: none; }

nav1 li{

width: 90px; }

nav2 li{

width: 90px; }

nav2{

position: relative; left: -12px;

list-style: none; }

.left-second{ position: relative; top: 95px; } .left-third{ position: relative; top:210px; } .left-forth{ position: relative; top: 345px; }

.left-fifth{ position: relative; top: 440px; }

.right-second{ position: relative; top: 45px; }

.right-third{ position: relative; top: 190px; }

.right-forth{ position: relative; top: 278px; }

.right-fifth{ position: relative; top: 393px; }

notebook{

margin: 0 auto; width: 643px; height: 86px; }

/*the content accroding to the date*/ /*date1*/

time-list-fix{

position: relative; left: 60px; }

fix-nav{

position: relative; top: 200px; left: -13px; list-style: none; }

fix-nav a{

color: white; text-decoration: none; } .fix-left-first{ position: relative; }

.fix-left-second{ position: relative; top: 9px; } .fix-left-third{ position: relative; top: 38px; } .fix-left-forth{ position: relative; top: 93px; } .fix-left-fifth{ position: relative; top: 147px; } .fix-left-sixth{ position: relative; top: 176px; } .fix-left-seventh{ position: relative; top: 233px; } .fix-left-eighth{ position: relative; top: 290px; } .fix-left-ninth{ position: relative; top: 355px; } .fix-left-tenth{ position: relative; top: 410px; }

date1-photo{

position: relative; left: 220px; }

date1-task{

position: relative; left: 515px;

font-size: 18px; color: white; line-height: 28px; }

date1-task span{

width: 150px; font-size: 28px; }

/*date2 task and introduce*/

date2-task{

position: relative; left: 300px;

font-size: 18px; color: white; line-height: 28px; }

date2-task span{

width: 150px; font-size: 28px; }

date2-photo{

width: 400px; position: relative; left: 300px; top: -600px; }

   a:focus{
     outline-color:#544444; 
   }

@@ Line 18: / Line 18: @@
    height: 2460px;
 	margin:0 auto;
-top:0px; !important;
+position:relative !important;
+top:0px !important;
 }