Mercurial > hg > btrack
annotate doc/html/tabs.css @ 69:1df0d2eb701c
flow: Created branch 'release/1.0.0'.
author | Adam Stark <adamstark@users.noreply.github.com> |
---|---|
date | Tue, 08 Jul 2014 12:22:37 +0100 |
parents | bf256abf1dd4 |
children | d6d9df2db3e1 |
rev | line source |
---|---|
adamstark@60 | 1 .tabs, .tabs2, .tabs3 { |
adamstark@60 | 2 background-image: url('tab_b.png'); |
adamstark@60 | 3 width: 100%; |
adamstark@60 | 4 z-index: 101; |
adamstark@60 | 5 font-size: 13px; |
adamstark@60 | 6 font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif; |
adamstark@60 | 7 } |
adamstark@60 | 8 |
adamstark@60 | 9 .tabs2 { |
adamstark@60 | 10 font-size: 10px; |
adamstark@60 | 11 } |
adamstark@60 | 12 .tabs3 { |
adamstark@60 | 13 font-size: 9px; |
adamstark@60 | 14 } |
adamstark@60 | 15 |
adamstark@60 | 16 .tablist { |
adamstark@60 | 17 margin: 0; |
adamstark@60 | 18 padding: 0; |
adamstark@60 | 19 display: table; |
adamstark@60 | 20 } |
adamstark@60 | 21 |
adamstark@60 | 22 .tablist li { |
adamstark@60 | 23 float: left; |
adamstark@60 | 24 display: table-cell; |
adamstark@60 | 25 background-image: url('tab_b.png'); |
adamstark@60 | 26 line-height: 36px; |
adamstark@60 | 27 list-style: none; |
adamstark@60 | 28 } |
adamstark@60 | 29 |
adamstark@60 | 30 .tablist a { |
adamstark@60 | 31 display: block; |
adamstark@60 | 32 padding: 0 20px; |
adamstark@60 | 33 font-weight: bold; |
adamstark@60 | 34 background-image:url('tab_s.png'); |
adamstark@60 | 35 background-repeat:no-repeat; |
adamstark@60 | 36 background-position:right; |
adamstark@60 | 37 color: #283A5D; |
adamstark@60 | 38 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9); |
adamstark@60 | 39 text-decoration: none; |
adamstark@60 | 40 outline: none; |
adamstark@60 | 41 } |
adamstark@60 | 42 |
adamstark@60 | 43 .tabs3 .tablist a { |
adamstark@60 | 44 padding: 0 10px; |
adamstark@60 | 45 } |
adamstark@60 | 46 |
adamstark@60 | 47 .tablist a:hover { |
adamstark@60 | 48 background-image: url('tab_h.png'); |
adamstark@60 | 49 background-repeat:repeat-x; |
adamstark@60 | 50 color: #fff; |
adamstark@60 | 51 text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0); |
adamstark@60 | 52 text-decoration: none; |
adamstark@60 | 53 } |
adamstark@60 | 54 |
adamstark@60 | 55 .tablist li.current a { |
adamstark@60 | 56 background-image: url('tab_a.png'); |
adamstark@60 | 57 background-repeat:repeat-x; |
adamstark@60 | 58 color: #fff; |
adamstark@60 | 59 text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0); |
adamstark@60 | 60 } |