Team:USTC-Software/css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
#camera {
#camera {
-
    width:1000px;
+
width:1000px;
-
    margin:0 auto;
+
margin:0 auto;
-
    height:500px;
+
height:500px;
-
    margin-top:105px;
+
margin-top:105px;
}
}
#green {
#green {
-
      background:#8cc63f;
+
background:#8cc63f;
-
      width:1000px;
+
width:1000px;
-
      margin:0 auto;
+
margin:0 auto;
-
      height:250px;
+
height:250px;
}
}
#cyan {
#cyan {
-
      background:#2da7a0;
+
background:#2da7a0;
-
      width:1000px;
+
width:1000px;
-
      margin:0 auto;
+
margin:0 auto;
-
      height:250px;
+
height:250px;
}
}
#blue {
#blue {
-
    background:#6b93af;
+
background:#6b93af;
-
    width:1000px;
+
width:1000px;
-
    margin:0 auto;
+
margin:0 auto;
-
    height:250px;
+
height:250px;
}
}
Line 31: Line 31:
#purple {
#purple {
-
    background:#b575a7;
+
background:#b575a7;
-
    width:1000px;
+
width:1000px;
-
    margin:0 auto;
+
margin:0 auto;
-
    height:250px;
+
height:250px;
}
}
 +
.right {
 +
width:620px;
 +
height:200px;
 +
        font:18px Arial, Helvetica, sans-serif;
 +
color:#fff;
 +
float:right;
 +
margin-right:50px;
 +
}
-
.right h2,p {
+
 
-
    color: white;
+
 
 +
.left {
 +
width:290px;
 +
height:240px;
 +
        float:left;
}
}
 +
.right img{
 +
}
-
div.right {
+
 
-
width:700px;
+
#green .left img{
-
height:250px;
+
margin-left:60px;
-
        font:18px Arial, Helvetica, sans-serif;
+
margin-top:35px;
-
        right:205px;
+
height:180px;
-
float:right;
+
width:190px;
}
}
 +
#cyan .left img{
 +
margin-left:30px;
 +
margin-top:25px;
 +
height:190px;
 +
width:210px;
 +
}
-
div.left {
+
 
-
width:200px;
+
#blue .left img{
 +
margin-left:45px;
 +
margin-top:20px;
height:200px;
height:200px;
-
        float:left;
+
width:200px;
-
        left:190px;
+
-
padding:15px;
+
-
margin-top:10px;
+
}
}
-
.left img{
+
 
-
height:100%;
+
 
-
width:100%;
+
#purple .left img{
 +
        margin-left:60px;
 +
margin-top:34px;
 +
height:180px;  
 +
width:180px;
 +
}
 +
 
 +
 
 +
#green .right,#green .left{
 +
margin-top:-50px;
}
}
Line 92: Line 120:
img.more {
img.more {
-
    float:right;
+
float:right;
}
}

Revision as of 13:20, 23 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 { width:620px; height:200px; 

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

color:#fff; float:right; margin-right:50px; }


.left { width:290px; height:240px; 

       float:left;

}


.right img{

}


  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; }


  1. green .right,#green .left{

margin-top:-50px; }


  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"