Team:USTC-Software/winter/css

From 2013.igem.org

(Difference between revisions)
(Created page with "div.wrapper{ width:960px; margin:50px auto auto auto; border-radius:10px; box-shadow:#ccc 3px 3px 1px; background:#2da7a0; } #second .dev .circle{ heig...")
Line 1: Line 1:
 +
body{
 +
    font-family:Arial, Helvetica, sans-serif;
 +
    color:#fff;
 +
}
 +
#direction{
 +
    width:160px;
 +
    height:400px;
 +
    margin-left:1160px;
 +
    margin-top:100px;
 +
    position:fixed;
 +
    background-color:#2da7a0;
 +
    border-radius:5px;
 +
}
 +
#direction ul , #direction ul li a{
 +
    color:#fff;
 +
    font-size:20px;
 +
    text-decoration:none;
 +
    font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
#direction ul li a:hover{
 +
    color:#c8cac4;
 +
    opacity:1;
 +
    font-size:22px;
 +
}
 +
 +
 +
#global_wrapper{
 +
    margin-top:120px;
 +
}
 +
 +
div.dev_wrapper0 {
 +
    width:960px;
 +
    margin:120px auto auto auto;
 +
    border-radius:10px;
 +
    box-shadow:#ccc 3px 3px 1px;
 +
    background:#2da7a0;
 +
}
 +
div.dev_wrapper0  .dev  .circle{
 +
    height:2190px;
 +
    width: 95px;
 +
    margin-top:5px;
 +
    margin-left:-15px;
 +
    float:left;
 +
    border-radius:10px;
 +
    background:url(../images/notebook4.png) repeat-y;
 +
}
 +
div.dev_wrapper0 .dev  .content{
 +
    width:820px;
 +
    height:2200px;
 +
    margin:60px auto 10px 80px;
 +
}
 +
div.dev_wrapper0 .dev  .pic{
 +
    margin-left:100px;
 +
}
 +
#con_one .head{
 +
    width:500px;
 +
    height:100px;
 +
    margin:10px auto auto 250px;
 +
    font-size:86px;
 +
    color:#aaed51;
 +
    font-family:'Bilbo Swash Caps', cursive;
 +
}
 +
#con_one .content0{
 +
    height:500px;
 +
    width:800px;
 +
    margin-left:30px;
 +
    margin-top:30px;
 +
}
 +
#con_one .content0 .date{
 +
    width:400px;
 +
    height:30px;
 +
    margin:30px auto auto 10px;
 +
}
 +
#date{
 +
    margin-top:50px;
 +
}
 +
#con_one .content0 .date p{
 +
    font-size:30px;
 +
    color:#73f573;
 +
}
 +
#con_one .content0 .main{
 +
    broder:#333 1px solid;
 +
    color:#fff;
 +
    text-indent:2em;
 +
}
 +
#con_one .content0 .main p{
 +
    font-size:21px;
 +
}
 +
 +
div.dev_wrapper1{
 +
    width:960px;
 +
    margin:120px auto auto auto;
 +
    border-radius:10px;
 +
    box-shadow:#ccc 3px 3px 1px;
 +
    background:#2da7a0;
 +
}
 +
 +
div.dev_wrapper1 .dev  .circle{
 +
    height:1690px;
 +
    width: 95px;
 +
    margin-top:5px;
 +
    margin-left:-15px;
 +
    float:left;
 +
    border-radius:10px;
 +
    background:url(../images/notebook4.png) repeat-y;
 +
}
 +
div.dev_wrapper1 .dev  .content{
 +
    width:820px;
 +
    height:1700px;
 +
    margin:60px auto 10px 80px;
 +
}
 +
 +
div.dev_wrapper1 .dev  .pic{
 +
    margin-left:100px;
 +
}
 +
 +
#con_one .content1{
 +
    height:550px;
 +
    width:800px;
 +
    margin-left:30px;
 +
    margin-top:50px;
 +
    border:1px #2da7a0 solid;
 +
}
 +
 +
#con_one .content1 .date{
 +
    width:200px;
 +
    height:30px;
 +
    margin:30px auto auto 300px;
 +
}
 +
 +
#con_one .content1 .date p{
 +
    font-size:30px;
 +
    color:#73f573;
 +
}
 +
 +
#con_one .content1 .main{
 +
    broder:#333 1px solid;
 +
    color:#fff;
 +
    text-indent:2em;
 +
}
 +
#con_one .content1 .main p{
 +
    font-size:21px;
 +
}
 +
 +
 +
 +
 +
div.dev_wrapper2{
 +
    width:960px;
 +
    margin:120px auto auto auto;
 +
    border-radius:10px;
 +
    box-shadow:#ccc 3px 3px 1px;
 +
    background-color:#2da7a0;
 +
}
 +
div.dev_wrapper2 .dev  .circle{
 +
    height:1590px;
 +
    width: 80px;
 +
    margin-top:10px;
 +
    margin-left:-10px;
 +
    float:left;
 +
    border-radius:10px;
 +
    background:url(../images/notebook4.png) repeat-y;
 +
}
 +
div.dev_wrapper2 .dev  .content{
 +
    width:820px;
 +
    height:1600px;
 +
    margin:60px auto 10px 80px;
 +
}
 +
 +
div.dev_wrapper2 .dev  .content .pic{
 +
    margin-left:100px;
 +
    margin-top:40px;
 +
}
 +
 +
#con_one .content2{
 +
    height:500px;
 +
    width:800px;
 +
    margin-left:30px;
 +
    margin-top:0px;
 +
    border:1px #2da7a0 solid;
 +
}
 +
 +
#con_one .content2 .date{
 +
    width:300px;
 +
    height:30px;
 +
    margin:100px auto auto 300px;
 +
    font-size:30px;
 +
    color:#73f573;
 +
}
 +
 +
#con_one .content2 .main{
 +
    margin-top:10px;
 +
    text-indent:2em;
 +
}
 +
 +
#con_one .content2 .main p{
 +
    font-size:21px;
 +
    margin-top:30px;
 +
}
 +
 +
 +
 +
div.dev_wrapper3{
 +
    width:960px;
 +
    margin:120px auto auto auto;
 +
    border-radius:10px;
 +
    box-shadow:#ccc 3px 3px 1px;
 +
    background-color:#2da7a0;
 +
}
 +
 +
div.dev_wrapper3 .dev  .circle{
 +
    height:1190px;
 +
    width: 80px;
 +
    margin-top:10px;
 +
    margin-left:-10px;
 +
    float:left;
 +
    border-radius:10px;
 +
    background:url(../images/notebook4.png) repeat-y;
 +
}
 +
 +
div.dev_wrapper3 .dev  .content{
 +
    width:820px;
 +
    height:1200px;
 +
    margin:60px auto 10px 80px;
 +
}
 +
 +
#con_one .content3{
 +
    height:500px;
 +
    width:800px;
 +
    margin-left:30px;
 +
    margin-top:30px;
 +
    border:1px #2da7a0 solid;
 +
}
 +
 +
#con_one .content3 .date{
 +
    width:200px;
 +
    height:30px;
 +
    margin:100px auto auto 300px;
 +
    font-size:30px;
 +
    color:#aaed51;
 +
}
 +
 +
#con_one .content3 .main{
 +
    margin-top:10px;
 +
}
 +
 +
#con_one .content3 .main p{
 +
    font-size:21px;
 +
    margin-top:30px;
 +
    text-indent:2em;
 +
}
 +
 +
 +
 +
div.dev_wrapper4{
 +
    width:960px;
 +
    margin:120px auto auto auto;
 +
    border-radius:10px;
 +
    box-shadow:#ccc 3px 3px 1px;
 +
    background-color:#2da7a0;
 +
}
 +
 +
div.dev_wrapper4 .dev  .circle{
 +
    height:1390px;
 +
    width: 80px;
 +
    margin-top:10px;
 +
    margin-left:-10px;
 +
    float:left;
 +
    border-radius:10px;
 +
    background:url(../images/notebook4.png) repeat-y;
 +
}
 +
 +
div.dev_wrapper4 .dev  .content{
 +
width:820px;
 +
    height:1400px;
 +
    margin:60px auto 10px 80px;
 +
}
 +
 +
div.dev_wrapper4 .dev  .content .pic{
 +
    margin-top:0px;
 +
    margin-left:100px;
 +
}
 +
 +
#con_one .content4{
 +
  height:600px;
 +
    width:800px;
 +
    margin-left:30px;
 +
    margin-top:30px;
 +
    border:1px #2da7a0 solid;
 +
}
 +
#con_one .content5{
 +
    height:300px;
 +
    width:800px;
 +
    margin-left:30px;
 +
    margin-top:0px;
 +
    border:1px #2da7a0 solid;
 +
}
 +
 +
#con_one .content4 .date ,#con_one .content5 .date{
 +
    width:200px;
 +
    height:30px;
 +
    margin:100px auto auto 300px;
 +
    font-size:30px;
 +
    color:#aaed51;
 +
}
 +
 +
#con_one .content4 .main ,#con_one .content5 .main{
 +
    margin-top:10px;
 +
    text-indent:2em;
 +
}
 +
#con_one .content4 .main p,#con_one .content5 .main p{
 +
    font-size:21px;
 +
    margin-top:30px;
 +
}
 +
 +
 +
 +
 +
 +
 +
div.wrapper{
div.wrapper{
     width:960px;
     width:960px;
Line 62: Line 383:
#con_one .content2 .main{
#con_one .content2 .main{
-
text-indent:2em;
+
    text-indent:2em;
     color:#000;
     color:#000;
}
}

Revision as of 21:35, 21 September 2013

body{ 

   font-family:Arial, Helvetica, sans-serif;
   color:#fff;

}

  1. direction{ 
   width:160px;
   height:400px;
   margin-left:1160px;
   margin-top:100px;
   position:fixed;
   background-color:#2da7a0;
   border-radius:5px;

}

  1. direction ul , #direction ul li a{ 
   color:#fff;
   font-size:20px;
   text-decoration:none;
   font-family:Tahoma, Geneva, sans-serif;

}

  1. direction ul li a:hover{ 
   color:#c8cac4;
   opacity:1;
   font-size:22px;

}


  1. global_wrapper{ 
   margin-top:120px;

}

div.dev_wrapper0 { 

   width:960px;
   margin:120px auto auto auto;
   border-radius:10px;
   box-shadow:#ccc 3px 3px 1px;
   background:#2da7a0;

} div.dev_wrapper0 .dev .circle{ 

   height:2190px;
   width: 95px;
   margin-top:5px;
   margin-left:-15px;
   float:left;
   border-radius:10px;
   background:url(../images/notebook4.png) repeat-y;

} div.dev_wrapper0 .dev .content{ 

   width:820px;
   height:2200px;
   margin:60px auto 10px 80px;

} div.dev_wrapper0 .dev .pic{ 

   margin-left:100px;

}

  1. con_one .head{ 
   width:500px;
   height:100px;
   margin:10px auto auto 250px;
   font-size:86px;
   color:#aaed51;
   font-family:'Bilbo Swash Caps', cursive;

}

  1. con_one .content0{ 
   height:500px;
   width:800px;
   margin-left:30px;
   margin-top:30px;

}

  1. con_one .content0 .date{ 
   width:400px;
   height:30px;
   margin:30px auto auto 10px;

}

  1. date{ 
   margin-top:50px;

}

  1. con_one .content0 .date p{ 
   font-size:30px;
   color:#73f573;

}

  1. con_one .content0 .main{ 
   broder:#333 1px solid;
   color:#fff;
   text-indent:2em;

}

  1. con_one .content0 .main p{ 
   font-size:21px;

}

div.dev_wrapper1{ 

   width:960px;
   margin:120px auto auto auto;
   border-radius:10px;
   box-shadow:#ccc 3px 3px 1px;
   background:#2da7a0;

}

div.dev_wrapper1 .dev .circle{ 

   height:1690px;
   width: 95px;
   margin-top:5px;
   margin-left:-15px;
   float:left;
   border-radius:10px;
   background:url(../images/notebook4.png) repeat-y;

} div.dev_wrapper1 .dev .content{ 

   width:820px;
   height:1700px;
   margin:60px auto 10px 80px;

}

div.dev_wrapper1 .dev .pic{ 

   margin-left:100px;

}

  1. con_one .content1{ 
   height:550px;
   width:800px;
   margin-left:30px;
   margin-top:50px;
   border:1px #2da7a0 solid;

}

  1. con_one .content1 .date{ 
   width:200px;
   height:30px;
   margin:30px auto auto 300px;

}

  1. con_one .content1 .date p{ 
   font-size:30px;
   color:#73f573;

}

  1. con_one .content1 .main{ 
   broder:#333 1px solid;
   color:#fff;
   text-indent:2em;

}

  1. con_one .content1 .main p{ 
   font-size:21px;

}



div.dev_wrapper2{ 

   width:960px;
   margin:120px auto auto auto;
   border-radius:10px;
   box-shadow:#ccc 3px 3px 1px;
   background-color:#2da7a0;

} div.dev_wrapper2 .dev .circle{ 

   height:1590px;
   width: 80px;
   margin-top:10px;
   margin-left:-10px;
   float:left;
   border-radius:10px;
   background:url(../images/notebook4.png) repeat-y;

} div.dev_wrapper2 .dev .content{ 

   width:820px;
   height:1600px;
   margin:60px auto 10px 80px;

}

div.dev_wrapper2 .dev .content .pic{ 

   margin-left:100px;
   margin-top:40px;

}

  1. con_one .content2{ 
   height:500px;
   width:800px;
   margin-left:30px;
   margin-top:0px;
   border:1px #2da7a0 solid;

}

  1. con_one .content2 .date{ 
   width:300px;
   height:30px;
   margin:100px auto auto 300px;
   font-size:30px;
   color:#73f573;

}

  1. con_one .content2 .main{ 
   margin-top:10px;
   text-indent:2em;

}

  1. con_one .content2 .main p{ 
   font-size:21px;
   margin-top:30px;

}


div.dev_wrapper3{ 

   width:960px;
   margin:120px auto auto auto;
   border-radius:10px;
   box-shadow:#ccc 3px 3px 1px;
   background-color:#2da7a0;

}

div.dev_wrapper3 .dev .circle{ 

   height:1190px;
   width: 80px;
   margin-top:10px;
   margin-left:-10px;
   float:left;
   border-radius:10px;
   background:url(../images/notebook4.png) repeat-y;

}

div.dev_wrapper3 .dev .content{ 

   width:820px;
   height:1200px;
   margin:60px auto 10px 80px;

}

  1. con_one .content3{ 
   height:500px;
   width:800px;
   margin-left:30px;
   margin-top:30px;
   border:1px #2da7a0 solid;

}

  1. con_one .content3 .date{ 
   width:200px;
   height:30px;
   margin:100px auto auto 300px;
   font-size:30px;
   color:#aaed51;

}

  1. con_one .content3 .main{ 
   margin-top:10px;

}

  1. con_one .content3 .main p{ 
   font-size:21px;
   margin-top:30px;
   text-indent:2em;

}


div.dev_wrapper4{ 

   width:960px;
   margin:120px auto auto auto;
   border-radius:10px;
   box-shadow:#ccc 3px 3px 1px;
   background-color:#2da7a0;

}

div.dev_wrapper4 .dev .circle{ 

   height:1390px;
   width: 80px;
   margin-top:10px;
   margin-left:-10px;
   float:left;
   border-radius:10px;
   background:url(../images/notebook4.png) repeat-y;

}

div.dev_wrapper4 .dev .content{ width:820px; 

   height:1400px;
   margin:60px auto 10px 80px;

}

div.dev_wrapper4 .dev .content .pic{ 

   margin-top:0px;
   margin-left:100px;

}

  1. con_one .content4{ 
  height:600px;
   width:800px;
   margin-left:30px;
   margin-top:30px;
   border:1px #2da7a0 solid;

}

  1. con_one .content5{ 
   height:300px;
   width:800px;
   margin-left:30px;
   margin-top:0px;
   border:1px #2da7a0 solid;

}

  1. con_one .content4 .date ,#con_one .content5 .date{ 
   width:200px;
   height:30px;
   margin:100px auto auto 300px;
   font-size:30px;
   color:#aaed51;

}

  1. con_one .content4 .main ,#con_one .content5 .main{ 
   margin-top:10px;
   text-indent:2em;

}

  1. con_one .content4 .main p,#con_one .content5 .main p{ 
   font-size:21px;
   margin-top:30px;

}




div.wrapper{ 

   width:960px;
   margin:50px auto auto auto;
   border-radius:10px;
   box-shadow:#ccc 3px 3px 1px;
   background:#2da7a0;

}


  1. second .dev .circle{ 
   height:3840px;
   width: 95px;
   margin-top:0px;
   margin-left:-15px;
   float:left;
   border-radius:10px;
   background:url(../images/notebook4.png) repeat-y;

}

  1. second .dev .content{ 
   width:820px;
   height:3850px;
   margin:60px auto 10px 80px;

}

  1. cont_one .head{ 
   width:400px;
   height:100px;
   margin:10px auto auto 300px;
   font-size:86px;
   color:#54e86c;
   font-family:'Bilbo Swash Caps', cursive;

}

  1. cont_one .content2{ 
   height:600px;
   width:800px;
   margin-left:30px;
   margin-top:10px;

}

  1. cont_one .pic{ 
   margin:-10px auto auto 100px;

}

  1. cont_one .aa{ 
   height:50px;

}

  1. cont_one .content2 .date{ 
   width:400px;
   height:30px;
   margin:30px auto auto 300px;

}

  1. date{ 
   margin-top:50px;

}

  1. cont_one .content2 .date p{ 
   font-size:30px;
   color:#54e86c;

}

  1. con_one .content2 .main{ 
   text-indent:2em;
   color:#000;

}

  1. cont_one .content2 .main p{ 
   font-size:21px;

}


  1. cont_one .content3{ 
   height:1000px;
   width:800px;
   margin-left:30px;
   margin-top:50px;

}

  1. cont_one .content3 .date{ 
   width:400px;
   height:30px;
   margin:30px auto auto 300px;

}

  1. date{ 
   margin-top:50px;

}

  1. cont_one .content3 .date p{ 
   font-size:30px;
   color:#aaed51;

}

  1. con_one .content3 .main{ 
   text-indent:2em;
   color:#fff;

}

  1. cont_one .content3 .main p{ 
   font-size:21px;

}


  1. third .dev .circle{ 
   height:2740px;
   width: 95px;
   margin-top:0px;
   margin-left:-15px;
   float:left;
   border-radius:10px;
   background:url(../images/notebook4.png) repeat-y;

}

  1. third .dev .content{ 
   width:780px;
   height:2750px;
   margin:60px auto 10px 80px;

}

  1. third .dev .pic{ 
   margin-left:100px;

}


  1. cont_one .content4{ 
   height:700px;
   width:800px;
   margin-left:30px;
   margin-top:50px;
   border:1px #2da7a0 solid;

}

  1. cont_one .content4 .date{ 
   width:400px;
   height:30px;
   margin:30px auto auto 300px;

}

  1. date{ 
   margin-top:50px;

}

  1. cont_one .content4 .date p{ 
   font-size:30px;
   color:#aaed51;

}

  1. con_one .content4 .main{ 
   broder:#333 1px solid;
   color:#fff;
   text-indent:2em;

}

  1. cont_one .content4 .main p{ 
   font-size:21px;

}


  1. forth .dev .circle{ 
   height:2590px;
   width: 95px;
   margin-top:5px;
   margin-left:-15px;
   float:left;
   border-radius:10px;
   background:url(../images/notebook4.png) repeat-y;

}

  1. forth .dev .content{ 
   width:820px;
   height:2600px;
   margin:60px auto 10px 80px;

}

  1. forth .dev .pic{ 
   margin-left:100px;

}



  1. cont_one .content5{ 
   height:550px;
   width:800px;
   margin-left:30px;
   margin-top:50px;
   border:1px #2da7a0 solid;

}

  1. cont_one .content5 .date{ 
   width:400px;
   height:30px;
   margin:30px auto auto 300px;

}

  1. date{ 
   margin-top:50px;

}

  1. cont_one .content5 .date p{ 
   font-size:30px;
   color:#aaed51;

}

  1. con_one .content4 .main{ 
   broder:#333 1px solid;
   color:#fff;
   text-indent:2em;

}

  1. cont_one .content5 .main p{ 
   font-size:21px;

}

Retrieved from "http://2013.igem.org/Team:USTC-Software/winter/css"