Team:Gaston Day School
From 2014.igem.org
(Difference between revisions)
Rgeraghty98 (Talk | contribs) |
|||
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
About JavaScript tabsJavaScript 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. |