Team:SYSU-Software/team.css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
    *{
+
*{
-
      padding:0px;
+
padding:0px;
-
      margin: 0px;
+
margin: 0px;
-
    }
+
}
-
    body {
+
body {
-
      height: 100%;
+
height: 100%;
-
      width: 100%;
+
width: 100%;
-
      background-color: #544444;
+
background-color: #544444;
-
      font-family: 'Arial';
+
font-family: 'Arial';
-
    }
+
}
-
    /*team contents*/
+
/*team contents*/
-
    #team-container{
+
#team-container{
-
      width: 100%;
+
width: 980px;
-
      margin: 0 auto;
+
margin: 0 auto;
-
    }
+
}
-
    #team-content{
+
#team-content{
-
      background-color: #544444;
+
background-color: #544444;
-
      width: 100%;
+
width: 100%;
-
    }
+
}
-
    #content-head-text{
+
#team-banner {
-
      position: relative;
+
width: 100%;
-
      left: 130px;
+
height: 320px;
-
      top: 50px;
+
position: relative;
-
    }
+
}
-
    #fly{
+
#content-head-text{
-
      position: relative;
+
position: absolute;
-
      left: 35px;
+
left: 50px;
-
      top: -40px;
+
top: 50px;
-
    }
+
}
-
    #fly img:hover{
+
#fly{
-
      -moz-transform:scale(1.4);
+
position: absolute;
-
      -webkit-transform:scale(1.4);
+
left: 380px;
-
      -o-transform:scale(1.4);
+
top: 40px;
-
      -ms-transform:scale(1.4);
+
}
-
      transform:scale(1.4);
+
#fly img:hover{
-
    }
+
-moz-transform:scale(1.4);
-
    #content-text{
+
-webkit-transform:scale(1.4);
-
      font-size: 15px;
+
-o-transform:scale(1.4);
-
      font-weight: bolder;
+
-ms-transform:scale(1.4);
-
      color: #A8DBD2;
+
transform:scale(1.4);
-
      line-height: 25px;
+
}
 +
#content-text{
 +
font-size: 15px;
 +
font-weight: bolder;
 +
color: #A8DBD2;
 +
line-height: 25px;
-
      display: block;
+
display: block;
-
      width: 370px;
+
width: 370px;
-
      position: relative;
+
position: absolute;
-
      top: -90px;
+
top: 100px;
-
      left: 515px;
+
left: 550px;
-
    }
+
}
-
    #content-text:first-letter{
+
#content-text:first-letter{
-
      font-size: 30px;
+
font-size: 30px;
-
    }
+
}
-
    #content-image{
+
#content-image{
-
      position: relative;
+
position: relative;
-
      top: 10px;
+
top: 10px;
 +
 
 +
margin-bottom: 110px;
 +
}
 +
.teamer-image-list{
 +
margin:0 auto;
 +
table-layout: auto;
 +
width: 80%;
 +
}
-
      margin-bottom: 110px;
 
-
    }
 
-
    .teamer-image-list{
 
-
      margin:0 auto;
 
-
      table-layout: auto;
 
-
      width: 68%;
 
-
    }
 
-
   
 
#teamer-image img{
#teamer-image img{
-
width:100px;
+
width:100px;
-
height: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);
}
}
-
    #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{
-
    }
+
position: relative;
-
    #instructor-image-list{
+
}
-
      margin:0 auto;
+
#instructor-image-list{
-
      table-layout: auto;
+
margin:0 auto;
-
      width: 460px;
+
table-layout: auto;
-
    }
+
width: 70%;
-
    #teacher-image-show{
+
}
-
      margin-bottom: 50px;
+
#teacher-image-show{
-
    }
+
margin-bottom: 50px;
 +
}
#teacher-image img{
#teacher-image img{
-
width:130px;
+
width:130px;
-
height: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);
}
}
-
    #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);
 
-
    }
 
-
 
 
-
    /*footer*/
 
-
    #sysu-footer{
 
-
      width: 100%;
 
-
      margin:0 auto;
 
-
      position: relative;
+
/*footer*/
-
      bottom: 0px;
+
#sysu-footer{
-
      overflow: hidden;
+
width: 100%;
 +
margin:0 auto;
-
      background-color: #544444;
+
position: relative;
-
    }
+
bottom: 0px;
 +
overflow: hidden;
-
    a:focus{
+
background-color: #544444;
-
      outline-color:#544444;  
+
}
-
    }
+
 
 +
a:focus{
 +
outline-color:#544444;  
 +
}

Revision as of 08:59, 26 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); }


/*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"