Template:Queens Canada/subheader

From 2013.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 131: Line 131:
.header-bg{
.header-bg{
background-color:#bf3f3e;
background-color:#bf3f3e;
-
width:100%;
 
padding:20px;
padding:20px;
 +
        width:100%
 +
        min-width:1000px;
}
}
.header-text{
.header-text{
Line 141: Line 142:
}
}
.header-logo{
.header-logo{
-
text-align:center;
+
        text-align:center;
 +
        padding-left:70px;
}
}
.topmenu-bg{
.topmenu-bg{
background-color:#f7b99e;
background-color:#f7b99e;
-
padding:0 30px;
+
         width:100%;
-
         max-width:12980px;
+
}
}
.menu{
.menu{
Line 163: Line 164:
         color:white;
         color:white;
}
}
 +
 +
.menub{
 +
font-size:1.5em;
 +
font-family:bebasN;
 +
text-align:center;
 +
padding:5px;
 +
        min-width:50px;
 +
        max-width:100px;
 +
}
 +
.menub a:link, a:visited{
 +
        color:#bf3f3e;
 +
        text-decoration:none;
 +
}
 +
.menub a:hover{
 +
        color:white;
 +
}
 +
/**---------FONT----------**/
/**---------FONT----------**/
Line 184: Line 202:
}
}
-
/**--------FULL PAGE STUFF-------**/
+
.menuc{
-
.row-fluid{
+
background-color:#f7b99e;
-
        min-width:1280px;
+
height:30px;
-
         overflow-x:hidden;
+
padding-top:5px;
 +
         text-align:center;
}
}
-
.tidal{
+
.menuc li{
-
        width:1000px;
+
margin: 0 5px;
 +
padding: 0 5px;
 +
display:inline-block;
 +
color:#bf3f3e;
 +
font-size:1.1em;
 +
font-family:bebasN;
}
}
-
.blank{
+
.menuc li a:link{
-
        position:fixed;
+
color:#bf3f3e;
-
        width:110%;
+
text-decoration:none;
-
        height:100%;
+
}
 +
.menuc li a:hover{
 +
color:white;
 +
}
 +
.menuc li a:visited{
 +
color:#bf3f3e;
 +
text-decoration:none;
}
}
 +
 +
/**--------FULL PAGE STUFF-------**/
 +
.tidal{
 +
        max-width:1100px;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
}
</style>
</style>
</head>
</head>
<body>
<body>
 +
<script type="text/javascript">
 +
 +
$(document).ready(function(){
 +
$(window).resize(function(){
 +
 +
                if ($(window).width() < 1000){
 +
                        $("#top-section").hide();
 +
                        $(".menuc").hide();
 +
                        $(".disa").show();
 +
                }
 +
                else{
 +
                        $("#top-section").show();
 +
                        $(".menuc").show();
 +
                        $(".disa").hide();
 +
                }
 +
});
 +
});
 +
</script>
</body>
</body>
</html>
</html>

Latest revision as of 01:59, 27 September 2013

Untitled Document

Retrieved from "http://2013.igem.org/Template:Queens_Canada/subheader"