"
CSS/gifu/home
From 2014.igem.org
(Difference between revisions)
| Line 31: | Line 31: | ||
z-index:1000; | z-index:1000; | ||
} | } | ||
| + | |||
| + | .tabs { | ||
| + | position: relative; | ||
| + | padding: 0; | ||
| + | margin-left:auto; | ||
| + | margin-right:auto; | ||
| + | |||
| + | } | ||
| + | .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: #dcdcdc; | ||
| + | color: #000000; | ||
| + | margin:0; | ||
| + | } | ||
| + | .tabs label:hover { | ||
| + | background-color: #e0ffff; | ||
| + | color: #000000; | ||
| + | } | ||
| + | .tabs input[type=radio]:checked + label { | ||
| + | background-color: #afeeee; | ||
| + | color: #000000; | ||
| + | } | ||
| + | .tabs .contents { | ||
| + | display: none; | ||
| + | position: absolute; | ||
| + | top:30px; | ||
| + | left: 0; | ||
| + | padding: 0px; | ||
| + | background: #f0f8ff; | ||
| + | } | ||
| + | .tabs input[type=radio]:checked + label + .contents{ | ||
| + | display: block; | ||
| + | } | ||
</style> | </style> | ||
Revision as of 01:42, 1 September 2014
