Team:SYSU-Software/notebook.css

From 2013.igem.org

(Difference between revisions)
(Created page with " *{ padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; } /*head...")
Line 10: Line 10:
     }
     }
-
 
-
 
-
    /*header images */
 
-
    #team-header{
 
-
      margin: 0 auto;
 
-
      z-index: 100;
 
-
 
-
      height: 200px;
 
-
      width: 980px;
 
-
      background-color: white;
 
-
 
-
      font-family: 'Arial';
 
-
    }
 
-
    #team-header-logo{
 
-
      position: relative;
 
-
      left: 20px;
 
-
      top:30px;
 
-
    }
 
-
    #team-header-text{
 
-
      position: relative;
 
-
      left: 130px;
 
-
      top: -67px;
 
-
    }
 
-
 
-
    #boss-header-image{
 
-
      position: relative;
 
-
      left: 285px;
 
-
      top: -85px;
 
-
    }
 
-
 
-
    /*navigation*/
 
-
    #navigation1{
 
-
      float: right;
 
-
      height: 40px;
 
-
 
-
      z-index: 100;
 
-
 
-
      position: relative;
 
-
      top: -37px;
 
-
    }
 
-
 
-
    .navbar {
 
-
    margin-bottom: 0px;
 
-
    overflow: visible;
 
-
    }
 
-
 
-
    .nav{
 
-
      display: inline;
 
-
 
-
      height: 40px;
 
-
      background-color:#A8DBD2;   
 
-
    }
 
-
       
 
-
    .navbar-inverse .nav > li > a{
 
-
      font-size: 14px;
 
-
      border: none;
 
-
      height: 40px;
 
-
      padding:0px 20px;
 
-
 
-
      line-height: 40px;
 
-
    }
 
-
    #nav-li{
 
-
      height: 40px;
 
-
    }
 
-
   
 
-
    .navbar-inverse .nav > li.active > a{
 
-
      background-color: #FFE14B;
 
-
      height: 40px;
 
-
    }
 
-
    .navbar-inverse .nav > li.active > a{
 
-
      background-color: #FFE14B;
 
-
    }
 
-
    /*sub navs*/
 
-
    #sub-link1{
 
-
      width:90px;
 
-
      background-color:#A8DBD2;
 
-
    }   
 
-
    .navbar .nav > li > ul:before {
 
-
      border-width: 0px;
 
-
    }
 
-
 
-
    #sub-link2{
 
-
      width:100px;
 
-
      background-color:#A8DBD2;
 
-
    }   
 
-
    #sub-link3{
 
-
      width:135px;
 
-
      background-color:#A8DBD2;
 
-
 
-
    }   
 
-
    #sub-link4{
 
-
      background-color:#A8DBD2;
 
-
      width:70px;
 
-
    }   
 
Line 343: Line 249:
}
}
-
 
-
 
-
/*footer*/
 
-
    #team-footer{
 
-
      width: 980px;
 
-
      margin:0 auto;
 
-
 
-
      position: relative;
 
-
      bottom: 0px;
 
-
      overflow: hidden;
 
-
 
-
      background-color: #ebdfd2;
 
-
    }
 
-
    /*instructions*/
 
-
    #team-sub{
 
-
      position: relative;
 
-
 
-
      margin-bottom: 30px;
 
-
    }
 
-
    #subscribe{
 
-
      position: relative;
 
-
    }
 
-
    #subscribe-header{
 
-
      position: relative;
 
-
      top: 25px;
 
-
      left: 145px;
 
-
 
-
      font-weight: bolder;
 
-
      font-size: 25px;
 
-
    }
 
-
    #subscribe-content{
 
-
      position: relative;
 
-
      top: 45px;
 
-
      left: 145px;
 
-
 
-
      font-weight: bold;
 
-
      line-height: 10px;
 
-
    }
 
-
    #link{
 
-
      position: relative;
 
-
      left: 100px;
 
-
    }
 
-
    #link-header{
 
-
      position: relative;
 
-
      top: 20px;
 
-
      left: 180px;
 
-
 
-
      font-weight:bolder;
 
-
      font-size: 25px;
 
-
    }
 
-
    #link-content{
 
-
      position: relative;
 
-
      top: 34px;
 
-
      left: 180px;
 
-
    }
 
-
 
-
    #link-content a{
 
-
      text-decoration: none;
 
-
    }
 
-
    /*bottom image*/
 
-
    #bottom-image{
 
-
      position: relative;
 
-
      bottom: 0px;
 
-
    }
 

Revision as of 10:55, 27 August 2013

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



/*notebook content*/

  1. notebook-container{

width: 980px; 

 height: 2460px;

margin:0 auto; }



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

}

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

  1. parallax3 {

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

  • /


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

  1. file-folder{

margin: 0 auto; width: 212px; }

/*time list*/

  1. time-list{

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

  1. nav1{

position: relative; left: -83px;

list-style: none; }

  1. nav1 a{

color: white; text-decoration: none; }

  1. nav2 a{

color: white; text-decoration: none; }

  1. nav1 li{

width: 90px; }

  1. nav2 li{

width: 90px; }

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

  1. notebook{

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


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

  1. time-list-fix{

position: relative; left: 60px; }

  1. fix-nav{

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

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

  1. date1-photo{

position: relative; left: 220px; }

  1. date1-task{

position: relative; left: 515px;

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

  1. date1-task span{

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

/*date2 task and introduce*/

  1. date2-task{

position: relative; left: 300px;

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

  1. date2-task span{

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

  1. date2-photo{

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


   a:focus{
     outline-color:#544444; 
   }
Retrieved from "http://2013.igem.org/Team:SYSU-Software/notebook.css"