Team:USTC-Software/winter/css

From 2013.igem.org

Revision as of 12:44, 26 September 2013 by Ustcchen (Talk | contribs)

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; /*border:1px #fff outset;*/ background-color:#2da7a0; } div.dev_wrapper4 .dev .circle{ 

   height:1390px;

width: 80px; /*border:1px solid #333;*/ 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; /*border:2px solid #F00;*/ } div.dev_wrapper4 .dev .content .pic{ /*border:1px solid #333;*/ 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; /*border:1px #333 solid;*/ }

  1. con_one .content4 .main ,#con_one .content5 .main{

/*broder:#333 1px solid;*/ margin-top:10px; text-indent:2em; }

  1. con_one .content4 .main p,#con_one .content5 .main p{

font-size:21px; margin-top:30px;

} /*end of summer*/





/*winter*/ div.wrapper{ width:960px; margin:50px auto auto auto; border-radius:10px; box-shadow:#ccc 3px 3px 1px; /*border:1px #000outset;*/ background:#2da7a0; /*background:url(../images/bg1.jpg);*/ }


/*#second{ width:960px; margin:50px auto auto auto; border-radius:10px; box-shadow:#ccc 3px 3px 1px; border:1px #000outset; background:#2da7a0; }*/

  1. second .dev .circle{ 
   height:3840px;

width: 95px; /*border:1px solid #333;*/ 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; /*border:2px solid #F00;*/ }

  1. cont_one .head{

width:400px; height:100px; /*border:1px #333 solid;*/ 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; /*border:1px #111 solid;*/ }

  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; /*border:1px #333 solid;*/ }

  1. date{

margin-top:50px; }

  1. cont_one .content2 .date p{

font-size:30px; color:#54e86c; }

  1. con_one .content2 .main{

/*broder:#333 1px solid;*/ 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; /*border:1px #111 solid;*/ }

  1. cont_one .content3 .date{

width:400px; height:30px; margin:30px auto auto 300px; /*border:1px #333 solid;*/ }

  1. date{

margin-top:50px; }

  1. cont_one .content3 .date p{

font-size:30px; color:#aaed51; }

  1. con_one .content3 .main{

/*broder:#333 1px solid;*/ text-indent:2em; color:#fff; }

  1. cont_one .content3 .main p{

font-size:21px;

}


  1. third .dev .circle{ 
   height:2740px;

width: 95px; /*border:1px solid #333;*/ 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; /*border:2px solid #F00;*/ }

  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; /*border:1px #333 solid;*/ }

  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; /*border:1px solid #333;*/ 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; /*border:2px solid #F00;*/ }

  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; /*border:1px #333 solid;*/ }

  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"