☰

Data18 WideScreen Dark and Gray v.2

Wide Data18

  1. /* ==UserStyle==
  2. @name           Data18 WideScreen Dark and Gray v.2
  3. @namespace      data18.com
  4. @version        2.0.0
  5. @description    Wide Data18
  6. @author         janvier57
  7. @homepage       https://greasyfork.org/fr/users/7434-janvier56
  8. @include        http://www.data18.com/*
  9. @license       unlicense
  10. ==/UserStyle== */
  11.  
  12. @-moz-document domain("www.data18.com") {
  13.  
  14. /* ==== X Data18 WideScreen Dark and Gray v.2 ===
  15. FOR : http://www.data18.com/content/
  16.  
  17. TEST LINKS Full Member Ship:
  18. http://www.data18.com/content/1146510
  19. http://www.data18.com/content/1146511
  20.  
  21. TEST LINKS OTHERS:
  22. http://www.data18.com/content/1153406
  23.  
  24. ==== */
  25.  
  26. /* (new1) SUPP */
  27. /* .p8>.p4  + div +div[style="float: left; width: 650px;"] ,
  28. .main3 > .contenedor {
  29. display: none !important;
  30. } */
  31.  
  32. .bartop1w0 ,
  33. .bargreyw0 ,
  34. #optionsdiv ,
  35.  
  36. #cookiealert ,
  37. #order ,
  38. .p8>div h1 + div ,
  39. #finishedvideo>div ,
  40. #icons[onclick="videoControl();"]  ,
  41.  
  42. #centered>.p8.dloc + table>tbody>tr>td>table:last-of-type>tbody>tr>td[style="background: white; padding: 6px;"] > div[style="background: #F6F4D0; padding: 6px; margin-bottom: 8px;"] ,
  43. .p8>div>div>div[style="clear: both;"] ,
  44. .p8 #related +div ,
  45. #centered>table>tbody>tr>td>table>tbody>tr>td>table>tbody>tr>td:empty ,
  46. .p8>div[style^="width: 900px;"] ,
  47. #centered>div[style^="height: 275px; "] ,
  48. .p8>.p4  + div + div[style="float: left; width: 650px;"] + div,
  49. .p8>.p4  + div + div[style="float: left; width: 650px;"] ,
  50. .p8>div>div:empty{
  51.     display: none !important;
  52. }
  53.  
  54.  
  55.  
  56. /* WIDE */
  57. #divmenu.absofixed {
  58.     width: 100% !important;
  59.     margin: 0 !important;
  60.     background: #111 !important;
  61. }
  62. #mainclick {
  63.     width: 100% !important;
  64. }
  65. #bodydiv {
  66.     width: 100% !important;
  67. }
  68. #divmenu.absofixed #searchdivpri {
  69.     width: 75% !important;
  70. }
  71. #divmenu.absofixed #searchdivpri .bigheader + .bigheader {
  72.     float: left;
  73.     width: 105px;
  74.     margin-top: 10px !important;
  75. }
  76.  
  77. #searchdiv {
  78.     width: 60% !important;
  79. /* border: 1px solid green !important; */
  80. }
  81. #searchdiv > div + input {
  82.     width: 90% !important;
  83. border: 1px solid red !important;
  84. }
  85. #searchdivpri #searchicon {
  86.     float: left !important;
  87.     height: 31px !important;
  88.     margin: 2px 0px 0 -50px !important;
  89.     padding-left: 3px;
  90.     padding-top: 3px;
  91.     width: 27px;
  92.     border-radius: 0 5px 5px 0 !important;
  93. background: #222 !important;
  94. border-left: 1px solid #a6a6a6;
  95. }
  96.  
  97. .contentpage> .absofixed {
  98.     width: 85% !important;
  99. }
  100. .contentpage> .absofixed > p ,
  101. .contentpage> .absofixed > div {
  102.     width: 100% !important;
  103. }
  104. #disable .contentpage> .absofixed:not(.gen12){
  105.     width: 86.3% !important;
  106. }
  107.  
  108. #floatbody {
  109.     float: left;
  110.     margin: 0!important;
  111. width: 100% !important;
  112. }
  113.  
  114. .contentpage2 ,
  115. /* #contentlist > p.gen12 , */
  116. #contentpage2 ,
  117. #disable2 ,
  118. #disable .contentpage #bodyprimary ,
  119. #disable .contentpage {
  120.     display: inline-block;
  121.     width: 100% !important;
  122.     min-height: 100vh !important;
  123. background: #111 !important;
  124. }
  125. /* .contentpage > .absofixed[style*="background: #FFF8F9;"]:not(.gen11)  */
  126. #floatbody #disable .contentpage {
  127.     margin-top: -4px !important;
  128. background: #111 !important;
  129. }
  130.  
  131. .backgroundmenu > #primaryimg{
  132.     background: #111 !important;
  133.     border-bottom: 1px dashed red !important;
  134. }
  135. .backgroundmenu > #primaryimg a > div{
  136.     float: left;
  137.     padding: 6px;
  138.     width: 99.7% !important;
  139.     font-size: 20px !important;
  140.     background: #111 !important;
  141. }
  142.  
  143. .backgroundmenu > #primaryimg + div {
  144.     height: 150px;
  145.     width: 179px;
  146.     margin: 15px 0 5px 0 !important;
  147.     overflow: hidden;
  148. }
  149. .backgroundmenu > div > div > a > img[src="https://i.datavimg.com/images/user-nopic.png"] {
  150.     height: 98px !important;
  151.     width: 198px;
  152.     margin: 15px 0 5px 0 !important;
  153.     object-fit: contain !important;
  154. }
  155.  
  156.  
  157. #contentlist p.gen12 {
  158.     background: #111 !important;
  159.     display: inline-block;
  160.     width: 100% !important;
  161.     padding: 0 !important;
  162. }
  163. div[style="height: 132px;"] {
  164.     height: 50px !important;
  165. }
  166.  
  167. .contentpage > .absofixed {
  168.     width: 86% !important;
  169.     padding: 0 !important;
  170. }
  171.  
  172. #navdiv.absofixed {
  173.     position: fixed;
  174.     float: none !important;
  175.     width: 258px;
  176.     right: 0 !important;
  177.     margin-left: 0 !important;
  178.     overflow: hidden;
  179.     z-index: 18;
  180.     border-right: 3px solid #dadada;
  181. }
  182. #bodyprimary #disable2 {
  183.     margin: 0!important;
  184.     width: 86% !important;
  185. }
  186.  
  187.  
  188. #bodyprimary #disable2 .contentpage2 > #filterdivdo2 ,
  189. #bodyprimary #disable2 .contentpage2 > #filter_html0 ,
  190. #bodyprimary #disable2 .contentpage2 > #filterdivdo ,
  191. #bodyprimary #disable2 .contentpage2 > #filterdivresults ,
  192. #bodyprimary #disable2 .contentpage2 > div#contentlist {
  193. float: right !important;
  194.     margin: 0!important;
  195.     width: 88.5% !important;
  196. /* border: 1px solid aqua !important; */
  197. }
  198.  
  199. #bodyprimary #disable2 .contentpage2 > #filterdivdo2 ,
  200. #bodyprimary #disable2 .contentpage2 > #filter_html0 ,
  201. #bodyprimary #disable2 .contentpage2 > #filterdivdo  {
  202.     font-size: 15px !important;
  203. /* border: 1px solid aqua !important; */
  204. }
  205.  
  206. #contentlist #tabmovies_list #tabmovies_line .boxep1 + div {
  207. float: left !important;
  208.     width: 99.8% !important;
  209.     height: 20px !important;
  210.     padding: 2px !important;
  211.     text-align: right;
  212. color: gold !important;
  213. border-bottom: 1px solid green !important;
  214. border-top: 1px solid green !important;
  215. background: red !important;
  216. }
  217.  
  218.  
  219.  
  220. /* FILTERS */
  221.  
  222. #filter_html  > div  {
  223.     width: 99.7% !important;;
  224. /* border: 1px solid yellow !important; */
  225. }
  226. #filter_html  > div >div:not([style="clear: both;"]) {
  227.     float: left;
  228.     width: 33% !important;
  229. }
  230.  
  231. #filter_html  > div >div:not([style="clear: both;"]) .filtercolumn {
  232.     height: 120px;
  233.     overflow-y: scroll;
  234.     width: 100% !important;
  235. }
  236.  
  237. #listing_results  {
  238. float: left !important;
  239.     margin: 0!important;
  240.     width: 99.7% !important;
  241. /* border: 1px solid aqua !important; */
  242. }
  243. #listing_results select#orderpage   {
  244. float: right !important;
  245.     margin: 0!important;
  246.     width: 95% !important;
  247. /* border: 1px solid yellow !important; */
  248. }
  249.  
  250. .boxep1  {
  251. float: left !important;
  252.     margin: 0!important;
  253.     width: 99.5% !important;
  254. border: 1px solid green !important;
  255. }
  256.  
  257. #bodyprimary #disable2 .contentpage2 > div#contentlist > div > div  {
  258. float: left !important;
  259.     margin: 0!important;
  260.     width: 100% !important;
  261.     padding: 0 !important;
  262. border: 1px solid red !important;
  263. }
  264.  
  265. #bodyprimary #disable2 .contentpage2 > div#contentlist > div[id^="pagination_bar"]:not([style="display: none;"]) {
  266. float: left !important;
  267.     margin: 0!important;
  268.     width: 99.6% !important;
  269.     padding: 0 !important;
  270. background: red !important;
  271. /* border: 1px solid red !important; */
  272. }
  273. #bodyprimary #disable2 .contentpage2 > div#contentlist > div[id^="pagination_bar"]:not([style="display: none;"]) > div {
  274.     display: inline-block !important;
  275.     width: 11% !important;
  276.     margin: 0 0.5rem 0 0 !important;
  277. }
  278.  
  279. #bodyprimary #disable2 .contentpage2 > div#contentlist > div#pagination_bar3:not([style="display: none;"]) {
  280. float: left !important;
  281.     margin: 0!important;
  282.     width: 99.6% !important;
  283.     padding: 0 !important;
  284. /* background: blue !important; */
  285. /* border: 1px solid red !important; */
  286. }
  287. #bodyprimary #disable2 .contentpage2 > div#contentlist > div#pagination_bar3:not([style="display: none;"]) > div  {
  288.     display: inline-block !important;
  289.     width: 100% !important;
  290.     margin: 0 0 0 0 !important;
  291. }
  292.  
  293. #bodyprimary #disable2 .contentpage2 > #filter_html0 .absofixed {
  294.     height: 24px !important;
  295.     top: 115px !important;
  296.     width: 75.5% !important;
  297.     z-index: 9;
  298. /* border: 1px solid violet !important; */
  299. }
  300. #bodyprimary #disable2 .contentpage2 > #filter_html0 .absofixed p {
  301.     height: 19px;
  302.     width: 100% !important;
  303. background: red !important;
  304. }
  305.  
  306. #bodyprimary #disable2 .contentpage2 > div#contentlist > div > div.boxep1 {
  307. /* float: left !important; */
  308. display: inline-block !important;
  309. width: 100% !important;
  310.     min-width: 49.6% !important;
  311.     max-width: 49.6% !important;
  312.     height: 320px !important;
  313.     margin: 0 3px 0 0px !important;
  314. /* border: 1px solid aqua !important; */
  315. }
  316. #bodyprimary #disable2 .contentpage2 > div#contentlist > div > div.boxep1 > div[style="display: table-row;"] {
  317. /* float: left !important; */
  318. display: inline-block !important;
  319. width: 100% !important;
  320.     min-width: 100% !important;
  321.     max-width: 100% !important;
  322.     height: 320px !important;
  323.     margin: 0 0 0 0 !important;
  324. /* border: 1px solid yellow !important; */
  325. }
  326.  
  327. #contentlist #listing_results .boxep1 > div > div {
  328.     display: inline-block !important;
  329.     height: 299px !important;
  330.     width: 100% !important;
  331.     min-width: 30.6% !important;
  332.     max-width: 30.6% !important;
  333.     margin: 2px 2px 0 0px !important;
  334.     padding: 0px;
  335.     overflow: hidden;
  336. border-right: 1.5px solid #bcbcbc !important;
  337. }
  338. #contentlist #listing_results .boxep1 > div > div:nth-child(3) {
  339.     border: none !important;
  340. }
  341. #contentlist #listing_results .boxep1 > div > div > div[style="margin-top: 3px; width: 200px; overflow: hidden"] {
  342.     display: inline-block !important;
  343.     width: 100% !important;
  344. }
  345.  
  346. #contentlist #listing_results .boxep1 > div > div >div[style="margin-top: 3px; width: 200px; overflow: hidden"] {
  347.     width: 100% !important;
  348.     margin-top: 3px;
  349. }
  350. #contentlist #listing_results .boxep1 > div > div > div[style="margin-top: 3px; width: 200px; overflow: hidden"] > div {
  351.     min-width: 99% !important;
  352.     max-width: 99% !important;
  353.     margin-left: 0 !important;
  354. }
  355. #contentlist #listing_results .boxep1 > div > div > div[style="margin-top: 3px; width: 200px; overflow: hidden"] > div .yborder{
  356.     width: 100% !important;
  357.     margin-left: 0 !important;
  358. }
  359.  
  360. #bodyprimary #disable2 .contentpage2 > div#contentlist > div > div.boxep1 a.none .bold {
  361.     padding: 0 !important;
  362. }
  363.  
  364.  
  365. /* MORE */
  366. #show_more_results {
  367.     float: left !important;
  368.     width: 100% !important;
  369.     height: 20px !important;
  370.     margin: 20px 0 20px 0px !important;
  371. }
  372. #show_more_results p  {
  373.     float: left !important;
  374.     width: 100% !important;
  375.     height: 20px !important;
  376. color: gold !important;
  377. background: #333 !important;
  378. }
  379.  
  380. /* RIGHT PANEL */
  381. #navdivrest #navmode {
  382.     width: 100% !important;
  383.     padding: 2px !important;
  384. }
  385. #navmode>div{
  386.     width: 100% !important;
  387.     padding: 2px !important;
  388. }
  389. #navmode>div #nav_scenes{
  390.     width: 90% !important;
  391.     padding: 2px !important;
  392. }
  393.  
  394. #tab_list_scenes>div {
  395. background-color: rgba(0, 0, 0, 0.16) !important;
  396. border-bottom: 1px dashed red !important;
  397. }
  398.  
  399.  
  400. #tab_list_scenes>div.relatedsceneszone2 {
  401.     float: left;
  402. /*     height: 50px; */
  403.     margin-bottom: 3px;
  404.     overflow: hidden;
  405. background-color: #111 !important;
  406. border-bottom: 1px dashed red !important;
  407. }
  408. #tab_list_scenes>div:not(.relatedsceneszone2)>div:first-of-type {
  409.     float: left;
  410.     height: 50px !important;
  411.     width: 50px !important;
  412.     overflow: hidden;
  413. border-right: 2px solid red !important;
  414. }
  415. #tab_list_scenes>div>div:first-of-type + div {
  416.     float: left !important;
  417.     height: 50px !important;
  418.     width: 170px !important;
  419.     overflow: hidden;
  420. background-color: #222 !important;
  421. border-left: 2px solid green !important;
  422. }
  423.  
  424. #tab_list_scenes>div>div{
  425.     height: 50px !important;
  426. }
  427. #tab_list_scenes>div>div>div {
  428.     margin: 0 !important;
  429. }
  430. #tab_list_scenes>div>div>div>a>img {
  431.     float: left;
  432.     height: 50px;
  433.     width: 50px;
  434.     overflow: hidden;
  435.     object-fit: contain !important;
  436. border: 1px solid red !important;
  437. }
  438.  
  439. #navdivrest #showingmedia #tab_list_scenes {
  440. display: inline-block !important;
  441. float: none !important;
  442.     width: 100% !important;
  443. }
  444.  
  445.  
  446. #tab_list_scenes>div.relatedsceneszone2 {
  447. display: inline-block !important;
  448. /*     height: 150px !important; */
  449.     padding: 3px !important;
  450. }
  451. #tab_list_scenes>div.relatedsceneszone2 > a {
  452. /* display: inline-block !important; */
  453. float: left !important;
  454.     height: 90px !important;
  455.     width: 258px !important;
  456.     margin: 0 0 0px 0px !important;
  457.     padding: 5px !important;
  458.     overflow: hidden;
  459. /* background-color: red !important; */
  460. border-bottom: 1px dashed red !important;
  461. }
  462. #tab_list_scenes>div.relatedsceneszone2 > a .gray2 {
  463.     height: 90px !important;
  464.     filter: none !important;
  465. background: #111 !important;
  466. }
  467. #tab_list_scenes>div.relatedsceneszone2 > a .gray2 > div{
  468.     height: 90px !important;
  469.     margin: 0px !important;
  470.     padding: 0 !important;
  471. }
  472. #tab_list_scenes>div.relatedsceneszone2 >div:first-of-type{
  473. float: left !important;
  474. width: 92% !important;
  475.     height: 34px !important;
  476. /*     margin: 20px 0 20px 0  !important; */
  477.     padding: 0 !important;
  478. /* background: green !important; */
  479. }
  480. #tab_list_scenes>div.relatedsceneszone2 >div:first-of-type a div{
  481. float: left !important;
  482.     height: 34px !important;
  483. width: 92% !important;
  484. /*     margin: -20px 0 0 0  !important; */
  485.     padding: 0 !important;
  486. background: #111 !important;
  487. }
  488. #tab_list_scenes>div.relatedsceneszone2 >div:first-of-type a div p{
  489.     height: 34px !important;
  490.     padding: 0 !important;
  491. /* background: red !important; */
  492. }
  493.  
  494. /* (new2) LISTS - TAGS / DIRECTOR / STUDIOS  */
  495. #bodyprimary #contentlist #listing_results>a[href^="https://www.data18.com/name/"] ,
  496. #bodyprimary #contentlist #listing_results .listdirector ,
  497. #bodyprimary #contentlist #listing_results .listtag {
  498.     display: inline-block;
  499.     width: 460px;
  500.     padding: 6px;
  501. margin: 0 3px 3px 3px !important;
  502. /* background: #f3f3f3 none repeat scroll 0 0; */
  503. }
  504.  
  505.  
  506. /* TOP/BOTTOM */
  507. #myBtn2.gotop_bottom {
  508.     position: fixed;
  509.     display: block;
  510.     bottom: 0;
  511.     right: 0 !important;
  512.     margin: 0 !important;
  513.     padding: 6px;
  514.     text-align: center;
  515.     z-index: 500 !important;
  516. }
  517.  
  518.  
  519. /* FOOTER */
  520. #disable>div>div.lineup ,
  521. #disable>div>div.lineup + div  {
  522.     width: 74.8% !important;
  523. background: #111 !important;
  524. }
  525.  
  526. #disable>div>div.lineup + div + div {
  527.     width: 100% !important;
  528.     z-index: 100 !important;
  529. background: red !important;
  530. }
  531.  
  532. #disable .lineup + div > div img {
  533.    display: inline-block !important;
  534.     width: 10.8% !important;
  535. }
  536. #disable .lineup + div > div i {
  537.     display: inline-block !important;
  538.     width: 35.8% !important;
  539.     height: 25px !important;
  540.     object-fit: contain !important;
  541. }
  542.  
  543.  
  544.  
  545.  
  546. /* ==== COLOR  ==== */
  547.  
  548. /* COLOR - BACKGROUND - #111 */
  549.  
  550. #menunav >div > div > div  a.gen.big > div ,
  551. #menunav >div > div > div > div > p ,
  552. #centered>table>tbody>tr>td>div[style="width: 100%; background: #DADADA;"] ,
  553. #centered>table>tbody>tr>td>table>tbody>tr>td>a>div:not(.imagemovie) ,
  554. #centered>table>tbody>tr>td>table>tbody>tr>td>table>tbody>tr>td[style="width: 560px;"] .boxep1 ,
  555. .contenedor div:not(.genmed):not([style="margin-top: 7px;"]) ,
  556. .lfoo ,
  557. #centered>table>tbody>tr>td>table>tbody>tr>td>div ,
  558. .boxep1 .gray2 ,
  559. .contentpage2 ,
  560. #disable2 .contentpage2 ,
  561. #divmenu.absofixed, 
  562. .bartop1w0, 
  563. #mainclick {
  564.     background: #111 !important;
  565. }
  566.  
  567. /* COLOR - BACKGROUND - #222 */
  568.  
  569. .boxep1 div[style*="padding: 6px; background: #959595;"] ,
  570. #body2rest ,
  571. .none .bold,
  572. .boxep1 .gen12.bold ,
  573. #tabmovies_line .boxep1 div[style*="background: #959595;"] ,
  574. #menunav >div > div > div > div > a > div,
  575. #menunav > div > div > div ,
  576. #menunav > div > div ,
  577. #disable2  ,
  578. #tabmovies_list #tabmovies_line .boxep1 > div >div[style="display: table-cell; background: #f3f3f3;"] ,
  579. #tabmovies_list #tabmovies_line .boxep1 > div ,
  580. #tabmovies_list #tabmovies_line .boxep1 ,
  581. #tabmovies_line .boxep1 ,
  582. #tabmovies_line ,
  583. #tabmovies_pri ,
  584. #contentlist ,
  585. #tabmovies_line .boxep1 > div ,
  586. #bodyprimary #disable2 .contentpage2 > div#contentlist > div > div, 
  587. #bodyprimary #disable2 .contentpage2 > div#contentlist > #pagination_bar3, 
  588. #bodyprimary #disable2 .contentpage2 > #filter_html0 .absofixed ,
  589. #bodyprimary #disable2 .contentpage2 > div#contentlist > div > div.boxep1 > div > div,
  590. #floatbody .absofixed ,
  591. .contentpage2 ,
  592. #navdivrest ,
  593. #centered>table>tbody>tr>td>div[style="width: 100%; background: #DADADA;"]>div:not([style="clear: both;"]) ,
  594. .dsecure ,
  595. .dfoo2 ,
  596. #centered>table>tbody>tr>td>table>tbody>tr>td ,
  597. #centered>table>tbody>tr>td>table>tbody ,
  598. #centered>table>tbody>tr>td>table,
  599. #centered > table > tbody > tr > td:first-of-type ,
  600. #centered>table>tbody ,
  601. #centered>table ,
  602. #centered > .lineup:first-of-type + div + .lineup + div ,
  603. #centered > .lineup:first-of-type + div ,
  604. #centered.main2 ,
  605. body ,
  606. .main.gre1 {
  607.     background: #222 !important;
  608. }
  609.  
  610.  
  611. /* COLOR - BACKGROUND COLOR - #222 */
  612. .gray2 {
  613.     background-color: #222 !important;
  614. }
  615.  
  616.  
  617.  
  618.  
  619.  
  620. /* COLOR - BACKGROUND - #333 */
  621.  
  622. #searchcontains ,
  623. #searchtype ,
  624. #mixall ,
  625. #sharedfilmo ,
  626. #menuleft input ,
  627. #listing_results select#orderpage ,
  628. #navmode > div #nav_scenes ,
  629. #searchdiv > div + input ,
  630. #disable .lineup + div > div + .gen12 > div ,
  631. #disable .lineup + div > div ,
  632. #menunav >div > div > div > div ,
  633. #filter_html > div ,
  634. .p4 ,
  635. #centered>table>tbody>tr>td>div[style="width: 100%; background: #DADADA;"]>div[style*="background: #BEEFFD;"]:not([style="clear: both;"]) ,
  636. #centered>table>tbody>tr>td>div[style="height: 3px; background: #DADADA;"] ,
  637. .dfoo3 ,
  638. .dfoo1 ,
  639. #centered>table>tbody>tr>td>table>tbody>tr>td>table>tbody>tr>td  {
  640.     background: #333 !important;
  641. }
  642.  
  643.  
  644. /* COLOR - BACKGROUND - GREEN */
  645. #menunav >div > div > div  > div > div   a:not(.big)[href="https://www.data18.com/names/pornstars/female"] > div {
  646.     background: green !important;
  647. }
  648.  
  649.  
  650. /* COLOR - BACKGROUND - RED */
  651. #menunav >div > div > div  > div > div a:not(.big)[href="https://www.data18.com/names/pornstars/male"] > div {
  652.     background: red !important;
  653. }
  654.  
  655. /* COLOR - BACKGROUND - IMAGES */
  656. #menunav >div > div > div > div > p img ,
  657. #menunav >div > div > div > div > a > div img {
  658.     background-color: red !important;
  659. }
  660.  
  661.  
  662. /* COLOR - TXT - GRAY */
  663.  
  664. #navmode>div ,
  665. #listing_results>p ,
  666. #bodyprimary #disable2 .contentpage2 > div#contentlist > div > div, 
  667. #bodyprimary #disable2 .contentpage2 > div#contentlist > #pagination_bar3, 
  668. #bodyprimary #disable2 .contentpage2 > #filter_html0 .absofixed ,
  669. #bodyprimary #disable2 .contentpage2 > div#contentlist > div > div.boxep1 > div > div,
  670. #filter_html > div ,
  671. #centered > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td[style="border-left-width:1px; border-left-style:dashed; border-left-color:#BCBCBC;"] ,
  672. #centered>table>tbody>tr>td>table>tbody>tr>td>table>tbody>tr>td[style="width: 560px;"] .boxep1>table>tbody>tr>td ,
  673. .gen11>i ,
  674. .p3>p ,
  675. .gen11>form ,
  676. .dfoo1>p ,
  677. .dfoo3>p ,
  678. .dsecure.genmed>p ,
  679. .bold ,
  680. .gen12 ,
  681. .gensmall ,
  682. .h1big, 
  683. .h23 {
  684.     color: gray  !important;
  685. }
  686.  
  687. /* COLOR - TEXT - GOLD */
  688.  
  689. #tabmovies_line .boxep1 .gray2 > .genmed ,
  690. #searchcontains ,
  691. #searchtype ,
  692. #mixall ,
  693. #sharedfilmo ,
  694. #menuleft input ,
  695. #listing_results select#orderpage ,
  696. #navmode > div #nav_scenes ,
  697. #searchdiv > div + input ,
  698. #navmode>div b ,
  699. #tab_list_scenes>div ,
  700. .none .bold ,
  701. #menunav >div > div > div  > div > div  span ,
  702. #menunav >div > div > div > div > p ,
  703. .closemenu ,
  704. #filter_html  > div >div:not([style="clear: both;"]) .filtercolumn > div i  ,
  705. #filter_html  > div >div:not([style="clear: both;"]) .filtercolumn > div b ,
  706. .boxep1 > div a ,
  707. #listing_results>p span {
  708.     color: gold  !important;
  709. }
  710.  
  711. /* COLOR - TEXT - SPECIAL */
  712. .gray2 {
  713.     filter: none !important;
  714.     color: gold !important;
  715. }
  716.  
  717.  
  718. /* COLOR - TXT/links - PERU */
  719. #navmode>div span#goall ,
  720. .boxep1 .gen12.bold ,
  721. #filter_html  > div >div:not([style="clear: both;"]) .filtercolumn > div span ,
  722. a {
  723.     color: peru  !important;
  724. }
  725.  
  726. #listing_results ,
  727. #centered>table>tbody>tr>td>div[style="width: 100%; background: #DADADA;"]>div[style*="background: #BEEFFD;"]:not([style="clear: both;"]) a ,
  728. #centered>table>tbody>tr>td>table>tbody>tr>td>div[style="padding: 10px;"] ,
  729. #centered>table>tbody>tr>td>table>tbody>tr>td>div[style="padding: 8px;"] ,
  730. .lfoo .bold {
  731.     color: gold  !important;
  732. }
  733.  
  734. /* COLOR - EMPTY THINGS - COLOR - */
  735. .imagepic p:empty {
  736.     background: transparent !important;
  737. }
  738.  
  739. /* COLOR - IMG - filter */
  740. #searchdivpri #searchicon{
  741.     filter: invert(20%) !important;
  742. }
  743.  
  744. .backgroundmenu > div > div > a > img[src="https://i.datavimg.com/images/user-nopic.png"] ,
  745. #tab_list_scenes>div>div>div>a>img[src="https://i.datavimg.com/images/user-nopic.png"] ,
  746. .yborder[src^="https://i.datavimg.com/images/no_prev_"] {
  747.     filter: invert(85%) !important;
  748. }
  749.  
  750.  
  751. /* COLOR - BORDER */
  752. select {
  753.     border: 1px solid red !important;
  754. }
  755.  
  756. /* ==== END - COLOR ==== */
  757. }
  758.  
  759.  
  760.  
  761. @-moz-document url-prefix(http://www.data18.com/dev/) {
  762.  
  763. /* ==== START (new1) - URL PREF - DEV - ==== */
  764.  
  765. .boxep1 {
  766.     display: inline-table;
  767.     width: 24.5% !important;
  768.     height: 100%;
  769.     max-height: 290px;
  770.     min-height: 290px;
  771.     overflow: hidden;
  772. background-color: rgb(250, 250, 250);
  773. border: 1px solid aqua !important;
  774. }
  775.  
  776. /* ==== END (new1) - URL PREF - DEV ==== */
  777. }
  778. @-moz-document url-prefix("https://www.data18.com/scenes/") {
  779.  
  780. /* START - URL PREF - SCENE PAGES ==== */
  781.  
  782. /* SCENES PAGES */
  783.  
  784. /* SUPP */
  785.  
  786. #gotopmediaheight ,
  787. #margintopdo ,
  788. #divoptions{
  789.     display: none !important;
  790. }
  791.  
  792.  
  793. /* ZONE BUT */
  794. #zonebuttons.absofixed.body2_div_margin_left {
  795.     position: fixed !important;
  796.     display: inline-block !important;
  797.     min-width: 190px !important;
  798.     max-width: 190px !important;
  799. height: 100% !important;
  800.     max-height: 380px !important;
  801.     min-height: 380px !important;
  802. height: auto !important;
  803. bottom: -36vh !important;
  804.     margin: 0 !important;
  805.     padding: 3px !important;
  806.     z-index: 9;
  807. transition: all ease 0.7s !important;
  808.     border: 1px solid aqua !important;
  809. background: blue !important;
  810. }
  811. #zonebuttons.absofixed.body2_div_margin_left:hover {
  812.     bottom: 0vh !important;
  813. transition: all ease 0.7s !important;
  814. background: green !important;
  815. }
  816. #zonebuttons.absofixed > div {
  817.     display: inline-block !important;
  818.     width: 190px !important;
  819. height: 100% !important;
  820. min-height: 45px !important;
  821. max-height: 45px !important;
  822.     margin: 0 !important;
  823. padding: 0 !important;
  824. overflow: hidden !important;
  825.     z-index: 9;
  826. background: red !important;
  827. }
  828.  
  829. /* LEFT PANEL */
  830. .fixedopt {
  831.     position: fixed;
  832.     top: 13vh !important;
  833.     margin: 0 !important;
  834. }
  835.  
  836.  
  837. /* CENTER CONTENT */
  838. #disable .absofixed {
  839.     display: inline-block !important;
  840.     width: 86% !important;
  841. height: 100% !important;
  842. min-height: 44px !important;
  843. max-height: 44px !important;
  844.     margin: 0 !important;
  845. padding: 0 !important;
  846.  
  847.     z-index: 9;
  848. background: red !important;
  849. }
  850. #disable .absofixed >div:not(#optionsdiv)[style*="background: #FFF8F9;"]  {
  851.     display: inline-block !important;
  852.     width: 99.4% !important;
  853. height: 100% !important;
  854. min-height: 35px !important;
  855. max-height: 35px !important;
  856.     margin: 0 !important;
  857. padding: 0 5px !important;
  858. background: black !important;
  859. }
  860. .contentpage.pagemedia>div[style="margin-top: 6px; margin-bottom: 6px;"] {
  861.     display: inline-block !important;
  862.     margin-bottom: 6px;
  863.     margin-top: 5vh !important;
  864. }
  865. #body2div {
  866.     float: left;
  867.     width: 37vw !important;
  868. height: 85vh !important;
  869.     margin: 1vh 0 0 0 !important;
  870. text-align: center !important;
  871. /* border: 1px solid yellow !important; */
  872. }
  873. .framevideolink ,
  874. #moviewrap>div ,
  875. #moviewrap {
  876.     width: 100% !important;
  877. }
  878.  
  879. #body2div_b {
  880.     float: left !important;
  881.     width: 35vw !important;
  882. height: 85vh !important;
  883.     margin: 6vh 0 0 12vw !important;
  884. border-right: 1px solid red !important;
  885. }
  886.  
  887. /* RIGHT PANEl */
  888.  
  889. #navdivrest #showingmedia #tab_list_scenes {
  890.     display: inline-block;
  891.     float: none;
  892.     width: 100%;
  893. height: 65vh !important;
  894. overflow: hidden !important;
  895. overflow-y: auto !important;
  896. }
  897.  
  898.  
  899. /* END - URL PREF - SCENE PAGES === */
  900.  
  901. }
  902.