Team:USTC-Software/css

From 2013.igem.org

(Difference between revisions)
 
(42 intermediate revisions not shown)
Line 1: Line 1:
 +
body {background: url(https://static.igem.org/mediawiki/2013/1/1e/M_1243691170517.jpg) repeat;}
 +
#camera {
#camera {
     width:1000px;
     width:1000px;
     margin:0 auto;
     margin:0 auto;
     height:500px;
     height:500px;
-
     margin-top:105px;
+
     margin-top:100px;
}
}
#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;
}
}
Line 36: Line 38:
     height:250px;
     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 {
.left {
-
    position:absolute;
+
     width:290px;
-
     width:700px;
+
     height:240px;
-
     height:250px;
+
-
    font:18px Arial, Helvetica, sans-serif;
+
-
    font-color:#ffffff;
+
-
    padding:15px;
+
     float:left;
     float:left;
}
}
Line 50: Line 65:
-
.right {
+
#green .left img{
-
    width:200px;
+
    margin-left:60px;
-
    height:200px;
+
    margin-top:35px;
-
    float:right;
+
    height:180px;
-
    right:205px;
+
    width:190px;
-
    margin-top:25px;
+
-
    position: absolute;
+
}
}
-
.right img{
+
 
-
    height:100%;
+
#cyan .left img{
-
    width:100%;
+
    margin-left:30px;
 +
    margin-top:25px;
 +
    height:190px;
 +
    width:210px;
}
}
 +
 +
 +
#blue .left img{
 +
    margin-left:45px;
 +
    margin-top:20px;
 +
    height:200px;
 +
    width:200px;
 +
}
 +
 +
 +
 +
#purple .left img{
 +
    margin-left:60px;
 +
    margin-top:34px;
 +
    height:180px;
 +
    width:180px;
 +
}
 +
 +
 +
/*#green .right{margin-top:-25px;}
 +
 +
#green .left{margin-top:-50px;}*/
 +
#sponsors {  
#sponsors {  
     background:#34495e;
     background:#34495e;
-
     height:133px;
+
     height:133px;/*133*/
     width:1000px;
     width:1000px;
     margin:0 auto;  
     margin:0 auto;  
Line 78: Line 117:
     color: #fff;
     color: #fff;
     float:left;
     float:left;
-
     margin-left:0px;
+
     margin-left:20px;
-
     margin-right:125px;
+
     margin-right:105px;
     margin-top:15px;
     margin-top:15px;
}
}
 +
.more {
 +
height:35px;
 +
width:70px;
 +
background:url(https://static.igem.org/mediawiki/2012/7/70/More.png) no-repeat center;
 +
float:right;
 +
margin-top:-20px;
 +
}
-
img.more {
+
.more:hover {
-
    float:right;
+
height:35px;
 +
width:70px;
 +
background: url(https://static.igem.org/mediawiki/2012/f/f5/USTC_Software_More.gif) no-repeat center;
 +
}
 +
 
 +
 
 +
#homelink {
 +
    color:#fcc644;
 +
    transition:1s;
 +
}
 +
 
 +
#homelink:hover {
 +
    color:#fff;
 +
    text-decoration: none;
 +
    transition:1s;
}
}

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"