Team:SYSU-Software/team.css

From 2013.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 1: Line 1:
-
    *{
+
*{
-
      padding:0px;
+
padding:0px;
-
      margin: 0px;
+
margin: 0px;
-
    }
+
}
-
    body {
+
body {
-
      height: 100%;
+
height: 100%;
-
      width: 100%;
+
width: 100%;
-
      background-color: #CCC;
+
background-color: #544444;
-
      font-family: 'Arial';
+
font-family: 'Arial';
-
    }
+
}
-
    /*header images */
 
-
    #team-header{
 
-
      margin: 0 auto;
 
-
      z-index: 100;
 
-
      height: 200px;
+
/*team contents*/
-
      width: 980px;
+
#team-container{
-
      background-color: white;
+
width: 980px;
 +
margin: 0 auto;
 +
}
 +
#team-content{
 +
background-color: #544444;
 +
width: 100%;
 +
}
 +
#team-banner {
 +
width: 100%;
 +
height: 320px;
 +
position: relative;
 +
}
 +
#content-head-text{
 +
position: absolute;
 +
left: 50px;
 +
top: 50px;
 +
}
 +
#fly{
 +
position: absolute;
 +
left: 380px;
 +
top: 40px;
 +
}
 +
#fly img:hover{
 +
-moz-transform:scale(1.4);
 +
-webkit-transform:scale(1.4);
 +
-o-transform:scale(1.4);
 +
-ms-transform:scale(1.4);
 +
transform:scale(1.4);
 +
}
 +
#content-text{
 +
font-size: 15px;
 +
font-weight: bolder;
 +
color: #A8DBD2;
 +
line-height: 25px;
-
      font-family: 'Arial';
+
display: block;
-
    }
+
width: 370px;
-
    #team-header-logo{
+
-
      position: relative;
+
-
      left: 20px;
+
-
      top:30px;
+
-
    }
+
-
    #team-header-text{
+
-
      position: relative;
+
-
      left: 130px;
+
-
      top: -67px;
+
-
    }
+
-
    #boss-header-image{
+
position: absolute;
-
      position: relative;
+
top: 100px;
-
      left: 285px;
+
left: 550px;
-
      top: -85px;
+
}
-
    }
+
#content-text:first-letter{
 +
font-size: 30px;
 +
}
-
    /*navigation*/
 
-
    #navigation1{
 
-
      float: right;
 
-
      height: 40px;
 
-
      z-index: 100;
 
-
      position: relative;
+
#content-image{
-
      top: -37px;
+
position: relative;
-
    }
+
top: 10px;
-
    .navbar {
+
margin-bottom: 110px;
-
    margin-bottom: 0px;
+
}
-
    overflow: visible;
+
.teamer-image-list{
-
    }
+
margin:0 auto;
 +
table-layout: auto;
 +
width: 80%;
 +
}
-
    .nav{
+
#teamer-image img{
-
      display: inline;
+
width:100px;
 +
height:100px;
 +
}
 +
#teamer-image-show {
 +
margin-bottom: 25px;
 +
}
 +
#teamer-image img:hover{
 +
-moz-transform:scale(1.2);
 +
-webkit-transform:scale(1.2);
 +
-o-transform:scale(1.2);
 +
-ms-transform:scale(1.2);
 +
transform:scale(1.2);
 +
}
-
      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{
+
#instructor-image{
-
      width:100px;
+
position: relative;
-
      background-color:#A8DBD2;  
+
}
-
    }  
+
#instructor-image-list{
-
    #sub-link3{
+
margin:0 auto;
-
      width:135px;
+
table-layout: auto;
-
      background-color:#A8DBD2;  
+
width: 70%;
 +
}
 +
#teacher-image-show{
 +
margin-bottom: 50px;
 +
}
 +
#teacher-image img{
 +
width:130px;
 +
height:130px;
 +
}
 +
#teacher-image img:hover{
 +
-moz-transform:scale(1.2);
 +
-webkit-transform:scale(1.2);
 +
-o-transform:scale(1.2);
 +
-ms-transform:scale(1.2);
 +
transform:scale(1.2);
 +
}
-
    }   
+
#team-line-3{
-
    #sub-link4{
+
margin: o auto;
-
      background-color:#A8DBD2;  
+
}
-
      width:70px;
+
/*footer*/
-
    }   
+
#sysu-footer{
 +
width: 100%;
 +
margin:0 auto;
 +
position: relative;
 +
bottom: 0px;
 +
overflow: hidden;
 +
background-color: #544444;
 +
}
-
    /*team contents*/
+
a:focus{
-
    #team-container{
+
outline-color:#544444;  
-
      width: 980px;
+
}
-
      margin: 0 auto;
+
-
    }
+
-
    #team-content{
+
-
      background-color: #544444;
+
-
      width: 980px;
+
-
    }
+
-
    #content-head-text{
+
-
      position: relative;
+
-
      left: 130px;
+
-
      top: 50px;
+
-
    }
+
-
    #fly{
+
-
      position: relative;
+
-
      left: 35px;
+
-
      top: -40px;
+
-
    }
+
-
    #fly img:hover{
+
-
      -moz-transform:scale(1.4);
+
-
      -webkit-transform:scale(1.4);
+
-
      -o-transform:scale(1.4);
+
-
      -ms-transform:scale(1.4);
+
-
      transform:scale(1.4);
+
-
    }
+
-
    #content-text{
+
-
      font-size: 15px;
+
-
      font-weight: bolder;
+
-
      color: #A8DBD2;
+
-
      line-height: 25px;
+
-
 
+
-
      display: block;
+
-
      width: 370px;
+
-
 
+
-
      position: relative;
+
-
      top: -90px;
+
-
      left: 515px;
+
-
    }
+
-
    #content-text:first-letter{
+
-
      font-size: 30px;
+
-
    }
+
-
 
+
-
 
+
-
 
+
-
 
+
-
    #myModal{
+
-
      position: absolute;
+
-
      left: 44%;
+
-
 
+
-
      border-radius: 0px;
+
-
      width: 700px;
+
-
      height: 400px;
+
-
    }
+
-
    #content-image{
+
-
      position: relative;
+
-
      top: -10px;
+
-
 
+
-
      margin-bottom: 80px;
+
-
    }
+
-
    .teamer-image-list{
+
-
      margin:0 auto;
+
-
      table-layout: auto;
+
-
      width: 68%;
+
-
    }
+
-
    .teamer-image{
+
-
      display: inline;
+
-
      margin-left: 10px;
+
-
      margin-right: 0px;
+
-
      margin-bottom: 25px;
+
-
    }
+
-
    .teamer-image:hover{
+
-
      -moz-transform:scale(1.2);
+
-
      -webkit-transform:scale(1.2);
+
-
      -o-transform:scale(1.2);
+
-
      -ms-transform:scale(1.2);
+
-
      transform:scale(1.2);
+
-
    }
+
-
 
+
-
 
+
-
 
+
-
    #instructor-image{
+
-
      position: relative;
+
-
    }
+
-
    #instructor-image-list{
+
-
      margin:0 auto;
+
-
      table-layout: auto;
+
-
      width: 460px;
+
-
    }
+
-
    .teacher-image{
+
-
      margin-bottom: 40px;
+
-
    }
+
-
    .teacher-image:hover{
+
-
      -moz-transform:scale(1.2);
+
-
      -webkit-transform:scale(1.2);
+
-
      -o-transform:scale(1.2);
+
-
      -ms-transform:scale(1.2);
+
-
      transform:scale(1.2);
+
-
    }
+
-
 
+
-
 
+
-
    /*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;
+
-
    }
+
-
 
+
-
 
+
-
    a:focus{
+
-
      outline-color:#544444;  
+
-
    }
+

Latest revision as of 06:27, 27 September 2013

  • {

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



/*team contents*/

  1. team-container{

width: 980px; margin: 0 auto; }

  1. team-content{

background-color: #544444; width: 100%; }

  1. team-banner {

width: 100%; height: 320px; position: relative; }

  1. content-head-text{

position: absolute; left: 50px; top: 50px; }

  1. fly{

position: absolute; left: 380px; top: 40px; }

  1. fly img:hover{

-moz-transform:scale(1.4); -webkit-transform:scale(1.4); -o-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4); }

  1. content-text{

font-size: 15px; font-weight: bolder; color: #A8DBD2; line-height: 25px;

display: block; width: 370px;

position: absolute; top: 100px; left: 550px; }

  1. content-text:first-letter{

font-size: 30px; }


  1. content-image{

position: relative; top: 10px;

margin-bottom: 110px; } .teamer-image-list{ margin:0 auto; table-layout: auto; width: 80%; }

  1. teamer-image img{

width:100px; height:100px; }

  1. teamer-image-show {

margin-bottom: 25px; }

  1. teamer-image img:hover{

-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }


  1. instructor-image{

position: relative; }

  1. instructor-image-list{

margin:0 auto; table-layout: auto; width: 70%; }

  1. teacher-image-show{

margin-bottom: 50px; }

  1. teacher-image img{

width:130px; height:130px; }

  1. teacher-image img:hover{

-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }

  1. team-line-3{

margin: o auto; } /*footer*/

  1. sysu-footer{

width: 100%; margin:0 auto;

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

background-color: #544444; }

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

Retrieved from "http://2013.igem.org/Team:SYSU-Software/team.css"