CSS/gifu/tab
From 2014.igem.org
(Difference between revisions)
(52 intermediate revisions not shown) | |||
Line 11: | Line 11: | ||
#tab{ | #tab{ | ||
clear:both; | clear:both; | ||
- | + | margin-left:auto; | |
- | + | margin-right:auto; | |
- | + | text-align:left; | |
+ | |||
width:70%; | width:70%; | ||
- | font-size: | + | font-size:16px; |
- | font-family: | + | font-family:Calibri; |
} | } | ||
- | .tab-white | + | |
- | { | + | |
+ | .tab-white:link | ||
+ | {color:#000000; | ||
background-image:url(https://static.igem.org/mediawiki/2014/a/ab/Tab_white.png); | background-image:url(https://static.igem.org/mediawiki/2014/a/ab/Tab_white.png); | ||
background-repeat:no-repeat ; | background-repeat:no-repeat ; | ||
background-position:center; | background-position:center; | ||
- | + | text-decoration:none; | |
- | + | ||
text-align: center; | text-align: center; | ||
vertical-align:100%; | vertical-align:100%; | ||
+ | width:180px; | ||
+ | height:50px; | ||
+ | padding:15px 15px 15px 15px; | ||
+ | display:inline; | ||
+ | overflow:auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | .tab-white:hover | ||
+ | {color:#000000; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/a/ab/Tab_white.png); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:center; | ||
text-decoration:none; | text-decoration:none; | ||
- | + | text-align:center; | |
- | + | vertical-align:100%; | |
+ | width:180px; | ||
height:50px; | height:50px; | ||
- | + | padding:15px 15px 15px 15px; | |
- | padding | + | |
- | + | ||
- | + | ||
- | + | ||
display:inline; | display:inline; | ||
overflow:auto; | overflow:auto; | ||
} | } | ||
- | .tab-gray | + | .tab-gray:link |
- | { | + | {color:#ffffff; |
- | background-image:url(https://static.igem.org/mediawiki/2014/ | + | background-image:url(https://static.igem.org/mediawiki/2014/8/8a/Tab_gray1.png) ; |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
- | background-position: | + | background-position:center; |
- | + | text-decoration:none; | |
text-align: center; | text-align: center; | ||
vertical-align:100%; | vertical-align:100%; | ||
- | + | width:180px; | |
- | width: | + | |
- | + | ||
height:50px; | height:50px; | ||
- | + | padding:15px 15px 15px 15px; | |
- | padding | + | |
- | + | ||
- | + | ||
- | + | ||
display:inline; | display:inline; | ||
overflow:auto; | overflow:auto; | ||
Line 64: | Line 70: | ||
.tab-gray:hover | .tab-gray:hover | ||
- | { | + | {color: #000000; |
- | background-image: url(https://static.igem.org/mediawiki/2014/ | + | background-image: url(https://static.igem.org/mediawiki/2014/3/3b/Tab_gray2.png); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
- | background-position: | + | background-position:center; |
- | + | ||
text-decoration:none; | text-decoration:none; | ||
- | + | text-align:center; | |
- | + | vertical-align:100%; | |
+ | width:180px; | ||
height:50px; | height:50px; | ||
- | + | padding:15px 15px 15px 15px; | |
+ | display:inline; | ||
+ | overflow:auto; | ||
} | } | ||
- | + | p.tab | |
+ | {float:left;} | ||
Latest revision as of 09:55, 17 October 2014