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; | ||
- | + | width: 15%; | |
- | width: | + | |
- | + | ||
- | + | ||
text-align: center; | text-align: center; | ||
} | } | ||
ul.tabs a { | ul.tabs a { | ||
- | padding: | + | 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 - | + | 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;
}