Team:Uppsala/tabSelector.css

From 2014.igem.org

(Difference between revisions)
Line 9: Line 9:
   width: 1050px;
   width: 1050px;
-
   height: 150px;
+
   height: 70px;
   margin-bottom:20px;
   margin-bottom:20px;
   text-align: center;
   text-align: center;

Revision as of 10:51, 27 August 2014

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

  1. tab_selector ul li{

display: inline-block;

}

  1. tab_selector #tabSection { /* determines size on div */
 width: 1050px;
 height: 70px;
 margin-bottom:20px;
 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 {
   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;
   opacity: 0.7;

}

/*

  1. tabSection a:focus {
   outline: 0;

}

  • /
  1. tabSection a:hover{

opacity:0.8; }

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

}

  1. tab1 {

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

.logo {

width: 300px; }

.pic {

       width: 224px;

}