Team:Queens Canada/qgem header

From 2013.igem.org

(Difference between revisions)
Line 3: Line 3:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<title>Untitled Document</title>
-
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/125588631/bootstrap.min.css" media="screen" />
 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../../Downloads/jquery-visible-master/jquery.visible.js"></script>
<script type="text/javascript" src="../../Downloads/jquery-visible-master/jquery.visible.js"></script>
Line 12: Line 11:
}
}
html{
html{
-
white-space:nowrap;
 
-
word-spacing:0;
 
padding:0;
padding:0;
margin:0;
margin:0;
 +
}
 +
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{
 +
display: block;
}
}
/* ----------------Display:none---------------- */
/* ----------------Display:none---------------- */
Line 45: Line 45:
     margin:0;
     margin:0;
     padding:0;
     padding:0;
-
    background-color:#999999;
 
}
}
Line 64: Line 63:
height: 30px;
height: 30px;
width: 100%;
width: 100%;
-
background: none repeat scroll 0 0 #343838; /*per Page*/
+
background-color:#343838; /*per Page*/
-
border-bottom: 1px solid #262B35; /*per Page*/
+
-
border-left: medium none;
+
-
border-right: medium none;
+
         margin:0;
         margin:0;
         padding:0;
         padding:0;
Line 75: Line 71:
top: 2px;
top: 2px;
font-family: 'Droid Sans', sans-serif;
font-family: 'Droid Sans', sans-serif;
-
        margin:0;
 
-
        padding:0;
 
}
}
/* ----------------TopSection_left-menu---------------- */
/* ----------------TopSection_left-menu---------------- */
Line 95: Line 89:
.left-menu li a:hover {
.left-menu li a:hover {
-
color: #aaaaff;
+
color: #ff6669;
}
}
Line 120: Line 114:
background-color: transparent;
background-color: transparent;
color: white;
color: white;
-
padding: 0 15px 0 0;
 
}
}
.right-menu li a:hover {
.right-menu li a:hover {
-
color: #aaaaff;
+
        text-decoration:none;
 +
color: #ff6669;
}
}
Line 194: Line 188:
height:60px;
height:60px;
background-color:#83282a;
background-color:#83282a;
-
position:absolute;
+
position:fixed;
z-index:50;
z-index:50;
top,left,right:0;
top,left,right:0;
Line 293: Line 287:
  <p>This is filler</p><br />
  <p>This is filler</p><br />
  <p>This is filler</p><br />
  <p>This is filler</p><br />
-
  <p>This is filler</p><br />
+
      <p>This is filler</p><br />
-
  <p>This is filler</p><br />
+
      <p>This is filler</p><br />
       <p>This is filler</p><br />
       <p>This is filler</p><br />
       <p>This is filler</p><br />
       <p>This is filler</p><br />
Line 341: Line 335:
$(document).ready(function(){
$(document).ready(function(){
-
var height = $(window).height()-35;
+
var height = $(window).height()-30;
         var val = (height.toString())+"px";
         var val = (height.toString())+"px";
$(".top-photo").css("height",val);
$(".top-photo").css("height",val);

Revision as of 23:33, 30 May 2013

Untitled Document

>

More to come in the near future!


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler


This is filler