Ram Gandikota
/
ABCD
A metronome using the FRDM K64F board
pal/Docs/html/tabs.css@0:a7a43371b306, 2017-05-14 (annotated)
- Committer:
- ram54288
- Date:
- Sun May 14 18:40:18 2017 +0000
- Revision:
- 0:a7a43371b306
Initial commit
Who changed what in which revision?
User | Revision | Line number | New contents of line |
---|---|---|---|
ram54288 | 0:a7a43371b306 | 1 | .tabs, .tabs2, .tabs3 { |
ram54288 | 0:a7a43371b306 | 2 | background-image: url('tab_b.png'); |
ram54288 | 0:a7a43371b306 | 3 | width: 100%; |
ram54288 | 0:a7a43371b306 | 4 | z-index: 101; |
ram54288 | 0:a7a43371b306 | 5 | font-size: 13px; |
ram54288 | 0:a7a43371b306 | 6 | font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif; |
ram54288 | 0:a7a43371b306 | 7 | } |
ram54288 | 0:a7a43371b306 | 8 | |
ram54288 | 0:a7a43371b306 | 9 | .tabs2 { |
ram54288 | 0:a7a43371b306 | 10 | font-size: 10px; |
ram54288 | 0:a7a43371b306 | 11 | } |
ram54288 | 0:a7a43371b306 | 12 | .tabs3 { |
ram54288 | 0:a7a43371b306 | 13 | font-size: 9px; |
ram54288 | 0:a7a43371b306 | 14 | } |
ram54288 | 0:a7a43371b306 | 15 | |
ram54288 | 0:a7a43371b306 | 16 | .tablist { |
ram54288 | 0:a7a43371b306 | 17 | margin: 0; |
ram54288 | 0:a7a43371b306 | 18 | padding: 0; |
ram54288 | 0:a7a43371b306 | 19 | display: table; |
ram54288 | 0:a7a43371b306 | 20 | } |
ram54288 | 0:a7a43371b306 | 21 | |
ram54288 | 0:a7a43371b306 | 22 | .tablist li { |
ram54288 | 0:a7a43371b306 | 23 | float: left; |
ram54288 | 0:a7a43371b306 | 24 | display: table-cell; |
ram54288 | 0:a7a43371b306 | 25 | background-image: url('tab_b.png'); |
ram54288 | 0:a7a43371b306 | 26 | line-height: 36px; |
ram54288 | 0:a7a43371b306 | 27 | list-style: none; |
ram54288 | 0:a7a43371b306 | 28 | } |
ram54288 | 0:a7a43371b306 | 29 | |
ram54288 | 0:a7a43371b306 | 30 | .tablist a { |
ram54288 | 0:a7a43371b306 | 31 | display: block; |
ram54288 | 0:a7a43371b306 | 32 | padding: 0 20px; |
ram54288 | 0:a7a43371b306 | 33 | font-weight: bold; |
ram54288 | 0:a7a43371b306 | 34 | background-image:url('tab_s.png'); |
ram54288 | 0:a7a43371b306 | 35 | background-repeat:no-repeat; |
ram54288 | 0:a7a43371b306 | 36 | background-position:right; |
ram54288 | 0:a7a43371b306 | 37 | color: #283A5D; |
ram54288 | 0:a7a43371b306 | 38 | text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9); |
ram54288 | 0:a7a43371b306 | 39 | text-decoration: none; |
ram54288 | 0:a7a43371b306 | 40 | outline: none; |
ram54288 | 0:a7a43371b306 | 41 | } |
ram54288 | 0:a7a43371b306 | 42 | |
ram54288 | 0:a7a43371b306 | 43 | .tabs3 .tablist a { |
ram54288 | 0:a7a43371b306 | 44 | padding: 0 10px; |
ram54288 | 0:a7a43371b306 | 45 | } |
ram54288 | 0:a7a43371b306 | 46 | |
ram54288 | 0:a7a43371b306 | 47 | .tablist a:hover { |
ram54288 | 0:a7a43371b306 | 48 | background-image: url('tab_h.png'); |
ram54288 | 0:a7a43371b306 | 49 | background-repeat:repeat-x; |
ram54288 | 0:a7a43371b306 | 50 | color: #fff; |
ram54288 | 0:a7a43371b306 | 51 | text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0); |
ram54288 | 0:a7a43371b306 | 52 | text-decoration: none; |
ram54288 | 0:a7a43371b306 | 53 | } |
ram54288 | 0:a7a43371b306 | 54 | |
ram54288 | 0:a7a43371b306 | 55 | .tablist li.current a { |
ram54288 | 0:a7a43371b306 | 56 | background-image: url('tab_a.png'); |
ram54288 | 0:a7a43371b306 | 57 | background-repeat:repeat-x; |
ram54288 | 0:a7a43371b306 | 58 | color: #fff; |
ram54288 | 0:a7a43371b306 | 59 | text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0); |
ram54288 | 0:a7a43371b306 | 60 | } |