Difference between revisions of "Template:Columbia NYC Template"

Line 1: Line 1:
−
<!-- HTML START -->
+
<!-- HTML Code START -->
 
<html>
 
<html>
  
−
<!-- Terminating Default Wiki Divs -->
 
 
</div>
 
</div>
 
</div>
 
</div>
  
 
<head>
 
<head>
−
 
+
<!-- CSS Code START -->
−
<!-- CSS START -->
+
 
<style>
 
<style>
  
−
/* Masking Wiki Contents START */
+
/* Hacking Wiki Format START */
−
/* Hiding Default Wiki Content Divs */
+
/* Changing Background of Wiki */ 
 +
body {
 +
background-image: url("https://static.igem.org/mediawiki/2015/d/db/Columbia_NYC_ChalkboardBackground.png");
 +
overflow-y: scroll;
 +
}     
 +
 
 +
/* Hiding Wiki Title */
 +
#content h1.firstHeading {
 +
visibility:hidden;
 +
}
 +
 
 +
/* Modifying Wiki Content Box */
 
#content {
 
#content {
 
visibility: hidden;
 
visibility: hidden;
Line 24: Line 33:
 
}
 
}
  
−
/* Hiding Default Wiki Title */
+
/* Modifying Wiki globalWrapper */
−
#content h1.firstheading {
+
#globalWrapper {
−
visibility: hidden;
+
width: 100%;
 +
max-height: 20px;
 
}
 
}
 +
/* Hacking Wiki Format END *.
  
−
/* Maintaining Wiki globalWrapper */
+
/* Navigation Bar CSS START*/
−
#globalWrapper {
+
/* Formatting Navigation Bar Box */
 +
#navigationBar {
 
width: 100%;
 
width: 100%;
−
max-height: 20%;
+
position: fixed;
 +
z-index: 1;
 +
opacity: 0.8;
 
}
 
}
−
/* Masking Wiki Contents END */
 
  
−
/* Chalkboard Background */
+
/* Creating Menu Tabs */
−
body {
+
#navigationBar a {
−
background-image: url("https://static.igem.org/mediawiki/2015/0/04/Columbia_NYC_ChalkboardBackground.jpg");
+
display: block;
−
overflow-y: auto;
+
text-decoration: none;
−
overflow-x: hidden;
+
font-family: Impact, Charcoal, sans-serif;  
 +
color: white;
 +
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 
}
 
}
  
−
/* Menu Div Formatting */
+
/* Modifying Menu Tabs*/
−
#menu {
+
#navigationBar ul {
−
position: fixed;
+
−
width: 200px;
+
−
height: 97%;
+
−
border-right: 2px solid white;
+
−
margin-top: 5px;
+
−
}
+
−
 
+
−
#menu ul.tab {
+
 
list-style: none;
 
list-style: none;
 
text-align: center;
 
text-align: center;
 
padding: 0;
 
padding: 0;
 +
margin: 0;
 
}
 
}
  
−
#menu li {
+
/* Modifying Display of Tabs */
−
padding: 10px;
+
#navigationBar li {
 +
float: left;
 +
width: 16.66%;
 +
font-size: 24px;
 +
padding: 5px 0 0;
 
}
 
}
  
−
#menu a {
+
/* Hiding Sub-Menu By Default */
−
color: white;
+
#navigationBar li ul {
−
text-decoration: none;
+
display: none;
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
position: absolute;
 +
}
 +
 
 +
/* Styling Sub-Menu Tabs */
 +
#navigationBar ul li ul li {
 +
float: center;
 +
width: 100%;
 
font-size: 20px;
 
font-size: 20px;
−
font-weight: bold;
 
 
}
 
}
  
−
</style>
+
/* Showing Sub-Menu On Mouse-Over */
−
<!-- CSS END -->
+
#navigationBar ul li:hover ul {
 +
display: block;
 +
width: inherit;
 +
background-color: rgba(255, 255, 255, 0.5);
 +
}
  
 +
/* Allows User to Navigate Sub-Menu */
 +
#navigationBar ul li ul:hover {
 +
display: block;
 +
}
 +
 +
/* Change Menu Upon Mouse-Over */
 +
#navigationBar ul li ul li:hover {
 +
background-color: gray;
 +
}
 +
/* Navigation Bar CSS End */
 +
 +
/* Content Box CSS START */
 +
/* Formatting Content Box */
 +
#contentBox {
 +
width: 90%;
 +
padding: 0 5% 0;
 +
}
 +
 +
/* Formatting Font and Color */
 +
#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 */
 +
#contentBox ul {
 +
font-size: 16px;
 +
}
 +
 +
/* Formatting Content Box h1 */
 +
#contentBox h1 {
 +
font-size: 32px;
 +
}
 +
/* Content Box CSS END */
 +
 +
</style>
 +
<!--CSS Code END -->
 
</head>
 
</head>
  
−
<!-- Menu START -->
+
<!-- Navigation Bar START -->
−
<div id = "menu">
+
<div id = "navigationBar">
−
<ul class = "tab">
+
<!-- Navigation Tabs START -->
−
<a href = "https://2015.igem.org/Team:Columbia_NYC"> <li> HOME</li></a>
+
<ul>
−
<a href = "https://2015.igem.org/Team:Columbia_NYC/Sponsors"> <li> SPONSORS </a>
+
<a href = "#"> <li> HOME
−
<li> Rando </li>
+
<ul>
−
<li> Rando </li>
+
<a href = "https://2015.igem.org/Team:Columbia_NYC"> <li> Columbia NYC </li></a>
−
<li> Rando </li>
+
<a href = "https://2015.igem.org/Main_Page"> <li> iGEM </li> </a>
−
<li> Rando </li>
+
</ul>
−
<li> Rando </li>
+
</li></a>
−
<li> Rando </li>
+
−
<li> Rando </li>
+
−
<li> Rando </li>
+
−
<li> Rando </li>
+
−
<li> Rando </li>
+
−
<li> Rando </li>
+
−
<li> Rando </li>
+
−
<li> Rando </li>
+
−
<li> Rando </li>
+
−
<li> Rando </li>
+
−
<li> Rando </li>
+
−
<li> Rando </li><li> Rando </li>
+
−
<li> Rando </li>
+
−
</div>
+
−
<!--Menu END -->
+
  
 +
<a href = "#"> <li> TEAM
 +
<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>
 +
<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
 +
<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>
 +
<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>
 
</div>
−
</html>
+
<!-- Navigation Bar END -->
−
<!-- HTML END -->
+
 
 +
<!-- Content Box START -->
 +
<div id = "contentBox">
 +
 
 +
<!-- Remember To Close Content Box -->
 +
<!-- Remember To Close HTML Box -->

Revision as of 19:42, 7 August 2015