Template:Queens Canada/subheader

From 2013.igem.org

(Difference between revisions)
(Created page with "<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <link rel="stylesheet" h...")
 
(62 intermediate revisions not shown)
Line 8: Line 8:
<style>
<style>
 +
/* ----------------Display:none---------------- */
 +
#p-logo {
 +
display: none;
 +
}
 +
 +
#search-controls {
 +
display: none;
 +
}
 +
 +
.firstHeading {
 +
display: none;
 +
}
 +
 +
#catlinks {
 +
display: none;
 +
}
 +
 +
#footer-box {
 +
display: none;
 +
}
 +
 +
#contentSub {
 +
display: none;
 +
}
 +
 +
#globalWrapper{
 +
    margin:0;
 +
    padding:0;
 +
    background-color:#999999
 +
}
 +
 +
#content{
 +
    margin:0;
 +
    padding:0;
 +
    width:100%;
 +
}
 +
 +
#bodyContent{
 +
    margin:0;
 +
    padding:0;
 +
    width:100%;
 +
}
 +
 +
/**---------TOP-SECTION----**/
 +
#top-section {
 +
height: 30px;
 +
width: 100%;
 +
background-color:#343838; /*per Page*/
 +
        margin:0;
 +
        padding:0;
 +
}
 +
 +
#menubar {
 +
top: 2px;
 +
font-family: 'Droid Sans', sans-serif;
 +
}
 +
/* ----------------TopSection_left-menu---------------- */
 +
.left-menu,.left-menu a {
 +
color: white;
 +
left: 0px;
 +
text-transform: capitalize;
 +
}
 +
 +
.left-menu:hover {
 +
background-color: transparent;
 +
}
 +
 +
.left-menu:hover a {
 +
color: white;
 +
text-decoration: none !important;
 +
}
 +
 +
.left-menu li a:hover {
 +
color: #ff6669;
 +
}
 +
 +
/* ----------------TopSection_right-menu---------------- */
 +
.right-menu li {
 +
background-color: transparent;
 +
}
 +
 +
.right-menu,.right-menu a {
 +
color: white;
 +
right: 0;
 +
text-align: right;
 +
}
 +
 +
.right-menu:hover {
 +
background-color: transparent;
 +
}
 +
 +
.right-menu:hover a {
 +
color: white;
 +
}
 +
 +
.right-menu li a {
 +
background-color: transparent;
 +
color: white;
 +
}
 +
 +
.right-menu li a:hover {
 +
        text-decoration:none;
 +
color: #ff6669;
 +
}
 +
 +
/**---------PAGE------------**/
 +
#fullpage{
 +
color:white;
 +
margin:0;
 +
padding:0;
 +
width:100%;
 +
height:100%;
 +
position:fixed;
 +
}
 +
body{
 +
background:white;
 +
background-size:cover;
 +
z-index:-999;
 +
}
 +
 +
/**---------HEADER----------**/
.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 20: 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 31: Line 154:
text-align:center;
text-align:center;
padding:10px;
padding:10px;
 +
        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 40: 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 45: 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">SPONSORSHIP</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"