|
Last change
on this file since 29867 was 29867, checked in by davidb, 9 years ago |
|
Next round of improvements. More open-close bars. Drums with better images. Drums played on mousedown + key mappings. Playbar layout changed. Timing info when playing added.
|
|
File size:
1.8 KB
|
| Line | |
|---|
| 1 |
|
|---|
| 2 | body { font-family:'verdana'; }
|
|---|
| 3 |
|
|---|
| 4 | h1 {
|
|---|
| 5 | font-size:16px;
|
|---|
| 6 | color:#333;
|
|---|
| 7 | }
|
|---|
| 8 |
|
|---|
| 9 | #media-player {
|
|---|
| 10 | float:left;
|
|---|
| 11 | padding:1em 1em .5em;
|
|---|
| 12 | background-color:#333;
|
|---|
| 13 | }
|
|---|
| 14 |
|
|---|
| 15 | video {
|
|---|
| 16 | /*
|
|---|
| 17 | border:1px solid #2e52a4;
|
|---|
| 18 | */
|
|---|
| 19 | /*
|
|---|
| 20 | width:305px;
|
|---|
| 21 | height:160px;
|
|---|
| 22 | */
|
|---|
| 23 | background:#000;
|
|---|
| 24 | }
|
|---|
| 25 |
|
|---|
| 26 |
|
|---|
| 27 | .button {
|
|---|
| 28 | text-indent:-9999px;
|
|---|
| 29 | width:16px;
|
|---|
| 30 | height:16px;
|
|---|
| 31 | border:none;
|
|---|
| 32 | cursor:pointer;
|
|---|
| 33 | background:transparent url('images/buttons.png') no-repeat 0 0;
|
|---|
| 34 | }
|
|---|
| 35 |
|
|---|
| 36 |
|
|---|
| 37 |
|
|---|
| 38 | .buttonx2 {
|
|---|
| 39 | text-indent:-9999px;
|
|---|
| 40 | width:32px;
|
|---|
| 41 | height:32px;
|
|---|
| 42 | border:none;
|
|---|
| 43 | cursor:pointer;
|
|---|
| 44 | background:transparent url('images/buttons_x2.png') no-repeat 0 0;
|
|---|
| 45 | }
|
|---|
| 46 |
|
|---|
| 47 | /*
|
|---|
| 48 | .pause { background-position:-19px 0; }
|
|---|
| 49 | .stop { background-position:-38px 0; }
|
|---|
| 50 | */
|
|---|
| 51 | .volume-plus { background-position:-57px 0; }
|
|---|
| 52 | .volume-minus { background-position:-76px 0; }
|
|---|
| 53 | .mute { background-position:-95px 0; }
|
|---|
| 54 | .unmute { background-position:-114px 0; }
|
|---|
| 55 | /*
|
|---|
| 56 | .replay { background-position:-133px 0; }
|
|---|
| 57 | */
|
|---|
| 58 |
|
|---|
| 59 | .pause { background-position:-38px 0; }
|
|---|
| 60 | .stop { background-position:-76px 0; }
|
|---|
| 61 | /*
|
|---|
| 62 | .volume-plus { background-position:-114px 0; }
|
|---|
| 63 | .volume-minus { background-position:-152px 0; }
|
|---|
| 64 | .mute { background-position:-190px 0; }
|
|---|
| 65 | .unmute { background-position:-228px 0; }
|
|---|
| 66 | */
|
|---|
| 67 | .replay { background-position:-266px 0; }
|
|---|
| 68 |
|
|---|
| 69 | #progress-bar {
|
|---|
| 70 | color:#fff;
|
|---|
| 71 | font-size:12px;
|
|---|
| 72 | /* width:172px; */
|
|---|
| 73 | height:26px;
|
|---|
| 74 | border:none;
|
|---|
| 75 | /*
|
|---|
| 76 | margin-right:5px;
|
|---|
| 77 | */
|
|---|
| 78 |
|
|---|
| 79 | background:#434343;
|
|---|
| 80 | padding: 0;
|
|---|
| 81 | margin: 0;
|
|---|
| 82 | border: 0;
|
|---|
| 83 | }
|
|---|
| 84 | #progress::-moz-progress-bar { background:#2e52a4; }
|
|---|
| 85 |
|
|---|
| 86 | #media-play-list {
|
|---|
| 87 | float:left;
|
|---|
| 88 | clear:both;
|
|---|
| 89 | color:#aaa;
|
|---|
| 90 | width:100%;
|
|---|
| 91 | margin-top:10px;
|
|---|
| 92 | border-top:1px solid #2e52a4;
|
|---|
| 93 | }
|
|---|
| 94 | #media-play-list h2 { font-size:12px; }
|
|---|
| 95 | #play-list {
|
|---|
| 96 | padding:0;
|
|---|
| 97 | font-size:12px;
|
|---|
| 98 | list-style-type:none;
|
|---|
| 99 | }
|
|---|
| 100 | #play-list li {
|
|---|
| 101 | cursor:pointer;
|
|---|
| 102 | padding-left:15px;
|
|---|
| 103 | background:transparent url('images/item.png') no-repeat 0 4px;
|
|---|
| 104 | }
|
|---|
| 105 |
|
|---|
| 106 |
|
|---|
| 107 |
|
|---|
| 108 |
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
