Team:Uppsala/tabSelector.css

From 2014.igem.org

(Difference between revisions)

Latest revision as of 17:37, 21 September 2014

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

tab_selector ul li{

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

}

tab_selector{

}

tab_selector #tabSection { /* determines size on div */

 width: 1050px;
 text-align: center;

}

tabSection li {

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

}

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;

}

/*

tabSection a:focus {

   outline: 0;

}

/

tabSection a:hover{

opacity: 1;

}

tabSection #current a {

   text-shadow: none;    
   color: #d31906;
   opacity: 1;

}

tab1 {

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

.logo {

width: 300px; }

.pic {

       width: 224px;

}

@@ Line 3: / Line 3: @@
 #tab_selector ul li{
 display: inline-block;
+//margin-bottom: 20px;
+}
+#tab_selector{
 }
@@ Line 9: / Line 13: @@
    width: 1050px;
-  height: 150px;
-  margin-bottom:20px;
    text-align: center;
-margin-right: 5%;
 }
@@ Line 18: / Line 19: @@
 #tabSection li {
-width: 10%; /* 15% for four buttons */
+width: 15%; /* 15% for four buttons */
-margin-right: 5%;
+margin-right: 2.5%;
-margin-left: 5%;
+margin-left: 2.5%;
-margin-bottom:20px;
+//margin-bottom: 20px;
 }
@@ Line 27: / Line 28: @@
 #tabSection a {
+    opacity: 0.8;
      display: block;
-    width: 157px;
-    height: 157px;
      text-shadow: 0 1px 0 rgba(0,0,0,.5);
      color: #d31906;
@@ Line 35: / Line 35: @@
      text-transform: uppercase;
      text-decoration: none;
-    opacity: 0.7;
 }
@@ Line 46: / Line 45: @@
 #tabSection a:hover{
-opacity:0.8;
+ opacity: 1;
 }