Team:Northwestern/Templates/Skinning

From 2013.igem.org

(Difference between revisions)
 
(61 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;}
-
h1.firstHeading {
+
.firstHeading {
     display: none;}
     display: none;}
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
     border-bottom: 0px;}
     border-bottom: 0px;}
p {
p {
-
    font-size: 16px;
+
     margin-bottom: 0px;}
-
     margin-bottom: 12px;}
+
-
body {
+
-
    font-family: "Trebuchet MS", Helvetica, sans-serif;
+
-
    margin: 0;
+
-
    padding: 0;}
+
-
.left-menu a {
+
-
    color: black; }
+
-
.left-menu:hover {
+
-
    color: black;
+
-
    background: transparent; }
+
-
.left-menu:hover a {
+
-
    color: black; }
+
-
.right-menu li a {
+
-
    background-color: transparent;
+
-
    color: black; }
+
 +
.banner {display: block; width: 1000px; margin: auto; position: static;}
-
/*Theme Formatting*/
+
/* Thanks to Matthew Mombrea for the following code!! Link: http://www.itworld.com/development/354027/how-build-drop-down-menu-css-and-html"*/
-
#globalWrapper {
+
#main-nav {width: 850px;height: 50px;background: #C3C3E5; margin:auto; margin-top: 0px; border-radius: 20px}
-
    /*background: url("https://static.igem.org/mediawiki/2012/6/65/Linen_%402X.png") repeat;}*/
+
#main-nav .subnav {
-
    background: #ccc;}
+
     display: none;
-
#content {
+
    position: absolute;
-
     /*background: url("https://static.igem.org/mediawiki/2012/6/65/Linen_%402X.png") repeat;*/
+
    top: 67px;
-
     padding: 0;
+
    left: 0px;
 +
    width: 100%;
 +
    list-style-type: none;
 +
    background: #fff;
 +
    margin: 0;
 +
    border:solid 1px #eeeeee;
 +
    z-index:5;
 +
     padding:0;
 +
}
 +
#main-nav .subnav li {
 +
    display: block;
 +
    border-bottom: solid 1px #eeeeee;
     margin:0;
     margin:0;
-
    top:-15px;
 
-
    background: #ccc;
 
}
}
-
#bodyContent {
+
#main-nav .subnav li a {
-
     /*background: url("https://static.igem.org/mediawiki/2012/6/65/Linen_%402X.png") repeat;}*/
+
     color: #333;
-
     background: #ccc;}
+
    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) }
 
-
#footer-box {
 
-
    width: 99%;
 
-
    margin-top:40px;
 
-
    border: 0;
 
-
    background: rgba(51,51,51,1); }
 
-
#footer-box a{
 
-
    color: white; }
 
-
#f-poweredbyico {
 
-
    border: 2.5px solid white;}
 
-
#f-copyrightico {
 
-
    border: 2.5px solid white;}
 
-
.left-menu a {
 
-
    color: white; }
 
-
.left-menu:hover {
 
-
    color: white;
 
-
    background: transparent; }
 
-
.left-menu:hover a {
 
-
    color: white; }
 
-
.right-menu li a {
 
-
    background-color: transparent;
 
-
    color: white; }
 
-
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 {  
+
#nav-primary li {
-
     margin-top: 10px; }
+
     float: left;
-
.arrow-header {
+
    position: relative;
-
     position:absolute;
+
}
-
     top:10px;  
+
#nav-primary li a {
-
     font-size:32px;  
+
     float: left;
-
     color:#eaeaea;
+
     color: #000;
-
     width:100%;
+
    text-align: center;
-
     text-align:center;
+
     font-size: 14px;
-
     align:center; }
+
     height: 48px;
-
</style>
+
    padding-top: 19px;
 +
    line-height: 16px;
 +
     width: 164px;
 +
     text-decoration:none;
 +
}
 +
#nav-primary li a:hover {
 +
     text-decoration:none;
 +
}
 +
#nav-primary li:hover .subnav {
 +
    display: block;
 +
}
 +
 
 +
 
 +
</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>
 +
 
 +
 
</html>
</html>

Latest revision as of 03:57, 28 September 2013