X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/357027375ff8867f42ca34bcbfb5a78b5b185fc3..beb5154606f790915bc56b9cb8af824537cc7d7a:/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 f8b314b6e..8d309941e 100644 --- a/src/catalogue/static/jplayer/jplayer.blue.monday.css +++ b/src/catalogue/static/jplayer/jplayer.blue.monday.css @@ -14,6 +14,17 @@ * Date: 1st September 2011 */ +.jp-type-single { + padding: 5px 10px 0 10px; +} +.jp-audio .title { + font-size: 11px; + z-index: 100; +} +.play-prev, .play-next { + cursor: pointer; +} + div.jp-audio, div.jp-video { @@ -31,7 +42,7 @@ div.jp-video { position:relative; } div.jp-audio { - width:420px; + width: 340px; } div.jp-video-270p { width:480px; @@ -73,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%; } @@ -106,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 { - width: 380px; + 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 { @@ -154,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; } @@ -198,8 +210,8 @@ div.jp-audio div.jp-progress { height:15px; } div.jp-audio div.jp-type-single div.jp-progress { - left:110px; - width:186px; + left:70px; + width:150px; } div.jp-audio div.jp-type-playlist div.jp-progress { left:166px; @@ -237,22 +249,22 @@ 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: 210px; -} - +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; + margin-left: 56px; } div.jp-video a.jp-mute, @@ -264,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; } @@ -284,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; @@ -302,7 +316,7 @@ div.jp-volume-bar { } div.jp-audio div.jp-volume-bar { top:37px; - left:330px; + left:260px; } div.jp-video div.jp-volume-bar { top:17px; @@ -323,8 +337,8 @@ div.jp-audio div.jp-time-holder { top:50px; } div.jp-audio div.jp-type-single div.jp-time-holder { - left:110px; - width:186px; + left:70px; + width:150px; } div.jp-audio div.jp-type-playlist div.jp-time-holder { left:166px; @@ -335,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; @@ -387,6 +401,7 @@ div.jp-title li { font-weight:bold; } div.jp-playlist li { + display: none; padding:5px 0 4px 20px; border-bottom:1px solid #eee; } @@ -495,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; @@ -522,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 */