Team:ZJU-China/CSS/Tabs.css

From 2014.igem.org

(Difference between revisions)
Line 9: Line 9:
     display: inline-block;
     display: inline-block;
     border: none;
     border: none;
-
    margin: 0;
+
     width: 15%;
-
     width: 30%;
+
-
    font-family: Arial;
+
-
    font-size: 18pt;
+
     text-align: center;
     text-align: center;
}
}
ul.tabs a {
ul.tabs a {
-
     padding: 10px 0px;
+
     padding: 5px 0px;
     width:100%;
     width:100%;
     display: inline-block;
     display: inline-block;
Line 26: Line 23:
     background: #fff;
     background: #fff;
     color: #000;
     color: #000;
-
     box-shadow: 2px -3px 2px gray;
+
     box-shadow: 2px -2px 2px gray;
}
}
div.tabs {
div.tabs {

Revision as of 19:08, 17 October 2014

div.tabs { } ul.tabs {

   margin:0;
   padding:0;

} ul.tabs li {

   list-style: none;
   display: inline-block;
   border: none;
   width: 15%;
   text-align: center;

} ul.tabs a {

   padding: 5px 0px;
   width:100%;
   display: inline-block;
   background: #666;
   color: #fff;
   text-decoration: none;

} ul.tabs a.active {

   background: #fff;
   color: #000;
   box-shadow: 2px -2px 2px gray;

} div.tabs {

   background: white;
   margin:0;
   padding:10px;

}