Advertisement
janvier56

X SpankBang Widescreen (No ag) v.2

Mar 5th, 2018
336
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.62 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("spankbang.com") {
  4.  
  5. /* ==== X SpankBang Widescreen (No ag) v.2 - WATnew03 ==== */
  6.  
  7. /* SUP */
  8. .videos > .ft-button.ft-red.more_videos + div ,
  9. .share ,
  10. .right>div[style="text-align:center"] ,
  11. .left>div[style="text-align:center"] ,
  12. .user_panel_guest ,
  13. .remodal-overlay {
  14.     display: none !important;
  15. }
  16.  
  17. /* WIDESCREEN  */
  18. #container {
  19.     margin: 0 !important;
  20. }
  21.  
  22. #video .left  .info ,
  23. #video .left section.timeline ,
  24. #video .left div.toolbar ,
  25. #video .left #video_container {
  26.     width: 44% !important;
  27. }
  28.  
  29. #video .left {
  30.     max-width: 1400px !important;
  31.     margin-left: 10px !important;
  32.     margin-top: 7px !important;
  33.     padding-right: 0 !important;
  34.     padding-top: 0 !important;
  35.  
  36. }
  37.  
  38. #video .left #video_container {
  39.     height: 453px;
  40. }
  41.  
  42.  
  43. .vjs-control-bar {
  44.     position: absolute;
  45.     height: 3em;
  46.     width: 100%;
  47.     top: 395px !important;
  48.     bottom: 0;
  49.     left: 0;
  50.     right: 0;
  51. }
  52. .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  53.     opacity:05;
  54.     visibility: visible !important;
  55. }
  56.  
  57. #video .left div.toolbar {
  58.     height: 50px !important;
  59.     line-height: 50px !important;
  60.     width: 44% !important;
  61.     margin: 0 !important;
  62. }
  63.  
  64. .vjs-big-play-button {
  65.     transform: scale(0.2) !important;
  66.     transform-origin: left top !important;
  67.     opacity: 0.5 !important;
  68. transition: all ease 0.7s !important;
  69. }
  70. .vjs-big-play-button:hover {
  71.     transform: scale(0.25) !important;
  72.     transform-origin: -5px -5px !important;
  73.     opacity: 1;
  74. }
  75.  
  76. .left_set {
  77.     height: 30px !important;
  78.     line-height: 30px !important;
  79.     width: 100% !important;
  80.     margin-top: 30px !important;
  81. }
  82. .right_set{
  83.     height: 40px !important;
  84.     line-height: 40px !important;
  85.     width: 100% !important;
  86.     margin-top: 10px !important;
  87. }
  88.  
  89. #video .left section.timeline {
  90. float: left !important;
  91. clear: both !important;
  92. }
  93. #video .left  .info  {
  94. float: right !important;
  95. clear: none !important;
  96.     margin-right: 149px !important;
  97.     margin-top: -560px !important;
  98. }
  99. #video .left section.details div.top .left_side {
  100. position: relative !important;
  101. display: inline-block !important;
  102.     float: none!important;
  103. clear: none !important;
  104.     width: 100% !important;
  105. outline: 1px solid violet !important;
  106. }
  107. #video .left section.details div.top .right_side {
  108. position: relative !important;
  109. display: inline-block !important;
  110.     float: none !important;
  111.     width: 100% !important;
  112. text-align: center !important;
  113. }
  114. #video .left section.details div.bottom div.cat span.t {
  115.     color: #507192;
  116. display: inline-block !important;
  117. vertical-align: middle !important;
  118.     width: 124px !important;
  119. height: 20px !important;
  120.     line-height: 15px !important;
  121.     margin-top: -17px;
  122.     font-size: 15px !important;
  123.     padding: 0px 0;
  124. text-align: right !important;
  125. }
  126.  
  127. #video .left section.all_comments {
  128.     height: 383px !important;
  129.     background-color: #11181f;
  130.     border: 1px solid #080b0e;
  131.     border-radius: 5px;
  132.     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  133.     margin-top: 10px;
  134.     overflow: hidden;
  135.     padding: 5px;
  136.     overflow-y: auto;
  137. }
  138.  
  139.  
  140. #video .right {
  141.     min-width: 640px !important;
  142.     width: 640px !important;
  143.     margin-left: -145px !important;
  144.     margin-right: 0 !important;
  145. }
  146. .similar {
  147.     height: 723px !important;
  148.     overflow-x: hidden !important;
  149.     overflow-y: auto !important;
  150. }
  151.  
  152.  
  153. #video .right .video-item {
  154.     width: 32% !important;
  155. }
  156. .video-list .video-item .i-wl, .video-list .video-item .i-fav, .video-list .video-item .i-flag {
  157.     position: absolute;
  158.     width: 13px !important;
  159.     height: 15px !important;
  160.     line-height: 15px;
  161. /*     margin-top: -28px!important; */
  162.     right: 2%;
  163.     bottom: 51% !important;
  164.     border-radius: 3px;
  165.     color: #ecf0f1;
  166.     cursor: pointer;
  167.     font-size: 10px !important;
  168.     text-align: center;
  169.     opacity: 0.5 !important;
  170.     overflow: hidden;
  171.     background-color: #080b0e;
  172.     z-index: 3;
  173. }
  174.  
  175. /* .clear-fix {
  176.     display: none !important;
  177. } */
  178.  
  179. /* PROFILE */
  180. .data  .playlist-list {
  181.     display: inline-block !important;
  182.     width: 100% !important;
  183. }
  184.  
  185. /* LINKS */
  186. #video .left section.details div.top .left_side a.user{
  187.     color: peru !important;
  188.     text-decoration: none !important;
  189. }
  190. #video .left section.details div.top .left_side a.user:visited{
  191. }
  192. .video-list .video-item .thumb {
  193.     border-radius: 4px !important;
  194.     border: 1px solid gray !important;
  195. }
  196. .video-list .video-item .thumb:visited {
  197.     border-radius: 4px !important;
  198.     border: 1px solid red !important;
  199. }
  200. /* ==== NED ==== */
  201.  
  202. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement