Team:Georgia Tech/Template:GT-header

From 2012.igem.org

(Difference between revisions)
 
(187 intermediate revisions not shown)
Line 1: Line 1:
-
__NOTOC__<html lang="en">  
+
[[File:Igem-logo.png|right|75px|link=https://2012.igem.org/Main_Page]]
 +
<html lang="en">  
<head>
<head>
-
<!-- Pieced together with the help of code from DTU 2011 and MIT 2012 -->
+
<!-- Began with code and help from 2011 DTU and 2011 MIT team wikis -->
<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;
 
     height:100%;
     height:100%;
}
}
Line 50: Line 16:
}
}
body {
body {
-
     background: #E8E8E8;
+
     background: #FFFFFF;
-
     background-image: url('https://static.igem.org/mediawiki/2011/b/be/Background-gradient.jpg');
+
     background-repeat: no-repeat;
-
    background-position: center;
+
-
    background-repeat: repeat-y;
+
}
}
#p-logo {
#p-logo {
Line 59: Line 23:
}
}
#top-section {
#top-section {
-
      
+
     background:#ffffff;
-
     background-image: url('https://static.igem.org/mediawiki/2012/9/9e/GeorgiaTech_logo_Small.png');
+
     background-image: url('https://static.igem.org/mediawiki/2012/7/78/GT_iGEM_Logo_2012.png');
-
     background-position: top;
+
     background-position: left bottom;
-
     height:200px ;
+
     height:250px ;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     border-width:0px;
     border-width:0px;
     border-top-width:1px;
     border-top-width:1px;
 +
   
}
}
-
 
#content {
#content {
 +
    background:#ffffff;
     border-left-width:0px;
     border-left-width:0px;
     border-right-width:0px;
     border-right-width:0px;
     padding:5px;
     padding:5px;
     width:965px;
     width:965px;
-
}
 
-
#menubar {
 
-
    background-color: white;
 
-
}
 
-
#menubar ul li a {
 
-
    color: #999999; }
 
-
    .right-menu li a {
 
-
    color: black;
 
-
    background-color: white;
 
}
}
-
.nav{
+
 
-
float:left;
+
#navbar
-
text-align:center;
+
ul.navbar {
 +
display:inline-block;
 +
float:left
width:100%;
width:100%;
padding:0;
padding:0;
-
margin:0;
+
list-style-type:none;
-
list-style:none;
+
-
position:relative;
+
-
z-index:5;
+
-
/*CHANGE THIS TO CENTER*/
+
-
padding:0 100px;
+
}
}
-
.nav li{
+
ul.navbar a {
-
float:left;
+
-
position:relative;
+
display:inline;
display:inline;
-
}
 
-
 
-
.nav a{
 
float:left;
float:left;
 +
width:108px;
text-align:center;
text-align:center;
-
width:7em;
 
-
height:5em;
 
text-decoration:none;
text-decoration:none;
color:white;
color:white;
-
background-color:#666666;
+
background-color:#444444;
padding:0.2em 0.6em;
padding:0.2em 0.6em;
border-right:1px solid white;
border-right:1px solid white;
-
/*white-space:nowrap;*/
 
-
}
 
-
.nav a:hover{
 
-
background-color:#993333;
 
-
text-decoration:none;
 
}
}
 +
ul.navbar a:hover {background-color:#B18E5F;}
 +
ul.navbar li {display:inline;}
-
/*--- DROPDOWN ---*/
+
#long {
-
.nav ul{
+
width:110px;
-
background:#fff; /* 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;) */
+
}
}
 +
/* Removes "teams" from the menubar */
 +
#menubar > ul > li:last-child {
 +
    display: none;}
 +
/* Resizes the menubar to fix the links (default is 400px) */
 +
#menubar {
 +
    width: auto;}
-
.nav ul li{
+
.navbar {
-
 
+
position:absolute;
-
float:none;
+
left: 0;top:0;
 +
margin-left: 5px; /* negative margin equal to half the width */
 +
width:875px;
 +
list-style: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:#993333;
 
-
text-decoration:none;
 
-
}
 
-
 
-
#long {
 
-
width:10em;
 
-
}
 
-
 
-
 
</style>
</style>
</head>
</head>
-
 
<body>
<body>
-
<ul class="nav">
+
<!--navigation menu-->
-
<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 class="navbar">
-
<ul>
+
<li><a href="https://2012.igem.org/Team:Georgia_Tech">Home</a></li>
-
  <li><a href="https://2012.igem.org/Team:Georgia_Tech/Safety">SAFETY</a></li>
+
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Project">Project</a></li>
-
</ul>
+
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Notebook">Notebook</a></li>
-
</li>
+
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Modeling">Modeling</a></li>
 +
<li><a id="long" href="https://2012.igem.org/Team:Georgia_Tech/HumanPractices">Human Practices</a></li>
 +
<li><a href="https://2012.igem.org/Team:Georgia_Tech/Team">Team</a></li>
 +
<li><a id="long" href="https://2012.igem.org/Team:Georgia_Tech/Attributions">Attributions</a></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>
 
</ul>
</ul>

Latest revision as of 17:53, 3 October 2012

Igem-logo.png

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