Difference between revisions of "Template:UMaryland"

Line 1: Line 1:
 
{{Template_All_Teams}}
 
{{Template_All_Teams}}
  
−
<!-- Declare that you are going to use html code instead of wiki code -->
 
 
<html>
 
<html>
  
−
<!-- Start of CSS-->
+
<!-- OPERATION: CLEAN UP THIS CODE IS IN PROGRESS-->
−
<style type="text/css">
+
  
−
/* PAGE LAYOUT */
 
  
−
/* Change Background color*/
+
 
 +
<style type="text/css">
 +
/* COMPLICATED CSS. DON'T MESS WITH THIS SHIT UNLESS YOU KNOW WHAT YOU'RE DOING */
 +
 
body {  
 
body {  
−
 
−
                               
 
 
background-color: #FF0000;
 
background-color: #FF0000;
 
}
 
}
  
  
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
/* THIS CLASS IS BAD. WILL FIX SOON */ #mainContainer {   
−
#mainContainer {   
+
 
width: 1350;
 
width: 1350;
 
overflow:hidden;
 
overflow:hidden;
Line 31: Line 28:
 
border-top: 10px solid #000000;
 
border-top: 10px solid #000000;
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 +
font-size: {0%};
 
}  
 
}  
  
−
/* Creates the container for the menu */
+
 
#menuContainer  {  
 
#menuContainer  {  
 
                                 position:fixed;
 
                                 position:fixed;
Line 126: Line 124:
  
  
−
/*MENU STYLING */
+
/* THIS IS WHAT WE CALL LOSS OF FUNCTION EVOLUTION "USE IT OR LOSE IT" -St. Leger */
  
 
  #menuContainer  ul{
 
  #menuContainer  ul{
Line 180: Line 178:
 
 
 
/*swagmaster Chun Mun finally got the menu to work reasonably*/
 
/*swagmaster Chun Mun finally got the menu to work reasonably*/
 +
/* UPDATE: There is no end to his swag, for a new swag class has taken the place of this inferior one */
 
 
 
/*menu links */
 
/*menu links */
Line 223: Line 222:
  
  
−
+
/* BEHOLD THE SWAG */
 +
 
 +
#swagmenu ul,#swagmenu li,#swagmenu span,#swagmenu a {
 +
  margin: 0;
 +
  padding: 0;
 +
  position: relative;
 +
}
 +
#swagmenu {
 +
  line-height: 1;
 +
  border-radius: 5px 5px 0 0;
 +
  -moz-border-radius: 5px 5px 0 0;
 +
  -webkit-border-radius: 5px 5px 0 0;
 +
  background: #000000;
 +
  background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
 +
  background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -o-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: linear-gradient(to bottom, #333333 0%, #000000 100%);
 +
  border-bottom: 2px solid #ffFF00;
 +
  width: auto;
 +
  swag: maximum;
 +
}
 +
#swagmenu:after,#swagmenu ul:after {
 +
  content: '';
 +
  display: block;
 +
  clear: both;
 +
  swag: one hundred thousand;
 +
}
 +
#swagmenu a {
 +
  background: #000000;
 +
  background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
 +
  background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -o-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: linear-gradient(to bottom, #333333 0%, #000000 100%);
 +
  color: #ffffff;
 +
  display: block;
 +
  font-family: Helvetica, Arial, Verdana, sans-serif;
 +
  padding: 19px 20px;
 +
  text-decoration: none;
 +
  swag: one hundred trillion;
 +
}
 +
#swagmenu ul {
 +
  list-style: none;
 +
  swag: off the charts;
 +
 
 +
}
 +
#swagmenu > ul > li {
 +
  display: inline-block;
 +
  float: left;
 +
  margin: 0;
 +
  fact: swag is off the charts
 +
}
 +
#swagmenu.align-center {
 +
  text-align: center;
 +
  swag: 420
 +
}
 +
#swagmenu.align-center > ul > li {
 +
  float: none;
 +
  swag: quatre vingt
 +
}
 +
#swagmenu.align-center ul ul {
 +
  text-align: left;
 +
  swag: quatre cent vingt
 +
}
 +
#swagmenu.align-right > ul {
 +
  float: right;
 +
}
 +
#swagmenu.align-right ul ul {
 +
  text-align: right;
 +
}
 +
#swagmenu > ul > li > a {
 +
  color: #ffffff;
 +
  font-size: 12px;
 +
}
 +
#swagmenu > ul > li:hover:after {
 +
  content: '';
 +
  display: block;
 +
  width: 0;
 +
  height: 0;
 +
  position: absolute;
 +
  left: 50%;
 +
  bottom: 0;
 +
  border-left: 10px solid transparent;
 +
  border-right: 10px solid transparent;
 +
  border-bottom: 10px solid #FFFF00;
 +
  margin-left: -10px;
 +
  font-weight: bold;
 +
}
 +
#swagmenu > ul > li:first-child > a {
 +
  border-radius: 5px 0 0 0;
 +
  -moz-border-radius: 5px 0 0 0;
 +
  -webkit-border-radius: 5px 0 0 0;
 +
}
 +
#swagmenu.align-right > ul > li:first-child > a,#swagmenu.align-center > ul > li:first-child > a {
 +
  border-radius: 0;
 +
  -moz-border-radius: 0;
 +
  -webkit-border-radius: 0;
 +
}
 +
#swagmenu.align-right > ul > li:last-child > a {
 +
  border-radius: 0 5px 0 0;
 +
  -moz-border-radius: 0 5px 0 0;
 +
  -webkit-border-radius: 0 5px 0 0;
 +
}
 +
#swagmenu > ul > li.active > a,#swagmenu > ul > li:hover > a {
 +
  color: #ffffff;
 +
  box-shadow: inset 0 0 3px #000000;
 +
  -moz-box-shadow: inset 0 0 3px #000000;
 +
  -webkit-box-shadow: inset 0 0 3px #000000;
 +
  background: #000000
 +
  background: -moz-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707));
 +
  background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: -o-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: -ms-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: linear-gradient(to bottom, #262626 0%, #070707 100%);
 +
}
 +
#swagmenu .has-sub {
 +
  z-index: 1;
 +
}
 +
#swagmenu .has-sub:hover > ul {
 +
  display: block;
 +
  font-weight: bold;
 +
}
 +
#swagmenu .has-sub ul {
 +
  display: none;
 +
  position: absolute;
 +
  width: 200px;
 +
  top: 100%;
 +
  left: 0;
 +
}
 +
#swagmenu.align-right .has-sub ul {
 +
  left: auto;
 +
  right: 0;
 +
}
 +
#swagmenu .has-sub ul li {
 +
  *margin-bottom: -1px;
 +
}
 +
#swagmenu .has-sub ul li a {
 +
  background: #000000
 +
  border-bottom: 1px dotted #FFFF00;
 +
  font-size: 11px;
 +
  filter: none;
 +
  display: block;
 +
  line-height: 120%;
 +
  padding: 10px;
 +
  color: #ffffff
 +
}
 +
#swagmenu .has-sub ul li:hover a {
 +
  background: #FFFF00;
 +
  font-weight: bold;
 +
  color: #000000
 +
}
 +
#swagmenu ul ul li:hover > a {
 +
  color: #000000
 +
  font-weight: bold;
 +
}
 +
#swagmenu .has-sub .has-sub:hover > ul {
 +
  display: block;
 +
 
 +
}
 +
#swagmenu .has-sub .has-sub ul {
 +
  display: none;
 +
  position: absolute;
 +
  left: 100%;
 +
  top: 0;
 +
}
 +
#swagmenu.align-right .has-sub .has-sub ul,#swagmenu.align-right ul ul ul {
 +
  left: auto;
 +
  right: 100%;
 +
}
 +
#swagmenu .has-sub .has-sub ul li a {
 +
  background: #FFFF00
 +
  border-bottom: 1px dotted #FFFF00;
 +
}
 +
#swagmenu .has-sub .has-sub ul li a:hover {
 +
  background: #ffff00
 +
}
 +
#swagmenu ul ul li.last > a,#swagmenu ul ul li:last-child > a,#swagmenu ul ul ul li.last > a,#swagmenu ul ul ul li:last-child > a,#swagmenu .has-sub ul li:last-child > a,#swagmenu .has-sub ul li.last > a {
 +
  border-bottom: 0;
 +
}
 
 
 
 
 
 
 
 
Line 238: Line 419:
  
  
 +
 +
 +
<div id='swagmenu'>
 +
<ul>
 +
  <li class='active'><a href="https://2015.igem.org/Team:UMaryland"><span>HOME</span></a></a></li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Team"><span>TEAM</span></a></li>
 +
 
 +
  <li class='has-sub'><a href="#"><span>PROJECT</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Description"><span>Description</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Design"><span>Design</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Experiments"><span>Experiments &amp; Protocols</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Results"><span>Results</span></a></li>
 +
</ul>
 +
</span></a>
 +
      </li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Parts"><span>PARTS</span></a></li>
 +
 
 +
    <li class='has-sub'><a href="#"><span>NOTEBOOK</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Notebook"><span>Lab Notebook</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/journal"><span>Journal</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Safety"><span>Safety</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/gallery"><span>Gallery</span></a></li>
 +
</ul>
 +
</span></a>
 +
      </li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Practices"><span>HUMAN PRACTICES</span></a></li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Collaborations"><span>COLLABORATIONS</span></a></li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Modeling"><span>MODELING</span></a></li>
 +
 
 +
  <li class='last'><a href='https://2015.igem.org/Main_Page'><span>iGEM</span></a></li>
 +
</ul>
 +
</div>
 +
 +
<!--  Iowis senpai notice me -->
 +
 
<div id="bannerContainer">
 
<div id="bannerContainer">
 
<br><br>
 
<br><br>
Line 246: Line 469:
 
>
 
>
 
 
−
</div>
 
−
 
−
<!-- Start of menu -->
 
−
<div id="menuContainer">
 
−
 
−
<!-- This list is your menu, every list item is a menu button and nested
 
−
 
−
listed become submenu buttons -->
 
−
<ul>
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland"><li>HOME</li></a>
 
−
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland/Team"><li>TEAM</li></a>
 
−
 
−
<a href="#"><li>PROJECT
 
−
            <ul>
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland/Description"><li>Description</li></a>
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland/Experiments"><li>Experiments &amp; Protocols</li></a> 
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland/Results"><li>Results</li></a> 
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland/Design"><li>Design</li></a>
 
−
</ul>
 
−
</li></a>
 
−
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland/Parts"><li>PARTS</li></a>
 
−
 
−
 
−
<a href="#"><li>NOTEBOOK
 
−
            <ul>
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland/Safety"><li>Safety</li></a>
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland/Notebook"><li>Lab Notebook</li></a>
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland/journal"><li>Journal</li></a> 
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland/gallery"><li>Gallery</li></a> 
 
−
 
−
 
−
</ul>
 
−
</li></a>
 
−
 
−
 
−
 
−
<a
 
−
 
−
href="https://2015.igem.org/Team:UMaryland/Practices"><li>HUMAN PRACTICES</li></a>
 
−
 
−
<a
 
−
 
−
href="https://2015.igem.org/Main_Page"><li>iGEM</li></a>
 
−
 
−
</ul>
 
 
</div>
 
</div>
 
 
−
<!--  Iowis senpai notice me -->
 
 
 
 
<!-- End of menu  -->
 
<!-- End of menu  -->

Revision as of 06:32, 1 July 2015