Difference between revisions of "Team:Columbia NYC"

 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!-- HTML Code START -->
+
{{Template_All_Teams}}
 +
<!-- HTML START -->
 
<html>
 
<html>
 +
<header>
 +
<style type="text/css">
 +
/* Changing Body */
 +
body {
 +
background-image: url("https://static.igem.org/mediawiki/2015/a/af/Columbia_NYC_ColumbiaAtNight.png");
 +
background-position: right-center;
 +
background-size: 100% 100%;
 +
margin: 0px;
 +
}
  
−
</div>
+
/* Content Boxes */
−
</div>
+
#superContainer {
  
−
<head>
+
}
−
<!-- CSS Code START -->
+
#menuContainer {
−
<style>
+
position: fixed;
 +
width: 220px;
 +
height: 100%;
 +
border-right: 2px solid gray;
 +
background-color: rgb(118, 178, 222);
 +
}
 +
#contentContainer {
 +
width: 1000px;
 +
overflow: auto;
 +
margin-left: 235px;
 +
}
  
−
/* Changing Background of Wiki */  
+
/*menuContainer Design*/
−
body {
+
#menuContainer ul {
−
background-color: #C4D8E2;
+
padding: 0;
−
background-image: url("https://static.igem.org/mediawiki/2015/9/9f/Columbia_NYC_ColumbiaUniversityLogo.png");
+
margin: 0;
−
background-size: 10% auto;
+
list-style: none;
−
}      
+
text-align: center;
 +
}
 +
#menuContainer li {
 +
padding-top: 5px;
 +
padding-bottom: 5px;
 +
}
 +
#menuContainer li:hover {
 +
background-color: rgba(255, 255, 255, 0.5);
 +
}
 +
#menuContainer li ul {
 +
display: none;
 +
}
 +
#menuContainer li:hover ul{
 +
display: block;
 +
background-color: rgb(196, 216, 226);
 +
width: 100%;
 +
position: absolute;
 +
border-left: 2px solid gray;
 +
margin-left: 220px;
 +
margin-top: -26px;
 +
}
 +
#menuContainer a {
 +
text-decoration: none;
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 18px;
 +
color: black;
 +
}
  
−
/* Hiding Wiki Title */
+
/* contentContainer Styling */
−
#content h1.firstHeading {
+
#contentContainer h1 {
−
visibility:hidden;
+
font-family: "Arial Black", Gadget, sans-serif;
−
}
+
font-size: 50px;
 +
background-color: rgb(118, 178, 222);
 +
border-left: 2px solid gray;
 +
border: 4px outset gray;
 +
padding: 20px 70px 20px 20px;
 +
margin-top: 12px;
 +
}
 +
#contentContainer p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
text-align: justify;
 +
font-size: 18px;
 +
}
 +
#contentContainer li {
 +
font-family: Arial, Helvetica, sans-serif;
 +
text-align: justify;
 +
font-size: 18px;
 +
padding: 2px 0;
 +
}
 +
#contentContainer a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 18px;
 +
color: blue;
 +
}
  
−
/* Modifying Wiki Content Box */
 
−
#content {
 
−
visibility: hidden;
 
−
}
 
  
−
#bodyContent {
+
</style>
−
visibility: hidden;
+
</header>
−
}
+
  
−
/* Modifying Wiki globalWrapper */
+
<body>
−
#globalWrapper {
+
−
width: 100%;
+
−
padding: 0;
+
−
}
+
  
−
/* Navigation Bar CSS START*/
+
<div id = "superContainer">
  
−
/* Formatting Navigation Bar Box */
+
<nav>
−
#navigationBar {
+
<div id = "menuContainer">
−
width: 100%;
+
−
background-color: #009999;
+
−
border: 2px solid #565656;
+
−
position: absolute;
+
−
}
+
  
−
/* Creating Menu Tabs */
+
<ul>
−
#navigationBar a {
+
−
text-decoration: none;
+
−
display: block;
+
−
font-weight: bold;
+
−
color: black;
+
−
}
+
  
−
/* Styling Menu Tabs*/
+
<a href= "https://2015.igem.org/Team:Columbia_NYC"> <img src="https://static.igem.org/mediawiki/2015/c/ca/Columbia_NYC_Logo.jpg" alt="Columbia iGEM Logo" style="width:100%"> </a>
−
#navigationBar ul {
+
−
list-style: none;
+
−
text-align: center;
+
−
padding: 0;
+
−
margin: 0;
+
−
}
+
  
−
/* Modifying Display of Text */
+
<a href = "#"> <li> THE PROJECT
−
#navigationBar li {
+
<ul class = "subTab">
−
float: left;
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Description"> <li> DESCRIPTION </li></a>
−
width: 16%;
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Design"> <li> DESIGN </li></a>
−
}
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Experiments"> <li> EXPERIMENTS </li></a>
 +
<a href = "https://2015.igem.org/Team:Columbia_NYC/Results"> <li> RESULTS </li></a>
 +
</ul>
 +
</li></a>
  
−
/* Change Menu Tab Color On Mouse-Over */
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Team"> <li> TEAM MEMBERS </li></a>
−
#navigationBar li:hover {
+
−
background-color: #C4D8E2;
+
−
}
+
  
−
/* Hiding Sub-Menu By Default */
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Parts"> <li> TEAM PARTS </li></a>
−
#navigationBar li ul {
+
−
display: none;
+
−
width: auto;
+
−
position: absolute;
+
−
float: center;
+
−
}
+
  
−
/* Styling Sub-Menu Tabs */
+
<a href="https://2015.igem.org/Team:Columbia_NYC/Notebook"><li> THE NOTEBOOK </li></a>
−
#navigationBar ul li ul li {
+
−
float: center;
+
−
width: 100%;
+
−
}
+
  
−
/* Showing Sub-Menu On Mouse-Over */
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Attributions"> <li> ATTRIBUTIONS </li></a>
−
#navigationBar ul li:hover ul {
+
−
display: block;
+
−
width: inherit;
+
−
background-color: white;
+
−
}
+
  
−
/* Allows User to Navigate Sub-Menu */
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Collaborations"><li> COLLABORATIONS </li></a>
−
#navigationBar ul li ul:hover {
+
−
display: block;
+
−
}
+
−
/* Navigation Bar CSS End */
+
  
−
</style>
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Practices"><li> HUMAN PRACTICE </li></a>
−
<!--CSS Code END -->
+
−
</head>
+
  
−
<!-- Navigation Bar START -->
+
<a href="https://2015.igem.org/Team:Columbia_NYC/Safety"><li> LAB SAFETY </li></a>
−
<div id = "navigationBar">
+
−
<!-- Navigation Tabs START -->
+
−
<ul>
+
−
<a href = "#"> <li> HOME
+
−
<ul>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC"> <li> Columbia NYC Home </li></a>
+
−
<a href = "https://2015.igem.org/Main_Page"> <li> iGEM Home </li> </a>
+
−
</ul>
+
−
</li></a>
+
  
−
<a href = "#"> <li> TEAM
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Sponsors"> <li> OUR SPONSORS </a>
−
<ul>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Team"> <li> Members </li></a>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Attributions"> <li> Attributions </li></a>
+
−
</ul>
+
−
</li></a>
+
  
−
<a href = "#"> <li> PROJECT
+
</ul>
−
<ul>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Description"> <li> Description </li></a>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Design"> <li> Design </li></a>
+
−
<a href="https://2015.igem.org/Team:Columbia_NYC/Notebook"><li> Notebook </li></a>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Experiments"> <li> Experiments </li></a>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Results"> <li> Results </li></a>
+
−
</ul>
+
−
</li></a>
+
  
−
<a href = "#"> <li> PARTS
+
</div>
−
<ul>
+
</nav>
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Parts"> <li> Team Parts </li></a>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Basic_Part"> <li> Basic Parts </li></a>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Composite_Part"> <li> Composite Parts </li></a>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Part_Collection"> <li> Part Collections </li></a>
+
−
</ul>
+
−
</li></a>
+
  
−
<a href = "#"> <li> OUTREACH
+
<div id = "contentContainer">
−
<ul>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Collaborations"><li> Collaborations </li></a>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Practices"><li> Human Practices </li></a>
+
−
</ul>
+
−
</li></a>
+
  
−
<a href = "#"> <li> OTHER
+
<h4 style = "font-size: 50px; top: 10%; left: 25%; color: white; width: 1000px;"> Welcome to Columbia iGEM </h4>
−
<ul>
+
−
<a href="https://2015.igem.org/Team:Columbia_NYC/Safety"><li> Safety </li></a>
+
−
<a href="https://2015.igem.org/Team:Columbia_NYC/Modeling"><li>Modeling</li></a>
+
−
<a href="https://2015.igem.org/Team:Columbia_NYC/Measurement"><li>Measurements</li></a>
+
−
<a href="https://2015.igem.org/Team:Columbia_NYC/Software"><li>Software</li></a>
+
−
<a href="https://2015.igem.org/Team:Columbia_NYC/Entrepreneurship"><li>Entrepreneurship</li></a>
+
−
</ul>
+
−
</li></a>
+
−
</ul>
+
−
<!-- Nagivation Tabs END -->
+
−
</div>
+
−
<!-- Navigation Bar END -->
+
  
−
</html>
+
</div>
−
<!-- HTML Code END -->
+
 
 +
</div>

Latest revision as of 02:48, 19 September 2015