Team:UCL/Template:SCJtabcontentcss.css

From 2014.igem.org

Revision as of 17:59, 30 September 2014

/* 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: #F7931E;
   border:1px solid #CCC;
   border-bottom:none;
   border-radius: 2px 2px 0 0;

}

ul.tabs li {

   display: inline;
   margin: 0;
   margin-right: 2px;/*distance between tabs*/
   font: normal 12px Verdana;

}

ul.tabs li a {

   text-decoration: none;
   position: relative;
   padding: 8px 22px;
   color: #000;
   border-radius: 3px 3px 0 0;
   outline:none;

}

ul.tabs li a:hover {

   text-decoration: underline;
   color: #000;

}

ul.tabs li.selected a {

   position: relative;
   top: 0px;
   font-weight:bold;
   background: #FFF;
   border: 1px solid #AAA;
   border-bottom: 1px solid #FFF;
   color: #000;

}

ul.tabs li.selected a:hover, ul.tabs li.selected a:hover {

   text-decoration: none;

}

div.tabcontents {

   border: 1px solid #CCC; padding: 30px;
   border-top-color:#AAA;
   background-color:#FFF;
   border-radius: 0 0 2px 2px;

}