Template:Team:HokkaidoU Japan/Top Header/CSS

From 2014.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
 +
#header-image {
 +
    width:960px;
 +
    height:240px;
 +
    margin: 0 auto;
 +
}
 +
#header-wrapper {
#header-wrapper {
     width:100%;
     width:100%;
     background-color:#d92424;
     background-color:#d92424;
}
}
 +
 +
#header-top img
 +
{  width:100%;
 +
}
 +
#header-top {
#header-top {
     width:100%;
     width:100%;
-
     height:45px;
+
     height:25px;
     background-color:#d92424;
     background-color:#d92424;
}
}
Line 14: Line 26:
#header-bottom {
#header-bottom {
     width:100%;
     width:100%;
-
     height:140px;
+
     height:180px;
     background-color:#d92424;
     background-color:#d92424;
 +
}
 +
 +
#header-bottom-contents {
 +
    width:960px;
 +
    margin: 0 auto;
}
}
Line 24: Line 41:
}
}
 +
.header-picture {
 +
    position:relative;
 +
    float:right;
 +
    top:20px;
 +
   
 +
}
 +
 +
.header-picture > img {
 +
    height:150px;
 +
    position:relative;
 +
}
 +
 +
.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