Team:SYSU-Software/team.css

From 2013.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
-
body {
+
*{
-
      background-color: #CCC;
+
padding:0px;
-
    }
+
margin: 0px;
-
    #content {
+
}
-
      background-color: #FFF;
+
body {
-
      border-radius: 5px;
+
height: 100%;
-
    }
+
width: 100%;
-
    #content .main {
+
background-color: #544444;
-
      padding: 20px;
+
font-family: 'Arial';
-
    }
+
}
-
    #content .sidebar {
+
-
      padding: 10px;
+
-
    }
+
-
    #content p {
+
-
      line-height: 30px;
+
-
    }
+
-
    #team-container{
 
-
      width: 980px;
 
-
    }
 
-
    #team-header{
 
-
      height: 200px;
 
-
      width: 980px;
 
-
      background-color: white;
 
-
    }
 
-
    #team-header-logo{
 
-
      display:block;
 
-
      width: 140px;
 
-
      height: 140px;
 
-
      border-radius: 70px;
 
-
      background-color:#445d72;
 
-
      position: relative;
 
-
      left: 15px;
 
-
      top:30px;
 
-
    }
 
-
    #team-header-text{
 
-
      position: absolute;
 
-
      left: 355px;
 
-
      top: 50px;
 
-
      font-family:'Berlin Sans FB Demi';
 
-
      font-size: 50px;
 
-
      color: #A8DBD2;
 
-
      line-height: 47px;
 
-
    }
 
-
 
 
-
    .nav{
 
-
      height: 46px;
 
-
      background-color:#A8DBD2;   
 
-
    }
 
-
   
 
-
    .navbar-inverse .nav > li > a{
 
-
      font-size: 16px;
 
-
      padding: 16px 15px 15px;
 
-
      border: none;
 
-
    }
 
-
    #nav-li{
 
-
      height: 40px;
 
-
    }
 
-
    #navigation1{
 
-
      width: 580px;
 
-
      height: 40px;
 
-
      position: absolute;
+
/*team contents*/
-
      left:577px;
+
#team-container{
-
      top: 93px;
+
width: 980px;
-
      z-index: 100;
+
margin: 0 auto;
-
    }
+
}
-
    .navbar-inverse .nav > li.active > a{
+
#team-content{
-
      background-color: #FFE14B;
+
background-color: #544444;
-
      height: 15px;
+
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;
-
    #team-content{
+
display: block;
-
      background-color: #544444;
+
width: 370px;
-
      width: 980px;
+
-
      height: 1050px;
+
-
    }
+
-
    #content-head-text{
+
-
      font-family: 'Script MT Bold';
+
-
      font-size: 120px;
+
-
      color: #FFFFFF;
+
-
      -moz-transform:rotate(-20deg);
+
position: absolute;
-
      -webkit-transform:rotate(-20deg);
+
top: 100px;
-
      -o-transform:rotate(-20deg);
+
left: 550px;
-
      -ms-transform:rotate(-20deg);
+
}
-
      transform:rotate(-20deg);
+
#content-text:first-letter{
 +
font-size: 30px;
 +
}
-
      position: relative;
 
-
      left: 100px;
 
-
      top: -120px;
 
-
    }
 
-
    #content-text{
 
-
      font-size: 16px;
 
-
      font-weight: bolder;
 
-
      color: #A8DBD2;
 
-
      line-height: 25px;
 
-
      position: relative;
 
-
      top: -109px;
 
-
      left: 498px;
 
-
    }
 
-
    p:first-letter{
 
-
      font-size: 30px;
 
-
    }
 
-
    #myModal{
 
-
      border-radius: 0px;
 
-
      width: 560px;
 
-
      height: 400px;
 
-
    }
 
-
    #content-image{
 
-
      position: relative;
 
-
      left: 157px;
 
-
      top: -30px;
 
-
    }
 
-
    .teamer-image-list{
 
-
      table-layout: auto;
 
-
      width: 665px;
 
-
    }
 
-
    .teamer-image{
 
-
      width: 75px;
 
-
      height: 75px;
 
-
      border-radius: 50px;
 
-
      margin: 10px;
 
-
    }
 
-
    #teamer-lable{
 
-
      position: relative;
 
-
      left: 0px;
 
-
      top: -28px;
 
-
    }
 
-
    #instructor-image{
 
-
      position: relative;
 
-
      top: 10px;
 
-
      left: 252px;
 
-
    }
 
-
    #instructor-image-list{
 
-
      table-layout: auto;
 
-
      width: 460px;
 
-
    }
 
-
    .teacher-image{
 
-
      width: 100px;
 
-
      height: 100px;
 
-
      border-radius: 50px;
 
-
      margin:15px;
+
#content-image{
-
    }
+
position: relative;
-
    .teacher-lable1{
+
top: 10px;
-
      position: relative;
+
-
      top: -27px;
+
-
      left: 9px;
+
-
    }
+
-
    #bottom-image{
+
-
      position:relative;
+
-
      left: -1px;
+
-
      top: -45px;
+
-
      -moz-transform:scaleX(1.012);
+
margin-bottom: 110px;
-
      -webkit-transform:scaleX(1.012);
+
}
-
      -o-transform:scaleX(1.012);
+
.teamer-image-list{
-
      -ms-transform:scaleX(1.012);
+
margin:0 auto;
-
      transform:scaleX(1.012);
+
table-layout: auto;
-
    }
+
width: 80%;
 +
}
-
    a:focus{
+
#teamer-image img{
-
      outline-color:#544444;  
+
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);
 +
}
 +
 
 +
 
 +
 
 +
#instructor-image{
 +
position: relative;
 +
}
 +
#instructor-image-list{
 +
margin:0 auto;
 +
table-layout: auto;
 +
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{
 +
margin: o auto;
 +
}
 +
/*footer*/
 +
#sysu-footer{
 +
width: 100%;
 +
margin:0 auto;
 +
 
 +
position: relative;
 +
bottom: 0px;
 +
overflow: hidden;
 +
 
 +
background-color: #544444;
 +
}
 +
 
 +
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"