Team:USTC-Software/css

From 2013.igem.org

(Difference between revisions)
 
(208 intermediate revisions not shown)
Line 1: Line 1:
-
body {  
+
body {background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;}
-
    background:#36526C;
+
-
    /*margin: 0px auto;
+
-
    max-width:1340px;*/
+
-
}
+
-
+
-
+
-
#home{
+
-
    position: relative;
+
-
    height:522px;
+
-
    background: #FFF;
+
-
    width:960px;
+
-
    /*margin-left:172px;
+
-
    margin-top:60px;*/
+
-
    -moz-border-radius:1em;
+
-
    -webkit-border-radius:1em;
+
-
    border-radius: 1em;
+
-
    display:block;
+
 +
#camera {
 +
    width:1000px;
 +
    margin:0 auto;
 +
    height:500px;
 +
    margin-top:100px;
}
}
-
#home .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 .line h2 {
+
 
-
     position: relative;
+
#cyan {
-
     font-family:"Times New Roman", Times, serif;
+
     background:#2da7a0;
-
    color:#0D97F2;
+
     width:1000px;
-
     margin-top:0px;
+
     margin:0 auto;
-
     margin-left:25px;
+
     height:250px;
}
}
-
 
 +
#blue {
 +
    background:#6b93af;
 +
    width:1000px;
 +
    margin:0 auto;
 +
    height:250px;
 +
}
-
#home2{
 
-
    position: relative;
 
-
    height:1200px;
 
-
    background: #FFF;
 
-
    display:block;
 
-
    width:960px;
 
-
    /*margin-left:172px;
 
-
    margin-top:10px;*/
 
-
    -moz-border-radius: 1em;
 
-
    -webkit-border-radius: 1em;
 
-
    border-radius: 1em;
 
-
}
 
-
 
+
#purple {
-
#home3{  
+
     background:#b575a7;
-
    position: relative;
+
     width:1000px;
-
    height:400px;
+
     margin:0 auto;
-
    overflow: hidden;
+
     height:250px;
-
     background:#0D97F2;
+
-
    display: block;  
+
-
     width:960px;
+
-
     /*margin-left:172px;  
+
-
     margin-top:10px;*/
+
-
    -moz-border-radius: 1em;
+
-
    -webkit-border-radius: 1em;
+
-
    border-radius: 1em;
+
}
}
-
 
-
.sprite {
+
.right {
-
     position: absolute;
+
     width:620px;
-
     height: 100%;
+
     height:200px;
-
     z-index: 200;
+
     font:16px Arial, Helvetica, sans-serif;
-
     padding: 0;
+
     float:right;
-
     width: 960px;
+
     margin-right:50px;
-
}
+
     margin-top:25px;
-
.screen {
+
-
     position: absolute;
+
-
    height: 100%;
+
-
    z-index: 500;
+
-
    padding: 0;
+
-
    width: 960px;
+
}
}
 +
.right p{color:#fff;}
-
#home2 .sprite {
 
-
    background: url(../pictures/Logo2.png) 50% 0 no-repeat fixed;
 
-
    opacity:0.05;
 
-
    width:100%;
 
-
}
 
-
#home2 .screen {
 
-
    perspective: 50%;
 
-
    margin-left:0px;
 
-
    margin-top:5px;
 
-
}
 
 +
.right h2{color:#fff;}
-
#home3 .sprite {
 
-
    background: url(../b-bg.png) 50% no-repeat fixed;
 
-
    margin-left:210px;
 
-
    margin-top:0px;
 
-
}
 
-
 
+
.left {
-
#home3 .screen {
+
     width:290px;
-
     background: url(../2.png) 50% no-repeat;
+
     height:240px;
-
     margin-left:0px;
+
     float:left;
-
     margin-top:5px;
+
}
}
-
 
+
#green .left img{
-
#video {
+
     margin-left:60px;
-
     float:left;
+
     margin-top:35px;
-
    background: url(../video.jpg) repeat-x;
+
     height:180px;
-
     margin-top:16px;
+
     width:190px;
-
     margin-right:0px;  
+
-
    margin-left:25px;
+
-
     width:420px;
+
-
    height:270px;
+
}
}
-
#abstract {
+
#cyan .left img{
-
    float: right;
+
     margin-left:30px;
-
    width:475px;
+
     margin-top:25px;
-
     margin-right:20px;  
+
     height:190px;
-
     margin-top:15px;  
+
     width:210px;
-
     height:270px;  
+
-
     background: url(../box_header_470.png) repeat-x; 
+
-
    padding:13px;
+
-
    padding-top:0px;
+
-
    color:#213443;
+
-
    border-radius: 2px 2px 0 0;
+
-
    -moz-border-radius: 2px 2px 0 0;
+
-
    -webkit-border-radius: 6px 6px 0 0;
+
}
}
-
#abstract p {
+
#blue .left img{
-
     font-family: "Helvetica Neue","Arial",sans-serif;
+
     margin-left:45px;
-
     font-size: 14px;
+
     margin-top:20px;
 +
    height:200px;
 +
    width:200px;
}
}
-
#abstract h2 { font-family: 'Open Sans',arial,serif;}
+
#purple .left img{
-
 
+
     margin-left:60px;  
-
 
+
     margin-top:34px;  
-
 
+
     height:180px;  
-
#contain {
+
     width:180px;
-
     position:absolute;
+
-
    float:left;
+
-
    width:660px;  
+
-
     height:790px;
+
-
    background: url(../box_header_250.png) no-repeat;
+
-
    top:310px;  
+
-
     left:23px;
+
-
     color:#213443;
+
}
}
 +
/*#green .right{margin-top:-25px;}
-
#contain h2 {
+
#green .left{margin-top:-50px;}*/
-
    font-size:18px;
+
-
    font-family: 'Open Sans',arial,serif;
+
-
    margin-left:10px;
+
-
}
+
-
 
+
#sponsors {  
-
#contain p {
+
     background:#34495e;
-
     font-size:12px;
+
    height:133px;/*133*/
-
     font-family: "Helvetica Neue","Arial",sans-serif;
+
    width:1000px;
 +
     margin:0 auto;  
}
}
-
#description_l {
+
#sponsors h2 {
-
     height:auto;
+
     width:auto;
-
     width:300px;  
+
     font-family: Arial, Helvetica, sans-serif;
 +
    font-size:25px;
 +
    color: #fff;
     float:left;
     float:left;
-
     clear:left;
+
     margin-left:20px;
-
     margin-left:10px;
+
     margin-right:105px;
 +
    margin-top:15px;
}
}
-
 
+
.more {
-
#description_l h3 {
+
height:35px;
-
    font-size:14px;
+
width:70px;
-
    font-family: 'Open Sans',"Helvetica Neue",arial,serif;
+
background:url(https://static.igem.org/mediawiki/2012/7/70/More.png) no-repeat center;
 +
float:right;
 +
margin-top:-20px;
}
}
-
 
+
.more:hover {
-
 
+
height:35px;
-
#description_r {
+
width:70px;
-
    height:auto;
+
background: url(https://static.igem.org/mediawiki/2012/f/f5/USTC_Software_More.gif) no-repeat center;
-
    width:300px;  
+
-
    float:right;
+
-
    margin-top:0px;
+
-
    margin-right:40px;
+
}
}
-
#description_r h3 {
 
-
    font-size:14px;
 
-
    font-family: 'Open Sans',"Helvetica Neue",arial,serif;
 
-
}
 
-
 
+
#homelink {
-
#ash {
+
    color:#fcc644;
-
    position:absolute;
+
    transition:1s;
-
    float:right;
+
-
    width:310px;
+
-
    height:790px;
+
-
    background: #EBEBEB;
+
-
    right:18px;
+
-
    top:310px;
+
-
    -moz-border-radius: 0.5em;
+
-
    -webkit-border-radius:0.5em;
+
-
    border-radius: 0.5em;
+
}
}
-
 
+
#homelink:hover {
-
 
+
    color:#fff;
-
#ash_container {
+
    text-decoration: none;
-
    position: relative;
+
    transition:1s;
-
    margin-left:30px;
+
-
    width:80%;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#ash_container p {  
+
-
    font-family: "Helvetica Neue","Arial",sans-serif;
+
-
    font-size: 12px;
+
-
    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: 16px;
+
-
    font-weight: 600;
+
-
    line-height: 20px;
+
-
    margin-bottom: 15px;
+
-
    padding-top: 10px;
+
}
}

Latest revision as of 11:49, 28 October 2013

body {background: url(M_1243691170517.jpg) repeat;}

  1. camera { 
    width:1000px;
    margin:0 auto;
    height:500px;
    margin-top:100px;

}

  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;

}


.right { 

    width:620px;
    height:200px;
    font:16px Arial, Helvetica, sans-serif;
    float:right;
    margin-right:50px;
    margin-top:25px;

}


.right p{color:#fff;}


.right h2{color:#fff;}


.left { 

    width:290px;
    height:240px;
    float:left;

}


  1. green .left img{ 
    margin-left:60px;
    margin-top:35px;
    height:180px;
    width:190px;

}


  1. cyan .left img{ 
    margin-left:30px;
    margin-top:25px;
    height:190px;
    width:210px;

}


  1. blue .left img{ 
    margin-left:45px;
    margin-top:20px;
    height:200px;
    width:200px;

}


  1. purple .left img{ 
    margin-left:60px; 
    margin-top:34px; 
    height:180px; 
    width:180px;

}


/*#green .right{margin-top:-25px;}

  1. green .left{margin-top:-50px;}*/


  1. sponsors { 
    background:#34495e;
    height:133px;/*133*/
    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:20px;
    margin-right:105px;
    margin-top:15px;

} 

.more {

height:35px; width:70px; background:url(More.png) no-repeat center; float:right; margin-top:-20px; } 

.more:hover {

height:35px; width:70px; background: url(USTC_Software_More.gif) no-repeat center; }


  1. homelink { 
   color:#fcc644;
   transition:1s;

}

  1. homelink:hover { 
   color:#fff;
   text-decoration: none;
   transition:1s;

}

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