Team:USTC-Software/css

From 2013.igem.org

(Difference between revisions)
Line 38: Line 38:
-
.left {
 
-
    position:absolute;
 
-
    width:700px;
 
-
    height:250px;
 
-
    font:18px Arial, Helvetica, sans-serif;
 
-
    padding:15px;
 
-
    float:left;
 
-
}
 
-
.left h2,p {
+
.right h2,p {
     color: white;
     color: white;
}
}
Line 53: Line 45:
-
.right {
+
 
-
    width:200px;
+
div.right {
-
    height:200px;
+
position:absolute;
-
    float:right;
+
width:700px;
-
    right:205px;
+
height:250px;
-
    margin-top:25px;
+
        font:18px Arial, Helvetica, sans-serif;
-
    position: absolute;
+
        right:205px;
 +
float:right;
}
}
-
.right img{
+
 
-
    height:100%;
+
 
-
    width:100%;
+
div.left {
 +
width:200px;
 +
height:200px;
 +
        float:left;
 +
        left:190px;
 +
padding:15px;
 +
position: absolute;
 +
margin-top:10px;
}
}
 +
 +
.left img{
 +
height:100%;
 +
width:100%;
 +
}
 +
#sponsors {  
#sponsors {  

Revision as of 08:04, 22 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;

}


.right h2,p {

    color: white;

}



div.right { position:absolute; width:700px; height:250px;

       font:18px Arial, Helvetica, sans-serif;
       right:205px;

float:right; }


div.left { width:200px; height:200px;

       float:left;
       left:190px;

padding:15px; position: absolute; margin-top:10px; }

.left 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;

}