Team:Georgia Tech/Template:GT-header

From 2012.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
-
<!-- Pieced together with the help of code from DTU 2011 and MIT 2012 -->
+
<!-- wiki hacks -->
<style type="text/css">
<style type="text/css">
-
 
-
/*------------------------------------*\
 
-
RESET
 
-
\*------------------------------------*/
 
-
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
 
-
margin:0;
 
-
padding:0;
 
-
}
 
-
table{
 
-
border-collapse:collapse;
 
-
border-spacing:0;
 
-
}
 
-
fieldset,img{
 
-
border:0;
 
-
}
 
-
address,caption,cite,code,dfn,th,var{
 
-
font-style:normal;
 
-
font-weight:normal;
 
-
}
 
-
caption,th{
 
-
text-align:left;
 
-
}
 
-
h1,h2,h3,h4,h5,h6{
 
-
font-size:100%;
 
-
font-weight:normal;
 
-
}
 
-
q:before,q:after{
 
-
content:'';
 
-
}
 
-
abbr,acronym{
 
-
border:0;
 
-
}
 
-
 
-
 
#globalwrapper {
#globalwrapper {
     width:975px;
     width:975px;
     padding:20px 0px;
     padding:20px 0px;
     margin: 0 auto;
     margin: 0 auto;
-
     background-color:#FFFFFF;
+
     background-color:#ffffff;
     height:100%;
     height:100%;
}
}
Line 50: Line 16:
}
}
body {
body {
-
     background: #FFFFFF;
+
     background: #E8E8E8;
 +
    background-image: url('https://static.igem.org/mediawiki/2011/b/be/Background-gradient.jpg');
     background-position: center;
     background-position: center;
     background-repeat: repeat-y;
     background-repeat: repeat-y;
Line 60: Line 27:
      
      
     background-image: url('https://static.igem.org/mediawiki/2012/9/9e/GeorgiaTech_logo_Small.png');
     background-image: url('https://static.igem.org/mediawiki/2012/9/9e/GeorgiaTech_logo_Small.png');
-
     background-position: left, top;
+
     background-position: top;
     height:200px ;
     height:200px ;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
Line 70: Line 37:
#content {
#content {
-
    color: #ffffff
 
     border-left-width:0px;
     border-left-width:0px;
     border-right-width:0px;
     border-right-width:0px;
Line 77: Line 43:
}
}
#menubar {  
#menubar {  
-
     background-color: #ffffff;  
+
     background-color: white;  
}
}
#menubar ul li a {  
#menubar ul li a {  
Line 83: Line 49:
     .right-menu li a {
     .right-menu li a {
     color: black;
     color: black;
-
     background-color: #ffffff;
+
     background-color: white;
}
}
-
.nav{
+
#navbar
 +
ul.navbar {
float:left;
float:left;
-
text-align:center;
 
width:100%;
width:100%;
padding:0;
padding:0;
margin:0;
margin:0;
-
list-style:none;
+
list-style-type:none;
-
position:relative;
+
-
z-index:5;
+
-
/*CHANGE THIS TO CENTER*/
+
-
padding:0 100px;
+
}
}
-
.nav li{
+
ul.navbar a {
-
float:left;
+
-
position:relative;
+
-
display:inline;
+
-
}
+
-
 
+
-
.nav a{
+
float:left;
float:left;
text-align:center;
text-align:center;
width:7em;
width:7em;
-
height:5em;
 
text-decoration:none;
text-decoration:none;
-
color:#e8e8e8;
+
color:white;
-
background-color:#666666;
+
background-color:#1A2B32;
padding:0.2em 0.6em;
padding:0.2em 0.6em;
-
border-right:1px solid #e8e8e8;
+
border-right:1px solid white;
-
/*white-space:nowrap;*/
+
-
}
+
-
.nav a:hover{
+
-
background-color:#B18E5F;
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
/*--- DROPDOWN ---*/
+
-
.nav ul{
+
-
background:#e8e8e8; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
+
-
background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
+
-
list-style:none;
+
-
position:absolute;
+
-
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
+
-
}
+
-
 
+
-
 
+
-
.nav ul li{
+
-
 
+
-
float:none;
+
-
}
+
-
 
+
-
.nav ul a{
+
-
padding-bottom:3px; /*Introducing a padding between the li and the a give the illusion spaced items */
+
-
/*white-space:nowrap; Stop text wrapping and creating multi-line dropdown items */
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
.nav li:hover ul{ /* Display the dropdown on hover */
+
-
left:0; /* Bring back on-screen when needed */
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
.nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
+
-
background:#666666;
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
.nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
.nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
+
-
background:#B18E5F;
+
-
text-decoration:none;
+
}
}
 +
ul.navbar a:hover {background-color:#A3ABAE;}
 +
ul.navbar li {display:inline;}
#long {
#long {
Line 167: Line 79:
 +
.navbar {
 +
padding:0 20px;
 +
}
</style>
</style>
Line 173: Line 88:
<body>
<body>
-
<ul class="nav">
 
-
<li><a href="https://2012.igem.org/Team:Georgia_Tech">HOME</a>
 
-
<ul>
 
-
  <li> <a href="https://2012.igem.org/Team:Georgia_Tech">HOME</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Team">TEAM</a>
 
-
<ul>
 
-
  <li><a href="https://2012.igem.org/Team:MIT/Team">TEAM</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Partners">PARTNERS</a>
 
-
<ul>
 
-
  <li><a href="https://2012.igem.org/TeamGeorgia_Tech/Partners">PARTNERS</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Contact">CONTACT US</a>
 
-
<ul>
 
-
  <li><a href="https://2012.igem.org/Team:Georgia_Tech/Contact">CONTACT US</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a href="https://2012.igem.org/Team:Georgia_Tech/MaterialsAndMethods">MATERIALS AND METHODS</a>
 
-
<ul>
 
-
  <li><a href="https://2012.igem.org/Team:Georgia_Tech/MaterialsAndMethods">MATERIALS AND METHODS</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Safety">SAFETY</a>
 
-
<ul>
 
-
  <li><a href="https://2012.igem.org/Team:Georgia_Tech/Safety">SAFETY</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a href="https://2012.igem.org/Team:Georgia_Tech">New page</a>
 
-
<ul>
 
-
  <li><a href="https://2012.igem.org/Team:Georgia_Tech">New page</a></li>
 
-
  <li><a href="https://2012.igem.org/Team:Georgia_Tech">Sub-header</a></li>
 
-
</ul>
 
-
</li>
 
 +
<!--navigation menu-->
 +
<ul class="navbar">
 +
<li><a href="https://2012.igem.org/Team:Georgia_Tech">HOME</a></li>
 +
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Project/">PROJECT</a></li>
 +
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Results/">DATA</a></li>
 +
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Notebook/">NOTEBOOK</a></li>
 +
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Tools/">MODEL</a></li>
 +
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Partners/">PARTNERS</a></li>
 +
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Team/Undergraduates">TEAM</a></li>
 +
<li><a id="long" href="https://2012.igem.org/Team:Georgia_Tech/HumanPractices/">HUMAN PRACTICES</a></li>
</ul>
</ul>
-
 
</body>
</body>
</html>
</html>

Revision as of 04:42, 14 September 2012

Retrieved from "http://2012.igem.org/Team:Georgia_Tech/Template:GT-header"