Template:Queens Canada/subheader

From 2013.igem.org

(Difference between revisions)
 
(58 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%;
}
}
.menu{
.menu{
Line 153: Line 155:
padding:10px;
padding:10px;
         min-width:80px;
         min-width:80px;
 +
        max-width:1280px;
}
}
-
.menu a:link{
+
.menu a:link, a:visited{
-
color:#bf3f3e;
+
        color:#bf3f3e;
 +
        text-decoration:none;
 +
}
 +
.menu a:hover{
 +
        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 162: Line 186:
font-family:bebasN;
font-family:bebasN;
src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf);
src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf);
 +
}
 +
/**----------SPONSORSHIP--------**/
 +
#sponsorship-large{
 +
padding:10px;
 +
background-color:#bf3f3e;
 +
        margin-bottom:40px;
 +
}
 +
#sponsorship-text{
 +
text-align:center;
 +
        color:white;
 +
}
 +
#sponsorship-small{
 +
padding:10px;
 +
background-color:white;
 +
}
 +
 +
.menuc{
 +
background-color:#f7b99e;
 +
height:30px;
 +
padding-top:5px;
 +
        text-align:center;
 +
}
 +
.menuc li{
 +
margin: 0 5px;
 +
padding: 0 5px;
 +
display:inline-block;
 +
color:#bf3f3e;
 +
font-size:1.1em;
 +
font-family:bebasN;
 +
}
 +
.menuc li a:link{
 +
color:#bf3f3e;
 +
text-decoration:none;
 +
}
 +
.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>
Line 167: Line 239:
<body>
<body>
-
<div class="header-bg">
+
<script type="text/javascript">
-
<div class="header-text">
+
-
    QGEM 2013 PRESENTS:
+
-
    </div>
+
-
    <div class="header-logo">
+
-
    <img src="https://static.igem.org/mediawiki/igem.org/7/79/Parts.png" style="height:80px;" />
+
-
    </div>
+
-
</div>
+
-
<div class="row-fluid topmenu-bg">
+
$(document).ready(function(){
-
<div class="offset1 span1 menu"><a href="https://2013.igem.org/Team:Queens_Canada">HOME</a></div>
+
$(window).resize(function(){
-
    <div class="span1 menu"><a href="https://2013.igem.org/Team:Queens_Canada/Team">TEAM</a></div>
+
-
    <div class="span1 menu"><a href="https://2013.igem.org/Team:Queens_Canada/Project">PROJECT</a></div>
+
-
    <div class="span1 menu"><a href="https://2013.igem.org/Team:Queens_Canada/Outreach">OUTREACH</a></div>
+
-
    <div class="span1 menu"><a href="https://2013.igem.org/Team:Queens_Canada/Parts">PARTS</a></div>
+
-
    <div class="span1 menu"><a href="https://2013.igem.org/Team:Queens_Canada/Safety">SAFETY</a></div>
+
-
    <div class="span1 menu"><a href="https://2013.igem.org/Team:Queens_Canada/Sponsorship">SPONSOR</a></div>
+
-
    <div class="span1 menu"><a href="https://2013.igem.org/Team:Queens_Canada/Judging">JUDGING</a></div>
+
-
    <div class="span1 menu"><a href="https://2013.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></div>
+
-
</div>
+
-
</div>
+
                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"