You are here

Home » API reference » MediaFront 7

osmplayer_default.css in MediaFront 7

Same filename and directory in other branches
  1. 6.2 players/osmplayer/player/templates/default/osmplayer_default.css
  2. 6 players/osmplayer/player/templates/default/osmplayer_default.css
/*--------------------- Loading cursor -------------------*/
#mediaplayerloading, #mediabusy {
  position:absolute;
  display: table-cell;
}

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

/*--------------------- Main Dialog -------------------*/
.mediaplayerdialog {
  position:relative;
  font-family:"Trebuchet MS", Helvetica, sans-serif !important;
  font-style:normal !important;
  font-size:11px !important;
  line-height:110% !important;
  margin:0;
  padding:0;
  border:0;
}

.mediaplayerdialog.playlistonly {
  width:150px;
}

.mediaplayerdialog.playlistonly.playlisthorizontal {
  height:136px;
}

.mediaplayerdialog.playlistonly.playlisthorizontal.mediashowtitle {
  height:152px;
}

.mediaplayerdialog.controlleronly {
  height:22px;
}

#mediaplayer {
  position:absolute;
  left:0;
  right:0;
  top:0px;
  bottom:0px;
}

.mediaplayerdialog.mediashowtitle #mediaplayer {
  top:22px;
}

.mediaplayerdialog.mediashowplaylist #mediaplayer {
  right:150px;
}

.mediaplayerdialog.playlisthorizontal #mediaplayer {
  right:0px;
  bottom:0px;
}

.mediaplayerdialog.playlisthorizontal.mediashowplaylist #mediaplayer {
  bottom:136px;
}

#medianode {
  position:absolute;
  z-index:10;
  width:100%;
  top:0px;
  bottom:22px;
}

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

.mediaplayerdialog.mediafullscreen #mediadisplay {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index:1001;
  width: 100%;
  height: 100%;
}

/*--------------------- Media Overlays -------------------*/
#mediabusy {
  position:absolute;
  z-index:14;
  width:100%;
  height:100%;
  border:0;
  background-image:url('images/mask.png');
}

.mediaplayerdialog.mediafullscreen #mediabusy {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index:1004;
  width: 100%;
  height: 100%;
}

#mediapreview {
  position: absolute;
  display: table-cell;
  background-color:#000;
  z-index:12;
  width:100%;
  height:100%;
}

.mediaplayerdialog.mediafullscreen #mediapreview {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index:1002;
  width: 100%;
  height: 100%;
}

#mediaplay {
  position:absolute;
  z-index:13;
  display: table-cell;
  width:100%;
  height:100%;
  background-image:url('images/mask.png');
}

.mediaplayerdialog.mediafullscreen #mediaplay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index:1003;
  width: 100%;
  height: 100%;
}

#mediaplay img {
  width:50px;
  height:57px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -29px 0 0 -25px;
  text-align:center;
  vertical-align:center;
  cursor:pointer;
}

/*--------------------- Title Bar -------------------*/
#mediatitlebar, #mediacontrol, #mediapager {
  position:absolute;
  width:100%;
  height:22px;
  border:0;
}

#mediatitlelinks {
  float:right;
  width:64px;
}

.mediaplayerdialog.mediafullscreen #mediatitlelinks {
  position:fixed;
  top:5px;
  right:5px;
  z-index:1020;
}

#mediatitlelinks a, #mediapager div.mediapagerlink {
  float:left;
  margin:2px 2px 0 0px;
}

#mediatitlelinksinner {
  float:right;
}

/*--------------------- Voter -------------------*/

#medianodevoter {
  float:left;
  width:110px;
  margin-top:-3px;
}

#mediavoters .ui-icon {
  width:12px;
  height:12px;
}

#mediacontrol #mediavoter div, #mediacontrol #mediauservoter div {
  float:left;
  height:12px;
  border:0;
  background:none;
  text-decoration: none;
}


#mediauservotertext, #mediavotertext {
  text-align:right;
}

#mediavoterstext {
  float:left;
  line-height:100%;
  margin-top:2px;
}

#mediavoter .ui-state-active, #mediavoter .ui-state-hover, #mediavoter .ui-state-highlight,
#mediauservoter .ui-state-active, #mediauservoter .ui-state-hover, #mediauservoter .ui-state-highlight {
  background:0;
}

/*--------------------- Control Bar -------------------*/
#mediacontrol {
  position:absolute;
  z-index:15;
  bottom:0;
}

.mediaplayerdialog.mediafullscreen #mediacontrol {
  position: fixed;
  z-index:1005;
  width:400px;
  left: 50%;
  bottom:5px;
  margin: 0 0 0 -200px;
  text-align:center;
}

#mediacontrolleft {
  float:left;
  width:60px;
  height:22px;
}

#mediacontrolcenter {
  margin:0 120px 0 60px;
  height:22px;
}

.mediaplayerdialog.mediashowvoter #mediacontrolcenter {
  margin-right:230px;
}

#mediacontrolright {
  float:right;
  width:120px;
  height:22px;
}

.mediaplayerdialog.mediashowvoter #mediacontrolright {
  width:230px;
}

#medialist, #mediaplaypause, #mediamute, #mediamenuclose {
  cursor:pointer;
}

#mediamute, #mediaplaypause {
  float:left;
  margin:2px 0 0 3px;
}

#mediacurrenttime, #mediatotaltime {
  float:left;
  text-align:right;
  margin:4px 2px 0 4px;
  width:30px;
}

#mediavolumebar {
  float:left;
  width:50px;
  height:4px;
  margin:7px 5px 0 4px;
}

#mediaseekhandle, #mediavolumehandle {
  position:absolute;
  z-index:18;
  margin-top:-6px;
  width:18px;
  height:18px;
}

#mediaseekhandle span, #mediavolumehandle span {
  margin-left:-6px;
}

#mediaseekbar {
  margin-top:7px;
  height:4px;
}

#mediaseekupdate, #mediavolumeupdate, #mediaseekprogress {
  position:absolute;
  height:4px;
  border-bottom:none;
}

#mediaseekupdate, #mediavolumeupdate {
  z-index:17;
}

#mediaseekprogress {
  z-index:16;
}

/*--------------------- Menu -------------------*/

#mediamenu {
  position: absolute;
  z-index:20;
  width:300px;
  height:150px;
  display:none;
  padding:2px;
  top: 50%;
  left: 50%;
  margin: -75px 0 0 -150px;
  text-align:center;
  vertical-align:center;
}

.mediaplayerdialog.mediafullscreen #mediamenu {
  position:fixed;
  z-index:1020;
  top: 50%;
  left: 50%;
}

.menucontent {
  text-align:left;
}

#mediamenuclose {
  float:right;
  margin:8px 6px 0 0;
}

.ui-icon {
  width:17px;
  height:18px;
}

/*--------------------- Playlist -------------------*/

#mediaplaylist {
  position:absolute;
  z-index:1;
  width:150px;
  top:0px;
  bottom:0px;
  right:0;
}

.mediaplayerdialog.mediashowtitle #mediaplaylist {
  top:22px;
}

.mediaplayerdialog.playlisthorizontal #mediaplaylist {
  width:100%;
  height:136px;
  top:auto;
  bottom:0px;
  right:0;
}

.mediaplayerdialog.playlisthorizontal.playlistonly #mediaplaylist {
  top:22px;
}

#mediascrollwrapper {
  position:absolute;
  width:100%;
  top:0px;
  bottom:22px;
}

#mediascroll, #medialistmask {
  width:100%;
  height:100%;
}

/*--------------------- Links -------------------*/

#medialinks {
  height:25px;
}

#medialink {
  float:left;
  margin: 0 2px 0 0;
  text-align:center;
}

#medialinktext {
  margin: 2px;
}

/*--------------------- Pager -------------------*/

#mediapager {
  position:absolute;
  z-index:1;
  bottom:0px;
}

#mediapagerleft {
  float:left;
  margin-left:3px;
}

#mediapagerright {
  float:right;
  margin-right:3px;
}

/*--------------------- Scroll Bar -------------------*/
#mediascrollbarwrapper {
  position:absolute;
  right:0;
  width:18px;
  height:100%;
}

.mediaplayerdialog.playlisthorizontal #mediascrollbarwrapper{
  position:absolute;
  bottom:0;
  width:100%;
  height:18px;
}

#mediascrollup, #mediascrolldown, #mediascrollhandle {
  height:18px;
  width:18px;
  border:0;
}

#mediascrollup {
  position:absolute;
  top:0px;
}

.mediaplayerdialog.playlisthorizontal #mediascrollup {
  position:absolute;
  left:0px;
}

#mediascrolldown {
  position:absolute;
  bottom:0px;
}

.mediaplayerdialog.playlisthorizontal #mediascrolldown {
  position:absolute;
  right:0px;
}

#mediascrollbar {
  position:absolute;
  top:18px;
  bottom:0px;
}

.mediaplayerdialog.playlisthorizontal #mediascrollbar {
  position:absolute;
  left:18px;
  right:18px;
  top:0px;
  bottom:0px;
}

#mediascrolltrack {
  position:absolute;
  top:0px;
  bottom:18px;
  width:18px;
  border:0;
}

.mediaplayerdialog.playlisthorizontal #mediascrolltrack {
  position:absolute;
  width:100%;
  height:18px;
  border:0;
}

/*--------------------- Teaser -------------------*/

#mediateaser {
  float:left  ;
  height:90px;
  width:125px;
  margin:0 1px 2px 0;
  padding:2px;
  cursor:pointer;
}

.mediaplayerdialog.mediahidescroll #mediateaser {
  width:143px;
}

.mediaplayerdialog.playlisthorizontal.mediahidescroll #mediateaser {
  height:108px;
}

#mediateaser #mediaimage {
  width:80px;
  height:60px;
  margin-bottom:1px;
  float:left;
}

/*--------------------- Teaser Voter -------------------*/

#mediateaser #mediavoter {
  margin-left:83px;
}

#mediateaser #mediatitle {
  clear:left;
  width:120px;
  height:2.2em;
}

#mediateaser #mediavoter div {
  width:14px;
  border:0;
  background:none;
  text-decoration: none;
}

#mediateaser #mediavoter span {
  height:12px;
}

/*--------------------- Logo -------------------*/
.medialogo {
  position:absolute;
  width:49px;
  height:15px;
  z-index:500;
}

.mediaplayerdialog.mediafullscreen .medialogo {
  position:fixed;
  z-index:1500;
  left:5px;
  bottom:5px;
}

File

players/osmplayer/player/templates/default/osmplayer_default.css
View source 
  1. /*--------------------- Loading cursor -------------------*/

  2. #mediaplayerloading, #mediabusy {

  3.   position:absolute;

  4.   display: table-cell;

  5. }

  6. 

  7. #mediaplayerloading img, #mediabusy img {

  8.   width:32px;

  9.   height:32px;

  10.   position: absolute;

  11.   top: 50%;

  12.   left: 50%;

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

  14.   text-align:center;

  15.   vertical-align:center;

  16. }

  17. 

  18. /*--------------------- Main Dialog -------------------*/

  19. .mediaplayerdialog {

  20.   position:relative;

  21.   font-family:"Trebuchet MS", Helvetica, sans-serif !important;

  22.   font-style:normal !important;

  23.   font-size:11px !important;

  24.   line-height:110% !important;

  25.   margin:0;

  26.   padding:0;

  27.   border:0;

  28. }

  29. 

  30. .mediaplayerdialog.playlistonly {

  31.   width:150px;

  32. }

  33. 

  34. .mediaplayerdialog.playlistonly.playlisthorizontal {

  35.   height:136px;

  36. }

  37. 

  38. .mediaplayerdialog.playlistonly.playlisthorizontal.mediashowtitle {

  39.   height:152px;

  40. }

  41. 

  42. .mediaplayerdialog.controlleronly {

  43.   height:22px;

  44. }

  45. 

  46. #mediaplayer {

  47.   position:absolute;

  48.   left:0;

  49.   right:0;

  50.   top:0px;

  51.   bottom:0px;

  52. }

  53. 

  54. .mediaplayerdialog.mediashowtitle #mediaplayer {

  55.   top:22px;

  56. }

  57. 

  58. .mediaplayerdialog.mediashowplaylist #mediaplayer {

  59.   right:150px;

  60. }

  61. 

  62. .mediaplayerdialog.playlisthorizontal #mediaplayer {

  63.   right:0px;

  64.   bottom:0px;

  65. }

  66. 

  67. .mediaplayerdialog.playlisthorizontal.mediashowplaylist #mediaplayer {

  68.   bottom:136px;

  69. }

  70. 

  71. #medianode {

  72.   position:absolute;

  73.   z-index:10;

  74.   width:100%;

  75.   top:0px;

  76.   bottom:22px;

  77. }

  78. 

  79. #mediadisplay {

  80.   background-color:#000;

  81.   width:100%;

  82.   height:100%;

  83.   position:absolute;

  84.   z-index:11;

  85. }

  86. 

  87. .mediaplayerdialog.mediafullscreen #mediadisplay {

  88.   left: 0;

  89.   top: 0;

  90.   right: 0;

  91.   bottom: 0;

  92.   z-index:1001;

  93.   width: 100%;

  94.   height: 100%;

  95. }

  96. 

  97. /*--------------------- Media Overlays -------------------*/

  98. #mediabusy {

  99.   position:absolute;

  100.   z-index:14;

  101.   width:100%;

  102.   height:100%;

  103.   border:0;

  104.   background-image:url('images/mask.png');

  105. }

  106. 

  107. .mediaplayerdialog.mediafullscreen #mediabusy {

  108.   position: fixed;

  109.   left: 0;

  110.   top: 0;

  111.   right: 0;

  112.   bottom: 0;

  113.   overflow: hidden;

  114.   z-index:1004;

  115.   width: 100%;

  116.   height: 100%;

  117. }

  118. 

  119. #mediapreview {

  120.   position: absolute;

  121.   display: table-cell;

  122.   background-color:#000;

  123.   z-index:12;

  124.   width:100%;

  125.   height:100%;

  126. }

  127. 

  128. .mediaplayerdialog.mediafullscreen #mediapreview {

  129.   position: fixed;

  130.   left: 0;

  131.   top: 0;

  132.   right: 0;

  133.   bottom: 0;

  134.   overflow: hidden;

  135.   z-index:1002;

  136.   width: 100%;

  137.   height: 100%;

  138. }

  139. 

  140. #mediaplay {

  141.   position:absolute;

  142.   z-index:13;

  143.   display: table-cell;

  144.   width:100%;

  145.   height:100%;

  146.   background-image:url('images/mask.png');

  147. }

  148. 

  149. .mediaplayerdialog.mediafullscreen #mediaplay {

  150.   position: fixed;

  151.   left: 0;

  152.   top: 0;

  153.   right: 0;

  154.   bottom: 0;

  155.   overflow: hidden;

  156.   z-index:1003;

  157.   width: 100%;

  158.   height: 100%;

  159. }

  160. 

  161. #mediaplay img {

  162.   width:50px;

  163.   height:57px;

  164.   position: absolute;

  165.   top: 50%;

  166.   left: 50%;

  167.   margin: -29px 0 0 -25px;

  168.   text-align:center;

  169.   vertical-align:center;

  170.   cursor:pointer;

  171. }

  172. 

  173. /*--------------------- Title Bar -------------------*/

  174. #mediatitlebar, #mediacontrol, #mediapager {

  175.   position:absolute;

  176.   width:100%;

  177.   height:22px;

  178.   border:0;

  179. }

  180. 

  181. #mediatitlelinks {

  182.   float:right;

  183.   width:64px;

  184. }

  185. 

  186. .mediaplayerdialog.mediafullscreen #mediatitlelinks {

  187.   position:fixed;

  188.   top:5px;

  189.   right:5px;

  190.   z-index:1020;

  191. }

  192. 

  193. #mediatitlelinks a, #mediapager div.mediapagerlink {

  194.   float:left;

  195.   margin:2px 2px 0 0px;

  196. }

  197. 

  198. #mediatitlelinksinner {

  199.   float:right;

  200. }

  201. 

  202. /*--------------------- Voter -------------------*/

  203. 

  204. #medianodevoter {

  205.   float:left;

  206.   width:110px;

  207.   margin-top:-3px;

  208. }

  209. 

  210. #mediavoters .ui-icon {

  211.   width:12px;

  212.   height:12px;

  213. }

  214. 

  215. #mediacontrol #mediavoter div, #mediacontrol #mediauservoter div {

  216.   float:left;

  217.   height:12px;

  218.   border:0;

  219.   background:none;

  220.   text-decoration: none;

  221. }

  222. 

  223. 

  224. #mediauservotertext, #mediavotertext {

  225.   text-align:right;

  226. }

  227. 

  228. #mediavoterstext {

  229.   float:left;

  230.   line-height:100%;

  231.   margin-top:2px;

  232. }

  233. 

  234. #mediavoter .ui-state-active, #mediavoter .ui-state-hover, #mediavoter .ui-state-highlight,

  235. #mediauservoter .ui-state-active, #mediauservoter .ui-state-hover, #mediauservoter .ui-state-highlight {

  236.   background:0;

  237. }

  238. 

  239. /*--------------------- Control Bar -------------------*/

  240. #mediacontrol {

  241.   position:absolute;

  242.   z-index:15;

  243.   bottom:0;

  244. }

  245. 

  246. .mediaplayerdialog.mediafullscreen #mediacontrol {

  247.   position: fixed;

  248.   z-index:1005;

  249.   width:400px;

  250.   left: 50%;

  251.   bottom:5px;

  252.   margin: 0 0 0 -200px;

  253.   text-align:center;

  254. }

  255. 

  256. #mediacontrolleft {

  257.   float:left;

  258.   width:60px;

  259.   height:22px;

  260. }

  261. 

  262. #mediacontrolcenter {

  263.   margin:0 120px 0 60px;

  264.   height:22px;

  265. }

  266. 

  267. .mediaplayerdialog.mediashowvoter #mediacontrolcenter {

  268.   margin-right:230px;

  269. }

  270. 

  271. #mediacontrolright {

  272.   float:right;

  273.   width:120px;

  274.   height:22px;

  275. }

  276. 

  277. .mediaplayerdialog.mediashowvoter #mediacontrolright {

  278.   width:230px;

  279. }

  280. 

  281. #medialist, #mediaplaypause, #mediamute, #mediamenuclose {

  282.   cursor:pointer;

  283. }

  284. 

  285. #mediamute, #mediaplaypause {

  286.   float:left;

  287.   margin:2px 0 0 3px;

  288. }

  289. 

  290. #mediacurrenttime, #mediatotaltime {

  291.   float:left;

  292.   text-align:right;

  293.   margin:4px 2px 0 4px;

  294.   width:30px;

  295. }

  296. 

  297. #mediavolumebar {

  298.   float:left;

  299.   width:50px;

  300.   height:4px;

  301.   margin:7px 5px 0 4px;

  302. }

  303. 

  304. #mediaseekhandle, #mediavolumehandle {

  305.   position:absolute;

  306.   z-index:18;

  307.   margin-top:-6px;

  308.   width:18px;

  309.   height:18px;

  310. }

  311. 

  312. #mediaseekhandle span, #mediavolumehandle span {

  313.   margin-left:-6px;

  314. }

  315. 

  316. #mediaseekbar {

  317.   margin-top:7px;

  318.   height:4px;

  319. }

  320. 

  321. #mediaseekupdate, #mediavolumeupdate, #mediaseekprogress {

  322.   position:absolute;

  323.   height:4px;

  324.   border-bottom:none;

  325. }

  326. 

  327. #mediaseekupdate, #mediavolumeupdate {

  328.   z-index:17;

  329. }

  330. 

  331. #mediaseekprogress {

  332.   z-index:16;

  333. }

  334. 

  335. /*--------------------- Menu -------------------*/

  336. 

  337. #mediamenu {

  338.   position: absolute;

  339.   z-index:20;

  340.   width:300px;

  341.   height:150px;

  342.   display:none;

  343.   padding:2px;

  344.   top: 50%;

  345.   left: 50%;

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

  347.   text-align:center;

  348.   vertical-align:center;

  349. }

  350. 

  351. .mediaplayerdialog.mediafullscreen #mediamenu {

  352.   position:fixed;

  353.   z-index:1020;

  354.   top: 50%;

  355.   left: 50%;

  356. }

  357. 

  358. .menucontent {

  359.   text-align:left;

  360. }

  361. 

  362. #mediamenuclose {

  363.   float:right;

  364.   margin:8px 6px 0 0;

  365. }

  366. 

  367. .ui-icon {

  368.   width:17px;

  369.   height:18px;

  370. }

  371. 

  372. /*--------------------- Playlist -------------------*/

  373. 

  374. #mediaplaylist {

  375.   position:absolute;

  376.   z-index:1;

  377.   width:150px;

  378.   top:0px;

  379.   bottom:0px;

  380.   right:0;

  381. }

  382. 

  383. .mediaplayerdialog.mediashowtitle #mediaplaylist {

  384.   top:22px;

  385. }

  386. 

  387. .mediaplayerdialog.playlisthorizontal #mediaplaylist {

  388.   width:100%;

  389.   height:136px;

  390.   top:auto;

  391.   bottom:0px;

  392.   right:0;

  393. }

  394. 

  395. .mediaplayerdialog.playlisthorizontal.playlistonly #mediaplaylist {

  396.   top:22px;

  397. }

  398. 

  399. #mediascrollwrapper {

  400.   position:absolute;

  401.   width:100%;

  402.   top:0px;

  403.   bottom:22px;

  404. }

  405. 

  406. #mediascroll, #medialistmask {

  407.   width:100%;

  408.   height:100%;

  409. }

  410. 

  411. /*--------------------- Links -------------------*/

  412. 

  413. #medialinks {

  414.   height:25px;

  415. }

  416. 

  417. #medialink {

  418.   float:left;

  419.   margin: 0 2px 0 0;

  420.   text-align:center;

  421. }

  422. 

  423. #medialinktext {

  424.   margin: 2px;

  425. }

  426. 

  427. /*--------------------- Pager -------------------*/

  428. 

  429. #mediapager {

  430.   position:absolute;

  431.   z-index:1;

  432.   bottom:0px;

  433. }

  434. 

  435. #mediapagerleft {

  436.   float:left;

  437.   margin-left:3px;

  438. }

  439. 

  440. #mediapagerright {

  441.   float:right;

  442.   margin-right:3px;

  443. }

  444. 

  445. /*--------------------- Scroll Bar -------------------*/

  446. #mediascrollbarwrapper {

  447.   position:absolute;

  448.   right:0;

  449.   width:18px;

  450.   height:100%;

  451. }

  452. 

  453. .mediaplayerdialog.playlisthorizontal #mediascrollbarwrapper{

  454.   position:absolute;

  455.   bottom:0;

  456.   width:100%;

  457.   height:18px;

  458. }

  459. 

  460. #mediascrollup, #mediascrolldown, #mediascrollhandle {

  461.   height:18px;

  462.   width:18px;

  463.   border:0;

  464. }

  465. 

  466. #mediascrollup {

  467.   position:absolute;

  468.   top:0px;

  469. }

  470. 

  471. .mediaplayerdialog.playlisthorizontal #mediascrollup {

  472.   position:absolute;

  473.   left:0px;

  474. }

  475. 

  476. #mediascrolldown {

  477.   position:absolute;

  478.   bottom:0px;

  479. }

  480. 

  481. .mediaplayerdialog.playlisthorizontal #mediascrolldown {

  482.   position:absolute;

  483.   right:0px;

  484. }

  485. 

  486. #mediascrollbar {

  487.   position:absolute;

  488.   top:18px;

  489.   bottom:0px;

  490. }

  491. 

  492. .mediaplayerdialog.playlisthorizontal #mediascrollbar {

  493.   position:absolute;

  494.   left:18px;

  495.   right:18px;

  496.   top:0px;

  497.   bottom:0px;

  498. }

  499. 

  500. #mediascrolltrack {

  501.   position:absolute;

  502.   top:0px;

  503.   bottom:18px;

  504.   width:18px;

  505.   border:0;

  506. }

  507. 

  508. .mediaplayerdialog.playlisthorizontal #mediascrolltrack {

  509.   position:absolute;

  510.   width:100%;

  511.   height:18px;

  512.   border:0;

  513. }

  514. 

  515. /*--------------------- Teaser -------------------*/

  516. 

  517. #mediateaser {

  518.   float:left  ;

  519.   height:90px;

  520.   width:125px;

  521.   margin:0 1px 2px 0;

  522.   padding:2px;

  523.   cursor:pointer;

  524. }

  525. 

  526. .mediaplayerdialog.mediahidescroll #mediateaser {

  527.   width:143px;

  528. }

  529. 

  530. .mediaplayerdialog.playlisthorizontal.mediahidescroll #mediateaser {

  531.   height:108px;

  532. }

  533. 

  534. #mediateaser #mediaimage {

  535.   width:80px;

  536.   height:60px;

  537.   margin-bottom:1px;

  538.   float:left;

  539. }

  540. 

  541. /*--------------------- Teaser Voter -------------------*/

  542. 

  543. #mediateaser #mediavoter {

  544.   margin-left:83px;

  545. }

  546. 

  547. #mediateaser #mediatitle {

  548.   clear:left;

  549.   width:120px;

  550.   height:2.2em;

  551. }

  552. 

  553. #mediateaser #mediavoter div {

  554.   width:14px;

  555.   border:0;

  556.   background:none;

  557.   text-decoration: none;

  558. }

  559. 

  560. #mediateaser #mediavoter span {

  561.   height:12px;

  562. }

  563. 

  564. /*--------------------- Logo -------------------*/

  565. .medialogo {

  566.   position:absolute;

  567.   width:49px;

  568.   height:15px;

  569.   z-index:500;

  570. }

  571. 

  572. .mediaplayerdialog.mediafullscreen .medialogo {

  573.   position:fixed;

  574.   z-index:1500;

  575.   left:5px;

  576.   bottom:5px;

  577. }