Team:Gaston Day School

From 2014.igem.org

(Difference between revisions)
Line 28: Line 28:
}
}
 +
body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
 +
 +
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
 +
 +
ul#tabs li { display: inline; }
 +
 +
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em;
 +
text-decoration: none; }
 +
 +
ul#tabs li a:hover { background-color: #f1f0ee; }
 +
 +
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
 +
 +
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
 +
 +
div.tabContent.hide { display: none; }
</style>
</style>

Revision as of 14:06, 10 June 2014

Home Team Official Team Profile Project Parts Modeling Notebook Safety Attributions Measurement Track

About JavaScript tabs

JavaScript tabs partition your Web page content into tabbed sections. Only one section at a time is visible.

The code is written in such a way that the page degrades gracefully in browsers that don't support JavaScript or CSS.