Team:USTC-Software/winter/css

From 2013.igem.org

(Difference between revisions)
Line 18: Line 18:
     font-family:Tahoma, Geneva, sans-serif;
     font-family:Tahoma, Geneva, sans-serif;
     list-style-image:none;
     list-style-image:none;
-
     list-style-type:circle;
+
     list-style-type:disc;
}
}
Line 271: Line 271:
     float:left;
     float:left;
     border-radius:10px;
     border-radius:10px;
-
     background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
+
     background:url(http:
-
}
+
-
 
+
-
div.dev_wrapper4 .dev  .content{
+
-
width:820px;
+
-
    height:1400px;
+
-
    margin:60px auto 10px 80px;
+
-
}
+
-
 
+
-
div.dev_wrapper4 .dev  .content .pic{
+
-
    margin-top:10px;
+
-
    margin-left:100px;
+
-
}
+
-
 
+
-
#con_one .content4{
+
-
    height:650px;
+
-
    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;
+
-
 
+
-
}
+
-
#con_one .content4 .main p,#con_one .content5 .main p{
+
-
    font-size:21px;
+
-
    margin-top:30px;
+
-
    color:#fff;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
div.wrapper{
+
-
    width:960px;
+
-
    margin:50px auto auto auto;
+
-
    border-radius:10px;
+
-
    box-shadow:#ccc 3px 3px 1px;
+
-
    background:#2da7a0;
+
-
}
+
-
 
+
-
 
+
-
#second .dev  .circle{
+
-
    height:4140px;
+
-
    width: 95px;
+
-
    margin-top:0px;
+
-
    margin-left:-15px;
+
-
    float:left;
+
-
    border-radius:10px;
+
-
    background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
+
-
}
+
-
 
+
-
#second .dev  .content{
+
-
    width:820px;
+
-
    height:4150px;
+
-
    margin:60px auto 10px 80px;
+
-
}
+
-
 
+
-
#cont_one .head p{
+
-
    width:400px;
+
-
    height:90px;
+
-
    margin:60px auto auto 300px;
+
-
    font-size:86px;
+
-
    color:#10fe53;
+
-
    font-family:'Bilbo Swash Caps', cursive;
+
-
}
+
-
 
+
-
 
+
-
#cont_one .content2{
+
-
    height:600px;
+
-
    width:800px;
+
-
    margin-left:30px;
+
-
    margin-top:10px;
+
-
}
+
-
 
+
-
#cont_one .pic{
+
-
    margin:10px auto auto 100px;
+
-
}
+
-
#cont_one .aa{
+
-
    height:70px;
+
-
}
+
-
#cont_one .content2 .date{
+
-
    width:400px;
+
-
    height:30px;
+
-
    margin:30px auto auto 300px;
+
-
}
+
-
 
+
-
#date{
+
-
    margin-top:50px;
+
-
}
+
-
 
+
-
#cont_one .content2 .date p{
+
-
    font-size:30px;
+
-
    color:#10fe53;
+
-
}
+
-
 
+
-
#con_one .content2 .main{
+
-
 
+
-
    color:#000;
+
-
}
+
-
 
+
-
#cont_one .content2 .main p{
+
-
    font-size:21px;
+
-
    color:#fff;
+
-
}
+
-
+
-
 
+
-
#cont_one .content3{
+
-
    height:1100px;
+
-
    width:800px;
+
-
    margin-left:30px;
+
-
    margin-top:50px;
+
-
}
+
-
 
+
-
#cont_one .content3 .date{
+
-
    width:400px;
+
-
    height:30px;
+
-
    margin:30px auto auto 300px;
+
-
}
+
-
 
+
-
#date{
+
-
    margin-top:50px;
+
-
}
+
-
 
+
-
#cont_one .content3 .date p{
+
-
    font-size:30px;
+
-
    color:#10fe53;
+
-
}
+
-
 
+
-
#con_one .content3 .main{
+
-
 
+
-
    color:#fff;
+
-
}
+
-
 
+
-
#cont_one .content3 .main p{
+
-
    font-size:21px;
+
-
    color:#fff;
+
-
}
+
-
+
-
+
-
 
+
-
#third .dev  .circle{
+
-
    height:2970px;
+
-
    width: 95px;
+
-
    margin-top:0px;
+
-
    margin-left:-15px;
+
-
    float:left;
+
-
    border-radius:10px;
+
-
    background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
+
-
}
+
-
 
+
-
#third .dev  .content{
+
-
    width:780px;
+
-
    height:2980px;
+
-
    margin:60px auto 10px 80px;
+
-
}
+
-
 
+
-
#third .dev  .pic{
+
-
    margin-left:100px;
+
-
}
+
-
 
+
-
 
+
-
#cont_one .content4{
+
-
    height:800px;
+
-
    width:800px;
+
-
    margin-left:30px;
+
-
    margin-top:20px;
+
-
    border:1px #2da7a0 solid;
+
-
}
+
-
 
+
-
#cont_one .content4 .date{
+
-
    width:400px;
+
-
    height:30px;
+
-
    margin:30px auto auto 300px;
+
-
}
+
-
 
+
-
#date{
+
-
    margin-top:50px;
+
-
}
+
-
 
+
-
#cont_one .content4 .date p{
+
-
    font-size:30px;
+
-
    color:#10fe53;
+
-
}
+
-
 
+
-
#cont_one .content4 .main{
+
-
   
+
-
    color:#fff;
+
-
   
+
-
}
+
-
 
+
-
#cont_one .content4 .main p{
+
-
    font-size:21px;
+
-
    color:#fff;
+
-
}
+
-
 
+
-
 
+
-
#forth .dev  .circle{
+
-
    height:2790px;
+
-
    width: 95px;
+
-
    margin-top:0px;
+
-
    margin-left:-15px;
+
-
    float:left;
+
-
    border-radius:10px;
+
-
    background:url(https://static.igem.org/mediawiki/igem.org/e/e2/USTC-Software_Note.png) repeat-y;
+
-
}
+
-
 
+
-
#forth .dev  .content{
+
-
    width:820px;
+
-
    height:2800px;
+
-
    margin:60px auto 10px 80px;
+
-
}
+
-
 
+
-
#forth .dev  .pic{
+
-
    margin-left:100px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
#cont_one .content5{
+
-
    height:550px;
+
-
    width:800px;
+
-
    margin-left:30px;
+
-
    margin-top:50px;
+
-
    border:1px #2da7a0 solid;
+
-
}
+
-
#cont_one .content5 .date{
+
-
    width:400px;
+
-
    height:30px;
+
-
    margin:30px auto auto 300px;
+
-
}
+
-
 
+
-
#date{
+
-
    margin-top:50px;
+
-
}
+
-
 
+
-
#cont_one .content5 .date p{
+
-
    font-size:30px;
+
-
    color:#10fe53;
+
-
}
+
-
 
+
-
#con_one .content4 .main{
+
-
    broder:#333 1px solid;
+
-
    color:#fff;
+
-
}
+
-
 
+
-
#cont_one .content5 .main p{
+
-
    font-size:21px;
+
-
    color:#fff;
+
-
}
+
-
#six{
+
-
  height:40px;
+
-
}
+

Revision as of 12:17, 26 September 2013

body{

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

}

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

}

  1. direction ul , #direction ul li a{
   color:#fff;
   font-size:19px;
   text-decoration:none;
   font-family:Tahoma, Geneva, sans-serif;
   list-style-image:none;
   list-style-type:disc;

}

  1. direction ul li a:hover{
   color:#aaed51;
   opacity:1;

}


  1. global_wrapper{
   margin-top:90px;

}

div.dev_wrapper0 {

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

} div.dev_wrapper0 .dev .circle{

   height:2297px;
   width: 95px;
   margin-top:0px;
   margin-left:-15px;
   float:left;
   border-radius:10px;
   background:url(USTC-Software_Note.png) repeat-y;

} div.dev_wrapper0 .dev .content{

   width:820px;
   height:2300px;
   margin:20px auto 10px 80px;

} div.dev_wrapper0 .dev .pic{

   margin-left:100px;
   margin-bottom:50px;

}

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

}

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

}

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

}

  1. date{
   margin-top:50px;

}

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

}

  1. con_one .content0 .main{
   broder:#333 1px solid;
   color:#fff;

}

  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:1847px;
   width: 95px;
   margin-top:0px;
   margin-left:-15px;
   float:left;
   border-radius:10px;
   background:url(USTC-Software_Note.png) repeat-y;

} div.dev_wrapper1 .dev .content{

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

}

div.dev_wrapper1 .dev .pic{

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

}

  1. con_one .content1{
   height:600px;
   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:#10fe53;

}

  1. con_one .content1 .main{
   broder:#333 1px solid;
   color:#fff;
  

}

  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:1795px;
   width: 80px;
   margin-top:10px;
   margin-left:-10px;
   float:left;
   border-radius:10px;
   background:url(USTC-Software_Note.png) repeat-y;

} div.dev_wrapper2 .dev .content{

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

}

div.dev_wrapper2 .dev .content .pic{

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

}

  1. con_one .content2{
   height:650px;
   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;

}

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

}


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:1390px;
   width: 80px;
   margin-top:10px;
   margin-left:-10px;
   float:left;
   border-radius:10px;
   background:url(USTC-Software_Note.png) repeat-y;

}

div.dev_wrapper3 .dev .content{

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

}

  1. con_one .content3{
   height:650px;
   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;
   

}


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(http: