For a large screen:
Compact and Maximize infos shown in the windows with the less of scrolling possible.
Data18 WideScreen Dark and Gray v.3 by janvier56
Details
Authorjanvier56
LicenseNo License
Categorywidescreen, wide screen, darck and gray, greasemonkey, userscript, large screen, adulte, porn
Created
Updated
Size31 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Data18 WideScreen Dark and Gray v.3
@namespace data18.com
@version 3.0.0
@description Wide Data18
@author janvier57
@homepage https://greasyfork.org/fr/users/7434-janvier56
@include http://www.data18.com/*
@license unlicense
==/UserStyle== */
@-moz-document domain("www.data18.com") {
/* ==== X Data18 WideScreen Dark and Gray v.3 ===
FOR : http://www.data18.com/content/
TEST LINKS Full Member Ship:
http://www.data18.com/content/1146510
http://www.data18.com/content/1146511
TEST LINKS OTHERS:
http://www.data18.com/content/1153406
==== */
/* (new1) SUPP */
/* .p8>.p4 + div +div[style="float: left; width: 650px;"] ,
.main3 > .contenedor {
display: none !important;
} */
.bartop1w0 ,
.bargreyw0 ,
#optionsdiv ,
#cookiealert ,
#order ,
.p8>div h1 + div ,
#finishedvideo>div ,
#icons[onclick="videoControl();"] ,
#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;"] ,
.p8>div>div>div[style="clear: both;"] ,
.p8 #related +div ,
#centered>table>tbody>tr>td>table>tbody>tr>td>table>tbody>tr>td:empty ,
.p8>div[style^="width: 900px;"] ,
#centered>div[style^="height: 275px; "] ,
.p8>.p4 + div + div[style="float: left; width: 650px;"] + div,
.p8>.p4 + div + div[style="float: left; width: 650px;"] ,
.p8>div>div:empty{
display: none !important;
}
/* WIDE */
#divmenu.absofixed {
width: 100% !important;
margin: 0 !important;
background: #111 !important;
}
#mainclick {
width: 100% !important;
}
#bodydiv {
width: 100% !important;
}
#divmenu.absofixed #searchdivpri {
width: 75% !important;
}
#divmenu.absofixed #searchdivpri .bigheader + .bigheader {
float: left;
width: 105px;
margin-top: 10px !important;
}
#searchdiv {
width: 60% !important;
/* border: 1px solid green !important; */
}
#searchdiv > div + input {
width: 90% !important;
border: 1px solid red !important;
}
#searchdivpri #searchicon {
float: left !important;
height: 31px !important;
margin: 2px 0px 0 -50px !important;
padding-left: 3px;
padding-top: 3px;
width: 27px;
border-radius: 0 5px 5px 0 !important;
background: #222 !important;
border-left: 1px solid #a6a6a6;
}
.contentpage> .absofixed {
width: 85% !important;
}
.contentpage> .absofixed > p ,
.contentpage> .absofixed > div {
width: 100% !important;
}
#disable .contentpage> .absofixed:not(.gen12){
width: 86.3% !important;
}
#floatbody {
float: left;
margin: 0!important;
width: 100% !important;
}
.contentpage2 ,
/* #contentlist > p.gen12 , */
#contentpage2 ,
#disable2 ,
#disable .contentpage #bodyprimary ,
#disable .contentpage {
display: inline-block;
width: 100% !important;
min-height: 100vh !important;
background: #111 !important;
}
/* .contentpage > .absofixed[style*="background: #FFF8F9;"]:not(.gen11) */
/* #disable .absofixed */
#floatbody #disable .contentpage {
margin-top: -4px !important;
background: #111 !important;
}
.backgroundmenu > #primaryimg{
background: #111 !important;
border-bottom: 1px dashed red !important;
}
.backgroundmenu > #primaryimg a > div{
float: left;
padding: 6px;
width: 99.7% !important;
font-size: 20px !important;
background: #111 !important;
}
.backgroundmenu > #primaryimg + div {
height: 150px;
width: 179px;
margin: 15px 0 5px 0 !important;
overflow: hidden;
}
.backgroundmenu > div > div > a > img[src="https://i.datavimg.com/images/user-nopic.png"] {
height: 98px !important;
width: 198px;
margin: 15px 0 5px 0 !important;
object-fit: contain !important;
}
#contentlist p.gen12 {
background: #111 !important;
display: inline-block;
width: 100% !important;
padding: 0 !important;
}
div[style="height: 132px;"] {
height: 50px !important;
}
.contentpage > .absofixed {
width: 86% !important;
padding: 0 !important;
}
#navdiv.absofixed {
position: fixed;
float: none !important;
width: 258px;
right: 0 !important;
margin-left: 0 !important;
overflow: hidden;
z-index: 18;
border-right: 3px solid #dadada;
}
#bodyprimary #disable2 {
margin: 0!important;
width: 86% !important;
}
#bodyprimary #disable2 .contentpage2 > #filterdivdo2 ,
#bodyprimary #disable2 .contentpage2 > #filter_html0 ,
#bodyprimary #disable2 .contentpage2 > #filterdivdo ,
#bodyprimary #disable2 .contentpage2 > #filterdivresults ,
#bodyprimary #disable2 .contentpage2 > div#contentlist {
float: right !important;
margin: 0!important;
width: 88.5% !important;
/* border: 1px solid aqua !important; */
}
#bodyprimary #disable2 .contentpage2 > #filterdivdo2 ,
#bodyprimary #disable2 .contentpage2 > #filter_html0 ,
#bodyprimary #disable2 .contentpage2 > #filterdivdo {
font-size: 15px !important;
/* border: 1px solid aqua !important; */
}
#contentlist #tabmovies_list #tabmovies_line .boxep1 + div {
float: left !important;
width: 99.8% !important;
height: 20px !important;
padding: 2px !important;
text-align: right;
color: gold !important;
border-bottom: 1px solid green !important;
border-top: 1px solid green !important;
background: red !important;
}
/* (new3) TOP NAV - SCROLL */
#gotopmediaheight {
/* position: absolute !important; */
width: 100% !important;
margin-top: 5vh !important;
top: 15vh !important;
border: 1px solid yellow !important;
}
#toolscollapsebar[style="display: none;"] ~ #margintopdo {
margin-top: 0 !important;;
}
#zonebuttons.absofixed {
position: fixed !important;
max-width: 50% !important;
height: 42px !important;
margin-left: 0% !important;
top: 8.3vh !important;
right: 13.5% !important;
padding: 0!important;
z-index: 200 !important;
background: white none repeat scroll 0 0;
border: 1px solid red !important;
}
#zonebuttons>div.p8:not(#gotopmediaheigh):not([style="clear: both;"]) {
float: right !important;
height: 40px !important;
width: 20% !important;
margin-right: 6px;
padding: 0 !important;
border-bottom: 1px solid grey;
cursor: pointer;
font-size: 12px;
background: #dadada none repeat scroll 0 0;
border: 1px solid aqua !important;
}
#toolscollapsebar[style="display: none;"] ~ #options {
display: block;
height: 1200px;
width: 200px;
margin-left: 0;
margin-top: 0vh !important;
overflow: hidden;
border: 1px dashed aqua !important;
}
#toolscollapsebar:not([style="display: none;"]) ~ #options {
display: block;
height: 1200px;
width: 200px;
margin-left: 0;
margin-top: -5vh !important;
overflow: hidden;
border: 1px solid aqua !important;
}
#bar2token + div{
float: left !important;
width: 36% !important;
margin: 0 0 0 11% !important;
border: 1px solid red !important;
}
#body2div_b.body2_div_margin_left {
float: right;
width: 37% !important;
margin: 0 11% 0 0 !important;
border: 1px solid yellow !important;
}
#body2div {
margin: 0 0 0 0 !important;
}
#divscenes {
float: left !important;
clear: none !important;
width: 36% !important;
height: 50vh !important;
margin: -50vh 0 0 11% !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid violet !important;
}
#divoptions {
display: none !important;
}
/* (new3) PAGE MEDIA */
#floatbody #disable .absofixed + .contentpage.pagemedia #bar2token + div {
float: left !important;
width: 36% !important;
margin: -6.8vh 0 0 11% !important;
border: 1px solid aqua !important;
}
#floatbody #disable .absofixed + .contentpage.pagemedia #bar2token + div #body2div {
width: 35.5vw !important;
height: 85vh;
margin: 0 0 0 0 !important;
text-align: center;
border: 1px solid red !important;
}
#floatbody #disable .absofixed + .contentpage.pagemedia #bar2token + div + #body2div_b.body2_div_margin_left {
height: 85vh !important;
margin: -6.8vh 11% 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
color: gray !important;
border: 1px dashed yellow !important;
}
#floatbody #disable .absofixed + .contentpage.pagemedia #blockscroll {
display: none !important;
}
#floatbody #disable .absofixed + .contentpage.pagemedia a.bold{
color: peru !important;
}
/* PAGI */
#tab_list_scenes .tab_nav_page_oldest ,
#tab_list_scenes .tab_nav_page_prev ,
#tab_list_scenes .tab_nav_page_next ,
#tab_list_scenes .tab_nav_page_newest {
/* display: inline-block !important;
float: none !important; */
min-height: 20px !important;
max-height: 20px !important;
line-height: 10px !important;
width: 30px !important;
padding: 3px;
text-align: center;
background: red !important;
}
#tab_list_scenes .tab_nav_page_oldest > div ,
#tab_list_scenes .tab_nav_page_prev > div ,
#tab_list_scenes .tab_nav_page_next > div ,
#tab_list_scenes .tab_nav_page_newest > div {
padding: 0 !important;
}
.tab_nav_page_newest + a > div{
display: inline-block !important;
float: none !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 10px !important;
min-width: 60px !important;
max-width: 60px !important;
padding: 3px;
text-align: center;
border-radius: 0 !important;
background: red !important;
}
.tab_nav_page_newest + a > div > div{
padding: 0 !important;
color: gold !important;
}
/* FILTERS */
#filter_html > div {
width: 99.7% !important;;
/* border: 1px solid yellow !important; */
}
#filter_html > div >div:not([s...