Team:Cooper Union/CSS

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<ol><li>contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
 
-
</li></ol>
+
<style>
-
<pre>  display:none;}
+
body {
-
</pre>
+
  font-family: Helvetica, Arial, sans-serif;
 +
  padding: 20px 50px 150px;
 +
  font-size: 15px;
 +
  text-align: center;
 +
  background: #dddddd;
 +
}
 +
 
 +
/* menu link style */
 +
a.menu:link {
 +
color: #ffffff;
 +
font-family: Helvetica, Arial, sans-serif;
 +
text-decoration: none;
 +
}
 +
 
 +
a.menu:visited {
 +
color: #ffffff;
 +
font-family: Helvetica, Arial, sans-serif;
 +
text-decoration: none;
 +
}
 +
 +
a.menu:hover {
 +
color: #ffffff;
 +
font-family: Helvetica, Arial, sans-serif;
 +
text-decoration: none;
 +
}
 +
 +
a.menu:active {
 +
color: #ffffff;
 +
font-family: Helvetica, Arial, sans-serif;
 +
text-decoration: none;
 +
}
 +
 
 +
 
 +
/* dropdown menu */
 +
 
 +
ul {
 +
  text-align: left;
 +
  color: #ffffff;
 +
  display: inline;
 +
  margin: 0;
 +
  padding: 15px 4px 17px 0;
 +
  list-style: none;
 +
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 +
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 +
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 +
}
 +
ul li {
 +
  font: bold 12/18px sans-serif;
 +
  color: #ffffff;
 +
  display: inline-block;
 +
  margin-right: -4px;
 +
  position: relative;
 +
  padding: 15px 20px;
 +
  background: #272727;
 +
  cursor: pointer;
 +
  -webkit-transition: all 0.2s;
 +
  -moz-transition: all 0.2s;
 +
  -ms-transition: all 0.2s;
 +
  -o-transition: all 0.2s;
 +
  transition: all 0.2s;
 +
}
 +
ul li:hover {
 +
  background: #55555;
 +
  color: #fffff;
 +
}
 +
ul li ul {
 +
  padding: 0;
 +
  position: absolute;
 +
  top: 48px;
 +
  left: 0;
 +
  width: 150px;
 +
  -webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
  box-shadow: none;
 +
  display: none;
 +
  opacity: 0;
 +
  visibility: hidden;
 +
  -webkit-transiton: opacity 0.2s;
 +
  -moz-transition: opacity 0.2s;
 +
  -ms-transition: opacity 0.2s;
 +
  -o-transition: opacity 0.2s;
 +
  -transition: opacity 0.2s;
 +
}
 +
ul li ul li {
 +
  background: #555555;
 +
  display: block;
 +
  font: bold 12px sans-serif; 
 +
  color: #ffffff;
 +
  text-shadow: 0 -1px 0 #000000;
 +
}
 +
ul li ul li:hover { background: #777777; }
 +
ul li:hover ul {
 +
  display: block;
 +
  opacity: 1;
 +
  visibility: visible;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</style>
 +
</head>
 +
 
 +
 
 +
<body>
 +
 
 +
 
 +
<ul>
 +
<li> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union"> Home </a> </li>
 +
<li> Project
 +
<ul>
 +
<li> De Novo Synthesis </li>
 +
<li> Programmable Lifespan </li>
 +
<li> Biohacker Kit </li>
 +
<li> OpenSource Hardware </li>
 +
<li> BioBrick Parts </li>
 +
<li> Modeling </li>
 +
</ul>
 +
</li>
 +
<li> Safety </li>
 +
<li>  Notebook
 +
<ul>
 +
<li> Common Protocols </li>
 +
<li> <a class="menu" href="https://2014.igem.org/Team:Cooper_Union/TdTNotebook"> Labnotes </a> </li>
 +
</ul>
 +
</li>
 +
<li> Team
 +
<ul>
 +
<li> Members </li>
 +
<li> Attributions </li>
 +
<li> Sponsors </li>
 +
<li> Official Team Profile </li>
 +
</ul>
 +
</li>
 +
<li> <img src="https://static.igem.org/mediawiki/igem.org/f/f2/Igemfooterlogo.png" height="20px"> </li>
 +
</ul>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</body>
 +
</html>

Revision as of 19:11, 18 September 2014

<style> body { 

 font-family: Helvetica, Arial, sans-serif;
 padding: 20px 50px 150px;
 font-size: 15px;
 text-align: center;
 background: #dddddd;

}

/* menu link style */ a.menu:link { color: #ffffff; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }

a.menu:visited { color: #ffffff; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }

a.menu:hover { color: #ffffff; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }

a.menu:active { color: #ffffff; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }


/* dropdown menu */

ul { 

 text-align: left;
 color: #ffffff;
 display: inline;
 margin: 0;
 padding: 15px 4px 17px 0;
 list-style: none;
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

} ul li { 

 font: bold 12/18px sans-serif;
 color: #ffffff;
 display: inline-block;
 margin-right: -4px;
 position: relative;
 padding: 15px 20px;
 background: #272727;
 cursor: pointer;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;

} ul li:hover { 

 background: #55555;
 color: #fffff;

} ul li ul { 

 padding: 0;
 position: absolute;
 top: 48px;
 left: 0;
 width: 150px;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 display: none;
 opacity: 0;
 visibility: hidden;
 -webkit-transiton: opacity 0.2s;
 -moz-transition: opacity 0.2s;
 -ms-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 -transition: opacity 0.2s;

} ul li ul li { 

 background: #555555; 
 display: block;
 font: bold 12px sans-serif;  
 color: #ffffff;
 text-shadow: 0 -1px 0 #000000;

} ul li ul li:hover { background: #777777; } ul li:hover ul { 

 display: block;
 opacity: 1;
 visibility: visible;

}





</style> </head>


<body>




</body> </html>

Retrieved from "http://2014.igem.org/Team:Cooper_Union/CSS"