Template:Team:HokkaidoU Japan/Top Header/CSS

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 4: Line 4:
#header-image {
#header-image {
     width:960px;
     width:960px;
 +
    height:240px;
     margin: 0 auto;
     margin: 0 auto;
}
}
Line 13: Line 14:
#header-top img
#header-top img
-
{
+
{ width:100%;
-
-ms-interpolation-mode: bicubic;
+
-
max-width: 100%;
+
-
max-height: 100%;
+
-
}
+
-
* html body #header-top img {
+
-
width: expression(this.width >= this.height ? "100%" : "auto");
+
-
height: expression(this.width <= this.height ? "100%" : "auto");
+
}
}
Line 34: Line 28:
     height:180px;
     height:180px;
     background-color:#d92424;
     background-color:#d92424;
-
     padding: 20px 0 10px;
+
}
 +
 
 +
#header-bottom-contents {
 +
     width:960px;
 +
    margin: 0 auto;
}
}
Line 46: Line 44:
     position:relative;
     position:relative;
     float:right;
     float:right;
-
     margin-right:350px;
+
     top:20px;
 +
   
}
}
Line 54: Line 53:
}
}
 +
.header-title {
 +
    height:150px;
 +
    width:600px;
 +
    float:left;
 +
font-family: 'Special Elite', cursive;
 +
  color:white;
 +
 +
}
 +
 +
.header-title-top{
 +
    height:50px;
 +
    margin:40px 0 20px;
 +
    font-size:30px;
 +
}
 +
 +
.header-title-bottom {
 +
    height:100px;
 +
    font-size:45px;
 +
}
</style>
</style>
</html>
</html>

Latest revision as of 14:00, 17 October 2014

Retrieved from "http://2014.igem.org/Template:Team:HokkaidoU_Japan/Top_Header/CSS"