Difference between revisions of "Template:Columbia NYC"

Line 1: Line 1:
−
<!-- HTML Code START -->
+
<!-- HTML START -->
 
<html>
 
<html>
  
 +
<!-- Closing Wiki Divs -->
 
</div>
 
</div>
 
</div>
 
</div>
  
 
<head>
 
<head>
−
<!-- CSS Code START -->
 
−
<style>
 
  
−
/* Hacking Wiki Format START */
+
<style>
−
/* Changing Background of Wiki */ 
+
−
body {
+
−
background-image: url("https://static.igem.org/mediawiki/2015/0/04/Columbia_NYC_ChalkboardBackground.jpg");
+
−
background-attachment: fixed;
+
−
overflow-y: scroll;
+
−
}     
+
  
−
/* Hiding Wiki Title */
+
/* Altering & Hiding Wiki Divs */
−
#content h1.firstHeading {
+
#content {
−
visibility:hidden;
+
visibility: hidden;
−
}
+
height: 0;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
#bodyContent {
 +
visibility: hidden;
 +
}
 +
#content h1.firstheading {
 +
visibility: hidden;
 +
}
  
−
/* Modifying Wiki Content Box */
+
/* Changing Body */
−
#content {
+
body {
−
visibility: hidden;
+
background-color: rgba(211,211,211,.75);
−
height: 0;
+
margin: 0px;
−
padding: 0;
+
}
−
margin: 0;
+
−
}
+
  
−
#bodyContent {
+
/* Content Boxes */
−
visibility: hidden;
+
#superContainer {
−
}
+
  
−
/* Modifying Wiki globalWrapper */
+
}
−
#globalWrapper {
+
#menuContainer {
−
width: 100%;
+
position: fixed;
−
max-height: 20px;
+
width: 220px;
−
}
+
height: 100%;
−
/* Hacking Wiki Format END *.
+
border-right: 2px solid gray;
 +
background-color: rgb(118, 178, 222);
 +
}
 +
#contentContainer {
 +
overflow: auto;
 +
margin-left: 230px;
 +
}
  
−
/* Navigation Bar CSS START*/
+
/*menuContainer Design*/
−
/* Formatting Navigation Bar Box */
+
#menuContainer ul {
−
#navigationBar {
+
padding: 0;
−
width: 100%;
+
margin: 0;
−
position: fixed;
+
list-style: none;
−
z-index: 1;
+
text-align: center;
−
opacity: 0.8;
+
}
−
}
+
#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: -31px;
 +
}
 +
#menuContainer a {
 +
text-decoration: none;
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 18px;
 +
color: black;
 +
}
  
−
/* Creating Menu Tabs */
+
/* Header Styling */
−
#navigationBar a {
+
#contentContainer h1 {
−
display: block;
+
text-align: center;
−
text-decoration: none;
+
font-family: Arial, Helvetica, sans-serif;
−
font-family: Impact, Charcoal, sans-serif;  
+
font-size: 50px;
−
color: white;
+
font-style: bold;
−
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+
border-bottom: 5px solid black;
−
}
+
}
  
−
/* Modifying Menu Tabs*/
+
</style>
−
#navigationBar ul {
+
−
list-style: none;
+
−
text-align: center;
+
−
padding: 0;
+
−
margin: 0;
+
−
}
+
  
−
/* Modifying Display of Tabs */
+
</head>
−
#navigationBar li {
+
−
float: left;
+
−
width: 16.66%;
+
−
font-size: 24px;
+
−
padding: 5px 0 0;
+
−
}
+
  
−
/* Hiding Sub-Menu By Default */
+
<body>
−
#navigationBar li ul {
+
−
display: none;
+
−
position: absolute;
+
−
}
+
  
−
/* Styling Sub-Menu Tabs */
+
<div id = "superContainer">
−
#navigationBar ul li ul li {
+
−
float: center;
+
−
width: 100%;
+
−
font-size: 20px;
+
−
}
+
  
−
/* Showing Sub-Menu On Mouse-Over */
+
<nav>
−
#navigationBar ul li:hover ul {
+
<div id = "menuContainer">
−
display: block;
+
−
width: inherit;
+
−
background-color: rgba(255, 255, 255, 0.5);
+
−
}
+
  
−
/* Allows User to Navigate Sub-Menu */
+
<ul>
−
#navigationBar ul li ul:hover {
+
−
display: block;
+
−
}
+
  
−
/* Change Menu Upon Mouse-Over */
+
<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 li ul li:hover {
+
−
background-color: gray;
+
−
}
+
−
/* Navigation Bar CSS End */
+
  
−
/* Content Box CSS START */
+
<a href = "#"> <li> THE PROJECT
−
/* Formatting Content Box */
+
<ul class = "subTab">
−
#contentBox {
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Description"> <li> DESCRIPTION </li></a>
−
width: 90%;
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Design"> <li> DESIGN </li></a>
−
padding: 0 5% 0;
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Experiments"> <li> EXPERIMENTS </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/Results"> <li> RESULTS </li></a>
 +
</ul>
 +
</li></a>
  
−
/* Formatting Font and Color */
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Team"> <li> TEAM MEMBERS </li></a>
−
#contentBox p, ul, h1, h2, h3, h4, h5, h6 {
+
−
color: white;
+
−
text-align: justify;
+
−
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
−
}
+
−
/*Formatting Content Box p */
+
−
#contentBox p {
+
−
font-size: 16px;
+
−
}
+
  
−
/*Formatting Content Box ul */
+
<a href = "#"> <li> PARTS RECORD
−
#contentBox ul {
+
<ul class = "subTab">
−
font-size: 16px;
+
<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 COLLECTION </li></a>
 +
</ul>
 +
</li></a>
  
−
/* Formatting Content Box h1 */
+
<a href="https://2015.igem.org/Team:Columbia_NYC/Notebook"><li> THE NOTEBOOK </li></a>
−
#contentBox h1 {
+
−
font-size: 32px;
+
−
}
+
−
/* Content Box CSS END */
+
  
−
</style>
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Attributions"> <li> ATTRIBUTIONS </li></a>
−
<!--CSS Code END -->
+
−
</head>
+
  
−
<!-- Navigation Bar START -->
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Collaborations"><li> COLLABORATIONS </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 </li></a>
+
−
<a href = "https://2015.igem.org/Main_Page"> <li> iGEM </li> </a>
+
−
</ul>
+
−
</li></a>
+
  
−
<a href = "#"> <li> TEAM
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Practices"><li> HUMAN PRACTICE </li></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
+
<a href="https://2015.igem.org/Team:Columbia_NYC/Safety"><li> LAB SAFETY </li></a>
−
<ul>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Description"> <li> Description </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>
+
−
<a href="https://2015.igem.org/Team:Columbia_NYC/Safety"><li> Safety </li></a>
+
−
</ul>
+
−
</li></a>
+
  
−
<a href = "#"> <li> PARTS
+
<a href = "https://2015.igem.org/Team:Columbia_NYC/Sponsors"> <li> OUR SPONSORS </a>
−
<ul>
+
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Design"> <li> Design </li></a>
+
−
<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
+
</ul>
−
<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> APPLICATIONS
+
−
<ul>
+
−
<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 -->
+
−
 
+
−
<!-- Banner START -->
+
−
<div id = "banner">
+
−
 
+
−
<img src = "https://static.igem.org/mediawiki/2015/7/77/Columbia_NYC_BannerBackground.png" alt = "Columbia NYC Banner" style = "width: 100%; height:250px;">
+
−
 
+
−
</div>
+
−
<!-- Banner END -->
+
  
−
<!-- Content Box START -->
+
</div>
−
<div id = "contentBox">
+
</nav>
  
−
<!-- Remember To Close Content Box -->
+
<div id = "contentContainer">
−
<!-- Remember To Close HTML Box -->
+

Revision as of 19:30, 11 September 2015