Team:UCL/Template:SCJtabcontentcss.css
From 2014.igem.org
/* Tab Content - menucool.com */ ul.tabs {
padding: 14px 0 8px; margin:0; font-size: 0; list-style-type: none; text-align: center; /*set to left, center, or right to align the tabs as desired*/ background: #000; border:1px solid #000; border-bottom:none; border-radius: 2px 2px 0 0;
}
ul.tabs li {
display: inline; margin: 0; margin-right: 2px;/*distance between tabs*/ font-size: 12px font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
}
ul.tabs li a {
text-decoration: none; position: relative; padding: 8px 22px; color: #fff; border-radius: 3px 3px 0 0; outline:none;
}
ul.tabs li a:hover
{
text-decoration: underline; font-weight:bold; color: #fff;
}
ul.tabs li.selected a {
position: relative; top: 0px; font-weight:bold; background: #F7931E; border: 1px solid #000; border-bottom: 1px solid #000; color: #000;
}
ul.tabs li.selected a:hover, ul.tabs li.selected a:hover
{
text-decoration: none;
}
div.tabcontents {
border: 1px solid #000; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-color:#000; background-color:#FFF; border-radius: 0 0 2px 2px;
}