CSS/gifu/main
From 2014.igem.org
(Difference between revisions)
Line 315: | Line 315: | ||
} | } | ||
- | . | + | .tabs { |
- | + | position: relative; | |
- | + | padding: 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .tabs li { |
- | + | list-style: none; | |
- | + | display: inline-block; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .tabs input[type=radio] { |
- | + | display: none; | |
- | + | } | |
- | + | .tabs label { | |
- | + | display: block; | |
- | + | cursor: pointer; | |
- | + | padding: 5px; | |
- | + | line-height: 20px; | |
+ | background-color: #999999; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | .tabs label:hover { | ||
+ | background-color: #cccccc; | ||
+ | color: #000000; | ||
+ | } | ||
+ | .tabs input[type=radio]:checked + label { | ||
+ | background-color: #ffffff; | ||
+ | color: #000000; | ||
+ | } | ||
+ | .tabs .contents { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top:30px; | ||
+ | left: 0; | ||
+ | padding: 10px; | ||
+ | background: #ffffff; | ||
+ | } | ||
+ | .tabs input[type=radio]:checked + label + .contents{ | ||
+ | display: block; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
Revision as of 00:59, 1 September 2014