In this repo i store all my websites, each in a different branch
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

942 line
21 KiB

  1. @media (max-width: 991px) {
  2. .bg-video {
  3. width:auto !important;
  4. height:100% !important;
  5. }
  6. .intro-video .mejs-inner, .intro-video .mejs-mediaelement {
  7. height:100% !important;
  8. }
  9. }
  10. .mejs-offscreen{
  11. /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */
  12. position: absolute !important;
  13. top: -10000px;
  14. overflow: hidden;
  15. width: 1px;
  16. height: 1px;
  17. }
  18. .mejs-container {
  19. position: relative;
  20. background: #000;
  21. font-family: Helvetica, Arial;
  22. text-align: left;
  23. vertical-align: top;
  24. text-indent: 0;
  25. }
  26. .me-plugin {
  27. position: absolute;
  28. }
  29. .mejs-embed, .mejs-embed body {
  30. width: 100%;
  31. height: 100%;
  32. margin: 0;
  33. padding: 0;
  34. background: #000;
  35. overflow: hidden;
  36. }
  37. .mejs-fullscreen {
  38. /* set it to not show scroll bars so 100% will work */
  39. overflow: hidden !important;
  40. }
  41. .mejs-container-fullscreen {
  42. position: fixed;
  43. left: 0;
  44. top: 0;
  45. right: 0;
  46. bottom: 0;
  47. overflow: hidden;
  48. z-index: 1000;
  49. }
  50. .mejs-container-fullscreen .mejs-mediaelement,
  51. .mejs-container-fullscreen video {
  52. width: 100%;
  53. height: 100%;
  54. }
  55. .mejs-clear {
  56. clear: both;
  57. }
  58. /* Start: LAYERS */
  59. .mejs-background {
  60. position: absolute;
  61. top: 0;
  62. left: 0;
  63. }
  64. .mejs-mediaelement {
  65. position: relative;
  66. /*top: 0;
  67. left: 0;*/
  68. width: 100%;
  69. }
  70. .mejs-poster {
  71. position: absolute;
  72. top: 0;
  73. left: 0;
  74. background-size: contain ;
  75. background-position: 50% 50% ;
  76. background-repeat: no-repeat ;
  77. }
  78. :root .mejs-poster img {
  79. display: none ;
  80. }
  81. .mejs-poster img {
  82. border: 0;
  83. padding: 0;
  84. border: 0;
  85. }
  86. .mejs-overlay {
  87. position: absolute;
  88. top: 0;
  89. left: 0;
  90. }
  91. .mejs-overlay-play {
  92. cursor: pointer;
  93. }
  94. .mejs-overlay-button {
  95. position: absolute;
  96. top: 50%;
  97. left: 50%;
  98. width: 100px;
  99. height: 100px;
  100. margin: -50px 0 0 -50px;
  101. background: url('../../media/img/bigplay.png') no-repeat;
  102. background-position: 0 -100px ;
  103. }
  104. .no-svg .mejs-overlay-button {
  105. background-image: url('../../media/img/bigplay.png');
  106. background-position: 0 -100px ;
  107. }
  108. .mejs-overlay:hover .mejs-overlay-button {
  109. background-position: 0 -100px ;
  110. }
  111. .mejs-overlay-loading {
  112. position: absolute;
  113. top: 50%;
  114. left: 50%;
  115. width: 80px;
  116. height: 80px;
  117. margin: -40px 0 0 -40px;
  118. /*background: url('../../media/img/background.png');*/
  119. }
  120. .mejs-overlay-loading span {
  121. display: block;
  122. width: 80px;
  123. height: 80px;
  124. background: transparent url('../../media/img/loading.gif') 50% 50% no-repeat;
  125. }
  126. /* End: LAYERS */
  127. /* Start: CONTROL BAR */
  128. .mejs-container .mejs-controls {
  129. position: absolute;
  130. list-style-type: none;
  131. margin: 0;
  132. padding: 0;
  133. bottom: 0;
  134. left: 0;
  135. background: #f00;
  136. background:#252525;
  137. height: 30px;
  138. width: 100%;
  139. }
  140. .mejs-container .mejs-controls div {
  141. list-style-type: none;
  142. background-image: none;
  143. display: block;
  144. float: left;
  145. margin: 0;
  146. padding: 0;
  147. width: 26px;
  148. height: 26px;
  149. font-size: 11px;
  150. line-height: 11px;
  151. font-family: Helvetica, Arial;
  152. border: 0;
  153. }
  154. .mejs-controls .mejs-button button {
  155. cursor: pointer;
  156. display: block;
  157. font-size: 0;
  158. line-height: 0;
  159. text-decoration: none;
  160. margin: 7px 5px;
  161. padding: 0;
  162. position: absolute;
  163. height: 16px;
  164. width: 16px;
  165. border: 0;
  166. background: transparent url('../../media/img/controls.png') no-repeat;
  167. }
  168. .no-svg .mejs-controls .mejs-button button {
  169. background-image: url('../../media/img/controls.png');
  170. }
  171. /* :focus for accessibility */
  172. .mejs-controls .mejs-button button:focus {
  173. outline: dotted 1px #999;
  174. }
  175. /* End: CONTROL BAR */
  176. /* Start: Time (Current / Duration) */
  177. .mejs-container .mejs-controls .mejs-time {
  178. color: #fff;
  179. display: block;
  180. height: 17px;
  181. width: auto;
  182. padding: 10px 3px 0 3px ;
  183. overflow: hidden;
  184. text-align: center;
  185. -moz-box-sizing: content-box;
  186. -webkit-box-sizing: content-box;
  187. box-sizing: content-box;
  188. }
  189. .mejs-container .mejs-controls .mejs-time a {
  190. color: #fff;
  191. font-size: 11px;
  192. line-height: 12px;
  193. display: block;
  194. float: left;
  195. margin: 1px 2px 0 0;
  196. width: auto;
  197. }
  198. /* End: Time (Current / Duration) */
  199. /* Start: Play/Pause/Stop */
  200. .mejs-controls .mejs-play button {
  201. background-position: 3px 0;
  202. }
  203. .mejs-controls .mejs-pause button {
  204. background-position: 3px -16px;
  205. }
  206. .mejs-controls .mejs-stop button {
  207. background-position: -112px 0;
  208. }
  209. /* Start: Play/Pause/Stop */
  210. /* Start: Progress Bar */
  211. .mejs-controls div.mejs-time-rail {
  212. direction: ltr;
  213. width: 200px;
  214. padding-top: 5px;
  215. }
  216. .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
  217. display: block;
  218. position: absolute;
  219. width: 180px;
  220. height: 10px;
  221. cursor: pointer;
  222. }
  223. .mejs-controls .mejs-time-rail .mejs-time-total {
  224. margin: 5px;
  225. background: rgba(255,255,255,0.2);
  226. }
  227. .mejs-controls .mejs-time-rail .mejs-time-buffering {
  228. width: 100%;
  229. background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  230. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  231. background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  232. background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  233. background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  234. background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  235. -webkit-background-size: 15px 15px;
  236. -moz-background-size: 15px 15px;
  237. -o-background-size: 15px 15px;
  238. background-size: 15px 15px;
  239. -webkit-animation: buffering-stripes 2s linear infinite;
  240. -moz-animation: buffering-stripes 2s linear infinite;
  241. -ms-animation: buffering-stripes 2s linear infinite;
  242. -o-animation: buffering-stripes 2s linear infinite;
  243. animation: buffering-stripes 2s linear infinite;
  244. }
  245. @-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
  246. @-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
  247. @-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
  248. @-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
  249. @keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
  250. .mejs-controls .mejs-time-rail .mejs-time-loaded {
  251. background: #3caac8;
  252. background: rgba(255,255,255,0.3);
  253. width: 0;
  254. }
  255. .mejs-controls .mejs-time-rail .mejs-time-current {
  256. background: #fff;
  257. background: #e6ae49;
  258. width: 0;
  259. }
  260. .mejs-controls .mejs-time-rail .mejs-time-handle {
  261. display: none;
  262. position: absolute;
  263. margin: 0;
  264. width: 10px;
  265. background: #fff;
  266. -webkit-border-radius: 5px;
  267. -moz-border-radius: 5px;
  268. border-radius: 5px;
  269. cursor: pointer;
  270. border: solid 2px #333;
  271. top: -2px;
  272. text-align: center;
  273. }
  274. .mejs-controls .mejs-time-rail .mejs-time-float {
  275. position: absolute;
  276. display: none;
  277. background: #eee;
  278. width: 36px;
  279. height: 17px;
  280. border: solid 1px #333;
  281. top: -26px;
  282. margin-left: -18px;
  283. text-align: center;
  284. color: #111;
  285. }
  286. .mejs-controls .mejs-time-rail .mejs-time-float-current {
  287. margin: 2px;
  288. width: 30px;
  289. display: block;
  290. text-align: center;
  291. left: 0;
  292. }
  293. .mejs-controls .mejs-time-rail .mejs-time-float-corner {
  294. position: absolute;
  295. display: block;
  296. width: 0;
  297. height: 0;
  298. line-height: 0;
  299. border: solid 5px #eee;
  300. border-color: #eee transparent transparent transparent;
  301. -webkit-border-radius: 0;
  302. -moz-border-radius: 0;
  303. border-radius: 0;
  304. top: 15px;
  305. left: 13px;
  306. }
  307. .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
  308. width: 48px;
  309. }
  310. .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
  311. width: 44px;
  312. }
  313. .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
  314. left: 18px;
  315. }
  316. /*
  317. .mejs-controls .mejs-time-rail:hover .mejs-time-handle {
  318. visibility:visible;
  319. }
  320. */
  321. /* End: Progress Bar */
  322. /* Start: Fullscreen */
  323. .mejs-controls .mejs-fullscreen-button button {
  324. background-position: -30px 0;
  325. }
  326. .mejs-controls .mejs-unfullscreen button {
  327. background-position: -30px -16px;
  328. }
  329. /* End: Fullscreen */
  330. /* Start: Mute/Volume */
  331. .mejs-controls .mejs-volume-button {
  332. }
  333. .mejs-controls .mejs-mute button {
  334. background-position: -14px -16px;
  335. }
  336. .mejs-controls .mejs-unmute button {
  337. background-position: -14px 0;
  338. }
  339. .mejs-controls .mejs-volume-button {
  340. position: relative;
  341. }
  342. .mejs-controls .mejs-volume-button .mejs-volume-slider {
  343. display: none;
  344. height: 115px;
  345. width: 25px;
  346. background: url('../../media/img/background.png');
  347. background: rgba(50, 50, 50, 0.7);
  348. -webkit-border-radius: 0;
  349. -moz-border-radius: 0;
  350. border-radius: 0;
  351. top: -115px;
  352. left: 0;
  353. z-index: 1;
  354. position: absolute;
  355. margin: 0;
  356. }
  357. .mejs-controls .mejs-volume-button:hover {
  358. -webkit-border-radius: 0 0 4px 4px;
  359. -moz-border-radius: 0 0 4px 4px;
  360. border-radius: 0 0 4px 4px;
  361. }
  362. /*
  363. .mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
  364. display: block;
  365. }
  366. */
  367. .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  368. position: absolute;
  369. left: 11px;
  370. top: 8px;
  371. width: 2px;
  372. height: 100px;
  373. background: rgba(255, 255, 255, 0.3);
  374. margin: 0;
  375. }
  376. .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  377. position: absolute;
  378. left: 11px;
  379. top: 8px;
  380. width: 2px;
  381. height: 100px;
  382. background: #e6ae49;
  383. margin: 0;
  384. }
  385. .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  386. position: absolute;
  387. left: 4px;
  388. top: -3px;
  389. width: 16px;
  390. height: 6px;
  391. background: #fff;
  392. cursor: N-resize;
  393. -webkit-border-radius: 1px;
  394. -moz-border-radius: 1px;
  395. border-radius: 1px;
  396. margin: 0;
  397. }
  398. /* horizontal version */
  399. .mejs-controls a.mejs-horizontal-volume-slider {
  400. height: 26px;
  401. width: 56px;
  402. position: relative;
  403. display: block;
  404. float: left;
  405. vertical-align: middle;
  406. }
  407. .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  408. position: absolute;
  409. left: 0;
  410. top: 11px;
  411. width: 50px;
  412. height: 8px;
  413. margin: 0;
  414. padding: 0;
  415. font-size: 1px;
  416. background: rgba(255, 255, 255, 0.2);
  417. }
  418. .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  419. position: absolute;
  420. left: 0;
  421. top: 11px;
  422. width: 50px;
  423. height: 8px;
  424. margin: 0;
  425. padding: 0;
  426. font-size: 1px;
  427. background: #e6ae49;
  428. }
  429. .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  430. display: none;
  431. }
  432. /* End: Mute/Volume */
  433. /* Start: Track (Captions and Chapters) */
  434. .mejs-controls .mejs-captions-button {
  435. position: relative;
  436. }
  437. .mejs-controls .mejs-captions-button button {
  438. background-position: -48px 0;
  439. }
  440. .mejs-controls .mejs-captions-button .mejs-captions-selector {
  441. visibility: hidden;
  442. position: absolute;
  443. bottom: 26px;
  444. right: -51px;
  445. width: 85px;
  446. height: 100px;
  447. background: url('../../media/img/background.png');
  448. background: rgba(50,50,50,0.7);
  449. border: solid 1px transparent;
  450. padding: 10px 10px 0 10px;
  451. overflow: hidden;
  452. -webkit-border-radius: 0;
  453. -moz-border-radius: 0;
  454. border-radius: 0;
  455. }
  456. /*
  457. .mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
  458. visibility: visible;
  459. }
  460. */
  461. .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  462. margin: 0;
  463. padding: 0;
  464. display: block;
  465. list-style-type: none !important;
  466. overflow: hidden;
  467. }
  468. .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  469. margin: 0 0 6px 0;
  470. padding: 0;
  471. list-style-type: none !important;
  472. display: block;
  473. color: #fff;
  474. overflow: hidden;
  475. }
  476. .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  477. clear: both;
  478. float: left;
  479. margin: 3px 3px 0 5px;
  480. }
  481. .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  482. width: 55px;
  483. float: left;
  484. padding: 4px 0 0 0;
  485. line-height: 15px;
  486. font-family: helvetica, arial;
  487. font-size: 10px;
  488. }
  489. .mejs-controls .mejs-captions-button .mejs-captions-translations {
  490. font-size: 10px;
  491. margin: 0 0 5px 0;
  492. }
  493. .mejs-chapters {
  494. position: absolute;
  495. top: 0;
  496. left: 0;
  497. -xborder-right: solid 1px #fff;
  498. width: 10000px;
  499. z-index: 1;
  500. }
  501. .mejs-chapters .mejs-chapter {
  502. position: absolute;
  503. float: left;
  504. background: #222;
  505. background: rgba(0, 0, 0, 0.7);
  506. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
  507. background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  508. background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  509. background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  510. background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  511. background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  512. filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
  513. overflow: hidden;
  514. border: 0;
  515. }
  516. .mejs-chapters .mejs-chapter .mejs-chapter-block {
  517. font-size: 11px;
  518. color: #fff;
  519. padding: 5px;
  520. display: block;
  521. border-right: solid 1px #333;
  522. border-bottom: solid 1px #333;
  523. cursor: pointer;
  524. }
  525. .mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  526. border-right: none;
  527. }
  528. .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  529. background: #666;
  530. background: rgba(102,102,102, 0.7);
  531. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
  532. background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
  533. background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
  534. background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
  535. background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
  536. background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
  537. filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
  538. }
  539. .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  540. font-size: 12px;
  541. font-weight: bold;
  542. display: block;
  543. white-space: nowrap;
  544. text-overflow: ellipsis;
  545. margin: 0 0 3px 0;
  546. line-height: 12px;
  547. }
  548. .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  549. font-size: 12px;
  550. line-height: 12px;
  551. margin: 3px 0 4px 0;
  552. display: block;
  553. white-space: nowrap;
  554. text-overflow: ellipsis;
  555. }
  556. .mejs-captions-layer {
  557. position: absolute;
  558. bottom: 0;
  559. left: 0;
  560. text-align:center;
  561. line-height: 20px;
  562. font-size: 16px;
  563. color: #fff;
  564. }
  565. .mejs-captions-layer a {
  566. color: #fff;
  567. text-decoration: underline;
  568. }
  569. .mejs-captions-layer[lang=ar] {
  570. font-size: 20px;
  571. font-weight: normal;
  572. }
  573. .mejs-captions-position {
  574. position: absolute;
  575. width: 100%;
  576. bottom: 15px;
  577. left: 0;
  578. }
  579. .mejs-captions-position-hover {
  580. bottom: 35px;
  581. }
  582. .mejs-captions-text {
  583. padding: 3px 5px;
  584. background: url('../../media/img/background.png');
  585. background: rgba(20, 20, 20, 0.5);
  586. white-space: pre-wrap;
  587. }
  588. /* End: Track (Captions and Chapters) */
  589. /* Start: Error */
  590. .me-cannotplay {
  591. }
  592. .me-cannotplay a {
  593. color: #fff;
  594. font-weight: bold;
  595. }
  596. .me-cannotplay span {
  597. padding: 15px;
  598. display: block;
  599. }
  600. /* End: Error */
  601. /* Start: Loop */
  602. .mejs-controls .mejs-loop-off button {
  603. background-position: -64px -16px;
  604. }
  605. .mejs-controls .mejs-loop-on button {
  606. background-position: -64px 0;
  607. }
  608. /* End: Loop */
  609. /* Start: backlight */
  610. .mejs-controls .mejs-backlight-off button {
  611. background-position: -80px -16px;
  612. }
  613. .mejs-controls .mejs-backlight-on button {
  614. background-position: -80px 0;
  615. }
  616. /* End: backlight */
  617. /* Start: Picture Controls */
  618. .mejs-controls .mejs-picturecontrols-button {
  619. background-position: -96px 0;
  620. }
  621. /* End: Picture Controls */
  622. /* context menu */
  623. .mejs-contextmenu {
  624. position: absolute;
  625. width: 150px;
  626. padding: 10px;
  627. border-radius: 4px;
  628. top: 0;
  629. left: 0;
  630. background: #fff;
  631. border: solid 1px #999;
  632. z-index: 1001; /* make sure it shows on fullscreen */
  633. }
  634. .mejs-contextmenu .mejs-contextmenu-separator {
  635. height: 1px;
  636. font-size: 0;
  637. margin: 5px 6px;
  638. background: #333;
  639. }
  640. .mejs-contextmenu .mejs-contextmenu-item {
  641. font-family: Helvetica, Arial;
  642. font-size: 12px;
  643. padding: 4px 6px;
  644. cursor: pointer;
  645. color: #333;
  646. }
  647. .mejs-contextmenu .mejs-contextmenu-item:hover {
  648. background: #2C7C91;
  649. color: #fff;
  650. }
  651. /* Start: Source Chooser */
  652. .mejs-controls .mejs-sourcechooser-button {
  653. position: relative;
  654. }
  655. .mejs-controls .mejs-sourcechooser-button button {
  656. background-position: -128px 0;
  657. }
  658. .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  659. visibility: hidden;
  660. position: absolute;
  661. bottom: 26px;
  662. right: -10px;
  663. width: 130px;
  664. height: 100px;
  665. background: url('../../media/img/background.png');
  666. background: rgba(50,50,50,0.7);
  667. border: solid 1px transparent;
  668. padding: 10px;
  669. overflow: hidden;
  670. -webkit-border-radius: 0;
  671. -moz-border-radius: 0;
  672. border-radius: 0;
  673. }
  674. .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  675. margin: 0;
  676. padding: 0;
  677. display: block;
  678. list-style-type: none !important;
  679. overflow: hidden;
  680. }
  681. .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  682. margin: 0 0 6px 0;
  683. padding: 0;
  684. list-style-type: none !important;
  685. display: block;
  686. color: #fff;
  687. overflow: hidden;
  688. }
  689. .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  690. clear: both;
  691. float: left;
  692. margin: 3px 3px 0 5px;
  693. }
  694. .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  695. width: 100px;
  696. float: left;
  697. padding: 4px 0 0 0;
  698. line-height: 15px;
  699. font-family: helvetica, arial;
  700. font-size: 10px;
  701. }
  702. /* End: Source Chooser */
  703. /* Start: Postroll */
  704. .mejs-postroll-layer {
  705. position: absolute;
  706. bottom: 0;
  707. left: 0;
  708. width: 100%;
  709. height: 100%;
  710. background: url('../../media/img/background.png');
  711. background: rgba(50,50,50,0.7);
  712. z-index: 1000;
  713. overflow: hidden;
  714. }
  715. .mejs-postroll-layer-content {
  716. width: 100%;
  717. height: 100%;
  718. }
  719. .mejs-postroll-close {
  720. position: absolute;
  721. right: 0;
  722. top: 0;
  723. background: url('../../media/img/background.png');
  724. background: rgba(50,50,50,0.7);
  725. color: #fff;
  726. padding: 4px;
  727. z-index: 100;
  728. cursor: pointer;
  729. }
  730. /* End: Postroll */
  731. /* Start: Speed */
  732. div.mejs-speed-button {
  733. width: 46px !important;
  734. position: relative;
  735. }
  736. .mejs-controls .mejs-button.mejs-speed-button button {
  737. background: transparent;
  738. width: 36px;
  739. font-size: 11px;
  740. line-height: normal;
  741. color: #ffffff;
  742. }
  743. .mejs-controls .mejs-speed-button .mejs-speed-selector {
  744. visibility: hidden;
  745. position: absolute;
  746. top: -100px;
  747. left: -10px;
  748. width: 60px;
  749. height: 100px;
  750. background: url('../../media/img/background.png');
  751. background: rgba(50, 50, 50, 0.7);
  752. border: solid 1px transparent;
  753. padding: 0;
  754. overflow: hidden;
  755. -webkit-border-radius: 0;
  756. -moz-border-radius: 0;
  757. border-radius: 0;
  758. }
  759. .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
  760. visibility: visible;
  761. }
  762. .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
  763. color: rgba(33, 248, 248, 1);
  764. }
  765. .mejs-controls .mejs-speed-button .mejs-speed-selector ul {
  766. margin: 0;
  767. padding: 0;
  768. display: block;
  769. list-style-type: none !important;
  770. overflow: hidden;
  771. }
  772. .mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
  773. margin: 0 0 6px 0;
  774. padding: 0 10px;
  775. list-style-type: none !important;
  776. display: block;
  777. color: #fff;
  778. overflow: hidden;
  779. }
  780. .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
  781. clear: both;
  782. float: left;
  783. margin: 3px 3px 0 5px;
  784. display: none;
  785. }
  786. .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
  787. width: 60px;
  788. float: left;
  789. padding: 4px 0 0 0;
  790. line-height: 15px;
  791. font-family: helvetica, arial;
  792. font-size: 11.5px;
  793. color: white;
  794. margin-left: 5px;
  795. cursor: pointer;
  796. }
  797. .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
  798. background-color: rgb(200, 200, 200) !important;
  799. background-color: rgba(255,255,255,.4) !important;
  800. }
  801. /* End: Speed */
  802. /* Start: Skip Back */
  803. .mejs-controls .mejs-button.mejs-skip-back-button {
  804. background: transparent url('../../media/img/skipback.png') no-repeat;
  805. background-position: 3px 3px;
  806. }
  807. .mejs-controls .mejs-button.mejs-skip-back-button button {
  808. background: transparent;
  809. font-size: 9px;
  810. line-height: normal;
  811. color: #ffffff;
  812. }
  813. /* End: Skip Back */