Template:Team:HokkaidoU Japan/Top Header/CSS

From 2014.igem.org

(Difference between revisions)
 
(86 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
#top-header {
+
 
-
     width: 100%;
+
#header-image {
-
     height: 150px;
+
     width:960px;
 +
     height:240px;
     margin: 0 auto;
     margin: 0 auto;
-
     border: solid 1px red;
+
}
 +
 
 +
#header-wrapper {
 +
     width:100%;
 +
    background-color:#d92424;
 +
}
 +
 
 +
#header-top img
 +
{  width:100%;
 +
}
 +
 
 +
 
 +
#header-top {
 +
    width:100%;
 +
    height:25px;
 +
    background-color:#d92424;
 +
}
 +
 
 +
#header-bottom {
 +
    width:100%;
 +
    height:180px;
 +
    background-color:#d92424;
 +
}
 +
 
 +
#header-bottom-contents {
 +
    width:960px;
     margin: 0 auto;
     margin: 0 auto;
}
}
-
#bookmark-wrapper {
+
#top-header {
     width: 960px;
     width: 960px;
 +
    height: 240px;
 +
    margin: 0 auto;
}
}
-
.clearfix {
+
.header-picture {
-
  clear: both;
+
    position:relative;
 +
    float:right;
 +
    top:20px;
 +
   
}
}
-
.bookmark {
+
.header-picture > img {
-
    width:100px;
+
     height:150px;
     height:150px;
-
    background-color: red;
+
     position:relative;
-
     position: relative;
+
-
    margin: 0 40px auto;
+
-
    top: 100px;
+
-
    text-align:center;
+
}
}
-
#bookmark-position {
+
.header-title {
-
     height: 150px;
+
     height:150px;
-
     position: relative;
+
     width:600px;
-
     border: solid 1px;
+
     float:left;
-
     margin: 0 auto;
+
font-family: 'Special Elite', cursive;
-
     overflow: hidden;
+
  color:white;
 +
 
 +
}
 +
 
 +
.header-title-top{
 +
    height:50px;
 +
     margin:40px 0 20px;
 +
     font-size:30px;
}
}
-
#bookmark-position div {
+
.header-title-bottom {
-
     display: inline-block;
+
     height:100px;
 +
    font-size:45px;
}
}
</style>
</style>
</html>
</html>

Latest revision as of 14:00, 17 October 2014