You are here

Home » API reference » MediaFront 7

shockplayer.css in MediaFront 7

Same filename and directory in other branches
  1. 6.2 players/osmplayer/player/templates/shockplayer/css/shockplayer.css
  2. 6 players/osmplayer/player/templates/shockplayer/css/shockplayer.css
#mediaplayer {
  position:relative;
  background:#000;
  border:1px solid #333;
  font-family:"Trebuchet MS", Helvetica, sans-serif;
  -moz-box-shadow:0px 10px 20px #666;/*no-important moz*/
  -webkit-box-shadow:0px 10px 20px #666;/*no-important chrome*/
}

#mediaplayer img {
  border:0;
}

#mediaplayer_display {
  background-color:#000;
  width:100%;
  height:100%;
  z-index:400;
  position:absolute;
}

#mediaplayer_minplayer.fullscreen #mediaplayer_display, #mediaplayer_minplayer.fullscreen #mediaplayer_preview {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index:1000;
  width: 100%;
  height: 100%;
}

#mediaplayer_minplayer.fullscreen #mediaplayer_preview {
  z-index:1001;
}

#mediaplayer_minplayer.nomedia #mediaplayer_display {
  display:none;
}

/*--------------------------- Media Fields ---------------------------*/
.mediafield {
  margin:5px;
  color:#ddd;
}


/*--------------------------- Big play button and preview ---------------------------*/
#mediaplayer_preview {
  background-color:#000;
  position:absolute;
  width:100%;
  height:100%;
  z-index:401;
}

#mediaplayer_bigPlay {
  background:url(../images/mediafront_black40.png);
  display: table-cell;
  vertical-align:middle;
  position:absolute;
  height:60px;
  left:0px;
  right:0px;
  padding-left:30px;
  padding-right:30px;
  bottom:45px;
  z-index:402;
  cursor:pointer;
}

#mediaplayer_minplayer.nomedia #mediaplayer_bigPlay {
  bottom:5px;
}

#mediaplayer_minplayer.fullscreen #mediaplayer_bigPlay {
  position:fixed;
  top:0;
  left:0;
}

#mediaplayer_bigPlay img {
  width:174px;
  height:174px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -87px 0 0 -87px;
  text-align:center;
  vertical-align:center;
}

#mediaplayer_minplayer.fullscreen #mediaplayer_bigPlay img {
  position:fixed;
}

#mediaplayer_busy {
  position: absolute;
  width:100%;
  height:100%;
  z-index:403;
}

#mediaplayer_busy img {
  width:32px;
  height:32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  text-align:center;
  vertical-align:center;
}

/*--------------------------- control bar ---------------------------*/
#mediaplayer_control {
  z-index:403;
  position:absolute;
  bottom:10px;
  background:url(../images/mediafront_controlerbarBg.png) center repeat-x;
  height:36px;
  width:100%;
}

#mediaplayer_minplayer.nomedia #mediaplayer_control {
  display:none;
}

#mediaplayer_minplayer.fullscreen #mediaplayer_control {
  position: fixed;
  left:0;
  z-index:1010;
}

#mediaplayer_control span {
  display:none;
}

#mediaplayer_controlLeft {
  float:left;
  width:70px;
  height:36px;
}

#mediaplayer_controlRight {
  float:right;
  width:130px;
  height:36px;
}

.mediaplayer_controlspace {
  margin:9px 3px 0;
}

/*---------------------------progress bar---------------------------*/
#mediaplayer_seekBar {
  background: url(../images/mediafront_black40.png);
  height:27px;
  margin:5px 130px 0 70px;
}
#mediaplayer_seekProgress {
  background: url(../images/mediafront_black40.png);
  position:absolute;
  z-index:404;
  height:27px;
}
#mediaplayer_seekUpdate {
  background: url(../images/mediafront_blue20.png);
  position:absolute;
  z-index:405;
  height:27px;
}
#mediaplayer_seekHandle {
  background:url(../images/mediafront_buttoncontroler.png) no-repeat 0 0;
  position:absolute;
  z-index:409;
  width:8px;
  height:27px;
}

/*--------------------------- playing time ---------------------------*/
#mediafront_playtime, #mediafront_totaltime {
  color:#FFF;
  float:left;
  position:relative;
  font-size:12px;
}

/*--------------------------- play | pause ---------------------------*/
#mediaplayer_playPause {
  float:left;
  position:relative;
  height:20px;
  width:19px;
}
#mediaplayer_play, #mediaplayer_pause {
  position:absolute;
  z-index:404;
  height:20px;
  width:19px;
}
#mediaplayer_play {
  background:url(../images/mediafront_buttonplay.png) no-repeat 0 0;
}
#mediaplayer_play:hover {
  background:url(../images/mediafront_buttonplay.png) no-repeat 0 -20px;
}
#mediaplayer_pause {
  background:url(../images/mediafront_buttonpause.png) no-repeat 0 0;
}
#mediaplayer_pause:hover {
  background:url(../images/mediafront_buttonpause.png) no-repeat 0 -20px;
}

/*-------------------------info buttons---------------------------*/
#mediafront_information {
  float:left;
  position:relative;
  width:22px;
  height:23px;
  margin-top:7px;
}
#mediafront_menuButton {
  position:absolute;
  z-index:404;
  width:22px;
  height:23px;
  background:url(../images/mediafront_buttoninfo.png) no-repeat 0 0;
}
#mediafront_menuButton:hover {
  background:url(../images/mediafront_buttoninfo.png) no-repeat center -22px;
}

/*--------------------------- fullscreen button ---------------------------*/
#mediafront_resizeScreen {
  position:absolute;
  z-index:404;
  position:absolute;
  bottom:16px;
  right:0px;
  width:33px;
  height:24px;
}

#mediaplayer_minplayer.nomedia #mediafront_resizeScreen {
  bottom:23px;
  right:30px;
}

#mediaplayer_minplayer.fullscreen #mediafront_resizeScreen {
  position: fixed;
  right:0px;
  bottom:16px;
  z-index:1012;
}

#mediaplayer_minplayer.fullscreen.nomedia #mediafront_resizeScreen {
  position: fixed;
  right:0px;
  bottom:5px;
  z-index:1012;
}

#mediafront_resizeScreen span {
  display:none;
}

#mediafront_resize_to_fullScreen, #mediafront_resize_to_normalScreen {
  position:absolute;
  z-index:404;
  width:33px;
  height:24px;
}
#mediafront_resize_to_fullScreen {
  background: url(../images/mediafront_buttonresizescreen.png) no-repeat 0 0;
}
#mediafront_resize_to_fullScreen:hover {
  background:url(../images/mediafront_buttonresizescreen.png) no-repeat 0 -24px;
}
#mediafront_resize_to_normalScreen {
  background:url(../images/mediafront_buttonresizescreen.png) no-repeat 0 -24px;
}
#mediafront_resize_to_normalScreen:hover {
  background:url(../images/mediafront_buttonresizescreen.png) no-repeat 0 0;
}

/*--------------------------- volume ---------------------------*/
#mediafront_audio {
  float:left;
  position:relative;
  width:18px;
  height:21px;
  margin-top:7px;
}
#mediaplayer_audioButton {
  position:absolute;
  z-index:404;
  width:18px;
  height:21px;
  background: url(../images/mediafront_buttonsound.png) center 0 no-repeat;
}
#mediaplayer_audioButton:hover {
  background: url(../images/mediafront_buttonsound.png) center -21px no-repeat;
}
#mediaplayer_audioBar {
  background:url(../images/mediafront_audioslidebarbg.png) no-repeat 0 0;
  position:absolute;
  z-index:404;
  height:72px;
  width:39px;
  margin-top:-76px;
  margin-left:-10px;
}
#mediaplayer_audioBarInner {
  width:27px;
  height:60px;
  left:6px;
  bottom:0px;
  position:absolute;
  z-index:404;
}
#mediavolumeupdate {
  background: url(../images/mediafront_black40.png);
  position:absolute;
  font-size:0px;
  z-index:405;
  bottom:0px;
  width:26px;
}
#mediafront_audioControler {
  background:url(../images/mediafront_buttonaudioslidebar.png) no-repeat 0 0;
  width:27px;
  height:8px;
  position:absolute;
  z-index:406;
}

/*--------------------------- menu ---------------------------*/
#mediaplayer_menu {
  position:absolute;
  display:none;
  width:300px;
  height:150px;
  z-index:420;
  top: 50%;
  left: 50%;
  margin: -75px 0 0 -150px;
  text-align:center;
  vertical-align:center;
  background:url(../images/mediafront_infobox.png) repeat-x;
  -moz-box-shadow:0px 5px 15px #000;/*no-important moz*/
  -webkit-box-shadow:0px 5px 15px #000;/*no-important chrome*/
}
#mediaplayer_menu.fullscreen {
  position: fixed;
  top: 50%;
  left: 50%;
}

#mediaplayer_menuHeader {
  text-align:left;
  padding:9px 8px 8px 11px;
  border-bottom:1px solid #000;
  height:20px;
}
#mediaplayer_menuHeader div {
  float:left;
  border:1px solid #dbdbdb;
  margin:0 1px;
}
#mediaplayer_menuHeader div a {
  color:#dbdbdb;
  text-decoration:none;
  padding:0px 12px;
}
#mediaplayer_menuHeader div a:hover, #mediaplayer_menuHeader div.active a {
  color:#000;
  background:#dbdbdb;
}
#mediaplayer_menuHeader div#mediaplayer_menuClose {
  background:url(../images/mediafront_close.png) no-repeat;
  height:19px;
  width:19px;
  float:right;
  border:0;
}
.mediaplayer_info {
  text-align:left;
  padding:6px 8px 8px 11px;
  color:#dbdbdb;
  border-top:1px solid #666;
}

/*---------------------------logo---------------------------*/
.medialogo {
  position:absolute;
  display:none;
  width:49px;
  height:15px;
  bottom:45px;
  left:5px;
  z-index:500;
}

#mediaplayer_minplayer.fullscreen .medialogo {
  position:fixed;
  z-index:1500;
  left:5px;
  bottom:45px;
}

/*----------------------- pagination -------------------------*/
#mediaplayer_prev {
  background:url(../images/arrow_back_hover.png);
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px;
  display: table-cell;
  position:absolute;
  height:40px;
  bottom:55px;
  z-index:403;
  width:24px;
  cursor:pointer;
}

#mediaplayer_minplayer.nomedia #mediaplayer_prev {
  bottom:15px;
}

#mediaplayer_minplayer.fullscreen #mediaplayer_prev {
  position:fixed;
  z-index:1400;
  left:0px;
  bottom:55px;
}

#mediaplayer_next {
  background:url(../images/arrow_forward_hover.png);
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  display: table-cell;
  position:absolute;
  height:40px;
  bottom:55px;
  z-index:403;
  right:0px;
  width:24px;
  cursor:pointer;
}

#mediaplayer_minplayer.nomedia #mediaplayer_next {
  bottom:15px;
}

#mediaplayer_minplayer.fullscreen #mediaplayer_next {
  position:fixed;
  z-index:1400;
  right:0px;
  bottom:55px;
}

File

players/osmplayer/player/templates/shockplayer/css/shockplayer.css
View source 
  1. #mediaplayer {

  2.   position:relative;

  3.   background:#000;

  4.   border:1px solid #333;

  5.   font-family:"Trebuchet MS", Helvetica, sans-serif;

  6.   -moz-box-shadow:0px 10px 20px #666;/*no-important moz*/

  7.   -webkit-box-shadow:0px 10px 20px #666;/*no-important chrome*/

  8. }

  9. 

  10. #mediaplayer img {

  11.   border:0;

  12. }

  13. 

  14. #mediaplayer_display {

  15.   background-color:#000;

  16.   width:100%;

  17.   height:100%;

  18.   z-index:400;

  19.   position:absolute;

  20. }

  21. 

  22. #mediaplayer_minplayer.fullscreen #mediaplayer_display, #mediaplayer_minplayer.fullscreen #mediaplayer_preview {

  23.   position: fixed;

  24.   left: 0;

  25.   top: 0;

  26.   right: 0;

  27.   bottom: 0;

  28.   overflow: hidden;

  29.   z-index:1000;

  30.   width: 100%;

  31.   height: 100%;

  32. }

  33. 

  34. #mediaplayer_minplayer.fullscreen #mediaplayer_preview {

  35.   z-index:1001;

  36. }

  37. 

  38. #mediaplayer_minplayer.nomedia #mediaplayer_display {

  39.   display:none;

  40. }

  41. 

  42. /*--------------------------- Media Fields ---------------------------*/

  43. .mediafield {

  44.   margin:5px;

  45.   color:#ddd;

  46. }

  47. 

  48. 

  49. /*--------------------------- Big play button and preview ---------------------------*/

  50. #mediaplayer_preview {

  51.   background-color:#000;

  52.   position:absolute;

  53.   width:100%;

  54.   height:100%;

  55.   z-index:401;

  56. }

  57. 

  58. #mediaplayer_bigPlay {

  59.   background:url(../images/mediafront_black40.png);

  60.   display: table-cell;

  61.   vertical-align:middle;

  62.   position:absolute;

  63.   height:60px;

  64.   left:0px;

  65.   right:0px;

  66.   padding-left:30px;

  67.   padding-right:30px;

  68.   bottom:45px;

  69.   z-index:402;

  70.   cursor:pointer;

  71. }

  72. 

  73. #mediaplayer_minplayer.nomedia #mediaplayer_bigPlay {

  74.   bottom:5px;

  75. }

  76. 

  77. #mediaplayer_minplayer.fullscreen #mediaplayer_bigPlay {

  78.   position:fixed;

  79.   top:0;

  80.   left:0;

  81. }

  82. 

  83. #mediaplayer_bigPlay img {

  84.   width:174px;

  85.   height:174px;

  86.   position: absolute;

  87.   top: 50%;

  88.   left: 50%;

  89.   margin: -87px 0 0 -87px;

  90.   text-align:center;

  91.   vertical-align:center;

  92. }

  93. 

  94. #mediaplayer_minplayer.fullscreen #mediaplayer_bigPlay img {

  95.   position:fixed;

  96. }

  97. 

  98. #mediaplayer_busy {

  99.   position: absolute;

  100.   width:100%;

  101.   height:100%;

  102.   z-index:403;

  103. }

  104. 

  105. #mediaplayer_busy img {

  106.   width:32px;

  107.   height:32px;

  108.   position: absolute;

  109.   top: 50%;

  110.   left: 50%;

  111.   margin: -16px 0 0 -16px;

  112.   text-align:center;

  113.   vertical-align:center;

  114. }

  115. 

  116. /*--------------------------- control bar ---------------------------*/

  117. #mediaplayer_control {

  118.   z-index:403;

  119.   position:absolute;

  120.   bottom:10px;

  121.   background:url(../images/mediafront_controlerbarBg.png) center repeat-x;

  122.   height:36px;

  123.   width:100%;

  124. }

  125. 

  126. #mediaplayer_minplayer.nomedia #mediaplayer_control {

  127.   display:none;

  128. }

  129. 

  130. #mediaplayer_minplayer.fullscreen #mediaplayer_control {

  131.   position: fixed;

  132.   left:0;

  133.   z-index:1010;

  134. }

  135. 

  136. #mediaplayer_control span {

  137.   display:none;

  138. }

  139. 

  140. #mediaplayer_controlLeft {

  141.   float:left;

  142.   width:70px;

  143.   height:36px;

  144. }

  145. 

  146. #mediaplayer_controlRight {

  147.   float:right;

  148.   width:130px;

  149.   height:36px;

  150. }

  151. 

  152. .mediaplayer_controlspace {

  153.   margin:9px 3px 0;

  154. }

  155. 

  156. /*---------------------------progress bar---------------------------*/

  157. #mediaplayer_seekBar {

  158.   background: url(../images/mediafront_black40.png);

  159.   height:27px;

  160.   margin:5px 130px 0 70px;

  161. }

  162. #mediaplayer_seekProgress {

  163.   background: url(../images/mediafront_black40.png);

  164.   position:absolute;

  165.   z-index:404;

  166.   height:27px;

  167. }

  168. #mediaplayer_seekUpdate {

  169.   background: url(../images/mediafront_blue20.png);

  170.   position:absolute;

  171.   z-index:405;

  172.   height:27px;

  173. }

  174. #mediaplayer_seekHandle {

  175.   background:url(../images/mediafront_buttoncontroler.png) no-repeat 0 0;

  176.   position:absolute;

  177.   z-index:409;

  178.   width:8px;

  179.   height:27px;

  180. }

  181. 

  182. /*--------------------------- playing time ---------------------------*/

  183. #mediafront_playtime, #mediafront_totaltime {

  184.   color:#FFF;

  185.   float:left;

  186.   position:relative;

  187.   font-size:12px;

  188. }

  189. 

  190. /*--------------------------- play | pause ---------------------------*/

  191. #mediaplayer_playPause {

  192.   float:left;

  193.   position:relative;

  194.   height:20px;

  195.   width:19px;

  196. }

  197. #mediaplayer_play, #mediaplayer_pause {

  198.   position:absolute;

  199.   z-index:404;

  200.   height:20px;

  201.   width:19px;

  202. }

  203. #mediaplayer_play {

  204.   background:url(../images/mediafront_buttonplay.png) no-repeat 0 0;

  205. }

  206. #mediaplayer_play:hover {

  207.   background:url(../images/mediafront_buttonplay.png) no-repeat 0 -20px;

  208. }

  209. #mediaplayer_pause {

  210.   background:url(../images/mediafront_buttonpause.png) no-repeat 0 0;

  211. }

  212. #mediaplayer_pause:hover {

  213.   background:url(../images/mediafront_buttonpause.png) no-repeat 0 -20px;

  214. }

  215. 

  216. /*-------------------------info buttons---------------------------*/

  217. #mediafront_information {

  218.   float:left;

  219.   position:relative;

  220.   width:22px;

  221.   height:23px;

  222.   margin-top:7px;

  223. }

  224. #mediafront_menuButton {

  225.   position:absolute;

  226.   z-index:404;

  227.   width:22px;

  228.   height:23px;

  229.   background:url(../images/mediafront_buttoninfo.png) no-repeat 0 0;

  230. }

  231. #mediafront_menuButton:hover {

  232.   background:url(../images/mediafront_buttoninfo.png) no-repeat center -22px;

  233. }

  234. 

  235. /*--------------------------- fullscreen button ---------------------------*/

  236. #mediafront_resizeScreen {

  237.   position:absolute;

  238.   z-index:404;

  239.   position:absolute;

  240.   bottom:16px;

  241.   right:0px;

  242.   width:33px;

  243.   height:24px;

  244. }

  245. 

  246. #mediaplayer_minplayer.nomedia #mediafront_resizeScreen {

  247.   bottom:23px;

  248.   right:30px;

  249. }

  250. 

  251. #mediaplayer_minplayer.fullscreen #mediafront_resizeScreen {

  252.   position: fixed;

  253.   right:0px;

  254.   bottom:16px;

  255.   z-index:1012;

  256. }

  257. 

  258. #mediaplayer_minplayer.fullscreen.nomedia #mediafront_resizeScreen {

  259.   position: fixed;

  260.   right:0px;

  261.   bottom:5px;

  262.   z-index:1012;

  263. }

  264. 

  265. #mediafront_resizeScreen span {

  266.   display:none;

  267. }

  268. 

  269. #mediafront_resize_to_fullScreen, #mediafront_resize_to_normalScreen {

  270.   position:absolute;

  271.   z-index:404;

  272.   width:33px;

  273.   height:24px;

  274. }

  275. #mediafront_resize_to_fullScreen {

  276.   background: url(../images/mediafront_buttonresizescreen.png) no-repeat 0 0;

  277. }

  278. #mediafront_resize_to_fullScreen:hover {

  279.   background:url(../images/mediafront_buttonresizescreen.png) no-repeat 0 -24px;

  280. }

  281. #mediafront_resize_to_normalScreen {

  282.   background:url(../images/mediafront_buttonresizescreen.png) no-repeat 0 -24px;

  283. }

  284. #mediafront_resize_to_normalScreen:hover {

  285.   background:url(../images/mediafront_buttonresizescreen.png) no-repeat 0 0;

  286. }

  287. 

  288. /*--------------------------- volume ---------------------------*/

  289. #mediafront_audio {

  290.   float:left;

  291.   position:relative;

  292.   width:18px;

  293.   height:21px;

  294.   margin-top:7px;

  295. }

  296. #mediaplayer_audioButton {

  297.   position:absolute;

  298.   z-index:404;

  299.   width:18px;

  300.   height:21px;

  301.   background: url(../images/mediafront_buttonsound.png) center 0 no-repeat;

  302. }

  303. #mediaplayer_audioButton:hover {

  304.   background: url(../images/mediafront_buttonsound.png) center -21px no-repeat;

  305. }

  306. #mediaplayer_audioBar {

  307.   background:url(../images/mediafront_audioslidebarbg.png) no-repeat 0 0;

  308.   position:absolute;

  309.   z-index:404;

  310.   height:72px;

  311.   width:39px;

  312.   margin-top:-76px;

  313.   margin-left:-10px;

  314. }

  315. #mediaplayer_audioBarInner {

  316.   width:27px;

  317.   height:60px;

  318.   left:6px;

  319.   bottom:0px;

  320.   position:absolute;

  321.   z-index:404;

  322. }

  323. #mediavolumeupdate {

  324.   background: url(../images/mediafront_black40.png);

  325.   position:absolute;

  326.   font-size:0px;

  327.   z-index:405;

  328.   bottom:0px;

  329.   width:26px;

  330. }

  331. #mediafront_audioControler {

  332.   background:url(../images/mediafront_buttonaudioslidebar.png) no-repeat 0 0;

  333.   width:27px;

  334.   height:8px;

  335.   position:absolute;

  336.   z-index:406;

  337. }

  338. 

  339. /*--------------------------- menu ---------------------------*/

  340. #mediaplayer_menu {

  341.   position:absolute;

  342.   display:none;

  343.   width:300px;

  344.   height:150px;

  345.   z-index:420;

  346.   top: 50%;

  347.   left: 50%;

  348.   margin: -75px 0 0 -150px;

  349.   text-align:center;

  350.   vertical-align:center;

  351.   background:url(../images/mediafront_infobox.png) repeat-x;

  352.   -moz-box-shadow:0px 5px 15px #000;/*no-important moz*/

  353.   -webkit-box-shadow:0px 5px 15px #000;/*no-important chrome*/

  354. }

  355. #mediaplayer_menu.fullscreen {

  356.   position: fixed;

  357.   top: 50%;

  358.   left: 50%;

  359. }

  360. 

  361. #mediaplayer_menuHeader {

  362.   text-align:left;

  363.   padding:9px 8px 8px 11px;

  364.   border-bottom:1px solid #000;

  365.   height:20px;

  366. }

  367. #mediaplayer_menuHeader div {

  368.   float:left;

  369.   border:1px solid #dbdbdb;

  370.   margin:0 1px;

  371. }

  372. #mediaplayer_menuHeader div a {

  373.   color:#dbdbdb;

  374.   text-decoration:none;

  375.   padding:0px 12px;

  376. }

  377. #mediaplayer_menuHeader div a:hover, #mediaplayer_menuHeader div.active a {

  378.   color:#000;

  379.   background:#dbdbdb;

  380. }

  381. #mediaplayer_menuHeader div#mediaplayer_menuClose {

  382.   background:url(../images/mediafront_close.png) no-repeat;

  383.   height:19px;

  384.   width:19px;

  385.   float:right;

  386.   border:0;

  387. }

  388. .mediaplayer_info {

  389.   text-align:left;

  390.   padding:6px 8px 8px 11px;

  391.   color:#dbdbdb;

  392.   border-top:1px solid #666;

  393. }

  394. 

  395. /*---------------------------logo---------------------------*/

  396. .medialogo {

  397.   position:absolute;

  398.   display:none;

  399.   width:49px;

  400.   height:15px;

  401.   bottom:45px;

  402.   left:5px;

  403.   z-index:500;

  404. }

  405. 

  406. #mediaplayer_minplayer.fullscreen .medialogo {

  407.   position:fixed;

  408.   z-index:1500;

  409.   left:5px;

  410.   bottom:45px;

  411. }

  412. 

  413. /*----------------------- pagination -------------------------*/

  414. #mediaplayer_prev {

  415.   background:url(../images/arrow_back_hover.png);

  416.   -moz-border-radius-topright: 6px;

  417.   -webkit-border-top-right-radius: 6px;

  418.   border-top-right-radius: 6px;

  419.   -moz-border-radius-bottomright: 6px;

  420.   -webkit-border-bottom-right-radius: 6px;

  421.   border-bottom-right-radius: 6px;

  422.   display: table-cell;

  423.   position:absolute;

  424.   height:40px;

  425.   bottom:55px;

  426.   z-index:403;

  427.   width:24px;

  428.   cursor:pointer;

  429. }

  430. 

  431. #mediaplayer_minplayer.nomedia #mediaplayer_prev {

  432.   bottom:15px;

  433. }

  434. 

  435. #mediaplayer_minplayer.fullscreen #mediaplayer_prev {

  436.   position:fixed;

  437.   z-index:1400;

  438.   left:0px;

  439.   bottom:55px;

  440. }

  441. 

  442. #mediaplayer_next {

  443.   background:url(../images/arrow_forward_hover.png);

  444.   -moz-border-radius-topleft: 6px;

  445.   -webkit-border-top-left-radius: 6px;

  446.   border-top-left-radius: 6px;

  447.   -moz-border-radius-bottomleft: 6px;

  448.   -webkit-border-bottom-left-radius: 6px;

  449.   border-bottom-left-radius: 6px;

  450.   display: table-cell;

  451.   position:absolute;

  452.   height:40px;

  453.   bottom:55px;

  454.   z-index:403;

  455.   right:0px;

  456.   width:24px;

  457.   cursor:pointer;

  458. }

  459. 

  460. #mediaplayer_minplayer.nomedia #mediaplayer_next {

  461.   bottom:15px;

  462. }

  463. 

  464. #mediaplayer_minplayer.fullscreen #mediaplayer_next {

  465.   position:fixed;

  466.   z-index:1400;

  467.   right:0px;

  468.   bottom:55px;

  469. }

  470.