X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/87e084d47c335cd6f0b3e91d614999f55d148044..9089d1a3c5e9508f9329d31916ef57bec9b3c07a:/src/catalogue/static/jplayer/jplayer.blue.monday.css diff --git a/src/catalogue/static/jplayer/jplayer.blue.monday.css b/src/catalogue/static/jplayer/jplayer.blue.monday.css index d1214c554..8d309941e 100644 --- a/src/catalogue/static/jplayer/jplayer.blue.monday.css +++ b/src/catalogue/static/jplayer/jplayer.blue.monday.css @@ -14,15 +14,15 @@ * Date: 1st September 2011 */ +.jp-type-single { + padding: 5px 10px 0 10px; +} .jp-audio .title { - font-size: 11px; - position: relative; - left: 10px; - top: 5px; - z-index: 100; + font-size: 11px; + z-index: 100; } .play-prev, .play-next { - cursor: pointer; + cursor: pointer; } div.jp-audio, @@ -84,7 +84,8 @@ div.jp-video-full div.jp-interface { div.jp-interface { position: relative; - background-color:#eee; + margin-top: -5px; + margin-left: -10px; width:100%; } @@ -117,28 +118,28 @@ div.jp-controls-holder { div.jp-interface ul.jp-controls { list-style-type:none; margin:0; - padding: 0; - overflow:hidden; -} - -div.jp-audio ul.jp-controls { + padding: 0; + overflow:hidden; +} + +div.jp-audio ul.jp-controls { width: 320px; padding:20px 20px 0 20px; -} - -div.jp-video div.jp-type-single ul.jp-controls { +} + +div.jp-video div.jp-type-single ul.jp-controls { width: 78px; margin-left: 200px; -} - -div.jp-video div.jp-type-playlist ul.jp-controls { +} + +div.jp-video div.jp-type-playlist ul.jp-controls { width: 134px; margin-left: 172px; -} +} div.jp-video ul.jp-controls, div.jp-interface ul.jp-controls li { - display:inline; - float: left; + display:inline; + float: left; } div.jp-interface ul.jp-controls a { @@ -165,29 +166,29 @@ a.jp-pause { a.jp-pause:hover { background: url("/static/jplayer/jplayer.blue.monday.jpg") -41px -42px no-repeat; } - + a.jp-stop, a.jp-previous, a.jp-next { width:28px; - height:28px; + height:28px; margin-top:6px; } - + a.jp-stop { background: url("/static/jplayer/jplayer.blue.monday.jpg") 0 -83px no-repeat; - margin-left:10px; -} + margin-left:10px; +} a.jp-stop:hover { background: url("/static/jplayer/jplayer.blue.monday.jpg") -29px -83px no-repeat; -} +} a.jp-previous { background: url("/static/jplayer/jplayer.blue.monday.jpg") 0 -112px no-repeat; } a.jp-previous:hover { background: url("/static/jplayer/jplayer.blue.monday.jpg") -29px -112px no-repeat; -} - +} + a.jp-next { background: url("/static/jplayer/jplayer.blue.monday.jpg") 0 -141px no-repeat; } @@ -248,19 +249,19 @@ a.jp-mute, a.jp-unmute, a.jp-volume-max { width:18px; - height:15px; - margin-top:12px; -} - + height:15px; + margin-top:12px; +} + div.jp-audio div.jp-type-single a.jp-mute, -div.jp-audio div.jp-type-single a.jp-unmute { - margin-left: 180px; -} - +div.jp-audio div.jp-type-single a.jp-unmute { + margin-left: 180px; +} + div.jp-audio div.jp-type-playlist a.jp-mute, -div.jp-audio div.jp-type-playlist a.jp-unmute { +div.jp-audio div.jp-type-playlist a.jp-unmute { margin-left: 154px; -} +} div.jp-audio a.jp-volume-max { margin-left: 56px; @@ -275,10 +276,11 @@ div.jp-video a.jp-volume-max { } div.jp-video a.jp-mute, -div.jp-video a.jp-unmute { +div.jp-video a.jp-unmute { left: 50px; -} - +} + + div.jp-video a.jp-volume-max { left: 134px; } @@ -295,14 +297,15 @@ a.jp-unmute { } a.jp-unmute:hover { background: url("/static/jplayer/jplayer.blue.monday.jpg") -79px -170px no-repeat; -} - a.jp-volume-max { +} + +a.jp-volume-max { background: url("/static/jplayer/jplayer.blue.monday.jpg") 0 -186px no-repeat; } a.jp-volume-max:hover { background: url("/static/jplayer/jplayer.blue.monday.jpg") -19px -186px no-repeat; } - + div.jp-volume-bar { position: absolute; overflow:hidden; @@ -346,7 +349,7 @@ div.jp-current-time, div.jp-duration { width:60px; font-size:.64em; - font-style:oblique; + font-style:oblique; } div.jp-current-time { float: left; @@ -507,26 +510,26 @@ div.jp-jplayer { div.jp-jplayer { background-color: #000000; -} - - - - - -/* @group TOGGLES */ +} + + + + + +/* @group TOGGLES */ /* The audio toggles are nested inside jp-time-holder */ - -ul.jp-toggles { - list-style-type:none; - padding:0; + +ul.jp-toggles { + list-style-type:none; + padding:0; margin:0 auto; - overflow:hidden; -} - -div.jp-audio .jp-type-single ul.jp-toggles { - width:25px; -} + overflow:hidden; +} + +div.jp-audio .jp-type-single ul.jp-toggles { + width:25px; +} div.jp-audio .jp-type-playlist ul.jp-toggles { width:55px; margin: 0; @@ -534,78 +537,78 @@ div.jp-audio .jp-type-playlist ul.jp-toggles { left: 325px; top: 50px; } - -div.jp-video ul.jp-toggles { + +div.jp-video ul.jp-toggles { margin-top:10px; width:100px; -} - -ul.jp-toggles li { - display:block; - float:right; -} - -ul.jp-toggles li a { - display:block; - width:25px; - height:18px; +} + +ul.jp-toggles li { + display:block; + float:right; +} + +ul.jp-toggles li a { + display:block; + width:25px; + height:18px; text-indent:-9999px; - line-height:100%; /* need this for IE6 */ -} - -a.jp-full-screen { - background: url("/static/jplayer/jplayer.blue.monday.jpg") 0 -310px no-repeat; - margin-left: 20px; -} - -a.jp-full-screen:hover { - background: url("/static/jplayer/jplayer.blue.monday.jpg") -30px -310px no-repeat; -} - -a.jp-restore-screen { - background: url("/static/jplayer/jplayer.blue.monday.jpg") -60px -310px no-repeat; + line-height:100%; /* need this for IE6 */ +} + +a.jp-full-screen { + background: url("/static/jplayer/jplayer.blue.monday.jpg") 0 -310px no-repeat; + margin-left: 20px; +} + +a.jp-full-screen:hover { + background: url("/static/jplayer/jplayer.blue.monday.jpg") -30px -310px no-repeat; +} + +a.jp-restore-screen { + background: url("/static/jplayer/jplayer.blue.monday.jpg") -60px -310px no-repeat; margin-left: 20px; -} - -a.jp-restore-screen:hover { - background: url("/static/jplayer/jplayer.blue.monday.jpg") -90px -310px no-repeat; -} - -a.jp-repeat { - background: url("/static/jplayer/jplayer.blue.monday.jpg") 0 -290px no-repeat; -} - -a.jp-repeat:hover { - background: url("/static/jplayer/jplayer.blue.monday.jpg") -30px -290px no-repeat; -} - -a.jp-repeat-off { - background: url("/static/jplayer/jplayer.blue.monday.jpg") -60px -290px no-repeat; -} - -a.jp-repeat-off:hover { - background: url("/static/jplayer/jplayer.blue.monday.jpg") -90px -290px no-repeat; -} - -a.jp-shuffle { - background: url("/static/jplayer/jplayer.blue.monday.jpg") 0 -270px no-repeat; - margin-left: 5px; -} - -a.jp-shuffle:hover { - background: url("/static/jplayer/jplayer.blue.monday.jpg") -30px -270px no-repeat; -} - -a.jp-shuffle-off { - background: url("/static/jplayer/jplayer.blue.monday.jpg") -60px -270px no-repeat; +} + +a.jp-restore-screen:hover { + background: url("/static/jplayer/jplayer.blue.monday.jpg") -90px -310px no-repeat; +} + +a.jp-repeat { + background: url("/static/jplayer/jplayer.blue.monday.jpg") 0 -290px no-repeat; +} + +a.jp-repeat:hover { + background: url("/static/jplayer/jplayer.blue.monday.jpg") -30px -290px no-repeat; +} + +a.jp-repeat-off { + background: url("/static/jplayer/jplayer.blue.monday.jpg") -60px -290px no-repeat; +} + +a.jp-repeat-off:hover { + background: url("/static/jplayer/jplayer.blue.monday.jpg") -90px -290px no-repeat; +} + +a.jp-shuffle { + background: url("/static/jplayer/jplayer.blue.monday.jpg") 0 -270px no-repeat; margin-left: 5px; -} - -a.jp-shuffle-off:hover { - background: url("/static/jplayer/jplayer.blue.monday.jpg") -90px -270px no-repeat; -} - - +} + +a.jp-shuffle:hover { + background: url("/static/jplayer/jplayer.blue.monday.jpg") -30px -270px no-repeat; +} + +a.jp-shuffle-off { + background: url("/static/jplayer/jplayer.blue.monday.jpg") -60px -270px no-repeat; + margin-left: 5px; +} + +a.jp-shuffle-off:hover { + background: url("/static/jplayer/jplayer.blue.monday.jpg") -90px -270px no-repeat; +} + + /* @end */ /* @group NO SOLUTION error feedback */