| 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 | /*
|
|---|
| 75 | margin-right:5px;
|
|---|
| 76 | */
|
|---|
| 77 |
|
|---|
| 78 | background:#434343;
|
|---|
| 79 | margin: 0;
|
|---|
| 80 | /*
|
|---|
| 81 | padding: 0;
|
|---|
| 82 | border: 0;
|
|---|
| 83 | */
|
|---|
| 84 | border: 2px solid black;
|
|---|
| 85 | padding: 2px;
|
|---|
| 86 | padding-left: 4px;
|
|---|
| 87 | padding-right: 4px;
|
|---|
| 88 |
|
|---|
| 89 | }
|
|---|
| 90 | #progress::-moz-progress-bar { background:#2e52a4; }
|
|---|
| 91 |
|
|---|
| 92 | #media-play-list {
|
|---|
| 93 | float:left;
|
|---|
| 94 | clear:both;
|
|---|
| 95 | color:#aaa;
|
|---|
| 96 | width:100%;
|
|---|
| 97 | margin-top:10px;
|
|---|
| 98 | border-top:1px solid #2e52a4;
|
|---|
| 99 | }
|
|---|
| 100 | #media-play-list h2 { font-size:12px; }
|
|---|
| 101 | #play-list {
|
|---|
| 102 | padding:0;
|
|---|
| 103 | font-size:12px;
|
|---|
| 104 | list-style-type:none;
|
|---|
| 105 | }
|
|---|
| 106 | #play-list li {
|
|---|
| 107 | cursor:pointer;
|
|---|
| 108 | padding-left:15px;
|
|---|
| 109 | background:transparent url('images/item.png') no-repeat 0 4px;
|
|---|
| 110 | }
|
|---|
| 111 |
|
|---|
| 112 |
|
|---|
| 113 | .ui-widget-overlay {
|
|---|
| 114 | height: 100%;
|
|---|
| 115 | width: 100%;
|
|---|
| 116 | opacity: 0.4;
|
|---|
| 117 | filter: Alpha(Opacity=40);
|
|---|
| 118 | /*background-color: black; */
|
|---|
| 119 | /*background: #AAA url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat scroll 50% */
|
|---|
| 120 |
|
|---|
| 121 | background-color: #AAA;
|
|---|
| 122 | background-repeat: repeat;
|
|---|
| 123 | background-attachment: scroll;
|
|---|
| 124 | background-position: 50%;
|
|---|
| 125 | }
|
|---|
