Userstyles / Greasy Fork Enhancer Dark-Grey v.199 by decembre

Imported from https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/56792.user.css

Userstyles / Greasy Fork Enhancer Dark-Grey v.199 screenshot
Install Get Stylus Write a review

Details

Authordecembre

LicenseNO-REDISTRIBUTION

Created atApril 03, 2021 11:24

Updated atSeptember 25, 2021 06:30

Applies touserstyles.org

Statistics

Learn how we calculate statistics in the FAQ.

Total views302

Total installs243

Weekly installs26

Weekly updates9

Description

▶ It’s (or just better) FOR A WIDESCREEN : (1920x1080)!
▶ Adaptation for (the always working):
[TS] Citrus GFork
Broken since 2020.12., but there is a fix, read:
Fix and Workaround about it and User CSS JS (a New Functionality of GreasyFork).

▶ You can test too my Userscript:
USERSTYLES - TABLES Sorter SIMPLE
“Sort Userstyles Table on Profile page:click on the top header of each column…”

Notes

Userscript version:
Userstyles / Greasy Fork Enhancer Dark-Grey - UserCSS (userstyle) [GreasyFork]

Other Userstyle Version on userstyles.world (A new Site to post our Userstyles (2021.03):
Userstyles / Greasy Fork Enhancer Dark-Grey [userstyles.world]

▶ Work too with Greasy Fork

▶ Quick Fix for the very BAD NEW Design of Userstyles Site

Compatible with my Userstyles :

- Userstyles - Large Edit On Focus

- Userstyles - Comments Numbering/Permalink

▶ You can Test my Userscript :

USERSTYLES - TABLES Sorter SIMPLE

“Sort Userstyles Table on Profile page:click on the top header of each column…”

▶ GreasyFork: Support for the new Forum design.

▶ For Autopager / Auto Scrolling i use:
- SuperpreloaderPlusoneNew ( Preload and Autopager)

▶ Compatible with these Greasemonkey scripts for GreasyFork site:

- (GM) [TS] Citrus GFork:
Broken but you can use:

- If you want a temporary fix (before its author come back to us), try : Unofficial fix of the “Citrus GFork” script

And you need some modifications.
Read:
Fix and Workaround about it and User CSS JS (a New Functionality of GreasyFork).

- (GM) Linkify Plus Plus [ GreasyFork ]

- (GM) GreasyFork scripts icon (https) [ GreasyFork ]

- (GM) GreasyFork - filter discussions on scripts by review type and author

- (GM) GreasyFork Bullshit Filter - for TS Citrus Gfork

- (GM) GreasyFork Bullshit Filter

- (GM) GreasyFork - add a ‘send PM to user’ button in Greasyfork profile pages - for Citrus GFork

- (GM) Make Bookmarklets from Javascript URLs

- (GM) css highlighter [ GreasyFork ]

Note:
These 2 GM, (which given the original name of this Userstyles), are now broken by the New Design:
- “Table View Plus [ GreasyFork - BROKEN ]”
- “Enhancer” [ USO Mirror ]

▶ About Scrollbars for Slims and Dark ScrollBars: :

Use with Waterfox Classic:

- Scrollbars: Slim And Arrowless

But for a Better compatibility, you can test my personal Userstyle :

- Slim Dark Scrollbar (Firefox )

Use with Firefox 57 +> / Firefox Quantum / Chrome (with Stylus):
- Overlay Scrollbars - style usercss easy customizable:

Because we can’t style Scrollbar with Stylish and Quantum,
Stylus (Beta) can do it by using is option “write style as userChrome.css”:
What is userChrome.css? What can it do? Posted by jscher2000

v.93>…> v.198:
- For “[TS] Citrus GFork” and “Super
preloaderPlusoneNew” userscripts :
Better Scripts listing pages
- Adaptation and Corrections for the Citru’s Fix by Konf
- Correction for Code section in script page…
- Add icon in top header for Library list (profile page): on hover display the list
- Support of new functionality User CSS:
[Beta] User CSS support
- GM “Citrus” - Show the Toggle language link “Showing results for all languages/ show only in your language” on general scripts listing page.
- Profile (user and personal) page:
Very compact header with icons displaying on hover (with / without GM “Citrus”) :
Sets List, About, Comments on scripts, Control panel….
- Others Correction for:
Link color, Metas in script info page, Userstyles Home page

What does This Userstyle (in short)? :
Support Logged or not Logged, With or Without GM scripts….
but if log off it’s good only for wide screen

▶ Support WideScreen (1920x1080) and Small screen .
Simple and Informative and Reorganized Style :
- Dark/Grey Global Flat Style
- MOSAIC presentation, if not logged or Without GM or pages not affected by them:
Account Page without GM or Pages not affected by them or Not logged.
- General Header, Menus and Pagination : Fixed (stay in place on scroll)
- “Show Code” button : Fixed and Move to the top right corner of the Long description
- Code Preview window: Height fixed and Scroll Bar
- Search option : Reorganized and adjust for the 2 scripts in top header
- Search Results Tables : Zebra Tables.

Forum reorganized and styled :
- Panels and Pagination on the right, Discuss on the left.
- Star icon restyled and visible in discussions too (near pagination and between the 2 left Panels).

MENUS Compact and reorganized :
- Moved to the left in the Top Header and show menu items on Hover .

STYLE INFOS PAGE:
- Panels Infos : Reorganized, styled :background/txt color etc …
- Code : Show Code Button and Code Popup :
follow the resize of the windows for better compatibility with small screens.
- Show Code Box :
fixed on the right of the screen and scrollable to be more usable for small and large screen.
- Deleted Style : Message re-styled(Speech Bubble…) and moved.

SEARCH PAGES :
- MOSAIC presentation (when not logged or no GM).

History

Daily snapshots of style statistics.

2021-07-072021-07-172021-07-262021-08-042021-08-132021-08-222021-08-312021-09-092021-09-182021-09-272021-10-062021-10-15Date0.001.703.304.906.508.209.8011.4013.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-172021-07-262021-08-042021-08-132021-08-222021-08-312021-09-092021-09-182021-09-272021-10-062021-10-15Date0.0038.0075.00113.00150.00188.00225.00263.00300.00Total countTotal installsTotal views

Source code

Source code has over 100k characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Userstyles / Greasy Fork Enhancer Dark-Grey v.199
@namespace      USO Archive
@author         decembre
@description    `▶ It's (or just better) FOR  A WIDESCREEN : (1920x1080)! ▶ Adaptation for (the always working):<a href="https://greasyfork.org/fr/scripts/4336-ts-citrus-gfork"><b>[TS] Citrus GFork</b></a>Broken since 2020.12., but there is a fix, read:<b><a href="https://greasyfork.org/en/scripts/4336-ts-citrus-gfork/discussions/69927">Fix and Workaround about it and User CSS JS (a New Functionality of GreasyFork).</a></b>▶ You can test too my Userscript:<a href="https://uso-archive.surge.sh/?author=decembre&sort=updated&style=56792">USERSTYLES - TABLES Sorter SIMPLE</a>"Sort Userstyles Table on Profile page:click on the top header of each column..."`
@version        20210924.13.4
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://greasyfork.org/forum/"), url-prefix("https://74.86.192.75/"), domain("userstyles.org"), domain("greasyfork.org"), domain("sleazyfork.org") {


/* ==== Userstyles / Greasy Fork Enhancer Dark-Grey  199 (new199) -  TEST FRESH - with FIX by Konf - Without EDIT COMMENT  - TEST NEW FORUM GREASYFORK ==== */
/* CITRUS FIX by Konf(2020.12.09) :
https://greasyfork.org/en/discussions/requests/69803-help-to-fix-ts-citrus-gfork#comment-173029
[TS] Citrus GFork (Original):
https://greasyfork.org/en/scripts/4336-ts-citrus-gfork
=================== */

/* SUPPORT: ========
GM "GreasyFork - add a 'send PM to user' button in Greasyfork profile pages"
https://greasyfork.org/fr/scripts/23703-greasyfork-add-a-send-pm-to-user-button-in-greasyfork-profile-pages
GM "Greasyfork - Add notes to the script"
https://greasyfork.org/fr/scripts/404275-greasyfork-add-notes-to-the-script
=================== */

/* SUPP - CHROME/FIREFOX - SUPP ADD and DIVERS - without adblock - === */
/* #user-script-list > li,  */
/* #browse-script-list > li.ad-entry , */
li.ad-entry ,
.ad-entry ,
#GM_UpdateWindow ,
#script-show-info-ad ,
.adsbygoogle ,
#share_div ,
.NotificationLine ,
.hamburger ,
.walking,
.android_button_button ,
.overlay_background ,
.adContainer ,
#discussions-area #social.single-style ,
#social ,
.twitter-share-button ,
#twitter-widget-0 ,
.fb-like {
    display: none !important;
}
/* (new187) ANNOUCEMENT - === */
.announcement {
    position: fixed;
    width: 200px;
    bottom: 0;
    left: 11%;
    padding: 5px;
    border-radius: 3px;
background: black;

}

#jslghtbx + iframe {
    display: none !important;
}

/* (new192) LIGHTBOX */
.lum-lightbox {
    z-index: 10000 !important;
}

/* (new187) SUPERLOADER - SCRIPT LIST - === */
#sp-fw-container ~ iframe[name="superpreloader-iframe"] {
position: absolute !important;
    display: inline-block !important;
    height: auto !important;
    min-height: 100% !important;
    margin: 0;
    padding: 0;
/* right: 0 !important; */
z-index: 500000 !important;
    visibility: visible !important;
opacity: 1 !important;
border: 1px solid red !important;
}

/* (new186) DISC HEIGHT HOV - == */
.discussion-list-container .discussion-list-item:not(.filtered) {
/* height: 45px; */
    height: auto !important;
    overflow-y: auto;
}
.discussion-list-container .discussion-list-item:not(.filtered) .rating-icon {
float: left ;
}
.discussion-list-container .discussion-list-item:not(.filtered) .discussion-snippet {
display: inline-block !important;
    height: 100% !important;
    min-height: 35px !important;
    max-height: 35px !important;
    line-height: 18px !important;
    width: 100% !important;
    margin-top: -5px !important;
    overflow: hidden ;
/* overflow-y: auto !important; */
/*     mask-image: linear-gradient(180deg, #000 60%, transparent); */
    mask-image: linear-gradient(to top, transparent 5%, black 70%);
border-right: 1px solid yellow !important;
}
/* (new188) */
.discussion-list-container .discussion-list-item:not(.filtered) .rating-icon + .discussion-snippet {
    width: 98.2% !important;
border-right: 1px solid aqua !important;
/* background: green !important; */
}
.discussion-list-container .discussion-list-item:not(.filtered) .discussion-snippet:last-of-type:hover {
/* display: inline-block !important; */
/* min-height: 20px !important; */
max-height: 100% !important;
    mask-image: linear-gradient(180deg, #000 100%, transparent);
border-right: 1px solid red !important;
}

/* (new185) DISC READ - === */
.discussion-list-container a.discussion-title {
/*     height: 55px ; */
    height: auto ;
padding: 5px ;
border: 1px solid #222;
}


.discussion-list-logged-in .discussion-list-container.discussion-read {
    background-color: #222 ;
/* border: 1px solid red ; */
}
.discussion-list-logged-in .discussion-read {
    background-color: #222 ;
/* border: 1px solid red ; */
}
.discussion-list-logged-in .discussion-read a.discussion-title {
    background-color: black ;
border: 1px solid #222;
}
.discussion-list-logged-in .discussion-not-read a.discussion-title {
border: 1px solid #333;
}

/* (new181) GREASY RE EDIT COMMENT PAGE - === */
#vanilla_post_editcomment  #Content {
    width: 99%;
    float: none ;
    margin: -30px 0 0 -5px ;
    padding: 5px ;
    text-align: center !important;
}
#vanilla_post_editcomment  #Content .FormWrapper > form {
    margin-left: 0px;
}

/* (new186 !important;) "SuperPreLoader Plus " -  "SupPreloader" */
#sp-fw-container {
    text-align: left;
    z-index: 10 !important;
}
#sp-fw-container:not(:hover) {
    visibility: hidden ;
}
#sp-fw-rect:not(:hover) {
    visibility: visible ;
}
/* (new198) SUPER LOADER - ALL */
.sp-separator {
/* position: relative !important; */
/* display: inline-block !important; */
float: left !important;
    width: 39% ;
    left: 33% !important;
    margin-bottom: 0px ;
    margin-top: 0px ;
    filter: invert(1);
    z-index: 10 !important;
}
/* (new188) SUPER LOADER - DISC */
.sp-separator ~.width-constraint .sidebarred .discussion-list {
    margin-top: 0px !important;
}

.discussion-list  + .sp-separator {
    width: 59%;
    left: 23% !important;
    margin-bottom: -42px !important;
    margin-top: 5px;
}


/* (new174) WITHOUT CITRUS */
.script-list .sp-separator {
    width: 49% ;
    left: 25% ;
    margin-bottom: 0px ;
    margin-top: 0px ;
}
.Vanilla.Discussions #sp-fw-container + .sp-separator span ,
.Vanilla.Discussions #sp-fw-container + .sp-separator a.sp-sp-nextlink > span ,
.Vanilla.Discussions #sp-fw-container + .sp-separator a.sp-sp-nextlink ,

#sp-fw-container + .sp-separator span ,
#sp-fw-container + .sp-separator a.sp-sp-nextlink > span ,
#sp-fw-container + .sp-separator a.sp-sp-nextlink {
    text-shadow: none !important;
color: peru ;
}
/* (new187) !important; */
.Vanilla.Discussions .sp-separator {
    width: 38% ;
    left: 36% !important;
}

/* "SUPP" - SRIPT PAG - COM */

#sp-fw-container + .sp-separator ~ .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty):not(#no-discussions):not(#support-url):not(#contribution) ,
#sp-fw-container + .sp-separator ~ .width-constraint #script-info > #script-content > p#support-url ,
#sp-fw-container + .sp-separator ~ .width-constraint #contribution ,
#sp-fw-container + .sp-separator ~ .width-constraint #discussions + .pagination + p ,
#sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters + div +p + form  ,
#sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters + div + p ,
#sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters + div ,
#sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters {
    display: none ;
    visibility: hidden ;
}
#sp-fw-container + .sp-separator ~ .width-constraint #script-info > #script-content {
    margin-top: 35px ;
}


/* (new163) GREAS - BANNI BADGE - === */
.badge-banned {
    float: left ;
    margin-right: -16% ;
    margin-left: 19% ;
}
/* (new168) NEW FORUM DESIGN - TEST - === */
.width-constraint #discussions li[class^="discussion-"] {
    margin-bottom: 5px ;
    font-size: 15px ;
border: 1px solid red ;
}
.width-constraint #discussions li[class^="discussion-"] >a[href*="/scripts/"]:first-of-type::before {
    content: "X" ;
    display: inline-block ;
    position: relative ;
    height: 18px ;
    line-height: 18px ;
    width: 18px ;
    margin-left: -8px ;
    top: 0px ;
color: transparent;
background: transparent url("http://userscripts-mirror.org/images/script_icon.png") no-repeat scroll 1px 1px ;
}
.width-constraint #discussions li[class^="discussion-"] > a:nth-child(2) {
    display: inline-block ;
    position: relative ;
    width: 98% ;
    margin-left: 10px ;
    top: -20px ;
}
.width-constraint #discussions li[class^="discussion-"] > time:first-of-type  ,
.width-constraint #discussions li[class^="discussion-"] > time:last-of-type {
    display: inline-block ;
/*    margin-left: -30px;*/
    text-align: center ;
    white-space: nowrap ;
    width: 125px;
    margin: 0px ;
}
/* PREVIEW LINK */
.DiscussionAboutShowDiscussion > a[href^="/discussions/preview-"] {
    position: absolute ;
    max-width: 55px ;
    min-width: 55px ;
    line-height: 15px ;
    min-height: 15px ;
    max-height: 15px ;
    top: 0 ;
    right: 5px ;
    padding: 0px 5px ;
    text-align: right ;
    transition: all ease 0.7s ;
color: white ;
background: gold ;
}
.DiscussionAboutShowDiscussion > a[href^="/discussions/preview-"]:hover {
    max-width: 195px ;
    min-width: 195px ;
    transition: all ease 0.7s ;
color: green ;
background: gold ;
}
.DiscussionAboutShowDiscussion > a[href^="/discussions/preview-"]:hover:before {
    content: "New Forum: ";
}
/* (new197) IMAGES - === */
.user-content>p {
    position: relative !important;
    display: inline-block !important;
/*     float: left !important; */
margin: auto !important;
    min-width: 920px ;
    max-width: 920px ;
text-align: left !important; 

/* border: 1px dashed red ; */
}

.user-content > p > img {
/*     position: relative !important; */
/* display: inline-block !important; */
/*     float: left !important; */
margin-top: 20px !important;
margin-bottom: 20px !important;
    max-width: 920px ;
/*     object-fit: contain !important; */
/*     object-position: left !important; */
border: 1px solid red ;
}

/* PERMLINK ? */
#comment- .comment-meta-item a.self-link, 
#comment- .comment-meta-item a.self-link:visited {
    opacity: 0.5 ;
color: gold ;
background: red ;
}

/* (nex166) PERMLINK - IN DISC - === */
.comment {
    margin-bottom: 10px ;
}
.comment-meta {
background: #333 ;
}
.comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item  ,
#comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item  {
    display: inline-block ;
    height: 13px ;
    line-height: 13px ;
    padding: 1px 10px ;
    border-radius: 5px ;
border: 1px solid gray ;
background: gold ;
}
.comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  ,
#comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item {
    position: relative;
}
/* (nex166) PERMLINK - ARROW */
.comment-meta-item.comment-meta-item-main + .comment-meta-item:before  ,
#comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -25px ;
    margin-left: 0% ;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #ffcb66;
    transition: all 0.4s ease 0s;
opacity: 0;
visibility: hidden ;
}
.comment-meta-item.comment-meta-item-main + .comment-meta-item:hover:before ,
#comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover:before  {
margin-top: -10px !important;
    opacity: 1;
    visibility: visible ;
}
/* TXT PERMALINK */
.comment-meta-item.comment-meta-item-main + .comment-meta-item + .comment-meta-item:after ,
#comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item + .comment-meta-item:after {
    content: " Permalink" ;
    position: absolute;
    height: 10px ;
    line-height: 8px ;
    bottom: 152%;
    left: -27.5%;
    padding: 2px 5px;
    color: black;
    background: #ffcb66;
    border-radius: 5px;
    white-space: nowrap;
    transition: all 0.4s ease 0s;
    pointer-events: none ;
opacity: 0;
visibility: hidden ;
}
.comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after ,
.comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:before ,
#comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after ,
#comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:before  {
    opacity: 1 ;
    visibility: visible ;
}
.comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after ,
#comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after {
    bottom: 158% ;
}
/* (new168) NEW FORUM - SCRIPT INFO */
#script-info ul#script-links + header + #script-content .script-discussion-list {
    margin-top: 0px ;
    padding: 0px  20px ;
}
.width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"])  + .script-discussion-list {
    margin: 60px 0 0px 0 ;
    padding: 0px  20px ;
}
.width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"])  + .script-discussion-list .discussion-list-item {
    padding-top: 10px;
    border-left: 3px solid peru ;
    border-right: 3px solid peru ;
background: #333 ;
}
#script-info #discussions li[class^="discussion-"] > a[href*="/users/"]:nth-child(2) {
    position: relative ;
    display: inline-block ;
    width: auto ;
    margin-left: 30px ;
    top: 0px  ;
}
#script-info  #discussions li[class^="discussion-"] > time:first-of-type , 
#script-info  #discussions li[class^="discussion-"] > time:last-of-type {
    position: relative ;
    display: inline-block ;
    margin-top: -40px ;
    text-align: center ;
    white-space: nowrap ;
    font-size: 12px ;
}
.discussion-header {
    margin-bottom: 5px ;
    margin-top: 5px ;
border-bottom: 1px solid red ;
}
.comment ,
#script-info #script-content .comment {
    padding: 5px ;
border-left: 3px solid peru ;
border-right: 3px solid peru ;
}
.comment .user-content ,
#script-info #script-content .comment .comment-meta + .user-content {
    padding: 5px ;
border: 1px solid #333 ;
background: #222 ;
}
.comment .user-content pre ,
#script-info #script-content .comment .comment-meta + .user-content  pre {
    padding: 5px ;
border: 1px solid #333 ;
background: #333 ;
}
/* (new168) NEW FORUM - ADD COM */
.width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) {
    position: relative ;
    display: inline-block ;
    width: 100% ;
    max-width: 99% ;
    min-width: 99% ;
    margin-top: 0px ;
    margin-bottom: 0px ;
}
.width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p:not(:empty)  {
    position: relative ;
    display: inline-block ;
    width: 99% ;
    margin-top: -30px ;
border: 1px dotted yellow ;
}
.width-constraint #script-info > #script-content > ul#discussions +h3:not([id="feedback-favoriters"]) + p + form:not([action*="/script_sets/add_to_set"]) {
    position: relative ;
    display: inline-block ;
    height: 100% ;
    min-height: 400px ;
    max-height: 100% ;
    width: 98% ;
    padding: 5px ;
border: 1px solid tomato ;
}
/* (new168) NEW FORUM - ADD FAV */
.width-constraint #script-info > #script-content > ul#discussions +h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters {
    position: relative ;
    display: inline-block ;
    width: 98% ;
    margin: 0px ;
border: 1px dotted aqua ;
}
.width-constraint #script-info > #script-content > ul#discussions +h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div  {
    position: relative ;
    display: inline-block ;
    margin-top: -20px ;
border: 1px dotted aqua ;
}
.width-constraint #script-info > #script-content > ul#discussions +h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div + p:not(:empty) {
    margin: 0 ;
}
.width-constraint #script-info > #script-content > ul#discussions +h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div + p:empty ,
.width-constraint #script-info > #script-content > ul#discussions +h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div + p + form + p:empty {
    height: 0 ;
    margin: 0 ;
    border-radius: 4px;
    padding: 0px ;
    text-align: center ;
background-color: red ;
}

/* END - NEW FORUM  ===== */


/* USERST  EDIT CODE - ERROR MESS - === */
.PageContent>form[action="/styles/update"] .errorExplanation {
    position: absolute ;
    width: 16% ;
    left: 14px ;
background-color: white ;
}
.PageContent>form[action="/styles/update"] .errorExplanation ~ .form-controls textarea[id="css"] {
    max-width: 900px ;
    min-width: 800px ;
    min-height: 187px ;
    margin-left: 2% ;
}
/* LIGHTBOX - === */
.jslghtbx.jslghtbx-nooverflow:not(.jslghtbx-active) {
    overflow: hidden ;
    z-index: -10 ;
visibility: hidden ;
}
.jslghtbx.jslghtbx-active {
    z-index: 5000000 ;
    background-color: black;
}
/* ALERTE MES - BUGS - FORUM USERST - === */
.DismissMessage {
    position: absolute ;
    width: 18% ;
    right: 5px ;
}
.DismissMessage.AlertMessage {
    top: 40px ;
    visibility: hidden ;
border: 1px solid #deddaf ;
}
.AlertMessage:hover {
    visibility: visible ;
    z-index: 5000 ;
}
.AlertMessage:not(:hover):before {
    content: "⚠️ Bugs report" ;
    position: fixed ;
    right: 5px ;
    visibility: visible ;
color: gold ;
background: red ;
}
/* USERST - AVATAR MESS - === */
.DismissMessage.InfoMessage {
    position: absolute ;
    right: 5px ;
    top: 70px ;
visibility: hidden ;
}
.DismissMessage.InfoMessage:hover {
    visibility: visible ;
    z-index: 5000 ;
}
.DismissMessage.InfoMessage:not(:hover):before {
    content: "⚠️ Avatar PB" ;
    position: fixed ;
    right: 5px ;
    visibility: visible ;
color: gold ;
background: red ;
}
/* GREASY - FORUM - SELECT BOX - === */
.selectBox-main {
    position: absolute ;
    display: inline-block ;
    justify-content: unset ;
    margin-left: 31px ;
    z-index: 500 ;
}
.ToggleFlyout.selectBox.selectBox-following > span.selectBox-label {
    -moz-user-select: none ;
    cursor: pointer ;
    margin-right: 5px ;
    position: relative ;
    font-size: 0 ;
}
.ToggleFlyout.selectBox > span.selectBox-label:before {
content: " " ;
    position: relative ;
    display: inline-block ;
    width: 20px ;
    height: 15px ;
    margin-right: 5px ;
    margin-left: 5px ;
    top: 3px ;
background-color: rgba(55, 173, 227, 0.4) ;
background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b") ;
background-position: 3px -650px ;
background-repeat: no-repeat ;
}
.ToggleFlyout.selectBox.selectBox-following .selectBox-content {
    left: 100% ;
    margin-left: -29px ;
    margin-top: 10px ;
}

/* PersProf/UserProf PAGES - OK CITRUS - === */
body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content:not(#user-library-list-section)  ,
body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content:not(#user-library-list-section) ,
body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section:not(#user-library-list-section) {
    display: none ;
}
/* (new191) LIBRARY IN PROFILE
https://greasyfork.org/fr/users/316436-dandandan?sort=updated
https://greasyfork.org/fr/users/813-eight?sort=updated
 */
body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content#user-library-list-section ,
body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content#user-library-list-section ,
body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section {
    position: fixed;
    display: inline-block !important;
    max-height: 20px !important;
    min-height: 20px  !important;
    line-height: 24px !important;
    width: 100%;
    min-width: 23px !important;
    max-width: 23px !important;
    left: 39%;
    top: 64px;
    padding: 0;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    z-index: 500;
    transition: all 0.2s ease 0s;
border: 1px solid red;
}

body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content#user-library-list-section:hover ,
body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content#user-library-list-section:hover ,
body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:hover {
    position: fixed !important;
    display: inline-block !important;
    max-height: 400px !important;
    min-width: 49.5% !important;
    max-width: 49.5% !important;
    left: 24%;
    padding: 0 0 0 30px !important;
    overflow-y: auto !important;
    z-index: 5000 !important;
border: 1px solid red !important;
}

body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content#user-library-list-section:hover h3::before,
body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content#user-library-list-section:hover h3::before ,
body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:hover h3::before  ,
body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content#user-library-list-section:not(:hover)::before ,
body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content#user-library-list-section:not(:hover)::before ,
body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:not(:hover)::before {
    content: "Lib" !important;
    position: absolute !important;
    display: inline-block !important;
    height: 20px;
    line-height: 28px;
    width: 23px;
    top: 0px !important;
    left: 0 !important;
    font-size: 12px ;
    text-align: right ;
    background-image: url("http://userscripts-mirror.org/images/script_icon.png");
    background-position: -2px center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 500000 !important;
color: red;
background-color: green;

}
body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content#user-library-list-section:hover h3::before,
body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content#user-library-list-section:hover h3::before ,
body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:hover h3::before {
top: 2px !important;
left: 2px !important;
    color: gold;
    background-color: red;
}
body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content#user-library-list-section ol#user-library-script-list.script-list ,
body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content#user-library-list-section ol#user-library-script-list.script-list ,
body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section ol#user-library-script-list.script-list {
    width: 100% !important;
}



/* USERCSS - ICONS - NO CITRUS - === *
/* JS / CSS  - NO CITRUS */
a[href*="help/installing-user-scripts"]::before ,
.install-link + a[href*="/help/installing-user-styles"]::before ,
#browse-script-list>li[data-script-language="js"]::before ,
li[data-script-language="js"]::before  ,
#browse-script-list>li[data-script-language="css"]::before ,
li[data-script-language="css"]::before  {
    content: "X" ;
    float: left ;
    clear: none ;
    width: 23px ;
    height: 23px ;
    line-height: 24px ;
    margin-left: -31px ;
    margin-top: 5px ;
    margin-bottom: -20px ;
    border-radius: 3px ;
color: transparent ;
background-size: contain ;
background-position: center center ;
background-repeat: no-repeat ;
}
/* SCRIPT - NO CITRUS */
#browse-script-list>li[data-script-language="js"]::before ,
li[data-script-language="js"]::before {
background-image: url("http://userscripts-mirror.org/images/script_icon.png") ;
background-color: #222 ;
}
/* (new175) "?" HELP JS/CSS */
a[href*="/help/installing-user-scripts"] ,
.install-link + a[href*="/help/installing-user-styles"] {
    padding: 7px 5px 7px 18px ;
}
a[href*="/help/installing-user-scripts"]::before ,
.install-link + a[href*="/help/installing-user-styles"]::before  {
    width: 15px ;
    height: 15px ;
    line-height: 24px ;
    margin-left: -17px ;
    margin-right: -25px ;
    margin-top: 3px ;
}
.install-link + a[href*="/help/installing-user-styles"]::before  {
background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952") !important;
background-color: transparent 
}
a[href*="/help/installing-user-scripts"]::before  {
    background-image: url("http://userscripts-mirror.org/images/script_icon.png");
background-color: transparent 
}

/* (new190bis) ADD VERS (+ DEL SCRIPT) - NO CITRUS */
ol#user-deleted-script-list {
    display: inline-block;
    width: 100%;
    max-width: 970px;
    min-height: 100%;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    box-shadow: none;
    background: rgba(235, 24, 24, 0.26);
}
#user-deleted-script-list  li:not(.ad-entry) {
    padding: 0.5em;
}
#user-deleted-script-list  li:not(.ad-entry) h2 {
    display: inline-block !important;
    width: 100% ;
    min-width: 100% ;
    max-width: 100% ;
    overflow: hidden;
    overflow-wrap: break-word;
}
#user-deleted-script-list > li::after ,
#user-script-list > li::after {
content: " version: "attr(data-script-version)"" ;
display: inline-block ;
position: relative ;
/* float: right ; */
/* clear: none ; */
width: 100px ;
bottom: 10px;
right: -89% ;
padding: 1px 4px ;
font-size: 12px ;
border-radius: 5px ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
border: 1px solid #333 ;
background-color: #111 ;
}

/* ICON - CSS - NO CITRUS */
#browse-script-list>li[data-script-language="css"]::before ,
li[data-script-language="css"]::before  {
background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952") ;
background-color: green ;
}
/* ICON - CSS as JS - NO CITRUS */
#browse-script-list>li[data-script-language="css"][data-css-available-as-js="true"]::before,
li[data-script-language="css"][data-css-available-as-js="true"]::before {
    content: "X" ;
    float: left ;
    clear: none ;
    width: 23px ;
    height: 23px ;
    line-height: 23px ;
    margin-left: -31px ;
    margin-top: 5px ;
    margin-bottom: -20px ;
color: transparent;
background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952"), url("http://userscripts-mirror.org/images/script_icon.png") ;
background-size: 15px 15px ;
background-position: top left, bottom right ;
background-repeat: no-repeat ;
background-color: green ;

}
/* (new173) USERCSS - ADD ICONS - CITRUS - === */
.lang-js:not(.prettyprint) ,
.lang-css:not(.prettyprint) {
    position: relative ;
    display: inline-block ;
    vertical-align: middle ;
    margin-top: 0 ;
    width: 15px ;
    height: 15px ;
    line-height: 15px ;
    margin-left: 5px ;
    margin-right: 5px ;
    border-radius: 3px ;
background-size: 13px 13px ;
background-position: center center ;
background-repeat: no-repeat ;
}
/* ICON - JS SCRIPT - CITRUS */
.lang-js:not(.prettyprint) {
background-image: url("http://userscripts-mirror.org/images/script_icon.png") !important;
background-color: transparent ;
}
/* ICON - CSS - CITRUS  */
.lang-css:not(.prettyprint) {
background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952") !important;
background-color: green !important;
}
/* ICON - JS / CSS - CITRUS */
[pagetype="ListingPage"] .lang-js:not(.prettyprint) ,
[pagetype="UserProfile"] .lang-js:not(.prettyprint) ,
[pagetype="UserProfile"] .lang-js:not(.prettyprint)  {
background-image: url("http://userscripts-mirror.org/images/script_icon.png") ;
background-size: contain ;
background-position: center center ;
background-repeat: no-repeat ;
background-color: transparent ;
}
[pagetype="ListingPage"] .lang-css ,
[pagetype="UserProfile"] .lang-css ,
[pagetype="UserProfile"] .lang-css {
background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952") ;
background-size: contain ;
background-position: center center ;
background-repeat: no-repeat ;
background-color: green ;
}
/* CSS as JS - CITRUS */

[pagetype="ListingPage"] .usercssjs-true ,
[pagetype="UserProfile"] .usercssjs-true ,
[pagetype="PersonalProfile"] .usercssjs-true {
    position: relative ;
    display: inline-block ;
    vertical-align: middle ;
    margin-top: 0 ;
    width: 23px ;
    height: 15px ;
    line-height: 15px ;
    margin-left: 5px ;
    margin-right: 5px ;
    border-radius: 3px ;
background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952"), url("http://userscripts-mirror.org/images/script_icon.png") ;
background-size: 10px 10px ,  13px 13px ;
background-position: center left, center right ;
background-repeat: no-repeat ;
background-color: green ;
}

/* SET - === */
html>body[pagetype="UserProfile"] #script-list-set ,
html>body[pagetype="UserProfile"] #script-list-filter ,
html>body[pagetype="UserProfile"] #script-list-sort ,

html>body[pagetype="PersonalProfile"] #script-list-set ,
html>body[pagetype="PersonalProfile"] #script-list-filter ,
html>body[pagetype="PersonalProfile"] #script-list-sort,

html>body[pagetype="ListingPage"] #script-list-set ,
html>body[pagetype="ListingPage"] #script-list-filter ,
html>body[pagetype="ListingPage"] #script-list-sort {
    display: none ;
}

/* (new170) USERCSS - INSTALL BUTTON - === */
#script-info #install-area .install-link + .install-help-link +  .install-link +a ,
#script-info #install-area .install-link + .install-help-link +  .install-link {
    float: right ;
}




/* (new198) FOR SUPERLOADER */


body[pagetype="ListingPage"]  .sp-separator ~ .width-constraint .sidebarred  .sidebarred-main-content   .open-sidebar.sidebar-collapsed + h3 ,
body[pagetype="ListingPage"]  .sp-separator ~ .width-constraint .sidebarred  .sidebarred-main-content   .open-sidebar.sidebar-collapsed + h3 ~ p:last-of-type ,
body[pagetype="ListingPage"]  .sp-separator ~ .width-constraint .sidebarred  .sidebarred-main-content   .open-sidebar.sidebar-collapsed + p + .pagination + p {
    display: none ;
}


/* MESSAGE - ERROR NOT LOADING IMAGES - === */
.notice {
    display: inline-block ;
    position: absolute ;
    width: 214px ;
    left: -30% ; 
    top: 0px ;
}

/* SETS - NEW SET PAGE - CITRUS - === */
 section.text-content > p:not(:empty) {
    margin: 0px ;
}
[pagetype="UserProfile"] .width-constraint section.text-content > p:empty {
    display: none ;
}

[pagetype="UserProfile"] .width-constraint section.text-content p + form {
    position: relative ;
    min-height: 700px ;
    max-height: 700px ;
    top: 20px ;
    padding: 5px 66px ;
    overflow: hidden ;
    overflow-y: auto ;
background: #222 ;
}

/* (new198) SET - FROM USER TITLE - CIT */
.width-constraint:first-of-type .sidebarred .sidebarred-main-content h3 ,
body[pagetype="ListingPage"] .width-constraint:first-of-type  .sidebarred .sidebarred-main-content .open-sidebar.sidebar-collapsed + h3 {
    position: fixed !important;
    display: inline-block !important;
    height: 17px ;
    line-height: 15px ;
    width: 473px ;
    margin-left: 0% !important;
left: 26% !important;
    top: 40px ;
    padding: 1px 1px 1px 20px ;
    border-radius: 5px 5px 0 0 ;
    font-size: 13px !important;
    text-align: center ;
    z-index: 50000000 !important;
    pointer-events: none ;
border: 1px solid gray ;
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 2%, rgba(17, 17, 17, 1) 37%, rgba(51, 51, 51, 1) 100%, rgba(19, 19, 19, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) ;
}
body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > h3 + p  {
    display: inline-block !important;
    z-index: 50000000 !important;
/* font-size: 15px !important; */
/* background: red !important; */
}

body[pagetype="ListingPage"] #script-table +.width-constraint h3> a {
    z-index: 100 ;
    pointer-events: auto ;
}

/* PB - CREATE SET PAGE - SCROLL */
html,
body {
    min-height: 100% !important;
    text-align: left !important;
}


/* GREASY - ADMINISTRTOR / DELETE SCRIPT PAGE - === */
.multiform-page:first-of-type  ,
#script-content>form[action$="/delete"]>p:first-of-type {
    margin-top: 48px !important;
}

/* GREASY FORUM - PROFILE COMMENT LIST - === */
.Profile .DataListWrap ul.DataList.SearchResults .MItem:first-child{
    margin-left: 8px;
    margin-right: 8px;
    white-space: pre-line !important;
}
/* GREASY FORUM - COMMENT RATING - === */
.ExtraDiscussionData-Rating .RadioLabel {
    display: inline-block !important;
}
/* LOADER */
.init_loader>img {
    background: #e6dbdb !important;
    border: 1px solid red !important;
    border-radius: 100% !important;
}

/* USERSTY FORUM - IMGUR VIDEO - === */
.imgur-gifv.VideoWrap>video {
    max-width: 624px;
}

/* CATEGORIES - === */
.us-category--stylecard-long h1 ,
.view_inner.StylesCategory>h1 {
    color: #6687aa !important;
    font-size: 30px;
    margin-bottom: 0px !important;
}
#categories {
    display: inline-block !important;
    width: 100% !important;
    margin-bottom: 50px;
}
.StyleCategory-Link {
    display: inline-block !important;
    width: 280px !important;
    margin: 2px -18px 22px 48px !important;
}
.us-category--narrow ,
.us-category--stylecard-short.us-category--narrow {
    width: 100% !important;
    margin-left: 0 !important;
}

.us-category--stylecard-long .us-stylecards__container--narrow ,
.us-category--stylecard-short .us-stylecards__container--narrow {
    width: 100% !important;
}
#title_div {
    width: 100% !important;
}
.us-category--stylecard-short h1 {
    margin-top: 31px;
    color: #6687aa !important;
}
.fallbackDiv {
    position: relative !important;
    display: inline-block !important;
    height: 156px;
    max-width: 100%;
    min-width: 100%;
    align-items: center;
background-color: #222;
}
.fallbackDiv .fallbackImg {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 25% !important;
    object-fit: contain !important;
    object-position: 50% 50% !important;
    opacity: 0.5 !important;
}

/* USERSTY - MENU LEFT - === */
.navigation {
    width: 38% !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    left: 0 !important;
    top: -22px !important;
    padding: 0 !important;
    overflow: hidden !important;
    z-index: 5000000 !important;
    box-shadow: none !important;
    background-color: #2e3e49 !important;
}
.navigation .links-box {
    position: fixed !important;
    width: 200px !important;
    top: 47px !important;
    left:40px !important;
background-color: #222 !important;
}
.links-box>a {
    display: inline-block !important;
    width: 200px !important;
}
.navigation .links-box .navigation-link {
    height: 16px !important;
    align-items: center;
    padding: 1px 0;
}
.navigation .links-box .navigation-link .navigation-title {
    color: #617488 !important;
}
.navigation .navigation-category {
    position: fixed;
    display: inline-block;
    top: 19px !important;
    margin: 30px 0 10px ;
    width: 200px !important;
    color: #95a5a6;
    font-size: 12px !important;
    text-align: center !important;
    z-index: 5000000;
}
.links-box:first-of-type:before {
    content: "Menu  ∇ " ;
    display: inline-block;
    width: 200px !important;
    border-bottom: 4px solid gold !important;
    text-align: center !important;
    visibility: visible !important;
}
.links-box:first-of-type {
    border-top: none !important;
    visibility: hidden !important;
}
.links-box:first-of-type:hover {
    border-top: none !important;
    visibility: visible !important;
}
.links-box:first-of-type + .navigation-category {
    left: 258px !important;
border-bottom: 4px solid blue !important;
}

.links-box:first-of-type + .navigation-category  + .links-box {
    position: fixed !important;
    display: inline-block !important;
    top: 67px !important;
    left: 258px !important;
    visibility: hidden !important;
border-bottom: 4px solid blue !important;
}
.links-box:first-of-type + .navigation-category  + .links-box:hover  ,
.links-box:first-of-type + .navigation-category:hover  + .links-box {
    visibility: visible !important;
}
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category {
    left: 466px !important;
border-bottom: 4px solid green !important;
}
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category  + .links-box {
    position: fixed !important;
    display: inline-block !important;
    top: 67px !important;
    left: 466px !important;
    visibility: hidden !important;
border-bottom: 4px solid green !important;
}
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category  + .links-box:hover  ,
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category:hover  + .links-box {
    visibility: visible !important;
}
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category:after ,
.links-box:first-of-type + .navigation-category:after {
    content: " ∇ " ;
    display: inline-block;
    width: 5px !important;
    margin-left: 10px !important;
    text-align: center !important;
    color: gold ;
    visibility: visible !important;
}

/* USER PAGE(not ACCOUNT PAGE) - === */
.personal-page-header {
    position: fixed;
    width: 419px;
    height: 30px;
    right: 226px;
    top: 42px !important;
    z-index: 50000;
}
.personal-page-header h1 {
    width: 100%;
    color: #7691AD;
    font-size: 20px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
}
.personal-page-header-right {
    height: 30px;
}
.personal-page .light-blue-button {
    padding: 1px 10px !important;

}
.personal-page-narrow {
    width: 100% !important;
}
.personal-page {
    box-sizing: border-box;
    margin: 10px auto;
    padding: 0 20px;
    width: 100%;
}

/* MOZAIC */
.us-stylecard--long {
/* position: relative !important; */
    display: inline-block !important;
    width: 32% !important;
    height: 172px;
    margin: 15px 20px -10px 0 !important;
    padding: 8px !important;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
background-color: black !important;
border: 1px solid red;
}
.us-stylecard__button-container {
    display: inline-block;
    margin-top: 0;
    padding: 0;
    position: absolute;
    right: 3%;
    width: 15%;
}
.us-stylecard--long {
    float: left !important;
    box-sizing: border-box;
    width: 32% !important;
    height: 172px;
    margin: 5px 5px 0px 5px !important;
    top: 0 !important;
    padding: 8px !important;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
background-color: black !important;
border: 1px solid red;
}

.us-stylecard--long:nth-child(1) {
    margin-top: 5px !important;
}
.us-stylecard--long >a {
    width: 40% !important;
    text-align: center;
}
.us-stylecard--long .us-stencil {
    position: relative;
    display: inline-block !important;
    max-width: 50% !important;
    min-width: 50% !important;
    height: 156px;
background-color: #222 !important;
}
.us-screenshot {
    display: inline-block !important;
    width: 100% !important;
    max-height: 156px !important;
    margin-top: -34px !important;
    transition: height 0.5s ease 0s;

}
.us-screenshot .background--website-style {
    object-fit: contain;
    object-position: center center;
    background-image: url(https://camo.githubusercontent.com/5b8e4cd1a5ce69b6affa17ebd8e4aee00c147618/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d63726f737368617463682e706e67) !important;
}
.us-category--stylecard-short {
    width: 99% !important;
}
.us-category--stylecard-long .us-stylecards__container {
    width: 99% !important;
}
.us-stylecard--long .us-container {
    position: relative !important;
    display: inline-block !important;
    float: none !important;
    clear: none !important;
    width: 50% !important;
    margin-top: 0px !important;
    padding: 3px 13px 0 13px !important;
    overflow: hidden;
}
.us-stylecard--long .us-title {
    width: 100%;
    font-size: 20px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line !important;
}
.us-stylecard__button-container {
    position: relative !important;
    display: inline-block !important;
    width: 5% !important;
    top: -163px !important;
    left: 84% !important;
    padding: 0 !important;
    z-index: 100 !important;
}

/* FOR ANDROID */
.us-category--stylecard-short.us-category .us-stylecards__container {
    width: 99% !important;
}
.us-category--stylecard-long.us-category .us-stylecards__container .us-stylecard--long .us-container {
    clear: none;
    display: inline-block !important;
    width: 50% !important;
}
.us-category--stylecard-long.us-category .us-stylecards__container  .background--mobile-style + .body  {
    position: absolute !important;
    width: 99% !important;
    height: 132px !important;
    left: 0;
    margin: 13px auto;
    right: 0;
    top: 0;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android  {
    display: inline-block !important;
    max-height: 250px !important;
}
.us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android a .us-stencil ,
.us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android a  {
    display: inline-block !important;
    max-height: 250px !important;
}
.us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android a .us-stencil .us-screenshot .container--stylecard.transparent-img-background-black img.background--mobile-style + .body  {
    position: absolute !important;
    width: 98% !important;
    height: 132px !important;
    left: 0;
    margin: 13px auto;
    right: 0;
    top: 0;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android .us-container {
    position: relative !important;
    display: inline-block !important;
    margin-top: -115px !important;
    z-index: 500 !important;
}
.us-category--stylecard-long.us-category .us-stylecards__container  .us-stylecard--long .us-stylecard__button-container {
    display: inline-block;
    margin-top: 0;
    padding: 0;
    position: absolute;
    right: 4% !important;
    width: 5% !important;
}

/* USERSTY - PAGINA */
.us-stylecards__container  + #pagination {
    position: fixed !important;
    width: 700px !important;
    right: -320px !important;
    top: 50% !important;
    padding: 5px !important;
    border-radius: 5px !important;
    transform: rotate(90deg);
background: #222 !important;
}
.us-stylecards__container  + #pagination>a:first-of-type ,
.us-stylecards__container  + #pagination>a:last-of-type ,
.us-stylecards__container  + #pagination>#pages>.pageNumber ,
.us-stylecards__container  + #pagination>#pages>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px !important;
    width: 40px !important;
    font-size: 15px !important;
    margin: 0 4px;
    cursor: pointer;
    transform: rotate(-90deg);
}
.us-stylecards__container  + #pagination>a:first-of-type .div-arrow  ,
.us-stylecards__container  + #pagination>a:last-of-type .div-arrow {
    width: 30px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center  !important;
}
.us-stylecards__container  + #pagination>a:first-of-type .arrow-icon , 
.us-stylecards__container  + #pagination>a:last-of-type .arrow-icon {
    width: 41px !important;
    height: 30px !important;
    text-align: center  !important;
}

/* A VOIR - GREASY - FORUM - TOP HEADER - DISMIS - == */
.Column.ContentColumn .MessageList.Discussion .OptionsMenu .Flyout.MenuItems.list-reset,
.MessageList.Discussion .OptionsMenu .Flyout.MenuItems.list-reset {
    display: inline-block !important;
    height: 21px !important;
    margin-top: -51px !important;
    margin-left: 4px !important;
}
.MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss {
    height: 15px !important;
    width: 15px !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
color: red !important;
}
.MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:before {
    content: " \274C" ;
    font-size: 10px !important;
color: red !important;
}
.MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:hover:after {
    content: "Dismiss" ;
    position: absolute ;
    display: inline-block ;
    margin-top: -20px !important;
    margin-left: -30px !important;
    font-size: 10px !important;
color: tomato !important;
}

/* GM - Greasyfork Display Update Checks - (not working with CITRUS)- ==== */
#browse-script-list>li>article>p>span[style*="border: 1px ridge #817F82;)"]>b  {
    color: gold !important;
/* OK - FINE TOP OF THE BACKGROUND - BLACK */
    text-shadow: 0px 1px 1px #000;
} 



/* GREASY - Without SCRIPT - === */
.width-constraint > p {
    display: inline-block;
}
#script-links .current > * {
    color: red !important;
}

/* CITRUS SETTINGS - POPUP - === */
#CForkSettings {
    z-index: 5000 !important;
}

/* (new192) PB HOVER - NEW TOP HEADER NAV MENU - MORE - === */
.with-submenu {
    position: relative !important;
    display: inline-block !important;

}
li.with-submenu:hover a + nav ,
/* li.with-submenu a + nav , */
li.with-submenu a + nav:hover ,
li.with-submenu a:hover + nav {
    position: absolute  !important;
display: inline-block  !important;
    min-width: 100%; 
    margin-top: 0px !important;
    padding: 5px 0px 5px 0px !important;
    text-align: left !important;
    z-index: 50000000 !important;
opacity: 1 !important;
visibility: visible !important;
background: #333 !important;
box-shadow: -3px 3px 2px black !important;
}

li.with-submenu a + nav li {
    height: 20px !important;
    line-height: 20px !important;
}
li.with-submenu a + nav li a {
    padding: 2px 2px 2px 10px !important;
    text-align: left !important;
}

/* (new193) SOLVED on ListingPage - move left */
body[pagetype="PersonalProfile"] .with-submenu  ,
body[pagetype="UserProfile"] .with-submenu  , 
body[pagetype="ListingPage"] .with-submenu {
/* position: relative !important; */
    position: fixed !important;
    display: inline-block !important;
width: 92px ;
height: 15px !important;
line-height: 15px !important;
left: 14.3% !important;
top: 110px !important;
z-index: 5000000 !important;
background: green ;
}
body[pagetype="PersonalProfile"] .with-submenu:hover  ,
body[pagetype="UserProfile"] .with-submenu:hover  , 
body[pagetype="ListingPage"] .with-submenu:hover {
width: 272px !important;
height: 130px !important;
line-height: 15px !important;
margin-left: -160px !important;
background: blue ;
}

body[pagetype="PersonalProfile"] .with-submenu:hover > a  ,
body[pagetype="UserProfile"] .with-submenu:hover > a  , 
body[pagetype="ListingPage"] .with-submenu:hover > a {
width: 272px !important;
margin-left: 0px !important;
background: blue ;
}
body[pagetype="PersonalProfile"] .with-submenu > a  ,
body[pagetype="UserProfile"] nav li.with-submenu > a  , 
body[pagetype="ListingPage"] nav li.with-submenu > a {
    display: inline-block !important;
    height: 15px !important;
width: 100% !important;
    line-height: 15px !important;
padding-left: 5px ;
}




/* ADAPT for GM "Greasyfork install button on search" (NOT Working with CITRUS)
AND GM "GreasyFork - filter libraries in profiles" === */
.thetitle + div #install-area {
   position: relative !important;
    float: left !important;
    max-width: 450px !important;
    min-width: 450px !important;
    margin-left: -4px !important;
    top: 0 !important;
    padding: 1px 4px !important;
    background-color: #f9ecdb !important;
    border-bottom: 1px solid gray;
    z-index: 1 !important;
    overflow: hidden !important;
}
.thetitle + div #install-area:hover {
    position: relative !important;
    height: auto !important;
    max-width: 450px !important;
    min-width: 450px !important;
    top: 0 !important;
    padding: 1px 4px !important;
    z-index: 5000 !important;
    overflow: visible !important;
}
.thetitle + div #install-area> a:first-of-type {
    float: left !important;
    clear: both !important;
    max-width: 150px !important;
    min-width: 150px !important;
    line-height: 13px !important;
    font-size: 10px !important;
    margin-left: 0 !important;
    text-align: center !important;
}
.thetitle + div #install-area> a:last-of-type {
    max-width: 20px !important;
    min-width: 20px !important;
    line-height: 13px !important;
    font-size: 10px !important;
    margin-left: 0 !important;
    text-align: center !important;
}
.thetitle + div #install-area form.script-in-sets {
    position: absolute !important;
    display: inline-block !important;
    height: 100% !important;
    min-height: 50px !important;
    max-height: 50px !important;
    max-width: 374px !important;
    min-width: 374px !important;
    left: 75px !important;
    top: 2px !important;
    font-size: 0px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.thetitle + div #install-area form.script-in-sets:hover {
    min-height: 150px !important;
    max-height: 200px !important;
    z-index: 500000 !important;
    border: 1px solid violet !important;
}
.thetitle + div #install-area .script-in-sets select {
    display: inline-block;
    max-width: 287px !important;
    min-width: 287px !important;
    margin-left: 0px !important;
    margin-top: 7px !important;
}
.tk.sel {
    color: #25B300 !important;
}
.tk.pro {
    color: #2a7da3 !important;
}
.tk.pun {
    color: #0F40A7 !important;
}
.tk.com {
    color: #9F7E15 !important;
}

/* (new193) FILTER - ADAP GM ==  (not apply on :not(.Mine))
GreasyFork Bullshit Filter 
AND GreasyFork - filter discussions on scripts by review type and author
=== */
/* FILTER MENU */
.filter-status:not(:empty) ,
#script-content .filter-status:not(:empty) {
    position: fixed !important;
    height: 15px ;
    line-height: 13px ;
    width: auto ;
    max-width: 200px;
    left: calc(20.5%);
    top: 1px !important;
    padding: 0px 3px ;
    border-radius: 3px ;
    text-align: center ;
    font-size: 0px ;
    cursor: pointer !important;
    z-index: 500000 ;
    transition: width ease 0.7s ;
color: white ;
background: #B38C25 ;
}

.filter-status:not(:empty):hover ,
#script-content .filter-status:hover:not(:empty) {
height: 30px !important;
    width: 192px !important;
    padding: 0px 0 0px 70px ;
    font-size: 13px !important;
    cursor: pointer !important;

background: black ;
}
.filter-status:not(:empty):before {
    content: "Filter  ▼ " ;
    font-size: 15px ;
color: gold ;
}
.filter-status:hover:not(:empty):before {
/* content: "Filter  ►" ; */
content: "Filter : " ;
    display: inline-block !important;
    width: 190px !important;
color: white ;
z-index: 50000 !important;
}
.filter-status + .filter-switches  {
    position: fixed !important;
    display: inline-block !important;
    width: 200px !important;
    left: 20.8% !important;
    top: 0px !important;
    padding: 40px 0 5px 70px ;
    border-radius: 0 0 5px 5px !important;
    text-align: center;
    transition: all ease 0.7s ;
    z-index: 50000 !important;
    opacity: 0 ;
visibility: hidden ;
background: #B38C25 !important;
}

.filter-status + .filter-switches:hover, 
.filter-status:hover + .filter-switches  {
opacity: 1 !important;
visibility: visible !important;
}
/* .filter-status:first-of-type + .filter-switches ~  .filter-switches ,
.filter-status:first-of-type + .filter-switches ~ .filter-status {
    display: none !important;
} */
:hover > .filter-switches a ,
.filter-switches  a ,
#main-header  .width-constraint + .filter-status ~  .filter-switches a ,
#Frame #Head.Head .filter-switches a ,
#script-content .filter-switches  a {
    display: inline-block  !important;
    width: 160px !important;
    height: 15px !important;
    line-height: 15px !important;
    margin-top: -2px !important;
    margin-left: 0px !important;
    font-size: 14px !important;
    color: white !important;
    cursor: pointer !important;
background: blue !important;
}
#Frame #Head.Head .filter-switches a {
    color: white !important;
}
.ui-widget {
    position: fixed !important;
    width: 190px !important;
    top: 175px !important;
    left: calc(84.5%) !important;
}
.ui-widget #myform {
    width: 185px !important;
}
.ui-widget #myform input#authors {
    width: 180px !important;
}
.dropdown {
    position: fixed !important;
    width: 185px !important;
    left: calc(84.5%) !important;
    top: 228px !important
}
.dropbtn {
    width: 185px !important;
    padding: 5px 0px 5px 20px !important;
}
.dropdown-content {
    width: 185px !important;
    height: 400px !important;
    padding: 16px 0px 5px 0px !important;
background-color: #222 !important;
}
#myDropdown.dropdown-content a {
    padding: 1px 0px 2px 5px !important;
    font-size: 15px !important;
    text-align: left !important;
    cursor: default !important;
    color: gray !important;
    background-color: #333 !important;
}
#myDropdown.dropdown-content a:hover {
    font-size: 15px !important;
    color: gold !important;
background-color: #222 !important;
}

/* CIT */
[pagetype="UserProfile"] .filter-status:not(:empty) ,
[pagetype="PersonalProfile"] .filter-status:not(:empty) ,
[pagetype="PersonalProfile"] .filter-status:not(:empty) ,
[pagetype="ListingPage"] .filter-status:not(:empty) {
    top: 110px !important;
background: red ;
}
[pagetype="UserProfile"] .filter-status:not(:empty) ,
[pagetype="PersonalProfile"] .filter-status:not(:empty) {
    left: 20.1%;
}

/* (new187) CIT */
[pagetype="UserProfile"] .filter-status:not(:empty) + .filter-switches ,
[pagetype="PersonalProfile"] .filter-status:not(:empty) + .filter-switches ,
[pagetype="PersonalProfile"] .filter-status:not(:empty) + .filter-switches ,
[pagetype="ListingPage"] .filter-status:not(:empty) + .filter-switches {
    top: 100px !important;
background: green !important;
}
[pagetype="UserProfile"] .filter-status:not(:empty) + .filter-switches ,
[pagetype="PersonalProfile"] .filter-status:not(:empty) + .filter-switches  {
    left: 20.4% !important;
}

/* FITER DISC */
.discussion-list .discussion-list-item.filtered  {
    display: inline-block !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 25px !important;
    max-height: 25px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 2px 0 !important;
    font-size: 3px !important;
    overflow: hidden !important;
    opacity: 0.4 !important;
}
.discussion-list .discussion-list-item.filtered:hover  {
    opacity: 1 !important;
}
.discussion-list .discussion-list-item.filtered a.discussion-title  {
    position: relative !important;
    display: inline-block !important;
    width: 96% !important;
    height: 25px !important;
    line-height: 10px !important;
    margin-top: 0px !important;
    top: 0px !important;
    padding: 0 !important;
    font-size: 9px !important;
}


/* FILTER SCRIPTS - ListingPage - DISPLAY MINIMUM - + CIT === */
#script-table tr.filtered ,
body[pagetype="ListingPage"] #script-table tr.filtered {
    display: table-row !important;
    width: 100% !important;
    height: 10px!important;
/* z-index: 0 !important; */
}
.discussion-list-item.filtered  {
    display: inline-block !important;
    width: 100% !important;
    height: 10px!important;
    font-size: 7px !important;
}
.discussion-list-container .discussion-list-item.filtered  a.discussion-title  {
    display: inline-block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 10px!important;
    max-height: 10px!important;
    line-height: 10px!important;
    padding: 0 !important;
    font-size: 7px !important;
/* background-color: #F7F6E9 !important; */
}

#script-table tr.filtered:hover td ,
body[pagetype="ListingPage"] #script-table tr.filtered:hover td {
    background: black !important;
}
#script-table tr.filtered > td ,
body[pagetype="ListingPage"] #script-table tr.filtered > td {
    display: table-cell !important;
    height: 100% !important;
    min-height: 10px!important;
    max-height: 10px!important;
    padding: 0 !important;
    font-size: 7px !important;
background-color: #F7F6E9 !important;
}
#script-table tr.filtered > td:last-of-type ,
body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {
    font-size: 8px !important;
}
#script-table tr.filtered > td:nth-child(2) .thetitle ,
body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {
    font-size: 8px !important;
}
#script-table tr.filtered:hover > td:nth-child(2) .thetitle ,
body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {
    border-left: 1px solid red !important;
}

/* FILTER - HIDDE SCRIPT DESCRIPTION FOR FILTERED */
#script-table tr.filtered > td:nth-child(2) .thetitle + div ,
body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {
/*     display: none !important; */
display: table-cell !important;
height: 2px !important;
font-size: 2px !important;
visibility: hidden !important;
}

/* FILTER - SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
#script-table tr.filtered:hover > td:nth-child(2) .thetitle + div ,
body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {
/*     position: absolute !important; */
/* display: inline-block !important; */
display: table-cell !important;
height: auto !important;
    width: 914px !important;
    font-size: 12px !important;
line-height: 12px !important;
/* left: 0 !important; */
border: 1px solid peru !important;
border-left: 3px solid red !important;
border-right: 3px solid red !important;
border-bottom: 4px solid red !important;
background-color: #f7f6e9 !important;
    z-index: 50000 !important;
visibility: visible !important;
}
#script-table tr.filtered > td span + span ,
#script-table tr.filtered > td > span span ,
body[pagetype="ListingPage"] #script-table tr.filtered > td span + span ,
body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {
    display: inline-block !important;
    display: none !important;
    height: 100% !important;
    min-height: 15px!important;
    max-height: 15px!important;
    padding: 0 !important;
    font-size: 8px !important;
}
#script-table tr.filtered > td > span.total-rating-coun ,
body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {
    display: inline-block !important;
    height: 100% !important;
    min-height: 10px!important;
    max-height: 10px!important;
    line-height: 8px!important;
    padding: 0 !important;
    font-size: 9px !important;
}
/* (new188) FILTER - SCRIPT FEEDBAK  */
.discussion-list-container .discussion-list-item.filtered  a.discussion-title .rating-icon:before {
    position: relative !important;
    display: inline-block !important;
    line-height: 0px!important;
    top: 0px !important;
    margin-left: 0;
    font-size: 7px !important;
}
.discussion-list-container .discussion-list-item.filtered  a.discussion-title .discussion-snippet {
    position: relative !important;
    display: inline-block !important;
    line-height: 0px!important;
    font-size: 7px !important;
}

/* FILTER - ALL COMMENTS (on top)  */
.dropdown:hover   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] ,
.dropdown:not(:hover)   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] {
    position: fixed !important;
    display: inline-block !important;
    left: calc(85.56%) !important;
    top: 232px !important;
    padding: 3px !important;
    border-radius: 100% !important;
    text-align: center !important;
}
/* (new187) for FILTER SCRIPT */
.width-constraint + .filter-status {
    position: fixed !important;
/*     width: 190px !important; */
}
.width-constraint + .filter-status + .filter-switches a {
    margin-left: 10px !important;
}



/* GREASY FORUM - CLEAR CONVERSTAION BUTTON - Small TXT - === */
.Button.Danger.BigButton.ClearConversation {
    display: block;
    font-size: 11px!important;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 8px 10px;
    text-align: center;
}


/* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :
reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338
https://greasyfork.org/fr/scripts/13725-youtube-fairblock
==== */
img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {
    display: inline-block !important;
}
.width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {
    position: relative !important;
    display: inline-block !important;
    height: 100% !important;
    min-height: 100px !important;
    max-height: 100px !important;
    max-width: 98% !important;
    margin: 0 auto !important;
    padding: 2px !important;
    border-radius: 3px;
border: 1px solid orange !important;
box-shadow: 5px 5px 2px #181818 !important;
color: yellow !important;
background-color: #2b2b2b !important;
}

/* GM - LANG FILTER - === */
#greazy-forq-info  {
    position: fixed;
    top: 2px;
    left: 2px;
    cursor: pointer;
    z-index: 5000!important;
color: #670000;
text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
background: rgba(255, 255, 255, 0.55);
}
li.greazy-forq-hiden ,
.greazy-forq-hiden {
    border-width: 1px 0 1px 9px !important;
}

/* SCRIPT TABLE - RATING NUMBER - TS CITRUS - === */
.good-rating-count, 
.ok-rating-count, 
.bad-rating-count {
    border-radius: 2px!important;
    display: inline-block !important;
    min-width: 15px!important;
    height: 13px !important;
    line-height: 11px !important;
    padding: 0px 2px !important;
    margin-right: 2px!important;
    margin-left: -2px!important;
    text-align: center !important;
    text-indent: 0px !important;
}
.total-rating-count  {
    display: table-cell !important;
    width: 100% !important;
    height: 13px !important;
    line-height: 13px !important;
    padding: 0px 2px !important;
    border-radius: 2px!important;
}



/*PROFILE - CONTROL PANEL - HEADER - with CITRUS */
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {
    margin-bottom: 2px ;
    margin-top: -9px ;
} 
.width-constraint #script-list-option-groups.list-option-groups + header {
    float: right ;
    width: 778px ;
    min-height: 25px ;
    max-height: 25px ;
    line-height: 0px ;
    margin-right: -26px ;
    margin-top: 0px ;
}
.width-constraint #script-list-option-groups.list-option-groups + header h3 {
    display: inline-block ;
    width: 779px ;
    min-height: 25px ;
    max-height: 25px ;
    line-height: 20px ;
    margin-top: -3px ;
    text-align: center ;
background: #222 ;
}
.width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {
    float: right ;
    width: 778px ;
    min-height: 844px ;
    margin-top: 25px ;
    margin-right: -29px ;
}

/* (new173) SCRIPT LIST - ALL */

.script-list, 
.user-list, 
.text-content {
    display: inline-block ;
    margin-top: 0px ;
box-shadow: 3px 3px 2px black ;
background-color: #222 ;
}
.text-content.reportable {
    margin: 0 ;
    padding-bottom: 0;
}


#user-profile > p {
    margin-top: 0 ;
}
.text-content {
    width: 100% ;
}
.white-panel, 
#user-discussions-on-scripts-written, 
#control-panel, 
#user-profile {
    background-color: transparent ;
}
/* (new182) SET COUNTER - === */
#main-header + .width-constraint > section.text-content + section {
    content: counter(myIndex, decimal) ;
    counter-increment: myIndex  0 ;
}
ul#user-script-sets li:after {
    counter-increment: myIndex ;
    content: counter(myIndex, decimal)"\A sets" ;
    position: fixed ;
    display: inline-block ;
    float: none ;
    width: 100% ;
    min-width: 25px ;
    max-width: 25px ;
    height: 25px ;
    line-height: 10px ;
    top: 55px ;
    left: 22.5% ;
    margin-left: -45px ;
    padding: 2px ;
    font-size: 10px ;
    text-align: center ;
    text-indent: 0 ;
    border-radius: 100% ;
    opacity: 1 ;
    visibility: visible ;
    z-index: 500 ;
color: white ;
background: green ;
}
/* (new173) CITRUS */
body[pagetype="PersonalProfile"] #main-header + .width-constraint > section.text-content + section + section .white-panel ul li:after {
    top: 56px ;
}


/* (new184)  "★" - SETS/FAV SCRIPTS - CITRUS - PERSO/USER PROF - #user-script-sets-section - === */
/* FAV SCRIPTS - without CITRUS */
#user-script-sets-section header  {
    margin-top: -31px ;
    margin-bottom: -10px ;
}
#user-script-sets-section #user-script-sets {
    max-height: 500px ;
    margin-top: 0px ;
    padding-top: 10px ;
    padding-left: 0px ;
overflow: hidden ;
overflow-y: auto ;
}
#user-script-sets-section:before {
content: "★" ;
    position: absolute ;
    height: 23px ;
    width: 24px ;
    font-size: 15px ;
    text-align: center ;
color: red ;
border: 1px solid red ;
background: gold ;
}
#user-script-sets-section:hover header {
    height: 27px ;
    line-height: 0 ;
    margin-top: 26px ;
    margin-bottom: 0px ;
color: red ;
background: gold ;
}
#user-script-sets-section:hover:hover header h3 {
    width: 800px ;
    height: 25px ;
    line-height: 25px ;
    text-align: center ;
}
#user-script-sets-section:hover:hover  section.text-content {
    border: none ;
}
/* (new184) */
#user-script-sets-section {
    position: fixed ;
    height: 100% ;
    min-width: 24px ;
    max-height: 25px ;
    width: 20px ;
    top: 32px ;
    left: 21.6% ;
    margin-top: 25px ;
    margin-bottom: 10px ;
    font-size: 0 ;
    overflow: hidden ;
    transition: height ease 0.7s ;
    z-index: 50 !important;
background: black ;
}
/* (new187) SET - CITRUS */
body[pagetype="UserProfile"] #user-script-sets-section ,
body[pagetype="PersonalProfile"] #user-script-sets-section  {
    top: 37px ;
    left: 24.6% ;
}

body[pagetype="UserProfile"] #user-script-sets-section ul#user-script-sets li::after ,
body[pagetype="PersonalProfile"] #user-script-sets-section ul#user-script-sets li::after {
    content: counter(myIndex, decimal) "\a sets";
    counter-increment: myIndex 1;
    position: fixed;
    display: inline-block;
    float: none;
    height: 25px;
    line-height: 10px;
    max-width: 25px;
    min-width: 25px;
    top: 60px;
    left: 25.3%;
    margin-left: -45px;
    padding: 2px;
    border-radius: 100%;
    text-align: center;
    text-indent: 0;
    font-size: 10px;
    opacity: 1;
color: white;
background: red ;
background: green !important;
}
body[pagetype="UserProfile"] #user-script-sets-section ul#user-script-sets li::after  {
    top: 66px ;
}

body[pagetype="UserProfile"] #user-script-sets-section:hover ,
body[pagetype="PersonalProfile"] #user-script-sets-section:hover ,
#user-script-sets-section:hover {
    height: auto ;
    max-height:  600px ;
    width: 955px ;
    font-size: 15px ;
    overflow: hidden ;
    transition: height ease 2s ;
box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9) ;
border: 1px solid red ;
}
#user-script-sets-section:hover {
    margin-top: 23px !important;
    z-index: 50 !important;
}
/* SET CITRUS .white-panel*/
#user-script-sets-section:hover .white-panel {
    position: relative ;
    display: inline-block ;
    height: auto ;
    width: 953px ;
    top: 10px ;
    overflow: hidden ;
background-color: black ;
}
#user-script-sets-section:hover .white-panel ul#user-script-sets  {
    display: inline-block ;
    height: 100% ;
    min-height: 30px ;
    max-height: 330px ;
    width: 930px ;
    margin-top: 0px ;
    margin-left: 0px ;
    margin-bottom: 0px ;
    font-size: 15px ;
    overflow: hidden ;
    overflow-y: auto ;
background-color: #222 ;
}
/* SET - CITRUS */
#user-script-sets-section:hover .white-panel ul#user-script-sets {
    display: inline-block ;
    height: 100% ;
    min-height: 30px ;
    max-height: 300px ;
    width: 945px ;
    margin-top: 0px ;
    margin-left: 5px ;
    margin-bottom: 20px ;
    font-size: 15px ;
    overflow: hidden ;
    overflow-y: auto ;
border-top: 1px dashed red ;
}
section:hover ul#user-script-sets > li ,
#user-script-sets-section:hover .white-panel ul#user-script-sets > li {
    float: left ;
    clear: both ;
    width: 900px ;
    line-height: 20px ;
    margin-bottom: 2px ;
    padding: 0 5px ;
    text-indent: 18px ;
}
/* (new184) "🛠 ▼ " - CONTROL PANEL - PROFILE - ALL - === */
#control-panel {
    position: fixed !important;
    display: inline-block ;
    height: 25px ;
    width: 47px ;
    top: 57px ;
    left: 31.3%;
    margin-top: 0px ;
    padding: 0 ;
    font-size: 0;
    overflow: hidden ;
    transition: height ease 0.7s ;
    z-index: 5000 !important;
}
/* (new182) CITRUS */
body[pagetype="PersonalProfile"] #control-panel  {
    position: fixed ;
    top: 62px ;
    left: 35% ;
    z-index: 5000 !important;
}
#control-panel:hover {
    height: auto ;
    width: 200px ;
    margin-top: 0 ;
    font-size: 15px ;
    overflow: hidden ;
    z-index: 1600 ;
    transition: height ease 0.7s ;
box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9) ;
border: 1px solid red ;
background: black !important;
}
.width-constraint > .text-content #control-panel::before {
    content: "🛠 ▼" ;
    position: absolute ;
    height: 23px ;
    width: 45px ;
    top: 0px ;
    left: 0 ;
    white-space: normal ;
    font-size: 15px ;
    text-align: center ;
    z-index: 500 ;
color: red ;
border: 1px solid red ;
background: green ;
}
#control-panel header {
    margin-bottom: 2px ;
    margin-top: 3px ;
    padding-left: 45px ;
    text-align: center ;
}
#control-panel:hover h3 {
    line-height: 13px ;
    font-size: 13px ;
    margin-bottom: 15px ;
}
ul#user-control-panel {
    padding: 5px ;
}
ul#user-control-panel > li {
    display: inline-block ;
    width: 95% ;
    line-height: 13px ;
    margin: 2px ;
    padding: 2px 1px ;
    border-radius: 3px;
    text-align: left ;
    font-size: 13px ;
border: 1px solid #404040 ;
box-shadow: 3px 3px 2px black ;
background-color: #333 ;
}

/* (new184) RAPPORT */
.report-link.report-link-abs ,
.report-link {
    margin-top: 0px ;
    margin-right: 5px ;
    text-align: right ;
}
/* (new184) SEND MES */
.text-content.reportable > p:not(:empty) {
    float: right ;
    width: 150px ;
    margin-top: -35px ;
    margin-right: 5px ;
    font-size: 12px ;
    text-align: right ;
}



/* (new184) "ℹ️" /"🔻" -  ABOUT - PROF - OTHERS - ADD "ℹ️" or 👁 - no CITRUS */
#about-user.text-content.reportable #user-profile:not(:hover):after {
    content: "👁" ;
    position: absolute ;
    display: inline-block ;
    height: 23px ;
    width: 24px ;
    top: 0px ;
    left: 0 ;
    font-size: 15px ;
    text-align: center ;
    z-index: 500 ;
visibility: visible ;
color: tomato ;
background: gold ;
}
#about-user.text-content.reportable #user-profile:hover:after {
    content: "🔻" ;
    position: fixed ;
    display: inline-block ;
    height: 26px ;
    width: 715px ;
    top: 57px ;
    left: 23.1% ;
    font-size: 15px ;
    text-align: left ;
    z-index: 0 ;
border-bottom: 1px solid red ;
background: black ;
}
/* (new182) CITRUS */
body[pagetype="PersonalProfile"] #about-user.text-content.reportable #user-profile:hover::after {
    top: 58px ;
    left: 26.2% ;
}
/* (new187) */ 
body[pagetype="UserProfile"] #about-user.text-content.reportable #user-profile:hover::after {
    top: 62px ;
    left: 26.2% ;
}
/* (new182) */
#user-profile:not(:empty) {
    position: fixed ;
    display: inline-block ;
    top: 57px ;
    left: 23% ;
    width: 100% ;
    min-width: 24px ;
    max-width: 24px ;
    min-height: 23px ;
    max-height: 23px ;
    padding: 0px ;
    font-size: 0 ;
    overflow: hidden ;
    transition: all ease 0.2s ;
    z-index: 50000 !important;
background: black !important;
border: 1px solid red ;
}
#user-profile:not(:empty):hover {
    min-width: 660px ;
    max-width: 660px ;
    height: auto ;
    min-height: 23px ;
    max-height: 250px ;
    padding: 30px 30px ;
    font-size: 15px ;
    overflow-y: auto ;
    transition: all ease 0.2s ;
    z-index: 0 !important;
box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9) ;
background: black ;
}

/*  (new182) ABOUT - USER PROFILE - PERSONAL PROFILE and USER PROFILE - === */
/*  CITRUS */
body[pagetype="PersonalProfile"] #user-profile:not(:empty) {
    top:62px ;
    left: 25.2% ;
    overflow: hidden ;
    transition: visibility ease 0.2s ;
visibility: hidden ;
}
body[pagetype="PersonalProfile"] #user-profile:not(:empty):hover {
    min-width: 660px ;
    max-width: 660px ;
    height: auto ;
    min-height: 23px ;
    max-height: 250px ;
    padding: 30px 30px ;
    font-size: 15px ;
    overflow-y: auto ;
    z-index: 500 ;
    transition: visibility ease 0.2s ;
visibility: visible ;
background: black ;
}

/* (new184) CONSERSATION - no CITS */
section#user-conversations {
    position: fixed ;
    height: 100% ;
    max-height: 23px ;
    min-width: 24px ;
    width: 20px ;
    top: 32px ;
    left: 24.7% ;
    margin-top: 25px ;
    margin-bottom: 10px ;
    font-size: 0 ;
    overflow: hidden ;
    transition: height ease 0.7s ;
    z-index: 50 !important;
background: red !important;
border: 1px solid red ;
}
/* (new187) */
body[pagetype="UserProfile"]  section#user-conversations ,
body[pagetype="PersonalProfile"] section#user-conversations{
    top: 37px ;
    left: 32.7% !important;
border: 1px solid red ;
}
section#user-conversations:before {
    content: "📢" ;
    display: inline-block;
    height: 24px ;
    width: 24px ;
    font-size: 15px ;
    text-align: center ;
    z-index: 50 ;

background: gold ;
}
section#user-conversations:hover {
    position: fixed ;
    height: auto ;
    max-height: 200px ;
    min-width: 24px ;
    width: 400px ;
    top: 32px ;
    left: 24.7% ;
    margin-top: 25px ;
    margin-bottom: 10px ;
    border-radius: 0 0 5px 5px ;
    font-size: 0 ;
    overflow: hidden ;
    transition: height ease 0.7s ;
    z-index: 50 !important;
border: 1px solid gray ;
background: black !important;
}
section#user-conversations:hover>header{
    display: inline-block;
    width: 100%;
    height: 100% ;
    min-height: 25px ;
    max-height: 25px ;
    margin-top: 2px ;
    margin-bottom: 1px ;
    font-size: 15px ;
color: red !important;

}
section#user-conversations:hover>.text-content ,
section#user-conversations:hover>header>h3{
    display: inline-block;
    width: 100%;
padding: 0 5px ;
font-size: 15px !important;
}
section#user-conversations:hover>header>h3{
    height: 100% ;
    min-height: 25px ;
    max-height: 25px ;
    margin-top: 0px ;
background: gold !important;
}
section#user-conversations:hover>.text-content {
    border-radius: 0 0 5px 5px ;
}

/* (new184) DISCS - no CITS */
#user-discussions header {
    font-size: 15px ;
}
#user-discussions:before {
    content: "💬  " ;
    position: relative ;
    display: inline-block ;
    min-width: 25px ;
    max-width: 25px ;
    min-height: 23px ;
    max-height: 23px ;
    text-align: center ;
background: gold ;
}
#user-discussions:hover:before {
    position: absolute ;
    top: 0px !important;
background: gold ;
}
body[pagetype="UserProfile"] #user-discussions:hover:before {
    top: 0px !important;
background: gold ;
} 

body[pagetype="PersonalProfile"] #user-discussions:hover:before {
    top: 0px !important;
background: green ;
} 


#user-discussions  {
    position: fixed ;
    display: inline-block ;
    top: 57px ;
    left: 27.8% ;
    width: 100% ;
    min-width: 25px ;
    max-width: 25px ;
    min-height: 23px ;
    max-height: 23px ;
    padding: 0px ;
    font-size: 15px ;
    overflow: hidden ;
    transition: all ease 0.2s ;
    z-index: 500 ;
border: 1px solid red ;
}
#user-discussions:hover {
    width: 100% ;
    min-width: 600px !important;
    max-width: 600px !important;
    min-height: 400px ;
    height: auto ;
    border-radius: 0 0 5px 5px ;
    font-size: 15px ;
    overflow: hidden ;
    transition: all ease 0.2s ;
    z-index: 500 ;
border: 1px solid red ;
background: black !important;
}
#user-discussions:hover header  {
    position: absolute ;
    display: inline-block ;
    width: 100% ;
    height: 24px ;
    line-height: 24px ;
    top: 25px ;
    left: 0px ;
    overflow: hidden ;
background: gold ;
}
#user-discussions:hover header h3 {
    margin-top: 0px ;
    padding-left: 30px ;
    font-size: 15px ;
color: red ;
}
#user-discussions:hover .text-content {
    margin-top: 28px ;
    border: none ;
}
/* (new197) NEED COR MARGIN -  */
#user-discussions:hover .discussion-list-item ,
body[pagetype="PersonalProfile"] #user-discussions:hover .discussion-list-item ,
#user-discussions:hover ul ,
body[pagetype="PersonalProfile"] #user-discussions:hover ul {
    display: inline-block ;
    margin-top: 50.10px !important;
    left: 0px ;
    width: 100% ;
    height: auto ;
    line-height: 13px ;
    margin-top: 0px !important;
    padding: 0 ;
    font-size: 13px ;
    overflow: hidden ;
    overflow-y: auto ;
    transition: all ease 0.2s ;
    z-index: 50 ;
border: none !important; 
border-bottom: 1px solid red !important;
}
body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a ,
#user-discussions:hover .discussion-list>li>a:first-of-type ,
#user-discussions:hover .discussion-list-item  .discussion-title ,
#user-discussions:hover .discussion-list-item  .discussion-meta {
    display: inline-block ;
    width: 98% !important;
    padding: 1px 5px 1px 10px !important;
}
body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a  {
    position: relative;
    top: -15px !important;
    margin-bottom: -40px ;
}
#user-discussions:hover .discussion-list>li>a:first-of-type:before ,
#user-discussions:hover .discussion-list-item  .discussion-title:before ,
.discussion-meta-item.discussion-meta-item-script-name a[href*="/scripts/"]:before {
    content: " " ;
    width: 15px ;
    height: 15px ;
    float: left ;
    margin-left: -2px ;
    margin-right: 5px ;
}

.discussion-meta-item.discussion-meta-item-script-name a:before {
    content: "►" ;
    margin-left: 0px ;
    margin-right: 10px ;
    background-color: transparent;
}
/* #user-discussions .text-content ul li>a:first-of-type:before , */
#user-discussions .text-content ul li>a[href*="/scripts/"]:before ,
#user-discussions:hover .discussion-list>li>a:first-of-type:before ,
.discussion-meta-item.discussion-meta-item-script-name a[href*="/scripts/"]:before {
    content: " " ;
font-size: 12px ;
    background-color: transparent;
    background-image: url("http://userscripts-mirror.org/images/script_icon.png");
}

body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a:before ,
#user-discussions-on-scripts-written:hover .discussion-list-item  .discussion-title:before {
    content: "💬  " ;
font-size: 12px ;
}

/* (new187) */
#user-discussions .text-content>ul>li>a ,
#user-discussions .text-content>ul>li>a[href*="#comment-"] {
   font-size: 0 !important;
}
#user-discussions .text-content>ul>li>a i {
   font-size: 12px !important;
color: peru !important;
}
#user-discussions .text-content>ul>li>a i:before {
    content: "💬 Disc :  " ;
   font-size: 12px !important;
color: green !important;
}

/* #user-discussions .text-content>ul>li>a[href*="#comment-"] i:before , */
#user-discussions .text-content > ul > li > a[href*="#comment-"][href^="/scripts/"] i:before {
    content: "💬 Review :  " ;
   font-size: 12px !important;
color: gold !important;
}
#user-discussions .text-content>ul li a[href^="/discussions/development/"] i:before {
    content: "💬 Dev :  " ;
   font-size: 12px !important;
color: aqua !important;
}

/* (new180) A VOIR (no UL) */
#user-discussions:hover ul li:not(.discussion-question) ,
body[pagetype="PersonalProfile"] #user-discussions:hover ul li:not(.discussion-question) {
    display: block ;
    width: 97% ;
    height: auto ;
    line-height: 17px ;
    margin-bottom: 3px ;
    padding: 1px 3px ;
    white-space: pre-line ;
    overflow: hidden ;
}
body[pagetype="UserProfile"] #user-discussions:hover ul a:not(:first-of-type ) {
    display: inline ;
    width: auto ;
}
body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a {
    display: inline-block ;
    width: 97% ;
}
#user-discussions:hover ul a:first-of-type  ,
body[pagetype="PersonalProfile"] #user-discussions:hover ul a:first-of-type {
    display: inline-block ;
    float: left ;
    width: 100% ;
}
/* QUEST */
body[pagetype="PersonalProfile"] #user-discussions:hover ul  + .discussion-list-item {
    padding-top: 0px ;
border-top: 1px solid #ccc;
}
body[pagetype="PersonalProfile"] #user-discussions:hover ul  + .discussion-list-item .discussion-meta {
    display: inline-block ;
    width: 100% ;
}
body[pagetype="PersonalProfile"] #user-discussions:hover ul  + .discussion-list-item .discussion-meta .discussion-meta-item-script-name {
    display: inline-block ;
    width: 99% ;
    padding: 2px ;
    overflow: hidden;
text-align: center ;
border: 1px solid red ;
}
body[pagetype="PersonalProfile"] #user-discussions:hover ul  + .discussion-list-item a.discussion-title {
    display: inline-block ;
    width: 100% ;
    overflow: hidden;
    padding: 4px 0 14px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
color: peru !important;
}


/* DISC - UserProfile - CIT */
body[pagetype="UserProfile"]  #user-discussions:not(:empty) ,
body[pagetype="UserProfile"] #user-discussions:not(:empty) {
    position: fixed ;
    min-width: 25px ;
    max-width: 25px ;
    height: 23px ;
    line-height: 24px ;
    top: 70px ;
    left: 29% ;
    white-space: nowrap ;
    z-index: 500 ;
border: 1px solid red ;
}
/* (new188) */
body[pagetype="UserProfile"]  #user-discussions:not(:empty):hover , 
body[pagetype="UserProfile"] #user-discussions:not(:empty):hover {
    min-height: 465px ;
background: blue ; 
}
/* DISC - NORMAL */
#user-discussions  li{
    line-height: 17px ;
    margin-bottom: 3px ;
    padding: 1px 3px ;
border-top: 1px solid gray ;
border-bottom: 1px solid gray ;
}
#user-discussions ul.discussion-list>li:nth-child(even) {
    background: #222 ;
}
body[pagetype="UserProfile"]  #user-discussions:not(:empty)> h3 ,
body[pagetype="UserProfile"] #user-discussions:not(:empty)> h3 {
    min-width: 24px ;
    max-width: 24px ;
    margin: 0 0 0 0px ;
    font-size: 0 ;
    white-space: nowrap ;
    overflow: hidden ;
background: blue ;
}

/* "🗨" - DISCUSS OLD/NEW about USER'S SCRIPT - PROFILE - USER / PERSONAL - ALL - === */
#user-discussions-on-scripts-written {
    position: fixed ;
    display: inline-block ;
    height: 100% ;
    max-height: 23px !important;
    width: 100% !important;
    min-width: 25px !important;
    max-width: 25px !important;
    top: 32px ;
    left: 26.1% ;
    margin-top: 25px ;
    margin-bottom: 10px ;
    font-size: 0 ;
    overflow: hidden !important;
    transition: height ease 0.7s ;
    z-index: 500 !important;
background: black ;
border: 1px solid red ;
}
body[pagetype="UserProfile"]  #user-discussions-on-scripts-written ,
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written {
    top: 37px ;
    left: 27.5% ;
}
body[pagetype="UserProfile"]  #user-discussions-on-scripts-written:after ,
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:after ,
#user-discussions-on-scripts-written:after ,

body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:after ,
#user-discussions-on-scripts-written:after {
    content: "🗨" ;
    position: absolute ;
    display: inline-block ;
    height: 22px ;
    width: 25px ;
    top: 0px ;
    left: 0 ;
    font-size: 15px ;
    text-align: center ;
    z-index: 500 ;
color: tomato ;
border: 1px solid red ;
background: gold ;
}

/* DISC - NORMAL */
#user-discussions-on-scripts-written:not(:hover) .discussion-list {
    position: absolute ;
    display: inline-block ;
    height: 23px ;
    min-width: 26px ;
    max-width: 26px ;
    margin: auto ;
    top: 69px ;
    left: 29% ;
    padding: 0px ;
    overflow: hidden ;
}
/* DISC - PersProf/UserProf  - CIT */
body[pagetype="UserProfile"] #user-discussions-on-scripts-written ul.discussion-list ,
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written ul.discussion-list {
    top: 20px ;
    left: 9.5% ;
border: 1px solid red ;
}
/* DISC - NORMAL */
#user-discussions-on-scripts-written:hover  header + ul.discussion-list ,
#user-discussions-on-scripts-written  header:hover + ul.discussion-list {
    position: absolute ;
    display: inline-block ;
    height: 100% ;
    max-height: 300px ;
    min-width: 450px ;
    max-width: 450px ;
    margin: auto ;
    top: 69px ;
    left: 29% ;
    padding: 25px 5px 18px 5px ;
    overflow-y: auto ;
    z-index: 500 ;
box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9) ;
border: 1px solid red ;
background-color: black ;
}
/* DISCUS - FILTERED - NORMAL */
#user-discussions-on-scripts-written:hover  header + .discussion-list  li#filtered:not(.Mine) {
    display: inline-block ;
}

/* DISC - PersonalProfile - CIT */
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:hover  header + ul.discussion-list ,
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written  header:hover + ul.discussion-list {
    position: absolute ;
    display: inline-block ;
    height: 100% ;
    max-height: 300px ;
    min-width: 450px ;
    max-width: 450px ;
    margin: auto ;
    top: 22px ;
    left: 29% ;
    padding: 25px 5px 18px 5px ;
    overflow-y: auto ;
    z-index: 500 ;
box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9) ;
border: 1px solid red ;
}
/* DISC - HOVER - UserProf - CIT */
body[pagetype="UserProfile"] #user-discussions-on-scripts-written ul.discussion-list ,
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written ul.discussion-list {
    display: inline-block !important;
    width: 100% ;
height: 100% ;
min-height: 350px !important;
    max-height: 350px !important;
    margin-top: 0px ;
    left: 5px ;
    padding: 5px ;
    white-space: normal !important;
    overflow: hidden !important;
    overflow-y: auto !important;
background: #333 ;
}
body[pagetype="UserProfile"] #user-discussions-on-scripts-written:hover  header + ul.discussion-list ,
body[pagetype="UserProfile"] #user-discussions-on-scripts-written  header:hover + ul.discussion-list   {
    position: absolute ;
    display: inline-block ;
    height: 100% ;
    max-height: 300px ;
    min-width: 450px ;
    max-width: 450px ;
    margin: auto ;
    top: 22px ;
    left: 29% ;
    padding: 25px 5px 18px 5px ;
    overflow-y: auto ;
    visibility: visible ;
    z-index: 500 ;
box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9) ;
border: 1px solid yellow ;
background-color: red ;
}
/* DISC - UserProf - CIT */
body[pagetype="UserProfile"] #user-discussions-on-scripts-written:not(:hover) ul.discussion-list  {
    top: 0px !important;
    left: -2px !important;
    right: 0 ;
    box-shadow: none ;
}
body[pagetype="UserProfile"] #user-discussions-on-scripts-written:not(:hover) ul.discussion-list:empty:before ,
body[pagetype="UserProfile"] #user-discussions-on-scripts-written:hover ul.discussion-list:empty:before  {
    content: "No Comments" ;
    display: inline-block ;
    height: 30px ;
    line-height: 30px ;
    margin: 10px 0 -30px 0 ;
    padding: 0 130px ;
}
body[pagetype="UserProfile"] #main-header + .width-constraint > section.text-content + section + .sidebarred + #user-discussions-on-scripts-written:not(:empty):hover ul.discussion-list {
    display: inline-block ;
    width: 100% ;
    height: 100% ;
    max-height: 200px ;
    margin: 0px ;
    left: 0 ;
    top: 25px ;
    border-radius: 0 ;
    overflow: hidden ;
    overflow-y: auto ;
    visibility: visible ;
background: #333 ;
} 
/* (new184) SCRIP LIST - NEW DISCS */

/* (new187) */
body[pagetype="PersonalProfile"] #user-discussions {
    left: 30.7% !important;
    top: 62px !important;
border: 1px solid red ;
}
body[pagetype="UserProfile"]  #user-discussions {
    left: 30.7% !important;
    top: 70px !important;
border: 1px solid red ;
}
/* (new184) */
#user-discussions-on-scripts-written:hover {
    display: inline-block ;
    width: 100% ;
    min-width: 900px !important;
    max-width: 900px !important;
    min-height: 240px !important;
    padding: 0;
    font-size: 15px ;
    border-radius: 0 0 5px 5px ;
    overflow: hidden ;
    transition: all 0.2s ease 0s ;
    z-index: 50 !important;
border: 1px solid red ;
background: black ;
}
#user-discussions-on-scripts-written:hover header {
    position: relative ;
    display: inline-block ;
    height: 25px ;
    width: 100% ;
}
#user-discussions-on-scripts-written:hover header h3 {
    position: relative ;
    display: inline-block ;
    width: 100% ;
    margin-top: 25px ;
    text-align: center ;
color: red ;
background: gold ;
}

body[pagetype="UserProfile"] #user-discussions-on-scripts-written:hover ,
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:hover {
    padding-bottom: 40px ;
}

#user-discussions-on-scripts-written:hover .text-content {
    position: relative ;
    display: inline-block ;
    width: 100% ;
    height: 100% !important;
    min-height: 185px !important;
    max-height: 185px !important;
    margin-top: 0px ;
    border-radius: 0 ;
    overflow: hidden ;
    overflow-y: auto ;
    border: none ;
border-bottom: 1px solid red ;
}
body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul ,
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul  {
    height: 150px ;
    margin-top: 0 ;
    margin-bottom: 8px ;
    overflow-x: hidden ;
    overflow-y: auto ;
border-bottom: 1px solid red;
}
body[pagetype="UserProfile"] #user-discussions-on-scripts-written  .text-content > ul > li ,
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written  .text-content > ul > li {
    line-height: 15px ;
}
body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a ,
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a {
    line-height: 15px ;
    font-size: 0px ;
}
body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a i ,
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a i{
    line-height: 15px ;
    font-size: 15px ;
}
body[pagetype="UserProfile"] #user-discussions-on-scripts-written  .text-content > ul > li > a i:before ,
body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written  .text-content > ul > li > a i:before  {
    content: "💬" ;
    margin-right: 5px ;
}

/* RSS FEED FORUM AUTOR - NORMAl  */
#user-discussions-on-scripts-written>h3>a[href*="/forum/discussions/feed.rss?script_author="] {
    position: fixed ;
    display: inline-block ;
    margin-top: 0px ;
    margin-left: 35% ;
    font-size: 13px ;
z-index: 5000 ;
}
/* USER PROF -  SETS - for long SETS DESCRIPTION - with / without GM " CITRUS" OK - === */
#main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
    display: inline-block!important;
    margin-left: -13px !important;
    margin-bottom: 0 !important;
    margin-top: -14px !important;
    padding-left: 6px !important;
}
/* USER PROF -  SETS - CITRUS */
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
    display: inline-block!important;
    margin-left: -13px !important;
    margin-top: 4px !important;
    padding-left: 6px !important;
}
#user-script-sets>li {
    float: right ;
    clear: both ;
    width: 935px !important;
    line-height: 20px !important;
    margin-bottom: 2px !important;
    padding: 0 5px !important;
    text-indent: -18px !important;
}
#user-script-sets>li:nth-child(odd)  {
    background: #333 !important;
}
#user-script-sets>li:nth-child(even) {
    background: black !important;
}
#user-script-sets>li:hover {
    color: tomato !important;
}
#user-script-sets>li:before {
    content: " ►  " ;
margin-left: 15px ;
margin-right: 15px ;
    width: 17px  ;
    color: red ;
}
#user-script-sets>li a[href*="/scripts?set="] {
    display: inline-block ;
    width: 17px  ;
    line-height: 20px ;
    margin-bottom: -3px ;
    font-size: 10px ;
    white-space: nowrap ;
    overflow: hidden ;
color: transparent ;
}
#user-script-sets>li a[href*="/scripts?set="]:before {
    content: " ";
    position: relative ;
    float: left ;
    height: 100% ;
    max-height: 15px ;
    min-height: 15px ;
    width: 100% ;
    min-width: 25px ;
    max-width: 25px ;
    margin-left: -2px ;
    top: 4px ;
    color: transparent ;
background-repeat: no-repeat;
background-color: rgba(55, 173, 227, 0.4) ;
background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
background-position: 3px -650px !important;
}
#user-script-sets>li:hover>a[href$="/edit"] {
    display: inline-block !important;
    height: 15px !important;
    line-height: 18px !important;
    margin-left: 15px !important;
    padding: 2px 4px !important;
color: gold !important;
}
#user-script-sets>li:hover>a:not([href$="/edit"]) {
    display: inline-block !important;
}

/* USER PROFILE -  SETS - USER SETS (ON HOVER)  CITRUS - #script-table +  - === */
#main-header + #script-table + .pagination + #UserSets ,
#main-header + #script-table + #UserSets {
    position: fixed !important;
    left: 27.5% !important;
    top: 48px!important;
    padding: 2px 10px;
    border-radius: 5px;
    z-index: 200000 !important;
    opacity: 1 !important;
background-color: yellow;
}
#main-header + #script-table + .pagination + #UserSets:before ,
#main-header + #script-table + #UserSets:before {
    content: "Your Sets ▼ " !important;
    position: fixed !important;
    display: inline-block !important;
    top: 48px !important;
    left: 27.5% !important;
    padding: 1px 5px !important;
    border-radius: 5px;
    font-size: 12px !important;
    visibility: visible !important;
    z-index: 200000 !important;
    opacity: 1 !important;
background-color: yellow;
}
#main-header + #script-table + .pagination + #UserSets:hover ,
#main-header + #script-table + #UserSets:hover {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ==== FAVORITS  /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" - === */

/* FAVORITS / SETS PAGES - TXT "FAVORIS BY...." - === */
#UserSets +.width-constraint>h3 {
    position: fixed ...

Reviews

No reviews yet.