Team:USTC-Software/winter/css

From 2013.igem.org

(Difference between revisions)
 
(73 intermediate revisions not shown)
Line 1: Line 1:
body{
body{
     font-family:Arial, Helvetica, sans-serif;
     font-family:Arial, Helvetica, sans-serif;
-
     color:#fff;
+
     color:#000;
}
}
-
#direction{
+
#leftdirection{
     width:160px;
     width:160px;
-
     height:400px;
+
     height:auto;
-
     margin-left:1120px;
+
     float:left;
-
    margin-top:30px;
+
     position:fixed;
     position:fixed;
-
     background-color:#2da7a0;
+
    top:40%;
 +
     background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;
     border-radius:5px;
     border-radius:5px;
 +
    box-shadow:#999 3px 3px 1px;
}
}
-
#direction ul , #direction ul li a{
+
#leftdirection ul , #leftdirection ul li a{
-
     color:#fff;
+
     color:#000;
-
     font-size:19px;
+
     font-size:16px;
     text-decoration:none;
     text-decoration:none;
     font-family:Tahoma, Geneva, sans-serif;
     font-family:Tahoma, Geneva, sans-serif;
 +
    list-style-image:none;
 +
    list-style-type:disc;
}
}
-
#direction ul li a:hover{
+
 
-
     color:#c8cac4;
+
#leftdirection ul li a:hover{
 +
     color:#4945e9;
     opacity:1;
     opacity:1;
-
    font-size:21px;
 
}
}
Line 30: Line 33:
div.dev_wrapper0 {
div.dev_wrapper0 {
-
     width:960px;
+
     width:1050px;
-
     margin:10px auto auto auto;
+
     margin:10px 10px auto auto;
     border-radius:10px;
     border-radius:10px;
-
     box-shadow:#ccc 3px 3px 1px;
+
     box-shadow:#999 3px 3px 1px;
-
     background:#2da7a0;
+
     background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;
}
}
div.dev_wrapper0  .dev  .circle{
div.dev_wrapper0  .dev  .circle{
Line 40: Line 43:
     width: 95px;
     width: 95px;
     margin-top:0px;
     margin-top:0px;
-
     margin-left:-15px;
+
     margin-left:-20px;
     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(https://static.igem.org/mediawiki/2013/e/e2/USTC-Software_Note.png) repeat-y;
}
}
div.dev_wrapper0 .dev  .content{
div.dev_wrapper0 .dev  .content{
Line 52: Line 55:
div.dev_wrapper0 .dev  .pic{
div.dev_wrapper0 .dev  .pic{
     margin-left:100px;
     margin-left:100px;
-
     margin-bottom:30px;
+
     margin-bottom:50px;
}
}
#con_one .head p{
#con_one .head p{
     width:500px;
     width:500px;
     height:100px;
     height:100px;
-
     margin:30px auto auto 250px;
+
     margin:0px auto auto 250px;
-
     font-size:86px;
+
     font-size:84px;
-
     color:#73f573;
+
     color:#4945e9;
     font-family:'Bilbo Swash Caps', cursive;
     font-family:'Bilbo Swash Caps', cursive;
}
}
Line 71: Line 74:
     width:400px;
     width:400px;
     height:30px;
     height:30px;
-
     margin:30px auto auto 10px;
+
     margin:30px auto auto 230px;
}
}
#date{
#date{
Line 77: Line 80:
}
}
#con_one .content0 .date p{
#con_one .content0 .date p{
-
     font-size:30px;
+
     font-size:28px;
-
     color:#73f573;
+
     color:#4945e9;
}
}
#con_one .content0 .main{
#con_one .content0 .main{
     broder:#333 1px solid;
     broder:#333 1px solid;
-
     color:#fff;
+
     color:#000;
}
}
#con_one .content0 .main p{
#con_one .content0 .main p{
-
     font-size:21px;
+
     font-size:19px;
}
}
div.dev_wrapper1{
div.dev_wrapper1{
-
     width:960px;
+
     width:1050px;
-
     margin:120px auto auto auto;
+
     margin:120px 10px auto auto;
     border-radius:10px;
     border-radius:10px;
-
     box-shadow:#ccc 3px 3px 1px;
+
     box-shadow:#999 3px 3px 1px;
-
     background:#2da7a0;
+
     background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;
}
}
Line 100: Line 103:
     width: 95px;
     width: 95px;
     margin-top:0px;
     margin-top:0px;
-
     margin-left:-15px;
+
     margin-left:-20px;
     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(https://static.igem.org/mediawiki/2013/e/e2/USTC-Software_Note.png) repeat-y;
}
}
div.dev_wrapper1 .dev  .content{
div.dev_wrapper1 .dev  .content{
Line 121: Line 124:
     margin-left:30px;
     margin-left:30px;
     margin-top:50px;
     margin-top:50px;
-
     border:1px #2da7a0 solid;
+
     border:0px #2da7a0 solid;
}
}
Line 131: Line 134:
#con_one .content1 .date p{
#con_one .content1 .date p{
-
     font-size:30px;
+
     font-size:28px;
-
     color:#73f573;
+
     color:#4945e9;
}
}
#con_one .content1 .main{
#con_one .content1 .main{
     broder:#333 1px solid;
     broder:#333 1px solid;
-
     color:#fff;
+
     color:#000;
    
    
}
}
#con_one .content1 .main p{
#con_one .content1 .main p{
-
     font-size:21px;
+
     font-size:19px;
}
}
Line 148: Line 151:
div.dev_wrapper2{
div.dev_wrapper2{
-
     width:960px;
+
     width:1050px;
-
     margin:120px auto auto auto;
+
     margin:120px 10px auto auto;
     border-radius:10px;
     border-radius:10px;
-
     box-shadow:#ccc 3px 3px 1px;
+
     box-shadow:#999 3px 3px 1px;
-
     background-color:#2da7a0;
+
     background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;
}
}
div.dev_wrapper2 .dev  .circle{
div.dev_wrapper2 .dev  .circle{
-
     height:1795px;
+
     height:1785px;
-
     width: 80px;
+
     width: 95px;
     margin-top:10px;
     margin-top:10px;
-
     margin-left:-10px;
+
     margin-left:-20px;
     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(https://static.igem.org/mediawiki/2013/e/e2/USTC-Software_Note.png) repeat-y;
}
}
div.dev_wrapper2 .dev  .content{
div.dev_wrapper2 .dev  .content{
Line 179: Line 182:
     margin-left:30px;
     margin-left:30px;
     margin-top:0px;
     margin-top:0px;
-
     border:1px #2da7a0 solid;
+
     border:0px #2da7a0 solid;
}
}
Line 186: Line 189:
     height:30px;
     height:30px;
     margin:100px auto auto 300px;
     margin:100px auto auto 300px;
-
     font-size:30px;
+
     font-size:28px;
-
     color:#73f573;
+
     color:#4945e9;
}
}
Line 195: Line 198:
#con_one .content2 .main p{
#con_one .content2 .main p{
-
     font-size:21px;
+
     font-size:19px;
     margin-top:30px;
     margin-top:30px;
-
     color:#fff;
+
     color:#000;
}
}
Line 203: Line 206:
div.dev_wrapper3{
div.dev_wrapper3{
-
     width:960px;
+
     width:1050px;
-
     margin:120px auto auto auto;
+
     margin:120px 10px auto auto;
     border-radius:10px;
     border-radius:10px;
-
     box-shadow:#ccc 3px 3px 1px;
+
     box-shadow:#999 3px 3px 1px;
-
     background-color:#2da7a0;
+
     background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;
}
}
div.dev_wrapper3 .dev  .circle{
div.dev_wrapper3 .dev  .circle{
-
     height:1390px;
+
     height:1300px;
-
     width: 80px;
+
     width: 95px;
     margin-top:10px;
     margin-top:10px;
-
     margin-left:-10px;
+
     margin-left:-20px;
     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(https://static.igem.org/mediawiki/2013/e/e2/USTC-Software_Note.png) repeat-y;
}
}
Line 231: Line 234:
     margin-left:30px;
     margin-left:30px;
     margin-top:30px;
     margin-top:30px;
-
     border:1px #2da7a0 solid;
+
     border:0px #2da7a0 solid;
}
}
Line 238: Line 241:
     height:30px;
     height:30px;
     margin:100px auto auto 300px;
     margin:100px auto auto 300px;
-
     font-size:30px;
+
     font-size:28px;
-
     color:#aaed51;
+
     color:#4945e9;
}
}
Line 247: Line 250:
#con_one .content3 .main p{
#con_one .content3 .main p{
-
     font-size:21px;
+
     font-size:19px;
     margin-top:30px;
     margin-top:30px;
      
      
Line 255: Line 258:
div.dev_wrapper4{
div.dev_wrapper4{
-
     width:960px;
+
     width:1050px;
-
     margin:120px auto auto auto;
+
     margin:120px 10px auto auto;
     border-radius:10px;
     border-radius:10px;
-
     box-shadow:#ccc 3px 3px 1px;
+
     box-shadow:#999 3px 3px 1px;
-
     background-color:#2da7a0;
+
     background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;
}
}
div.dev_wrapper4 .dev  .circle{
div.dev_wrapper4 .dev  .circle{
-
     height:1390px;
+
     height:1300px;
-
     width: 80px;
+
     width: 95px;
     margin-top:10px;
     margin-top:10px;
-
     margin-left:-10px;
+
     margin-left:-20px;
     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(https://static.igem.org/mediawiki/2013/e/e2/USTC-Software_Note.png) repeat-y;
}
}
-
 
div.dev_wrapper4 .dev  .content{
div.dev_wrapper4 .dev  .content{
-
width:820px;
+
    width:820px;
     height:1400px;
     height:1400px;
     margin:60px auto 10px 80px;
     margin:60px auto 10px 80px;
Line 279: Line 281:
div.dev_wrapper4 .dev  .content .pic{
div.dev_wrapper4 .dev  .content .pic{
-
     margin-top:10px;
+
     margin-top:80px;
     margin-left:100px;
     margin-left:100px;
}
}
#con_one .content4{
#con_one .content4{
-
     height:650px;
+
     height:600px;
     width:800px;
     width:800px;
     margin-left:30px;
     margin-left:30px;
     margin-top:30px;
     margin-top:30px;
-
     border:1px #2da7a0 solid;
+
     border:0px #2da7a0 solid;
}
}
 +
#con_one .content5{
#con_one .content5{
     height:300px;
     height:300px;
Line 295: Line 298:
     margin-left:30px;
     margin-left:30px;
     margin-top:0px;
     margin-top:0px;
-
     border:1px #2da7a0 solid;
+
     border:0px #2da7a0 solid;
}
}
Line 302: Line 305:
     height:30px;
     height:30px;
     margin:100px auto auto 300px;
     margin:100px auto auto 300px;
-
     font-size:30px;
+
     font-size:28px;
-
     color:#aaed51;
+
     color:#4945e9;
}
}
#con_one .content4 .main ,#con_one .content5 .main{
#con_one .content4 .main ,#con_one .content5 .main{
     margin-top:10px;
     margin-top:10px;
-
 
+
    text-indent:2em;
}
}
 +
#con_one .content4 .main p,#con_one .content5 .main p{
#con_one .content4 .main p,#con_one .content5 .main p{
-
     font-size:21px;
+
     font-size:19px;
     margin-top:30px;
     margin-top:30px;
-
     color:#fff;
+
     color:#000;
}
}
 +
 +
 +
Line 323: Line 330:
div.wrapper{
div.wrapper{
-
     width:960px;
+
     width:1050px;
-
     margin:50px auto auto auto;
+
     margin:50px 10px auto auto;
     border-radius:10px;
     border-radius:10px;
-
     box-shadow:#ccc 3px 3px 1px;
+
     box-shadow:#999 3px 3px 1px;
-
     background:#2da7a0;
+
     background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;
}
}
 +
#second .dev  .circle{
#second .dev  .circle{
-
     height:4140px;
+
     height:4240px;
-
     width: 95px;
+
     width: 90px;
     margin-top:0px;
     margin-top:0px;
-
     margin-left:-15px;
+
     margin-left:-20px;
     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(https://static.igem.org/mediawiki/2013/e/e2/USTC-Software_Note.png) repeat-y;
}
}
#second .dev  .content{
#second .dev  .content{
     width:820px;
     width:820px;
-
     height:4150px;
+
     height:4250px;
     margin:60px auto 10px 80px;
     margin:60px auto 10px 80px;
}
}
-
#cont_one .head p{
+
#cont_one .head{
     width:400px;
     width:400px;
-
     height:90px;
+
     height:100px;
-
     margin:60px auto auto 300px;
+
     margin:10px auto auto 300px;
-
     font-size:86px;
+
     font-size:84px;
-
     color:#54e86c;
+
     color:#4945e9;
     font-family:'Bilbo Swash Caps', cursive;
     font-family:'Bilbo Swash Caps', cursive;
}
}
-
 
#cont_one .content2{
#cont_one .content2{
Line 365: Line 372:
#cont_one .pic{
#cont_one .pic{
-
     margin:10px auto auto 100px;
+
     margin:-10px auto auto 100px;
}
}
 +
#cont_one .aa{
#cont_one .aa{
-
     height:70px;
+
     height:50px;
}
}
 +
#cont_one .content2 .date{
#cont_one .content2 .date{
     width:400px;
     width:400px;
Line 381: Line 390:
#cont_one .content2 .date p{
#cont_one .content2 .date p{
-
     font-size:30px;
+
     font-size:28px;
-
     color:#54e86c;
+
     color:#4945e9;
}
}
#con_one .content2 .main{
#con_one .content2 .main{
-
 
+
    text-indent:2em;
     color:#000;
     color:#000;
}
}
#cont_one .content2 .main p{
#cont_one .content2 .main p{
-
     font-size:21px;
+
     font-size:19px;
-
     color:#fff;
+
     color:#000;
}
}
#cont_one .content3{
#cont_one .content3{
-
     height:1100px;
+
     height:1200px;
     width:800px;
     width:800px;
     margin-left:30px;
     margin-left:30px;
Line 414: Line 423:
#cont_one .content3 .date p{
#cont_one .content3 .date p{
-
     font-size:30px;
+
     font-size:28px;
-
     color:#aaed51;
+
     color:#4945e9;
}
}
#con_one .content3 .main{
#con_one .content3 .main{
-
 
+
    text-indent:2em;
-
     color:#fff;
+
     color:#000;
}
}
#cont_one .content3 .main p{
#cont_one .content3 .main p{
-
     font-size:21px;
+
     font-size:19px;
-
     color:#fff;
+
     color:#000;
}
}
Line 431: Line 440:
#third .dev  .circle{
#third .dev  .circle{
-
     height:2970px;
+
     height:2840px;
-
     width: 95px;
+
     width: 90px;
     margin-top:0px;
     margin-top:0px;
-
     margin-left:-15px;
+
     margin-left:-20px;
     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(https://static.igem.org/mediawiki/2013/e/e2/USTC-Software_Note.png) repeat-y;
}
}
#third .dev  .content{
#third .dev  .content{
     width:780px;
     width:780px;
-
     height:2980px;
+
     height:2850px;
     margin:60px auto 10px 80px;
     margin:60px auto 10px 80px;
}
}
#third .dev  .pic{
#third .dev  .pic{
 +
    margin-top:70px;
     margin-left:100px;
     margin-left:100px;
}
}
Line 452: Line 462:
#cont_one .content4{
#cont_one .content4{
-
     height:800px;
+
     height:700px;
     width:800px;
     width:800px;
     margin-left:30px;
     margin-left:30px;
-
     margin-top:20px;
+
     margin-top:50px;
-
     border:1px #2da7a0 solid;
+
     /*border:1px #2da7a0 solid;*/
}
}
Line 470: Line 480:
#cont_one .content4 .date p{
#cont_one .content4 .date p{
-
     font-size:30px;
+
     font-size:28px;
-
     color:#aaed51;
+
     color:#4945e9;
}
}
-
#cont_one .content4 .main{
+
#con_one .content4 .main{
-
      
+
     broder:#333 1px solid;
-
     color:#fff;
+
     color:#000;
-
      
+
     text-indent:2em;
}
}
#cont_one .content4 .main p{
#cont_one .content4 .main p{
-
     font-size:21px;
+
     font-size:19px;
-
     color:#fff;
+
     color:#000;
}
}
#forth .dev  .circle{
#forth .dev  .circle{
-
     height:2790px;
+
     height:2690px;
-
     width: 95px;
+
     width: 90px;
     margin-top:5px;
     margin-top:5px;
-
     margin-left:-15px;
+
     margin-left:-20px;
     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(https://static.igem.org/mediawiki/2013/e/e2/USTC-Software_Note.png) repeat-y;
}
}
#forth .dev  .content{
#forth .dev  .content{
     width:820px;
     width:820px;
-
     height:2800px;
+
     height:2700px;
     margin:60px auto 10px 80px;
     margin:60px auto 10px 80px;
}
}
Line 514: Line 524:
     margin-left:30px;
     margin-left:30px;
     margin-top:50px;
     margin-top:50px;
-
     border:1px #2da7a0 solid;
+
     border:0px #2da7a0 solid;
-
}
+
}
#cont_one .content5 .date{
#cont_one .content5 .date{
     width:400px;
     width:400px;
     height:30px;
     height:30px;
     margin:30px auto auto 300px;
     margin:30px auto auto 300px;
 +
}
}
-
 
#date{
#date{
     margin-top:50px;
     margin-top:50px;
}
}
-
 
#cont_one .content5 .date p{
#cont_one .content5 .date p{
-
     font-size:30px;
+
     font-size:28px;
-
     color:#aaed51;
+
     color:#4945e9;
}
}
-
 
#con_one .content4 .main{
#con_one .content4 .main{
     broder:#333 1px solid;
     broder:#333 1px solid;
-
     color:#fff;
+
     color:#000;
 +
    text-indent:2em;
}
}
-
 
#cont_one .content5 .main p{
#cont_one .content5 .main p{
-
     font-size:21px;
+
     font-size:19px;
-
     color:#fff;
+
     color:#000;
-
}
+
-
#six{
+
-
  height:40px;
+
}
}
 +
 +
 +
/*#ten , #eight , #9 { margin-left:-35px !important;}
 +
#6 , #7 { margin-left:-25px !important;}
 +
*/

Latest revision as of 17:21, 27 October 2013

body{

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

}

  1. leftdirection{
   width:160px;
   height:auto;
   float:left;
   position:fixed;
   top:40%;
   background: url(M_1243691170517.jpg) repeat;
   border-radius:5px;
   box-shadow:#999 3px 3px 1px;

}

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

}

  1. leftdirection ul li a:hover{
   color:#4945e9;
   opacity:1;

}


  1. global_wrapper{
   margin-top:90px;

}

div.dev_wrapper0 {

   width:1050px;
   margin:10px 10px auto auto;
   border-radius:10px;
   box-shadow:#999 3px 3px 1px;
   background: url(M_1243691170517.jpg) repeat;

} div.dev_wrapper0 .dev .circle{

   height:2297px;
   width: 95px;
   margin-top:0px;
   margin-left:-20px;
   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:84px;
   color:#4945e9;
   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:28px;
   color:#4945e9;

}

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

}

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

}

div.dev_wrapper1{

   width:1050px;
   margin:120px 10px auto auto;
   border-radius:10px;
   box-shadow:#999 3px 3px 1px;
   background: url(M_1243691170517.jpg) repeat;

}

div.dev_wrapper1 .dev .circle{

   height:1847px;
   width: 95px;
   margin-top:0px;
   margin-left:-20px;
   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:0px #2da7a0 solid;

}

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

}

  1. con_one .content1 .date p{
   font-size:28px;
   color:#4945e9;

}

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

}

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

}



div.dev_wrapper2{

   width:1050px;
   margin:120px 10px auto auto;
   border-radius:10px;
   box-shadow:#999 3px 3px 1px;
   background: url(M_1243691170517.jpg) repeat;

} div.dev_wrapper2 .dev .circle{

   height:1785px;
   width: 95px;
   margin-top:10px;
   margin-left:-20px;
   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:0px #2da7a0 solid;

}

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

}

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

}

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

}


div.dev_wrapper3{

   width:1050px;
   margin:120px 10px auto auto;
   border-radius:10px;
   box-shadow:#999 3px 3px 1px;
   background: url(M_1243691170517.jpg) repeat;

}

div.dev_wrapper3 .dev .circle{

   height:1300px;
   width: 95px;
   margin-top:10px;
   margin-left:-20px;
   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:0px #2da7a0 solid;

}

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

}

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

}

  1. con_one .content3 .main p{
   font-size:19px;
   margin-top:30px;
   

}


div.dev_wrapper4{

   width:1050px;
   margin:120px 10px auto auto;
   border-radius:10px;
   box-shadow:#999 3px 3px 1px;
   background: url(M_1243691170517.jpg) repeat;

}

div.dev_wrapper4 .dev .circle{

   height:1300px;
   width: 95px;
   margin-top:10px;
   margin-left:-20px;
   float:left;
   border-radius:10px;
   background:url(USTC-Software_Note.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:80px;
   margin-left:100px;

}

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

}

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

}

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

}

  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:19px;
   margin-top:30px;
   color:#000;

}






div.wrapper{

   width:1050px;
   margin:50px 10px auto auto;
   border-radius:10px;
   box-shadow:#999 3px 3px 1px;
   background: url(M_1243691170517.jpg) repeat;

}


  1. second .dev .circle{
   height:4240px;
   width: 90px;
   margin-top:0px;
   margin-left:-20px;
   float:left;
   border-radius:10px;
   background:url(USTC-Software_Note.png) repeat-y;

}

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

}

  1. cont_one .head{
   width:400px;
   height:100px;
   margin:10px auto auto 300px;
   font-size:84px;
   color:#4945e9;
   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:28px;
   color:#4945e9;

}

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

}

  1. cont_one .content2 .main p{
   font-size:19px;
   color:#000;

}


  1. cont_one .content3{
   height:1200px;
   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:28px;
   color:#4945e9;

}

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

}

  1. cont_one .content3 .main p{
   font-size:19px;
   color:#000;

}


  1. third .dev .circle{
   height:2840px;
   width: 90px;
   margin-top:0px;
   margin-left:-20px;
   float:left;
   border-radius:10px;
   background:url(USTC-Software_Note.png) repeat-y;

}

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

}

  1. third .dev .pic{
   margin-top:70px;
   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:28px;
   color:#4945e9;

}

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

}

  1. cont_one .content4 .main p{
   font-size:19px;
   color:#000;

}


  1. forth .dev .circle{
   height:2690px;
   width: 90px;
   margin-top:5px;
   margin-left:-20px;
   float:left;
   border-radius:10px;
   background:url(USTC-Software_Note.png) repeat-y;

}

  1. forth .dev .content{
   width:820px;
   height:2700px;
   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:0px #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:28px;
   color:#4945e9;

}

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

}

  1. cont_one .content5 .main p{
   font-size:19px;
   color:#000;

}


/*#ten , #eight , #9 { margin-left:-35px !important;}

  1. 6 , #7 { margin-left:-25px !important;}
  • /