A metronome using the FRDM K64F board

Committer:
ram54288
Date:
Sun May 14 18:40:18 2017 +0000
Revision:
0:a7a43371b306
Initial commit

Who changed what in which revision?

UserRevisionLine numberNew 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 }