Team:Uppsala/tabSelector.css

From 2014.igem.org

/* ---- Tab-selector ---- */

  1. tab_selector ul li{

display: inline-block; //margin-bottom: 20px;


}

  1. tab_selector{

}

  1. tab_selector #tabSection { /* determines size on div */
 width: 1050px;
 text-align: center;

}

  1. tabSection li {

width: 15%; /* 15% for four buttons */ margin-right: 2.5%; margin-left: 2.5%; //margin-bottom: 20px;

}

  1. tabSection a {
   opacity: 0.8;
   display: block;
   text-shadow: 0 1px 0 rgba(0,0,0,.5);
   color: #d31906;
   font: 11px/100% Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   text-decoration: none;

}

/*

  1. tabSection a:focus {
   outline: 0;

}

  • /
  1. tabSection a:hover{
opacity: 1;

}

  1. tabSection #current a {
   text-shadow: none;    
   color: #d31906;
   opacity: 1;

}

  1. tab1 {

width: 100%; min-height: 300px; }

.logo {

width: 300px; }

.pic {

       width: 224px;

}