Team:SYSU-Software/safety.css

From 2013.igem.org

(Difference between revisions)
Line 9: Line 9:
       font-family: 'Arial';
       font-family: 'Arial';
     }
     }
-
 
-
 
-
 
-
    /*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 243: Line 145:
       background-color: #ebdfd2;
       background-color: #ebdfd2;
     }
     }
-
    /*instructions*/
 
-
    #team-sub{
 
-
      position: relative;
 
-
      margin-bottom: 30px;
+
  /*footer*/
-
    }
+
     #sysu-footer{
-
     #subscribe{
+
       width: 100%;
-
      position: relative;
+
       margin:0 auto;
-
    }
+
-
    #subscribe-header{
+
-
       position: relative;
+
-
       top: 25px;
+
-
      left: 145px;
+
-
      font-weight: bolder;
 
-
      font-size: 25px;
 
-
    }
 
-
    #subscribe-content{
 
       position: relative;
       position: relative;
-
       top: 45px;
+
       bottom: 0px;
-
       left: 145px;
+
       overflow: hidden;
-
       font-weight: bold;
+
       background-color: white;
-
      line-height: 10px;
+
     }
     }
-
     #link{
+
     #bottom-image{
-
       position: relative;
+
       width: 100%;
-
      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 13:29, 25 September 2013

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


  1. safety-container{ 
 width: 980px;
 height: 100%;
 background-color: #DDF4EF;
 margin:0 auto;

}

  1. safety-header{ 
 height: 100%;

}

  1. safety-sanjiao1{ 
 float: left;
 margin-left: 50px;
 margin-top: 40px;

}

  1. safety-font{ 
 float: left;
 margin-top: 30px;
 margin-left: 30px;
 margin-right: 27px;

}

  1. safety-sanjiao2{ 
 float: left;
 margin-top: 40px;

}

  1. safety-q1{ 
 clear: both;

}

  1. q1-light{ 
 float: left;
 margin-left: 40px;
 margin-top: 37px;

}

  1. q1-text{ 
 float: left;
 margin-top: 50px;
 margin-left: 4px;

 font-family: 'Arial';
 font-size: 19px;
 font-weight: 900;
 color: #445d72;

}

  1. q1-image{ 
 float: left;
 margin-left: 60px;
 margin-top: 30px;
 margin-right: 50px;

}

  1. q1-pen{ 
 float: left;
 margin-top: 28px;
 margin-left: 40px;

}

  1. q1-answer{ 
 width: 850px;
 float: left;
 margin-left: 2px;
 margin-top: 38px;

 line-height: 24px;
 color: #445d72;
 font-weight: 800;
 font-size: 15px;

}

  1. safety-q2{ 
 clear: both;

}

  1. q2-light{ 
 float: left;
 margin-left: 40px;
 margin-top: 45px;

}

  1. q2-text{ 
 float: left;
 margin-top: 58px;
 margin-left: 4px;

 font-family: 'Arial';
 font-size: 19px;
 font-weight: 900;
 color: #445d72;

}

  1. q2-pen{ 
 clear: both;
 float: left;
 margin-top: 28px;
 margin-left: 40px;

}

  1. q2-answer{ 
 width: 850px;
 float: left;
 margin-left: 2px;
 margin-top: 38px;
 margin-bottom: 30px;

 line-height: 24px;
 color: #445d72;
 font-weight: 800;
 font-size: 15px;

}

  1. q3{ 
 clear:both;

} 


   /*footer*/
   #team-footer{
     width: 980px;
     margin:0 auto;

     position: relative;
     bottom: 0px;
     overflow: hidden;

     background-color: #ebdfd2;
   }

 /*footer*/
   #sysu-footer{
     width: 100%;
     margin:0 auto;

     position: relative;
     bottom: 0px;
     overflow: hidden;

     background-color: white;
   }
   #bottom-image{
     width: 100%;
   }



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