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 {
.right {
-
width:620px;
+
    width:620px;
-
height:200px;
+
    height:200px;
-
        font:18px Arial, Helvetica, sans-serif;
+
    font:18px Arial, Helvetica, sans-serif;
-
float:right;
+
    float:right;
-
margin-right:50px;
+
    margin-right:50px;
}
}
Line 54: Line 54:
-
.right img{ padding-bottom:50px;}
+
.right img{ margin-top:-10px;}
.left {
.left {
-
width:290px;
+
    width:290px;
-
height:240px;
+
    height:240px;
-
        float:left;
+
    float:left;
}
}
Line 66: Line 66:
#green .left img{
#green .left img{
-
margin-left:60px;
+
    margin-left:60px;
-
margin-top:35px;
+
    margin-top:35px;
-
height:180px;
+
    height:180px;
-
width:190px;
+
    width:190px;
}
}
#cyan .left img{
#cyan .left img{
-
margin-left:30px;
+
    margin-left:30px;
-
margin-top:25px;
+
    margin-top:25px;
-
height:190px;
+
    height:190px;
-
width:210px;
+
    width:210px;
}
}
#blue .left img{
#blue .left img{
-
margin-left:45px;
+
    margin-left:45px;
-
margin-top:20px;
+
    margin-top:20px;
-
height:200px;
+
    height:200px;
-
width:200px;
+
    width:200px;
}
}
Line 91: Line 91:
#purple .left img{
#purple .left img{
-
        margin-left:60px;  
+
    margin-left:60px;  
-
margin-top:34px;  
+
    margin-top:34px;  
-
height:180px;  
+
    height:180px;  
-
width:180px;
+
    width:180px;
}
}
-
#green .right,#green .left{
+
#green .right,#green .left{padding-top:50px;}
-
margin-top:-50px;
+
-
}
+
Line 117: Line 115:
     color: #fff;
     color: #fff;
     float:left;
     float:left;
-
     margin-left:0px;
+
     margin-left:100px;
-
    margin-right:110px;
+
     margin-top:15px;
     margin-top:15px;
}
}

Revision as of 14:26, 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;
    float:right;
    margin-right:50px;

}


.right p{color:#fff;}


.right h2{color:#fff;}


.right img{ margin-top:-10px;}


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

}


  1. green .right,#green .left{padding-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:100px;
    margin-top:15px;

}


img.more {float:right;}

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