Template:UIUC Illinois Bioware Background

From 2010.igem.org

Revision as of 20:18, 28 June 2010 by Mentler2 (Talk | contribs)


/*****************Vertical Menu Coding from http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*******************/

  1. vmenu {

width: 13em; background: #336699; position: relative; float: left; margin: 5px; padding: 0; }

  1. vmenu ul {

list-style: none; margin: 0; padding: 0; }

  1. vmenu a, #menu h2 {

font: bold 11px/16px arial, helvetica, sans-serif; display: block; border-width: 5px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 3px; }

  1. vmenu h2 {

color: #fff; background: #000; text-transform: uppercase; }

  1. vmenu a {

color: #000; background: #efefef; text-decoration: none; }

  1. vmenu a:hover {

color: #336699; background: #fff; }

  1. vmenu ul ul ul {

position: absolute; top: 0; left: 100%; width: 100%; }

  1. vmenu li {position: relative;}

div#vmenu ul ul ul, div#vmenu ul ul li:hover ul ul {display: none;}

div#vmenu ul ul li:hover ul, div#vmenu ul ul ul li:hover ul {display: block;}


/**************** Navigation Buttons (for Project and Experiments pages) *****************/

  1. nav {

width: 770px; height: 160px; margin: 5px; padding: 0px; }

  1. nav a {

display: inline-block; list-style:none; width: 175px; height: 150px; margin: 5px 37px; border: none; color: #f00; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; }

  1. nav a.intro {

background: url(UI09Intropic.png); }

  1. nav a.intro:hover {

background: url(UI09Introhover.png); }

  1. nav a.research {

background: url(UI09Researchpic.png); }

  1. nav a.research:hover {

background: url(UI09Researchhover.png); }

  1. nav a.modeling {

background: url(UI09Modelingpic.png); }

  1. nav a.modeling:hover {

background: url(UI09Modelinghover.png); }

  1. nav a.protocols {

background: url(UI09Protocolsbutton.png); }

  1. nav a.protocols:hover {

background: url(UI09Protocolshover.png); }

  1. nav a.vectors {

background: url(UI09Vectorsbutton.png); }

  1. nav a.vectors:hover {

background: url(UI09Vectorshover.png); }

  1. nav a.results {

width: 600px; height: 35px; background:#003C7D }

  1. nav a.results:hover {

background:#6e8bbf; }

</style> </html>