Team:USTC-Software/css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
body{
+
#camera {
-
    background:#36526c;
+
width:1000px;
-
    }
+
margin:0 auto;
-
#home_1 {
+
height:500px;
-
    margin: 0 auto;
+
margin-top:105px;
-
    position: relative;
+
-
    height:522px;  
+
-
    background: rgba(255,255,255,1);
+
-
    width:960px;
+
-
    /*margin-left:172px;*/
+
-
    margin-top:55px;
+
-
    -moz-border-radius:15px;
+
-
    -webkit-border-radius:15px;
+
-
    border-radius: 15px;
+
-
    /*display:block;*/
+
-
    border-bottom: 1px #fff dashed;
+
}
}
-
#home_1 .line {
+
#green {
-
    border-bottom: 1px dotted #CCCCCC;
+
background:#8cc63f;
-
    background:#fff;
+
width:1000px;
-
    width:100%;
+
margin:0 auto;
-
    height:35px;
+
height:250px;
-
    position: absolute;
+
-
    top:15px;
+
}
}
-
#home_1 .line h1{
 
-
    position: relative;
 
-
    font-family:"Times New Roman", Times, serif;
 
-
    color:#0b83d3;
 
-
    /*margin-top:0px;*/
 
-
    margin-left:5px;
 
-
}
 
-
 
-
 
+
#cyan {
-
 
+
background:#2da7a0;
-
#home_2 {
+
width:1000px;
-
    margin: 0 auto;
+
margin:0 auto;
-
    position: relative;
+
height:250px;
-
    height:800px;
+
-
    /*background: rgba(255,255,255,0.2); */
+
-
    display:block;
+
-
    width:960px;
+
-
    margin-top:10px;
+
-
    /*-moz-border-radius: 1em;
+
-
    -webkit-border-radius: 1em;
+
-
    border-radius: 1em;*/
+
-
    border-bottom: 1px #fff dashed;
+
}
}
-
 
+
#blue {
-
#home_3 {  
+
background:#6b93af;
-
    position: relative;
+
width:1000px;
-
    height:auto;
+
margin:0 auto;
-
    overflow: hidden;
+
height:250px;
-
    background:#36526c;
+
-
    display: block;
+
-
    width:960px;
+
-
    margin:0 auto;
+
-
    margin-top:0px;
+
-
    border-bottom: 1px dashed #fff;
+
}
}
-
 
-
/*.sprite {
 
-
    position: absolute;
 
-
    height: 100%;
 
-
    z-index: 200;
 
-
    padding: 0;
 
-
    width: 960px;
 
-
}
 
-
.screen {
 
-
    position: absolute;
 
-
    height: 100%;
 
-
    z-index: 500;
 
-
    padding: 0;
 
-
    width: 960px;
 
-
}*/
 
-
 
+
#purple {
-
 
+
background:#b575a7;
-
 
+
width:1000px;
-
/*#home2 .sprite {
+
margin:0 auto;
-
    background: url(../pictures/Logo2.png) 50% 0 no-repeat fixed;
+
height:250px;
-
    opacity:0.05;
+
-
    width:100%;
+
}
}
-
#home2 .screen {
 
-
    perspective: 50%;
 
-
    margin-left:0px;
 
-
    margin-top:5px;
 
-
}*/
 
-
/*#home3 .sprite {
+
div.left {
-
     background: url(../b-bg.png) 50% no-repeat fixed;
+
     position:absolute;
-
     margin-left:210px;
+
     width:700px;
-
     margin-top:0px;  
+
     height:250px;
 +
    font:18px Arial, Helvetica, sans-serif;
 +
    color:#fff;
 +
    padding:15px;
 +
    float:left;
}
}
-
 
-
 
-
#home3 .screen {
 
-
    background: url(../2.png) 50% no-repeat;
 
-
    margin-left:0px;
 
-
    margin-top:5px;
 
-
}*/
 
-
 
-
/*#video {
+
div.right {
-
    float:left;  
+
    width:200px;
-
    background: #fff /*url(https://static.igem.org/mediawiki/2013/4/42/USTC-Software_Video.jpg) repeat-x;
+
    height:200px;
-
    margin-top:16px;
+
    float:right;
-
    margin-right:0px;  
+
    right:205px;
-
    margin-left:15px;
+
    margin-top:25px;
-
    width:420px;
+
    position: absolute;
-
    height:270px;
+
-
    -moz-border-radius: 0.5em;
+
-
    -webkit-border-radius:0.5em;
+
-
    border-radius: 0.5em;
+
}
}
-
 
+
.right img{
-
#abstract {
+
    height:100%;
-
    float: right;  
+
    width:100%;
-
    width:470px;
+
-
    margin-right:15px;
+
-
    margin-top:15px;
+
-
    height:270px;
+
-
    background: #fff url(https://static.igem.org/mediawiki/2013/9/96/USTC-Software_Box_header.png) repeat-x; 
+
-
    padding:13px;
+
-
    padding-top:0px;
+
-
    -moz-border-radius: 0.5em;
+
-
    -webkit-border-radius:0.5em;
+
-
    border-radius: 0.5em;
+
}
}
-
 
+
#sponsors {  
-
#abstract p {
+
     background:#34495e;
-
     font-family: "Helvetica Neue","Arial",sans-serif;
+
    height:133px;
-
     font-size: 13.5px;
+
     width:1000px;
-
     margin-bottom: 0px;
+
     margin:0 auto;  
}
}
-
#abstract p:first-letter { font-size: 20px;}
 
-
#abstract h1 {  
+
#sponsors h2 {
-
    color: #0b83d3;
+
     width:auto;
-
    font-family: 'Open Sans',arial,serif;
+
     font-family: Arial, Helvetica, sans-serif;
-
    text-align:center;
+
     font-size:25px;
-
    font-size: 26px;
+
     color: #fff;
-
    margin-bottom: 0px;
+
-
}*/
+
-
 
+
-
 
+
-
 
+
-
#home_2 .contain {
+
-
    /*position:absolute;*/
+
-
    margin-bottom: 10px;
+
-
    float:left;
+
-
     width:635px;
+
-
    height:auto;
+
-
    background: #fff /*url(https://static.igem.org/mediawiki/2013/9/96/USTC-Software_Box_header.png) repeat-x*/;
+
-
    /*top:auto;
+
-
    left: 0px;*/
+
-
    -moz-border-radius: 0.5em;
+
-
    -webkit-border-radius:0.5em;
+
-
    border-radius: 0.5em;
+
-
    /*clear: both;*/
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/*#home_2 .contain h2 {
+
-
    font-size:18px;
+
-
     font-family: 'Open Sans',arial,serif;
+
-
    margin-left:10px;
+
-
}*/
+
-
 
+
-
 
+
-
 
+
-
#home_2 .contain p {
+
-
     font-size:14px;
+
-
     font-family: "Helvetica Neue","Arial",sans-serif;
+
-
}
+
-
 
+
-
 
+
-
#home_2 .contain .description_l {
+
-
    height:auto;
+
-
    width:300px;  
+
     float:left;
     float:left;
-
    clear:left;
+
     margin-left:0px;
-
    padding: 10px 0 10px 10px;
+
     margin-right:125px;
-
}
+
     margin-top:15px;
-
 
+
-
 
+
-
#home_2 .contain a {
+
-
    float:right;
+
-
    font-size: 12px;
+
-
    font-family: 'Open Sans',"Helvetica Neue",arial,serif;
+
-
    padding: 7px 14px 8px;
+
-
    background: #2ba6cb;
+
-
    color: #fff;
+
-
    border: 1px solid #1e728c;
+
-
    -webkit-border-radius: 3px;
+
-
    -moz-border-radius: 3px;
+
-
    -ms-border-radius: 3px;
+
-
    -o-border-radius: 3px;
+
-
    border-radius: 3px;
+
-
    text-decoration: none;
+
-
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
+
-
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
+
-
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
+
-
    -webkit-transition: background-color 0.15s ease-in-out;
+
-
    -moz-transition: background-color 0.15s ease-in-out;
+
-
    -o-transition: background-color 0.15s ease-in-out;
+
-
    transition: background-color 0.15s ease-in-out;
+
-
    /*cursor: pointer;
+
-
    display: inline-block;
+
-
    width: auto;
+
-
    height: auto;
+
-
    text-align: center;*/
+
-
}
+
-
 
+
-
#home_2 .contain a:hover {
+
-
    background: #1e728c;
+
-
}
+
-
 
+
-
#home_2 .contain a:active {
+
-
    background: #1e728c;
+
-
    -webkit-box-shadow: 0 0 0;
+
-
    -moz-box-shadow: 0 0 0;
+
-
    box-shadow: 0 0 0;
+
-
}
+
-
 
+
-
 
+
-
/*#home_2 .contain .description_l h3 {
+
-
    font-size:20px;
+
-
    font-family: 'Open Sans',"Helvetica Neue",arial,serif;
+
-
}
+
-
*/
+
-
 
+
-
 
+
-
#home_2 .contain .description_r {
+
-
    height:auto;
+
-
    width:300px;
+
-
    float:right;
+
-
    padding: 10px;
+
-
}
+
-
 
+
-
#home_2 .contain .description_r h3 {
+
-
    font-size:20px;
+
-
    font-family: 'Open Sans',"Helvetica Neue",arial,serif;
+
-
}
+
-
 
+
-
 
+
-
#home_2 .contain img {
+
-
    width:300px;
+
-
    height:185px;
+
-
}
+
-
 
+
-
 
+
-
#ash {
+
-
    position:absolute;
+
-
    float:right;
+
-
    width:315px;
+
-
    height:660px;
+
-
    background: #fff;
+
-
    right:0px;
+
-
    top:auto;
+
-
    -moz-border-radius: 0.5em;
+
-
    -webkit-border-radius:0.5em;
+
-
    border-radius: 0.5em;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#ash_container {
+
-
    position: relative;
+
-
     margin-left:30px;
+
-
    width:80%;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#ash_container p {
+
-
    font-family: "Helvetica Neue","Arial",sans-serif;
+
-
    font-size: 14px;
+
-
    line-height: 18px;
+
-
     margin: 6px 0 16px;
+
-
}
+
-
 
+
-
 
+
-
#ash_container span a {
+
-
    color:#0b83d3;
+
-
    font-family: "Helvetica Neue","Arial",sans-serif;
+
-
    font-size: 12px;
+
-
    line-height: 18px;
+
-
     margin: 6px 0 16px;
+
-
    text-decoration: none;
+
-
}
+
-
 
+
-
 
+
-
#ash_container span:hover a { text-decoration:underline;}
+
-
 
+
-
#ash_container h3 {
+
-
    font-family:'Open Sans',"Helvetica Neue",arial,serif;
+
-
    font-size: 20px;
+
-
    /*font-weight: 600;*/
+
-
    line-height: 20px;
+
-
    margin-bottom: 15px;
+
-
    padding-top: 10px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#footer-box{
+
-
    /*-moz-border-radius: 1em;
+
-
    -webkit-border-radius: 1em;
+
-
    border-radius: 1em;*/
+
-
    margin-left: 10px;
+
-
    width: 950px;
+
-
    padding: 5px;
+
-
    background-color:#36526c;
+
-
    margin: 0 auto;
+
-
    border:0px;
+
}
}
-
#footer-box a{ color: #fff !important;}
+
img.more {float:right;}

Revision as of 19:53, 21 September 2013

  1. camera {

width:1000px; margin:0 auto; height:500px; margin-top:105px; }

  1. green {

background:#8cc63f; width:1000px; margin:0 auto; height:250px; }


  1. cyan {

background:#2da7a0; width:1000px; margin:0 auto; height:250px; }

  1. blue {

background:#6b93af; width:1000px; margin:0 auto; height:250px; }


  1. purple {

background:#b575a7; width:1000px; margin:0 auto; height:250px; }


div.left { 

    position:absolute;
    width:700px;
    height:250px;
    font:18px Arial, Helvetica, sans-serif;
    color:#fff;
    padding:15px;
    float:left;

}


div.right { 

   width:200px;
   height:200px;
   float:right;
   right:205px;
   margin-top:25px;
   position: absolute;

} 

.right img{
   height:100%;
   width:100%;

}

  1. sponsors { 
    background:#34495e;
    height:133px;
    width:1000px;
    margin:0 auto;

}


  1. sponsors h2 { 
    width:auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size:25px;
    color: #fff;
    float:left;
    margin-left:0px;
    margin-right:125px;
    margin-top:15px;

}


img.more {float:right;}

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