Team:Northwestern/Templates/Skinning

From 2013.igem.org

(Difference between revisions)
 
(55 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html>  
-
<style type="text/css">
+
<style type = "text/css">  
/*Cleaning and Resetting the Background*/
/*Cleaning and Resetting the Background*/
* {
* {
-
     margin:0;
+
     margin:0px;
-
     padding:0;}
+
     padding:0px;}
#top-section {
#top-section {
-
     height: 1px; }
+
     height: 0px; }
-
#p-logo {
+
-
    height:1px; overflow:hidden; display:none;}
+
#search-controls {
#search-controls {
     display:none;}
     display:none;}
#globalWrapper {
#globalWrapper {
-
     background: #ccc;
+
     background: #FFF;
     padding:0px;}
     padding:0px;}
 +
#p-logo {
 +
    height:1px; overflow:hidden; display:none;}
#content {
#content {
     border: 0px;
     border: 0px;
-
     width: 100%;}
+
     width: 70%;}
#catlinks {
#catlinks {
     display:none;}
     display:none;}
Line 25: Line 25:
     border-bottom: 0px;}
     border-bottom: 0px;}
p {
p {
-
    font-size: 16px;
 
     margin-bottom: 0px;}
     margin-bottom: 0px;}
-
/* CHANGED MARGIN-BOTTOM*/
+
.banner {display: block; width: 1000px; margin: auto; position: static;}
-
body {
+
/* Thanks to Matthew Mombrea for the following code!! Link: http://www.itworld.com/development/354027/how-build-drop-down-menu-css-and-html"*/
-
    font-family: "Trebuchet MS", Helvetica, sans-serif;
+
#main-nav {width: 850px;height: 50px;background: #C3C3E5; margin:auto; margin-top: 0px; border-radius: 20px}
 +
#main-nav .subnav {
 +
    display: none;
 +
    position: absolute;
 +
    top: 67px;
 +
    left: 0px;
 +
    width: 100%;
 +
    list-style-type: none;
 +
    background: #fff;
     margin: 0;
     margin: 0;
-
     padding: 0;}
+
     border:solid 1px #eeeeee;
-
.left-menu a {
+
    z-index:5;
-
    color: black; }
+
     padding:0;
-
.left-menu:hover {
+
}
-
     color: black;
+
#main-nav .subnav li {
-
    background: transparent; }
+
     display: block;
-
.left-menu:hover a {
+
     border-bottom: solid 1px #eeeeee;
-
    color: black; }
+
-
.right-menu li a {
+
-
     background-color: transparent;  
+
-
     color: black; }
+
-
 
+
-
 
+
-
/*Theme Formatting*/
+
-
#globalWrapper {
+
-
    /*background: url("https://static.igem.org/mediawiki/2012/6/65/Linen_%402X.png") repeat;}*/
+
-
    background: #FFF;}
+
-
#content {
+
-
    /*background: url("https://static.igem.org/mediawiki/2012/6/65/Linen_%402X.png") repeat;*/
+
-
    padding: 0;
+
     margin:0;
     margin:0;
-
    top:-15px;
 
-
    background: #FFF;
 
}
}
-
#bodyContent {
+
#main-nav .subnav li a {
-
     /*background: url("https://static.igem.org/mediawiki/2012/6/65/Linen_%402X.png") repeat;}*/
+
     color: #333;
-
     background: #FFF;}
+
    height:18px;
-
#top-section {
+
    padding:10px 0;
-
     height:15px;
+
    font-size:13px;
-
     width:100%;
+
}
-
     border: 0;
+
#main-nav .subnav li a:hover {
 +
     background:#f9f9f9;
 +
}
 +
#nav-primary {
 +
     list-style-type: none;
 +
     margin: 0;
 +
     float: left;
     padding:0;
     padding:0;
-
     margin:0;
+
}
-
     background: rgba(51,51,51,1) }  
+
#nav-primary li {
-
#footer-box {
+
     float: left;
-
     width: 99%;
+
     position: relative;
-
     margin-top:40px;
+
}
-
     border: 0;
+
#nav-primary li a {
-
     background: rgba(51,51,51,1); }
+
     float: left;
-
#footer-box a{
+
     color: #000;
-
     color: white; }
+
    text-align: center;
-
#f-poweredbyico {
+
     font-size: 14px;
-
     border: 2.5px solid white;}
+
     height: 48px;
-
#f-copyrightico {
+
    padding-top: 19px;
-
     border: 2.5px solid white;}
+
     line-height: 16px;
-
.left-menu a {
+
    width: 164px;
-
     color: white; }
+
    text-decoration:none;
-
.left-menu:hover {
+
}
-
    color: white;
+
#nav-primary li a:hover {
-
    background: transparent; }
+
     text-decoration:none;
-
.left-menu:hover a {
+
}
-
    color: white; }
+
#nav-primary li:hover .subnav {
-
.right-menu li a {
+
     display: block;
-
    background-color: transparent;
+
}
-
    color: white; }
+
 
 +
 
 +
</style>
 +
 
 +
 
 +
<div class = "content">
 +
  <center><a href = "https://2013.igem.org/Team:Northwestern"> <img src="https://static.igem.org/mediawiki/2013/thumb/1/16/Newnewnew-banner.gif/800px-Newnewnew-banner.gif" height="150"width="800"/> </a>
 +
</div></center>
 +
 
 +
<nav id="main-nav">
 +
     <ul id="nav-primary">
 +
       
 +
        <li><a href="https://2013.igem.org/Team:Northwestern/Team">Team</a>
 +
 
 +
            <ul class="subnav">
 +
                <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Northwestern">Official Profile</a>
 +
                </li>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Team">Meet us!</a>
 +
                </li>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Attributions">Attribution</a>
 +
                </li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:Northwestern/Project">Project</a>
 +
 
 +
            <ul class="subnav">
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Project">Project</a></li>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Parts">Parts Submitted</a>
 +
                </li>
 +
                <li><a href = "https://2013.igem.org/Team:Northwestern/methods"> Methods </a> </li>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Results/PreFluorescence">Results: Buffers</a>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Results/Fluorescence">Results: Fluorescence </a>
 +
                </li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:Northwestern/Notebook">Notebook</a>
 +
 
 +
          <ul class="subnav">
 +
              <li> <a href="https://2013.igem.org/Team:Northwestern/Notebook">Notebook</a> </li>
 +
                <li> <a href="https://2013.igem.org/Team:Northwestern/biblio">References</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="#"> Outreach </a>
 +
              <ul class="subnav">
 +
                  <li> <a href="https://2013.igem.org/Team:Northwestern/Human_Practice">Human Practice</a> </li>
 +
              </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:Northwestern/Safety">Safety</a>
 +
        <ul class="subnav">
 +
                  <li> <a href="https://2013.igem.org/Team:Northwestern/Safety">Safety</a> </li>
 +
              </ul>
 +
        </li>
 +
    </ul>
 +
</nav>
-
/*a:link {
 
-
    color:#317F21;} /* unvisited link */
 
-
a:visited {
 
-
    color:#74C365;} /* visited link */
 
-
a:hover {
 
-
    color:#317F21;}*/
 
-
/*Layout Boxes and Formatting!*/
 
-
.container {
 
-
    width:1000px;
 
-
    margin:auto;
 
-
    position:relative}
 
-
.content {
 
-
    width:1000px;
 
-
    min-height:100px;
 
-
    height:auto !important;
 
-
    height:100px;
 
-
    margin-top:40px;
 
-
    align:center;
 
-
    clear:both;
 
-
    overflow:auto}
 
-
.arrow {
 
-
    position:relative;
 
-
    float:left;
 
-
    margin-right:10px;
 
-
    width:24%;
 
-
}
 
-
.arrow-text {
 
-
    margin-top: 10px; }
 
-
.arrow-header {
 
-
    position:absolute;
 
-
    top:10px;
 
-
    font-size:32px;
 
-
    color:#eaeaea;
 
-
    width:100%;
 
-
    text-align:center;
 
-
    align:center; }
 
-
</style>
 
</html>
</html>

Latest revision as of 03:57, 28 September 2013

Retrieved from "http://2013.igem.org/Team:Northwestern/Templates/Skinning"