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

Imported from https://raw.githubusercontent.com/33kk/uso-archive/flomaster/data/usercss/56792.user.css
Userstyles / Greasy Fork Enhancer Dark-Grey v.194 screenshot
LicenseNO-REDISTRIBUTION
Created at2021-03-04 11:24:32
Updated at2021-06-04 15:11:39
Applies touserstyles.org
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..."
Notes

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

▶ 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 dQuantum,
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

▶ LAST CHANGE :
v.93>…>v.194:
- Correction for Code section in script page
- Add icon in top header for Library list (profile page): on hover display the list
- Adaptation and Corrections for the Citru’s Fix by Konf
- TEST around “[TS] Citrus GFork” and “SuperpreloaderPlusoneNew” userscripts
- TEST for the New Design of GeasyFork’s Forum:
- 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
- Remove CSS for unsupported/deleted GM scripts

▶ 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).
Source code

/* ==UserStyle==
@name           Userstyles / Greasy Fork Enhancer Dark-Grey v.195
@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        20210405.15.40
@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  195 (new195) -  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
=================== */

/* 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 - === */

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 " -  "SupPrePl" */
#sp-fw-container:not(:hover) {
    visibility: hidden ;
}
#sp-fw-rect:not(:hover) {
    visibility: visible ;
}
/* (new187) SUPER LOADER - ALL */
.sp-separator {
    width: 39% ;
    left: 33% !important;
    margin-bottom: -82px ;
    margin-top: -15px ;
    filter: invert(1);
}
/* (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: ";
}
/* IMAGES - === */
.user-content > p > img{
    max-width: 773px ;
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 ;
}




/* 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 ;
}

/* (new193) SET - FROM USER TITLE - CIT */
body[pagetype="ListingPage"] .width-constraint .sidebarred .sidebarred-main-content .open-sidebar.sidebar-collapsed + h3 {
    position: fixed ;
    height: 17px ;
    line-height: 15px ;
    width: 473px ;
    margin-left: 6.2% ;
    top: 40px ;
    padding: 1px 1px 1px 20px ;
    border-radius: 5px 5px 0 0 ;
    font-size: 13px !important;
    text-align: center ;
    z-index: 500000 !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"] #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 ;
}
/* (new187) */
#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 !important;
    display: inline-block !important;
    width: 300px !important;
    height: 20px !important;
    line-height: 17px !important;
    top: 60px !important;
    margin-left: 250px !important;
    padding: 0 2px !important;
    font-size: 12px !important;
    text-align: left !important;
    border-radius: 3px !important;
background: #333 !important;
}
#UserSets +.width-constraint>h3 a {
    display: inline-block !important;
    max-width: 80px !important;
    height: 15px !important;
    line-height: 15px !important;
    margin-top: 0px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
color: gold !important;
}
#UserSets +.width-constraint>h3 a:hover {
    color: tomato !important;
}
#UserSets +.width-constraint>h3 >a[href$="/edit"] {
    position: absolute !important;
    display: inline-block !important;
    height: 15px !important;
    line-height: 15px !important;
    width: 40px !important;
    top: 2px !important;
    margin-left: 25% !important;
    padding: 2px 2px 2px 15px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    opacity: 0 !important;
    z-index: 1500 !important;
background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
}
#UserSets +.width-constraint>h3:hover >a[href$="/edit"] {
    position: absolute !important;
    display: inline-block !important;
    height: 15px !important;
    line-height: 15px !important;
    width: 40px !important;
    top: 20px !important;
    margin-left: 27% !important;
    padding: 2px 2px 2px 15px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    opacity: 1 !important;
    z-index: 1500 !important;
background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
}

/* FAVORITS / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" - === */
#UserSets + .width-constraint>p {
    padding: 2px 2px 2px 20px !important;
    z-index: 500 !important;
background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
}
#UserSets + .width-constraint>p {
    padding: 2px 2px 2px 20px !important;
    z-index: 500 !important;
background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
}

/* FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER - ===  */
#UserSets + .width-constraint h3:not(:hover)  ~ p:nth-last-of-type(n+2):not(:hover):before ,
.width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n+2):not(:hover):before {
    content: "► Desc " !important;
    position: fixed !important;
    min-width: 60px !important;
    max-width: 60px !important;
    top: 71px !important;
    margin-left: -290px !important;
    padding: 2px 2px 2px 10px !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    font-weight: bolder !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    z-index: 500 !important;
    pointer-events: none !important;
color: gold !important;
background: rgba(145, 124, 124, 0.42)!important;
}
#UserSets + .width-constraint h3  ~ p:nth-last-of-type(n+2) ,
.width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2) {
    position: fixed !important;
    min-width: 185px !important;
    max-width: 185px !important;
    top: 31px !important;
    margin-left: 760px !important;
    padding: 2px 2px 2px 10px !important;
    border-radius: 3px !important;
    font-size: 15px !important;
    font-weight: bolder !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap!important;
    z-index: 500 !important;
color: peru !important;
background: rgba(145, 124, 124, 0.42)!important;
}
#UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n+2),
.width-constraint h3:hover  + .script-author-description ~ p:nth-last-of-type(n+2) ,
#UserSets + .width-constraint h3 ~ p:nth-last-of-type(n+2):hover ,
.width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2):hover {
    position: fixed !important;
    height: auto !important;
    min-width: 385px !important;
    max-width: 385px !important;
    top: 31px !important;
    margin-left: 530px !important;
    padding: 2px 40px 20px 40px !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: bolder !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-align: left !important;
    z-index: 500 !important;
    transition: all ease 0.7s !important;
color: white !important;
box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important;
border: 1px solid peru !important;
background: black !important;
}

/* GREASY - FORUM - PROF PAGE - === */
.PhotoWrap a.ChangePicture {
    display: block;
    top: 15px !important;
    color: gold !important;
    z-index: 5000 !important;
    transition: all ease 0.2s !important;
}
.PhotoWrap:hover a.ChangePicture {
    display: block;
    top: 70px !important;
    color: gold !important;
    transition: all ease 0.7s !important;
}
.PhotoWrap:hover a.ChangePicture span {
    color: gold !important;
}
#dashboard_profile_index #Content.Column.ContentColumn ,
#dashboard_profile_discussions #Content.Column.ContentColumn {
    margin-top: 70px!important;
}
.About dd {
    color: peru !important;
}
#dashboard_profile_notifications #Content.Column.ContentColumn .User,
#dashboard_profile_comments #Content.Column.ContentColumn .User,
#dashboard_profile_discussions #Content.Column.ContentColumn .User {
    position: fixed !important;
    display: inline-block !important;
    width: 742px !important;
    top: 54px !important;
    margin-left: -7px !important;
    padding: 5px !important;
    z-index: 200 !important;
border-bottom: 1px solid peru !important;
background: black !important;
}
#dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions  ,
#dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions  ,
#dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions {
    position: fixed !important;
    display: inline-block !important;
    top: 69px !important;
    margin-left: -158px !important;
    z-index: 5000 !important;
background: transparent !important;
}
#dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile , 
#dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
#dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
    position: fixed!important;
    display: inline-block !important;
    min-width: 20px !important;
    max-width: 20px !important;
    top: 99px !important;
    margin-left: -58px !important;
    padding: 3px 10px  3px 3px!important;
    box-shadow: none !important;
    text-shadow: none !important;
    z-index: 202 !important;
background: red !important;
}
.ButtonGroup.Open .Dropdown.MenuItems {
    top: 35px !important;
    right: 23px !important;
}
#dashboard_profile_notifications #Content.Column.ContentColumn .BoxFilter + h2 ,
#dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2 ,
#dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
    top: 24px!important;
    position: fixed!important;
    display: inline-block;
    z-index: 250!important;
    color: peru!important;
    width: 678px!important;
    text-align: left;
    background: black;
    padding: 2px 5px!important;
border: 1px solid peru!important;
}
#dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions + .Profile  ,
#dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions +.Profile  ,
#dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions +.Profile {
margin-top: 70px !important;
}
#conversations_messages_all .Condensed.DataList.Conversations {
    margin-top: 42px !important;
}
.Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {
    margin-top: -70px !important;
}
/* GREASK FORUM - PROF BUT */
#dashboard_profile_discussions .About>dt:last-of-type  {
    position: absolute !important;
    display: inline-block !important;
    width: 23% !important;
    height: 18px !important;
    line-height: 18px !important;
    top: 5px !important;
    left: 74%!important;
    padding: 2px 2px 2px 15px !important;
    border-radius: 3px !important;
    font-size: 15px !important;
background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
}
/* GREASY - WITHOUT GM - SCRIPTS LIST(work with CIT enable) - === */
#user-script-list>li>article ,
#browse-script-list>li>article {
    padding: 2px 5px !important;
/*     width: 720px !important; */
}
/* GM "Greasy Fork tweaks" (add screenshots) -
https://greasyfork.org/en/scripts/368183-greasy-fork-tweaks/feedback
=== */
#browse-script-list>li>div:not(#codefund-1) {
    display: inline-block;
    float: right;
    height: 117px !important;
    width: 20% !important;
    margin: 0;
    padding: 5px;
    overflow: hidden;
outline: 1px solid violet !important;
}
/* CIRT */
.script-list dt {
    width: 12em;
    clear: left;
    float: left;
    padding-left: 5px!important;
    padding-right: 1em;
    font-weight: bold;
    text-align: left !important;
border-left: 1px solid peru !important;
}
/* (new190bis) without script */
#user-script-list>li>article .description ,
#browse-script-list>li>article .description {
/*     display: inline-block!important; */
float: left !important;
    width: 100% !important;
    min-width: 757px !important;
    max-width: 757px !important;
    padding-bottom: 4px !important;
    padding-left: 4px!important;
    font-size: 15px !important;
    line-height: 15px !important;
    word-wrap: break-word !important;
    overflow: hidden !important;
border-bottom: 1px solid gray!important;
border-left: 3px solid red !important;
}
/* CIT */
body[pagetype="UserProfile"] 
#user-script-list>li>article .description ,
#browse-script-list>li>article .description {
    display: inline-block!important;
    width: 100% !important;
    min-width: 710px !important;
    max-width: 710px !important;
    padding-bottom: 4px !important;
    padding-left: 4px!important;
    font-size: 15px !important;
    line-height: 15px !important;
    word-wrap: break-word !important;
    overflow: hidden !important;
border-bottom: 1px solid gray!important;
border-left: 3px solid red !important;
}
/* (new185) mark ELEMENT - === */
mark {
    padding: 0px 5px !important;
    border-radius: 3px!important;
background: rgba(222, 210, 54, 0.31) !important;
}

/* ICON USER/SITE - BACKGROUND - === */
#site-name img[src$="/MonkeyIcon"] ,
#title-image ,
.ProfilePhoto.ProfilePhotoMedium ,
#script-info>header>h2>div img {
    height: auto !important;
    max-height: 30px !important;
    max-width: 30px !important;
    width: auto !important;
    margin-top: -3px ;
    padding: 2px !important;
    border-radius: 5px !important;
box-shadow: 0 0 2px #cccccc inset !important;
background-color: rgba(191, 191, 190, 0.33) !important;
}
.ProfilePhoto.ProfilePhotoMedium  {
    display: inline-block !important;
    height: 30px !important;
    line-height: 8px !important;
    font-size: 7px !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    text-align: center ;
overflow: hidden !important;
}
/* ICON - SITE (CIT) - === */
#Head.Head > .Row > #site-name > a[href="/"] > img#title-image[src$="/MonkeyIcon"] {
    position: absolute !important;
    top: -3px !important;
left: -10px !important;
}
#vanilla_discussions_index #Head.Head > .Row > #site-name > a[href="/"] > img#title-image[src$="/MonkeyIcon"] {
    position: absolute !important;
    top: -18px !important;
left: -10px !important;
margin-top: 5px !important;
}
#site-name img ,
#title-image  {
    max-height: 30px;
    max-width: 30px;
    padding: 2px;
    border-radius: 5px;
    box-shadow: 0 0 2px #cccccc inset;
    background-color: rgba(191, 191, 190, 0.33) !important;
    background-image: none !important;
}
.sp-separator + #main-header #site-name>a>img ,
#site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"] , 
#site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"]   {
    display: inline-block !important;
    position: relative !important;
    height: 100% !important;
    min-height: 30px !important;
    max-height: 30px !important;
    width: 100%!important;
    min-width: 30px !important;
    max-width: 30px !important;
    top: -4px !important;
    padding: 2px!important;
    border-radius: 3px !important;
}
#site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {
    position: relative !important;
    display: inline-block !important;
    top: -3px !important;
    border-radius: 5px !important;
}
/* FORUM COM - POST REPY - PREV+QUOTE with "ol" or not / With AUTHOR or not - === */
.Preview {
    min-height: 100px ;
    padding: 4px ;
color: #929292 ;
background: #454545 ;
}
blockquote ,
blockquote.Quote, 
blockQuote.UserQuote {
    background: rgba(184, 181, 181, 0.05) ;
    border-left: 4px solid rgba(242, 193, 36, 0.37) ;
}
/* BLOCKQUOTES */
blockquote {
    width: 711px ;
    margin-left: -4px ;
    padding: 1px 5px ;
}
.Message>blockquote > div > pre {
    margin-left: 2px ;
}
.Message>blockquote>pre{
    width: 97% ;
}
.QuoteText > ol{
    display: inline-block ;
    width: 95% ;
    margin-bottom: -28px ;
    margin-top: -15px ;
}
.script-author-description > blockquote {
    margin-left: -4px ;
    padding: 1px 5px ;
    width: 99% ;
}
/* FORUM COM - POST/EDIT NEW DISC + ACTI - === */
#vanilla_post_editdiscussion #Body {
    width: 100% ;
    margin-top: 5px;
    padding: 20px ;
}
#vanilla_post_editdiscussion #Body .Row {
    display: inline-block;
    margin-top: 24px;
    width: 100% ;
}
#vanilla_post_editdiscussion #Content.Column.ContentColumn ,
#vanilla_post_discussion #Content.Column.ContentColumn {
    width: 100% ;
    margin : -20px 0px 0 0 ;
    padding: 30px 5px ;
border: none ;
}
/* GREASY/USERS - FORUM DISC - CONT - === */
#Content.Column.ContentColumn ,
#vanilla_discussion_index #Content.Column.ContentColumn {
    float: right ;
    width: 760px ;
    min-height: 770px ;
    margin-top: 12px ;
    margin-right: 14px ;
    padding: 0 ;
    border-radius: 0 0 5px 5px ;
    box-shadow: none ;
background: transparent ;
}
/* === GREAS FORUM - LIST/COM - ====== */
#vanilla_discussions_index.Vanilla.Discussions.index.Section-DiscussionList  #Content.Column.ContentColumn {
    margin-top: 9px ;
}
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-requests #Content.Column.ContentColumn ,
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-general #Content.Column.ContentColumn ,
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-discussions   #Content.Column.ContentColumn ,
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-development #Content.Column.ContentColumn {
    margin-top: 0px ;
}
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-development #Content.Column.ContentColumn .MessageList.Discussion {
    margin-top: 21px ;
}
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-requests #Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion ,
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-general #Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion ,
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-discussions #Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion {
    margin-top: -12px ;
}
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-discussions #Content.Column.ContentColumn img.rating-image {
    position: fixed;
    display: inline-block ;
    margin-left: 0 ;
    margin-top: -35px ;
    z-index: 5000;
}
/* USERS FORUM - LIST - === */
#vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList  .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn ,
#vanilla_discussions_bookmarked.Vanilla.Discussions.bookmarked.Section-DiscussionList  #Content.Column.ContentColumn ,
#vanilla_discussions_mine.Vanilla.Discussions.mine.Section-DiscussionList  #Content.Column.ContentColumn {
    margin-top: 8px 
}
#vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-userstyles\.org.Section-Category-userstyles\.org.Section-DiscussionList  .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn   ,
#vanilla_categories_index.Vanilla.Categories.index.Discussions.Section-DiscussionList  .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn,
#vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-stylish.Section-Category-stylish.Section-DiscussionList  .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn  ,
#vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-requests.Section-Category-style-requests.Section-DiscussionList  .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn  ,
#vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-development.Section-Category-style-development.Section-DiscussionList  .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn {
    margin-top: 12px ;
}
/* GREASY - FORUM - POST COM - FIRST POST - === */
.ExtraDiscussionData-Rating .report {
    width: 584px ;
    padding: 5px ;
border: 1px solid gray ;
}
/* GREAS/USERST - CATEG DISC LIST */
#vanilla_categories_index.Vanilla.Categories.Index.Discussions #Content.Column.ContentColumn {
    margin-top: -37px ;
}
/*  USERST */
#Content.Column.ContentColumn .MessageList.Discussion ,
#vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
    position: relative ;
    top: -28px ;
    margin-bottom: -18px ;
    z-index: 10 ;
}
/* FORUM DISC - COM FORM -  CONT - === */
.MessageForm.CommentForm.FormTitleWrapper {
    padding-left: 15px ;
}
/* USERS/GREASY - FORUM - DISC LIST CONT - === */
/* GREAS/USERST */
.Column.ContentColumn .DataList.Discussions {
    position: relative ;
    display: inline-block ;
    width: 755px ;
    margin-top: 5px ;
}
/* PB DIFF - USERS/GREASY */
/* GREAS */
#vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {
    margin-left: 0px  ;
}

/* ==== */

.Profile .DataList.Discussions {
    position: relative ;
    display: inline-block ;
    width: 727px ;
    margin-top: 107px ;
}
#vanilla_categories_index .DataList.CategoryList {
    position: relative ;
    display: inline-block ;
    width: 727px ;
    margin-top: 30px ;
}
.DataList.Activities .Item   {
    position: relative ;
    display: inline-block ;
    width: 709px ;
}
/* FORUMS ALL - DISC LIST - HEADER - ===  */
.HomepageTitle ,
.H.HomepageTitle {
    position: fixed !important;
    width: 743px ;
    top: 80px !important;
    margin-left: -1px !important;
    padding: 1px 5px 1px 5px ;
    z-index: 10 ;
border-top: 1px solid peru ;
border-bottom: 1px solid peru ;
color: gold ;
background-color: #222 !important;
}
#vanilla_discussions_participated .HomepageTitle {
    width: 733px !important;
    top: 47px !important;
}

/* (new173) USERS FORUM - DISC LIST - HEADER - === */
#Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {
    width: 747px ;
    top: 47px  !important;
}
/* (new173) USERST/GREASY */
.P.PageDescription ,
#Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .P.PageDescription {
    position: fixed ;
    width: 757px ;
    top: 95px ;
    padding: 3px 0px 3px 5px ;
    z-index: 10 ;
color: gold ;
border-bottom: 1px solid red ;
background-color: #222 ;
}
#Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .P.PageDescription  {
    top: 73px ;
}
#vanilla_categories_index .DataList.Discussions {
    margin-top: 24px ;
border-top: 1px solid peru ;
}
#vanilla_discussions_bookmarked  ul.DataList.Discussions {
    margin-top: 0px ;
border-top: 1px solid peru ;
}
/* PROF - DICUS LIST -  === */
.Profile .DataList.Discussions {
    margin-top: 0px ;
}

/* ACTIVITY PAGE - === */
.Excerpt>p>a>img {
    max-width: 671px!important;
}
#dashboard_profile_notifications .Item:nth-child(odd) , 
.Profile .DataList.Discussions .Item:nth-child(odd) ,
.DataList.SearchResults .Item:nth-child(odd) {
    background-color: #222 !important;
}
#dashboard_profile_notifications .Item:nth-child(even) ,
.Profile .DataList.Discussions .Item:nth-child(even) ,
.DataList.SearchResults .Item:nth-child(even) {
    background-color: #414141 !important;
}
#dashboard_profile_notifications .Item:hover ,
.Profile .DataList.Discussions .Item:hover ,
.DataList.SearchResults .Item:hover {
    background-color: rgba(7, 7, 7, 0.57) !important;
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
    transition: background 0.8s ease 0s !important;
}
#dashboard_profile_notifications .Item:hover ,
.Profile .DataList.Discussions .Item:hover ,
.DataList.SearchResults .Item:hover {
    background-color: black !important;
    z-index: 1 !important;
}
.DataList.SearchResults .Item .ItemContent .Meta a {
    font-size: 15px! important;
}
/* (new187) GREAS - with/without TS CITRUS - SEARCH FORM + BUTTONS - ===  */
#site-nav nav form.sidebar-search {
    position: absolute ;
    top: 2px;
margin-left: 30px ;
    border-radius: 3px ;
    transition: width ease 0.7s ;
border: 1px solid red ;
}
#site-nav nav form.sidebar-search:hover {
    width: auto !important;
    min-width: 395px !important;
    max-width: 395px !important;
    z-index: 50000 !important;
    transition: width ease 0.7s !important;
}
#site-nav nav form.sidebar-search >input[name="q"]{
    height: 18px;
    border-radius:  3px ;
    transition: width ease 4s ;
border: 1px solid #333 !important;
color: gold ;
background: #333 !important;
}
#site-nav nav form.sidebar-search >input[name="q"]::-moz-placeholder{
    font-size: 12px !important;
color: white !important;
}
#site-nav nav form.sidebar-search >input[name="q"]::-webkit-input-placeholder {
    font-size: 12px !important;
color: white !important;
}
#site-nav nav form.sidebar-search:hover>input[name="q"]{
    min-width: 355px !important;
    max-width: 355px !important;
    z-index: 500;
/*     font-size: 10px !important; */
    transition: width ease 0.7s ;
border: 1px solid red ;
background: black ;
}
#site-nav nav form.sidebar-search>input[value="✱"],
#site-nav nav form.sidebar-search:hover>input.search-submit {
    height: 18px;
left: 0 ;
    padding-right: 0;
background: gray ;
}
#site-nav nav form.sidebar-search:hover>input[value="✱"],
#site-nav nav form.sidebar-search:hover>input.search-submit {
    opacity: 0.8 ;
}
#site-nav nav form.sidebar-search:hover>input[value="✱"]:hover,
#site-nav nav form.sidebar-search:hover>input.search-submit:hover {
    opacity: 1 !important;
background: red ;
}

#site-nav nav form.sidebar-search>input[type="search"] {
    min-height: 18px ;
    line-height: 18px ;
margin-top: -2px ;
}
#site-nav nav form.sidebar-search>input[type="submit"] {
    position: relative ;
    -moz-appearance: none ;
    height: 18px ;
    line-height: 18px ;
    width: 20px ;
    top: 1px ;
    padding-right: 0 ;
    font-size: 12px ;
    text-align: center ;
}
#userProfile + ul  #sidebar-search #search-submit {
    height: 18px ;
}
#search-other-sites {
    width: 13px ;
    height: 20px ;
    line-height: 10px ;
    padding: 0px ;
}


/* GREAS - without CIT - FORUM HEADER - === */ 
#Head.Head .Row ,
#Head .Row  {
    position: relative ;
    display: inline-block ;
    max-height: 47px ;
    min-height: 47px ;
    left: 25% ;
    padding: 0.25em 0 ;
}
#Head.Head .Row {
    max-height: 39px ;
    min-height: 39px ;
    top: -3px ;
}
#Head .Row #site-name {
    height: 51px ;
    line-height: 8px ;
    margin-top: -8px ;
}
/* (new166) */
#nav-user-info {
    position: absolute ;
    display: inline-block ;
    top: -8px ;
}
.user-profile-link {
    position: relative ;
    display: inline-block ;
}
/* (new166) GREASY - USER NAME + LOGIN/LOGOUT + LANG - CONTAINER */
#language-selector {
    position: absolute ;
    display: inline-block ;
    -moz-appearance: none ;
    width: 18px ;
    height: 15px ;
    line-height: 13px ;
    top: 2px ;
    padding: 0 2px ;
    border-radius: 3px ;
    text-indent: -1px ;
    overflow: hidden ; 
    z-index: 500000 ;
box-shadow: 3px 3px 2px black ;
background: #222 ;
}
#language-selector-locale {
    position: relative ;
    display: inline-block ;
    -moz-appearance: none ;
    -webkit-appearance: none ;
    width: 19px ;
    height: 20px ;
    line-height: 8px !important;
    margin-right: 14px ;
    letter-spacing: 1px ;
    overflow: hidden ;
    cursor: pointer ;
color: peru ;
border: 1px solid transparent ;
background: #222 ;
}
#language-selector-locale:hover {
    color: tomato ;
}
#language-selector-locale>option {
    text-indent: 20px ;
    margin-left: -20px ;
}
#language-selector-locale>option:checked:before {
    content: attr(value) ;
    color: tan !important;
    font-size: 20px ;
background: black 
}
#language-selector-locale>option:before {
    content: attr(value) ;
    display: inline-block ;
    width: 100px ;
    margin-right: 17px  ;
    margin-left: -20px  ;
    color: gold ;
}
#language-selector-locale>option[selected=""]:before {
    content: attr(value) ;
color: green ;
}
.width-constraint #nav-user-info {
    position: absolute ;
    display: inline-block ;
    height: 15px ;
    line-height: 15px ;
    width: 300px ;
    top: 15px ;
    top: -4px ;
    left: 64% ;
    text-align: right ;
}
/* GREAS/USERST - SITE MENU - with SEARCH - === */
.SiteMenu {
    position: absolute ;
    display: inline-block ;
    height: 22px ;
    width: 320px ;
    top: -18px ;
    left: 16% ;
/* border: 1px solid red ; */
}
#vanilla_categories_index .SiteMenu ,
#vanilla_drafts_index .SiteMenu ,
#vanilla_discussions_mine .SiteMenu ,
#vanilla_discussions_bookmarked .SiteMenu ,
#vanilla_discussion_comment .SiteMenu {
    top: -12px ;
}
/* USERST */
#Frame #Head.Head .Row .SiteTitle + .SiteSearch + .SiteMenu {
    top: 0px ;
}
/* (new187) GREA : WITH/ Without CIT - SITE NAV - PB GM "Greasyfork - Add notes to the script" - === */
#site-nav>nav  {
    position: absolute;
    display: inline-block!important;
    height: 24px!important;
    line-height: 24px!important;
    width: auto !important;
    max-width: 550px !important;
    top: -9px!important;
    left: 16%!important;
    text-align: left !important;
}
/* (new190bis) GM "Greasyfork - Add notes to the script" ADD NOTES BUT */
.note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-library-note-btn ,
.note-obj-add-note-btn ,
.note-obj-gf-library-note-btn ,
#install-area > .note-obj-gf-info-note-btn {
/* position: absolute !important; */
/* display: inline-block; */
float: right !important;
clear: none !important;
width: 18px !important;
height: 20px !important;
top: 10px;
left: -30px !important;
    align-items: center;
    border-radius: 3px;
    color: #fff;
    padding: 2px;
    white-space: nowrap;
background-image: url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWxhYmVsbGVkYnk9Im5ld0ljb25UaXRsZSIgc3Ryb2tlPSJyZ2IoMzgsIDM4LCAzOCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgZmlsbD0ibm9uZSIgY29sb3I9InJnYigzOCwgMzgsIDM4KSI+IDx0aXRsZSBpZD0ibmV3SWNvblRpdGxlIj5OZXc8L3RpdGxlPiA8cGF0aCBkPSJNMTkgMTRWMjJIMi45OTk5N1Y0SDEzIi8+IDxwYXRoIGQ9Ik0xNy40NjA4IDQuMDM5MjFDMTguMjQxOCAzLjI1ODE3IDE5LjUwODIgMy4yNTgxNiAyMC4yODkyIDQuMDM5MjFMMjAuOTYwOCA0LjcxMDc5QzIxLjc0MTggNS40OTE4NCAyMS43NDE4IDYuNzU4MTcgMjAuOTYwOCA3LjUzOTIxTDExLjU4NTggMTYuOTE0MkMxMS4yMTA3IDE3LjI4OTMgMTAuNzAyIDE3LjUgMTAuMTcxNiAxNy41TDcuNSAxNy41TDcuNSAxNC44Mjg0QzcuNSAxNC4yOTggNy43MTA3MSAxMy43ODkzIDguMDg1NzkgMTMuNDE0MkwxNy40NjA4IDQuMDM5MjFaIi8+IDxwYXRoIGQ9Ik0xNi4yNSA1LjI1TDE5Ljc1IDguNzUiLz4gPC9zdmc+")!important;
background-position: center center!important;
background-repeat: no-repeat!important;
    background-color: #3c81df;
visibility: visible !important;
opacity: 1 !important;
}
/* (new192) NOTES TXT in LIST / SCRIPT IFOS HEADER*/
.note-obj-gf-note-tag,
.note-obj-gf-ts-note-tag {
/* position: absolute !important; */
display: inline-block !important;
max-width: 200px !important;
height: 100% !important;
height: auto !important;
max-height: 20px !important;
    line-height: 21px;
    margin-left: 5px;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 13px;
white-space: nowrap !important;
    word-wrap: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
/*     overflow-wrap: anywhere !important; */
/* z-index: 50000 !important; */
background: red !important;
outline: 1px solid violet !important;
}
.note-obj-gf-note-tag:hover,
.note-obj-gf-ts-note-tag:hover {
position: absolute !important;
display: inline-block !important;
max-width: 800px !important;
height: 100% !important;
height: auto !important;
max-height: 100px !important;
    line-height: 14px !important;
    margin-left: 5px;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 14px !important;
white-space: pre-wrap !important;
    word-wrap: normal !important;
overflow: hidden !important;
/* text-overflow: ellipsis !important; */
    overflow-wrap: anywhere !important;
z-index: 50000 !important;
}
/* NOTES in LIST */
#script-table  tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn {
margin-top: -15px !important;
transform: scale(0.7) !important;
opacity: 0.1 !important;
}

/* CIT */
body[pagetype="PersonalProfile"] #script-table  tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn ,
body[pagetype="ListingPage"] #script-table  tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn ,
body[pagetype="UserProfile"] #script-table  tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn {
    background-color: orange;
}

#script-table  tr:hover .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn {
transform: scale(0.7) !important;
opacity: 1 !important;
}

/* ADD NOTES POPUP*/
.note-obj-popver-frame-dialog {
/*     display: inline-block !important; */
    min-height: 300px;
    min-width: 600px;
    background-color: #38526d;
    color: #fff;
}
.note-obj-popover-frame-item:hover,
.note-obj-popover-frame-item-deepen:hover {
    background-color: rgba(0, 0, 0, 0.3);
    color: gold !important;
}
/* (new187) GREASY - SCRIPT LIST - CITRUS - === */
body[pagetype="ListingPage"] #site-nav>nav   {
    position: absolute;
    display: inline-block!important;
    height: 15px!important;
    line-height: 15px!important;
    width: 530px!important;
    top: -4px!important;
    left: 16%!important;
    text-align: left !important;
z-index: 50000 !important;
}
#main-header .width-constraint {
/* position: relative; */
/* display: inline-block !important; */
    height: 42px !important;
    padding: 0 0 0.25em;
    overflow: visible !important;
z-index: 50000 !important;
}
#main-header .width-constraint #site-name {
    position: relative;
    display: inline-block !important;
    height: 40px!important;

}
#title-subtext {
    font-size: 10px;
    font-weight: 400 !important;
    left: 63px !important;
    position: absolute;
    text-decoration: none;
    top: 28px !important;
}
#site-name>a[href="/"] {
    display: inline-block!important;
    color: gold !important;
}
#site-name>a[href="/"] span {
    position: relative!important;
    display: inline-block!important;
    height: 33px!important;
    line-height: 33px!important;
    top: -3px !important;
    margin-left: 3px!important;
    font-size: 27px!important;
color: peru !important;
}
#site-name>a[href="/"] #title-subtext {
    position: absolute;
    top: 17px!important;
    left: 52px !important;
    font-size: 8px !important;
    text-decoration: none;
    color: peru !important;
}
/* (new187) */
.width-constraint #site-name > a[href="/"] a#title-subtext  {
    min-width: 160px !important;
    left: 42px !important;
    top: 12px !important;
} 
body[pagetype="ListingPage"] #site-name > a[href="/"] a#title-subtext {
    left: 55px !important;
    top: 15px !important;
}

#main-header .width-constraint #site-name > a[href="/"] span#title-text ,
#Frame #Head.Head > .Row > #site-name > a[href="/"] span#title-text {
    height: 15px !important;
    line-height: 15px !important;
    top: -20px !important;
    left: 0px !important;
    border-radius: 0 0 5px 0 !important;
    border: 1px solid peru !important;
    border-left:  none !important;
    border-top:  none !important;
    font-size: 12px !important;
}
#Frame #Head.Head > .Row > #site-name > a[href="/"] span#title-text {
    top: -5px !important;
    left: 30px !important;
}
body[pagetype="ListingPage"] #site-name > a[href="/"] span#title-text {
    height: 13px !important;
    line-height: 13px !important;
    top: -19px !important;
    left: 0px !important;
    border-radius: 0 0 5px 0 !important;
    font-size: 12px !important;
}
/* GREAS - SITE TIT - WITHOUT CITRUS */
#site-name h1 {
    width: 109px ;
    height: 20px ;
    line-height: 12px ;
    top: -18px ;
    border-radius: 0 0 10px 0 ;
    border: 1px solid peru ;
    border-left:  none ;
    border-top:  none ;
}
#site-name h1 a {
    height: 18px !important;
    line-height: 15px !important;
    font-size: 18px !important;
    letter-spacing: 0.2px !important;
}
.subtitle ,
#main-header .subtitle {
    margin-top: -3px ;
    margin-left: -1px ;
    text-shadow: none ;
}
#site-name-text {
    display: inline-block ;
    vertical-align: top ;
    height: 18px ;
    line-height: 18px ;
}
#site-name-text h1 {
    font-size: 13px !important;
    letter-spacing: -2px ;
    margin-top: -4px ;
}
#site-name-text h1 a {
    font-size: 13px !important;
    letter-spacing: 0.6px ;
    margin: 0;
}
#site-nav>nav>li>a {
    margin-right: 2px ;
}

/* (new166) GREAS - ADD ICON for LOGIN - === */
#nav-user-info {
    color: transparent ;
}
.sign-out-link {
    position: relative ;
    display: inline-block ;
    height: 15px ;
    margin-right: 5px ;
    font-size: 0 ;
    opacity: 0.4 ;
}
.sign-out-link:hover {
    opacity: 1 ;
}
.SignOut,
.sign-out-link a {
    position: relative ;
    display: inline-block ;
    height: 15px ;
    width: 15px ;
    margin-right: 5px ;
    top: -3px ;
    border-radius: 3px ;
    font-size: 0 ;
    cursor: pointer ;
border: 1px solid gray ;
background-image: url(https://image.flaticon.com/icons/png/128/17/17547.png?iact=rc&uact=3&page=0&start=0&ndsp=45&ved=0ahUKEwiAkb7D7PzRAhUKsxQKHVFlBfcQMwgfKAUwBQ&client=firefox-b&bih=919&biw=1920) ;
background-position: center ;
background-size: cover ;
background-color: red ;
}

/* GREAS - SEARCH - === */
.nav-search {
    position: absolute !important;
    display: inline-block !important;
    width: 220px !important;
    height: 19px !important;
    line-height: 0px !important;
    left: 240px !important;
    top: 7px !important;
}
.nav-search:hover {
    width: 400px !important;
}
.nav-search #script-search {
    position: relative;
    display: inline-block !important;
    vertical-align: top !important;
    width: 200px !important;
    top: -7px !important;
}
body[pagetype="ListingPage"] .nav-search #script-search {
    top: -12px !important;
}
.nav-search:hover #script-search {
    width: 420px !important;
}
.nav-search #script-search input[name="q"] {
    display: inline-block !important;
    width: 150px !important;
    margin-top: 5px !important;
    opacity: 0.4 !important;
}
.nav-search:hover #script-search input[name="q"] {
    width: 350px !important;
    opacity: 1 !important;
}

/* CIT - SETTINGS - ADD ICON (keep!important;)- === */
#site-name > a span#settings-subtext {
    position: absolute !important;
    display: inline-block ;
    height: 16px !important;
    width: 16px  !important;
    margin-left: -39px !important;
    margin-top: 15px !important;
    border-radius: 4px !important;
    font-size: 0px !important;
    transform: scale(0.7) !important;
    opacity: 0.4 !important;
background: rgba(0, 0, 0, 0) url("https://greasyfork.org/tr/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -102.6px !important;
background-color: #DCD9D9 ;
}
#site-name > a span#settings-subtext:hover {
    opacity: 1 ;
}
.width-constraint #site-name > a[href="/"] span#settings-subtext {
    margin-left: -30px !important;
    margin-top: 15px !important;
}
body[pagetype="ListingPage"] #site-name > a[href="/"] span#settings-subtext {
    margin-left: -31px !important;
    margin-top: 16px !important;
}
/* CIT - SCRIPT INFO - === */
#script-info {
    display: inline-block ;
    margin-top: -50px ;
    padding: 0 5px 0 5px ;
    border-radius: 0 ;
text-align: left !important;
box-shadow: none ;
border: 1px solid #bbb ;
background-color: #333 ;
}
#share {
    position: relative ;
    display: inline-block ;
    max-height: 20px  ;
    margin-bottom: 0 ;
    overflow: hidden ;
background: red ;
background-color: #670000 ;
background-image: linear-gradient(#670000, #900) ;
}
#share:hover {
    height: 240px ;
    max-height: 100% ;
    overflow: visible ;
    transition: height ease 4s ;
}
#share>h3 {
    margin-top: -2px ;
    width: 942px ;
    padding: 0 5px ;
}
#social-buttons {
    text-align: center ;
}
.social_share_privacy_area.box li.settings_info {
    display: inline-block ;
    left: 0 ;
}
#script-table {
    display: block ;
    margin: 0 auto ;
    max-width: 960px ;
}
/* (new188) CIT */
body[pagetype="ListingPage"] #script-table {
    margin-top: 85px ;
    z-index: 0 !important;
}

/* (new192) */
body[pagetype="ListingPage"] #script-table thead {
    position: fixed ;
    max-width: 970px ;
    margin-top: -25px ;
    z-index: 0 !important;
z-index:50000 !important;
}
#script-table tbody td:nth-child(2) {
    max-width: 450px ;
    min-width: 450px ;
}

/* USER  PERS PROFI - CIT - TOP HEADER (mask Discuss) - CITRUS === */
/* (new188) !imp - PROF INFOS - WITH CITRUS  - PERS/USER PROF - === */
body[pagetype="PersonalProfile"] #main-header + .width-constraint ,
#main-header + .width-constraint  {
/*     position: relative !important; */
    display: inline-block !important;
/*     height: 25px !important; */
    margin-top: 155px !important;
    max-width: 970px ;
    margin-bottom: 0 ;
    padding: 0 ;
    text-align: left !important;
    box-shadow: none ;
    z-index: 0 !important;
background: #222 ;
/* border: 1px solid yellow !important; */
}
body[pagetype="PersonalProfile"] #main-header + .width-constraint {
    top: 10px !important;
}
body[pagetype="PersonalProfile"] #main-header + .width-constraint:hover ,
#main-header + .width-constraint:hover  {
    z-index: 50 !important;
}
/* (new187) */

/* (new182)  - NO CITR */
#about-user.text-content.reportable {
    position: fixed ;
    height: 35px ;
    margin-top: -7px !important;
    max-width: 1030px ;
    margin-bottom: 0 ;
    margin-left: -2.5% !important;
    padding: 0 ;
    text-align: left !important;
    box-shadow: none ;
    z-index: 50 !important;
}
/* (new188) */
body[pagetype="UserProfile"] #main-header + .width-constraint >  .text-content.reportable ,
body[pagetype="PersonalProfile"] #main-header + .width-constraint >  .text-content.reportable {
    max-width: 969px ;
    height: 25px !important;
    margin-left: 0.7% !important;
    top: 68px !important;
}
/* (new188) */
#main-header + .width-constraint .sidebarred-main-content > .open-sidebar.sidebar-collapsed  + section {
    display: inline-block ;
    height: auto !important;
    width: 100% ;
    max-width: 100% ;
    margin-bottom: 0 ;
    padding: 0 ;
    text-align: left !important;
    box-shadow: none ;
background: #222 ;
}
#main-header + .width-constraint .sidebarred-main-content > .open-sidebar.sidebar-collapsed  + section  #user-script-list{
    display: inline-block ;
    min-height: 100% !important;
    width: 100% ;
    max-width: 970px ;
    margin-bottom: 0 ;
    padding: 0 ;
text-align: left !important;
box-shadow: none ;
background: #222 ;
}
/* new188) */
body[pagetype="PersonalProfile"]  > .width-constraint ,
body[pagetype="UserProfile"]  > .width-constraint {
/*     position: fixed ; */
    display: inline-block ;
    width: 100% ;
    right: 0 ;
    left: 0 ;
    top: 2px ;
    z-index: 1 ;
}
body[pagetype="PersonalProfile"]  > .width-constraint {
    position: fixed ;
    max-height: 20px !important;
    top: -12px ;
}
/* (new184) */
body[pagetype="PersonalProfile"] #user-discussions .text-content ,
body[pagetype="UserProfile"] #user-discussions .text-content {
    display: inline-block ;
    height: 35px ;
    line-height: 23px ;
    max-width: 980px ;
    margin-bottom: 0px ;
    margin-left: 0px !important;
    padding: 0 5px ;
    box-shadow: none ;
    border-radius: 0 0 5px 5px ;
border: 1px solid red ;
}
/* (new191bis) */
body[pagetype="PersonalProfile"] #user-discussions:hover .text-content {
    height: auto ;
    margin-top: 50px;
}
body[pagetype="UserProfile"] #user-discussions:hover .text-content {
    height: auto ;
    margin-top: 50px;
/*     margin-left: -29px !important;  */
}
/* (new187) */
body .width-constraint > #about-user.text-content > h2 {
    height: 25px !important;
    line-height: 25px !important;
    margin-top: 0px;
}
body[pagetype="UserProfile"] #user-discussions .text-content .white-panel {
    padding: 0 0 0 10px ;
}

body[pagetype="PersonalProfile"] #script-table ,
body[pagetype="UserProfile"] #script-table  {
    display: table ;
    height: 100% ;
    min-width: 970px ;
    max-width: 970px ;
    margin-left: 24% ;
    z-index: 500 ;
}
body[pagetype="UserProfile"] #script-table  {
    margin-top: 13px !important;
}
body[pagetype="PersonalProfile"] #script-table   {
    margin-top: 115px !important;
}
body[pagetype="PersonalProfile"] #script-table thead ,
body[pagetype="UserProfile"] #script-table thead  {
    position: fixed ;
    min-width: 968px ;
    max-width: 968px ;
    top: 85px ;
    z-index: 0 ;
background: black ;
}

body[pagetype="PersonalProfile"] #script-table thead > tbody,
body[pagetype="UserProfile"] #script-table >tbody {
    z-index: 0 ;
}
body[pagetype="UserProfile"] #main-header + .width-constraint > section.text-content + section#user-discussions {
    position: fixed ;
    min-width: 24px ;
    top: 62px !important;
    left: 25% ;
}
/* (new188)  CIT FIX */
body[pagetype="UserProfile"] #main-header + .width-constraint > section.text-content #user-profile:not(:empty) {
    left: 25.3% ;
    top: 62px ;
    z-index: 500 ;
background: #333 !important;
}
/* (new190bis) CIT */
body[pagetype="ListingPage"] {
    float: left !important;
}
/* (new190bis) NOT CIT */
#script-table tbody td:nth-child(2) .thetitle>a>b {
    display: inline-block ;
    width: 100% ;
    max-width: 450px ;
    min-width: 450px ;
    height: auto !important;
    word-wrap: break-word ;
    white-space: pre-wrap;
/* border: 1px solid red !important; */
}

#script-table tbody td:nth-child(2) .thetitle>a>b iframe{
    display: none !important;
border: 1px solid red !important;
}
/* (new190bis) FIX Konf CIT */
body[pagetype="ListingPage"] #script-table thead tr {
    display: inline-table ;
    width: 100% ;
    min-width: 960px ;
    max-width: 960px ;
}
#script-table>thead>tr>td:first-of-type {
width: 20px ;
}
#script-table>thead>tr>td[tag="name"] {
/* width: 452px ; */
width: 48.2%  !important;
    text-align: left ;
    text-indent: 130px ;
}
#script-table>thead>tr>td[tag="name"] span {
    position: relative ;
    display: inline-block ;
    width: 15px ;
    margin-left: 0px ;
    padding: 0px ;
    text-align: center ;
    text-indent: 0px ;
}
#script-table>thead>tr>td[tag="name"] span.filterL:hover:before {
    content: "Library Filter" !important;
    position: absolute ;
    display: inline-block ;
    width: 80px ;
    margin-left: -10px ;
    margin-top: -17px ;
    padding: 0px ;
    border-radius: 5px ;
    text-align: center ;
    text-indent: 0px ;
color: black ;
background: #cefd8a ;
}
#script-table>thead>tr>td[tag="name"] span.filterU:hover:before {
    content: "Unlisted Filter" ;
    position: absolute ;
    display: inline-block ;
    width: 80px ;
    margin-left: -10px ;
    margin-top: -17px ;
    padding: 0px ;
    border-radius: 5px ;
    text-align: center ;
    text-indent: 0px ;
color: black ;
background: #cee7f3 ;
}
#script-table>thead>tr>td[tag="name"] span.filterD:hover:before {
    content: "Deleted Filter" ;
    position: absolute ;
    display: inline-block ;
    width: 80px ;
    margin-left: -10px ;
    margin-top: -17px ;
    padding: 0px ;
    border-radius: 5px ;
    text-align: center ;
    text-indent: 0px ;
color: black ;
background: #f77a7a ;
}

/* PB TO CHANGE HEADER  TD BACKGROUD SELECTED - === */ 
#script-table>thead>tr>td {
    box-shadow: 3px 3px 2px black ;
}

#script-table>thead>tr>td[tag="ratings"] {
    width: 84px ;
}
/* DAILY */
#script-table>thead>tr>td[tag=""] {
    width: 70px ;
}
#script-table>thead>tr>td[tag="total_installs"] {
    width: 57px ;
}
#script-table>thead>tr>td[tag="created"] {
    width: 90px ;
}
#script-table>thead>tr>td[tag="updated"] {
    width: 96px!important;
}

/* SCRIPT # */
#script-table tbody td:nth-child(1) {
/* width: 4% */
}

/* SCRIPT INFO */
#script-table tbody td:nth-child(2) {
    width: 12% ;
}
/* SCRIPT RATING */
#script-table tbody td:nth-child(3) {
    width: 4% ;
}
/* SCRIPT DAILY */
#script-table tbody td:nth-child(4) {
    width: 12.7% ;
}
/* SCRIPT TOTAL  */
#script-table tbody td:nth-child(5) {
    width: 8.8% ;
}
/* SCRIPT CREATED  */
#script-table tbody td:nth-child(6) {
    width: 11.1% ;
}
/* SCRIPT UPDATED  */
#script-table tbody td:nth-child(7) {
    width: 12.4% ;
}
#script-table td .thetitle + div {
    overflow: hidden ;
    word-wrap: break-word ;
}
.width-constraint #script-info > header {
    position: fixed ;
    display: inline-block ;
    min-width: 966px ;
    max-width: 966px ;
    height: 126px ;
    line-height: 17px ;
    margin-left: -4px ;
    top: 48px ;
    padding: 5px 5px  0px 5px ;
    z-index: 5 ;
background: black ;
}
#script-description {
    display: inline-block ;
    width: 100% ;
    padding-bottom: 7px ;
border-bottom: 1px solid red ;
}
#script-info header h2 {
    position: relative ;
    display: inline-block ;
    width: 100% ;
    line-height: 17px ;
    vertical-align: top ;
    margin-top: 1px ;
    padding-bottom: 5px ;
    font-size: 17px ;
border-bottom: 1px solid red ;
}
/* (new190bis) PB - FIX Konf CITUS -  SIZE + CHANGE HEADER  TD BACKGROUD ( FOR BACKGROND ACTIVE - Not !important;) */
#script-table {
  border-radius: 0;
  box-shadow: 0 0 2px gray;
  display: block;
  margin: 5px auto;
  max-width: 960px !important;
  min-width: 960px !important;
}

#script-table thead td {
    background-color: orange;
    border-radius: 0 0 5px 5px;
/*     box-shadow: 3px 3px 2px #888888; */
}
/* (new190bis) PB - FIX Konf CITUS -  CHANGE ROW BACKGROUD */
body[pagetype="ListingPage"] #script-table tbody td {
    background-color: #fffbdb;
}
body[pagetype="ListingPage"] #script-table tbody td:first-child {
    background-color: #f9d5a6;
}
/* body[pagetype="ListingPage"] #script-table tbody .filtered td:nth-child(3) ,
body[pagetype="ListingPage"] #script-table tbody td:nth-child(3) {
    min-width: 5% !important;
    background-color: red;
} */
/* (new190bis) */
body[pagetype="PersonalProfile"]  #script-table tbody td:nth-child(2) .thetitle span.theversion:not(:empty) ,
body[pagetype="PersonalProfile"]  #script-table tbody td:nth-child(2) .thetitle span:not(:empty) ,
body[pagetype="ListingPage"] #script-table tbody td:nth-child(2) .thetitle span:not(:empty){
    float: left ;
/* width: 100% !important; */
}
/* VERS EMPTY */
body[pagetype="PersonalProfile"]  #script-table tbody td:nth-child(2) .thetitle span.theversion:empty {
    display: none ;
}

/* DESC*/
body[pagetype="PersonalProfile"]  .thetitle + div {
    float: left ;
    line-height: 15px ;
width: 100% !important;
}
/* (new192) ADAPT for CIT + GM  NOTES GM https://greasyfork.org/fr/scripts/404632-twitter-direct
IN FAVS/USER PROF and notes multilines, ex:
https://greasyfork.org/fr/scripts?per_page=100&set=50&sort=updated
USER PROF 
https://greasyfork.org/fr/users/291050-ankvps
=== */
body[pagetype="PersonalProfile"]  #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag ,
body[pagetype="UserProfile"]  #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag ,
body[pagetype="PersonalProfile"]  #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag ,
body[pagetype="ListingPage"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag {
/*     float: right ; */
position: relative !important;
display: inline-block !important;
float: none  !important;
    line-height: 15px ;
    min-width: 450px !important;
    max-width: 450px !important;
margin-left: 0px !important;
/*     white-space: pre-wrap; */
    white-space: nowrap !important;
z-index: 0 !important;
}
body[pagetype="PersonalProfile"]  #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover ,
body[pagetype="UserProfile"]  #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover ,
body[pagetype="PersonalProfile"]  #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover ,
body[pagetype="ListingPage"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover {
position: relative !important;
display: inline-block !important;
float: none  !important;
    max-height: 50px !important;
    line-height: 13px ;
    min-width: 450px !important;
    max-width: 450px !important;
margin-left: 0 !important;
font-size: 13px !important;
white-space: pre-wrap !important;
/* white-space: nowrap !important; */
    word-wrap: break-word !important;
overflow-y: auto !important;
}
body[pagetype="ListingPage"] #script-table td .thetitle + div {
    max-width: 450px;
    min-width: 450px;
    overflow: hidden;
    overflow-wrap: break-word;
white-space: pre-wrap !important;
}


/* ADAPT GM - GreasyFork script icon - === */
#script-info>header>h2>div:first-of-type {
    position: relative ;
    display: inline-block ;
    width: 34px ;
    top: 3px;
    margin-top: -2px ;
    margin-left: 0px ;
    margin-right: 10px ;
    text-align: right ;
}
/* === */
.width-constraint #script-info>#script-links {
    position: fixed ;
    display: inline-block ;
    width: 100% ;
    min-width: 960px ;
    max-width: 960px ;
    top: 179px ;
    margin-left: 0 ;
    padding: 2px 5px ;
    z-index: 5000 ;
background: #222 ;
}

/* CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" - === */
html>body>div[style="text-align: right; padding: 1px 50px"] {
    position: fixed ;
    width: 275px ;
    top: 72px ;
    padding: 0 ;
    text-align: right ;
    left:  33% ;
    z-index: 500 ;
}
#RelativeSearch {
    display: inline-block ;
    width: 120px ;
    padding: 1px 10px ;
    text-align: center ;
    border-radius: 3px ;
    cursor: pointer ;
background-color: orange ;
}
/* USER SET - HEADER - TXT "SETS" / HOVER - - === */
#UserSets::before {
    width: 53px ;
    left: 5px ;
    text-indent: 0px ;
    z-index: 20000 ;
color: gold ;
box-shadow: 0 0 4px #999999 ;
background-color: #222 ;
}
#UserSets:hover::before {
    position: absolute ;
    width: 53px ;
    left: -5px ;
    top: 0px ;
    text-indent: 0px ;
    z-index: 20000 ;
background: green ;
}
#UserSets {
    position: fixed ;
    display: inline-block ;
    float: none ;
    left: 22% ;
    padding: 6px 5px ;
    top: 67px ;
    border-radius: 5px ;
    opacity: 1 ;
    visibility: hidden ;
    z-index: 20000 ;
    cursor: pointer ;
}
#UserSets:hover {
    width: 510px ;
    height: 800px ;
    top: 48px ;
    left: 22.5% ;
    padding: 25px 6px 5px 50px ;
    overflow: hidden ;
    overflow-y: auto ;
    opacity: 1 ;
    visibility: visible ;
color: gold ;
box-shadow: 0 0 4px #999999 ;
background-color: #222 ;
}
/* CIT */
body[pagetype="ListingPage"] #UserSets {
/* position: fixed !important; */
/* display: inline-block !important; */
    top: 67px ;
    z-index:5000000 !important;
}
body[pagetype="ListingPage"] #UserSets:hover {
    top: 48px !important;
    z-index:50000 !important;
}

#UserSets li {
    width: 480px ;
    text-indent: 0px ;
background-color: #333 ;
}
#UserSets li:hover {
background-color: black ;
}
#UserSets li a:visited {
    color: tomato ;
}
/* SCRIPT INFOS - CODE ONE LINE - === */
#script-feedback-suggestion + pre ,
#script-content>pre {
    margin-left: 0px ;
    margin-top: 30px ;
    padding: 5px 10px ;
    white-space: pre-wrap ;
    word-wrap: break-word ;
color: black ;
background-color: #ffff99 ;
}
/* SCRIPT INFOS - ADAP GM: Linkify Plus Plus - === */
#script-info #script-description .linkifyplus > img {
    display: inline-block ;
    max-width: 15% ;
    margin-bottom: -27px ;
}
/* SCRIPT INFOS - CODE SECTION - ADAP GM: Linkify Plus Plus - === */
#code-container  .linkifyplus>img {
    height: auto ;
    max-height: 64px ;
    max-width: 64px ;
    width: auto ;
    padding: 2px ;
    border-radius: 5px ;
box-shadow: 0 0 2px #cccccc inset ;
background: rgba(191, 191, 190, 0.33) ;
}
/* SCRIPT INFOS - SMALL TAB LABELS - extras labels AUTHOR SCRIPTS (where We can EDIT IT) === */
.width-constraint #script-info>#script-links li {
    display: inline-block ;
    padding: 2px ;
    font-size: 14px ;
}
.width-constraint #script-info>#script-links li > * {
    display: inline-block ;
    padding: 2px ;
    font-size: 14px ;
}

/* GREAS - CITRUS - SCRIPT PAGE - TXT "Show your app " +  SUGG  -  SUPP - === */
.post-install ,
.width-constraint #script-info>#script-content>div[style*="background-color: yellow;"] ,
.width-constraint #script-info>#script-content>#install-area>div[style*="background-color: yellow;"] {
     display: none !important;
}
/* (new190) SCRIPT INFOS - FEED - === */
#script-feedback-suggestion {
    margin-top: 47px ;
    margin-bottom: 0px ;
}
/* SCRIPT INFO - VERS/DIFF - === */
.width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty):not(#no-discussions):not(#support-url):not(#contribution) {
    margin-top: 30px ;
    margin-bottom: 5px ;
}
.width-constraint #script-info ul#script-links + header + #script-content > p#contribution {
    margin-top: 50px ;
    margin-bottom: -25px ;
}
.width-constraint #script-info > #script-content p + form[action$="/diff"] {
    margin-top: -21px !important;
}
/* (new191bis) */
.width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form:not([action*="/script_sets/add_to_set"]):not([method="post"]) {
    height: auto ;
    margin-bottom: -80px ;
}

/* GREAS - SCRIPT INFOS - with/without CITRUS  - === */
.width-constraint #script-info > #script-content > p:not(:empty):not(#support-url) {
    margin-top: 30px ;
    margin-bottom: -88px ;
}
.width-constraint #script-info > #script-content > p#support-url {
    margin-top: 40px ;
}
.width-constraint #script-info > #script-content{
    position: relative ;
    display: inline-block ;
    min-height: 682px ;
    min-width: 959px ;
    max-width: 959px ;
    margin-top: 217px ;
    margin-left: -1px ;
    padding: 0 0 30px 9px ;
    z-index: 0 ;
    text-align: left !important;
border: 1px solid black ;
background-color: #2B2B2B ;
}
.width-constraint #script-info #script-content p#support-url  + h3 ,
.width-constraint #script-info> ul#script-links + header + #script-content >div + h3:not([id="feedback-favoriters"]):first-of-type {
    position: fixed ;
    display: inline-block ;
    min-width: 970px ;
    max-width: 970px ;
    margin: 23px 0 auto -10px ;
    text-align: left ;
    z-index: 500 ;
border-bottom: 1px solid red ;
background: gold ;
}
.width-constraint #script-info #script-content p#support-url  + h3  {
    top: 263px ;
    margin: -46px 0 auto -10px ;
}
.width-constraint #script-info #script-content p#support-url  + h3 + p:not(:empty):not(#no-discussions) {
    margin-bottom: 5px;
    margin-top: 0px;
}
/* NO DISC */
.width-constraint #script-info> ul#script-links + header + #script-content >div + h3:not([id="feedback-favoriters"]):first-of-type + p {
    margin-top: 60px;
    margin-bottom: 20px;
}
.width-constraint #script-info > ul#script-links + header + #script-content > div + h3:first-of-type:not([id="feedback-favoriters"]) + p + h3 {
    margin-top: 30px;
    margin-bottom: -20px;
}
.width-constraint #script-info> ul#script-links + header + #script-content > .script-discussion-list + h3 {
    margin-top: 10px;
    margin-bottom: 0px;
}
.width-constraint #script-info> ul#script-links + header + #script-content >div + h3:not([id="feedback-favoriters"]) + p:not(:empty):not(#no-discussions) {
    margin-bottom: 5px;
    margin-top: 58px ;
}

/* (new194) CODE CONTAINER */
.code-container {
    width: 100% !important;
border: 1px solid red !important;
}
/* (new194) */
.prettyprint {
    min-width: calc(100% - 27px) !important;
    max-width: calc(100% - 27px) !important;
    width: -moz-max-content;
/* border: 1px solid violet !important; */
}
pre.linenums.prettyprinted li.L0, pre.linenums.prettyprinted li.L1, pre.linenums.prettyprinted li.L2, pre.linenums.prettyprinted li.L3, pre.linenums.prettyprinted li.L4, pre.linenums.prettyprinted li.L5, pre.linenums.prettyprinted li.L6, pre.linenums.prettyprinted li.L7, pre.linenums.prettyprinted li.L8, pre.linenums.prettyprinted li.L9 {
    background: transparent none repeat scroll 0 0;
    margin-left: -17px !important;
    max-width: calc(100% + 32px) !important;
    min-width: calc(100% + 32px) !important;
}


/* COUNTER ALL */
html {
    content: counter(myIndex, decimal-leading-zero) ;
    counter-reset: myIndex 00 ;
}
#script-info ul#script-links + header + #script-content .script-discussion-list .discussion-list-item .discussion-meta::before  ,
.width-constraint #discussions li::before {
    content: counter(myIndex, decimal-leading-zero) !important;
    counter-increment: myIndex  1 !important;
    position: absolute;
    width: auto;
    height: 15px;
    line-height: 13px;
    min-width: 17px;
    left: 20px ;
    margin-top: 30px ;
    padding: 1px 3px ;
    text-align: center ;
    border-radius: 10px ;
    font-size: 13px ;
color: tomato ;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
background: rgba(62, 59, 59, 0.6) none repeat scroll 0 0 ;
opacity: 0.5 ;
}
#script-info ul#script-links + header + #script-content .script-discussion-list .discussion-list-item .discussion-meta::before{
    content: counter(myIndex, decimal-leading-zero) ;
    counter-increment: myIndex  1 ;
    left: 2px  ;
    margin-top: 0px ;
}
/* (new188) SUPER LOAD PLU -DISC + NEW FORUM - ===  */
body header#main-header + .width-constraint:first-of-type {
    display: inline-block !important;
/*     float: left !important; */
/*     clear: both !important; */
    height: auto !important;
    min-width: 984px ;
    max-width: 984px ;
    margin: 55px 0 10px 23.4% !important;
    padding: 0;
/* background-color: aqua !important; */
}

/* (new190bis) PB SEARCH NO RESULTS - CIT */
.width-constraint > p.alert {
    display: none ;
}
body[pagetype="ListingPage"] .pagination +.width-constraint ,
body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type {
position: fixed !important;
    display: inline-block !important;
/*     float: left !important; */
/*     clear: both !important; */
    height: 18px !important;
    min-width: 960px ;
    max-width: 960px ;
    margin: 0px 0 0px 24.8% !important;
top: 38px !important;
    padding: 2px 0;
z-index: 50 !important;
/* background-color: aqua !important; */
/* border: 1px solid red !important; */
}
body[pagetype="ListingPage"] #script-table + .width-constraint .sidebarred ,
body[pagetype="ListingPage"] .pagination +.width-constraint .sidebarred ,
body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type  .sidebarred {
    display: inline-block !important;
    height: 17px;
    line-height: 15px;
/* background: green !important; */
}
/* ONLY ONE */
/* body[pagetype="ListingPage"] #script-table + .width-constraint .sidebarred {
    display: none !important;
} */

body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type  .sidebarred-main-content > p {
    position: relative ;
    display: inline-block !important;
    height: 17px;
    line-height: 15px;
width: 500px ; 
    top: 27px ;
    padding:  0 2px ;
    font-size: 15px !important;
z-index: 100 !important;

}
/* (new190bis) */
body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type  .sidebarred-main-content > p:first-of-type{
position: absolute !important;
    display: inline-block !important;
    top: 5px;
    padding: 0px ;
    font-size: 0px !important;
text-align: left !important;
/*     z-index: 500;
background: red !important; */
}
body[pagetype="ListingPage"] .pagination +.width-constraint:first-of-type .sidebarred .sidebarred-main-content > p:first-of-type a ,
body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p:first-of-type a {
    display: inline-block !important;
    height: 15px !important;
    line-height: 15px !important;
    margin-top: 1px;
    font-size: 12px !important;
padding: 0 !important;
background: blue !important;
}
body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type  .sidebarred-main-content > p:last-of-type{
    display: none !important;
}


body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type  ~ #script-table {
    position: relative;
    display: block !important;
    max-width: 960px;
margin-top: 65px;
    top: 80px;
    z-index: 0;
}


body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type  ~ #script-table thead {
    position: fixed;
    height: 28px !important;
    min-width: 960px;
    max-width: 960px;
    margin-top: -28px;
    overflow: hidden !important;
z-index: 5000 !important;
background-color: yellow !important;
}
body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type  ~ #script-table thead > tr > td {
    z-index: 50000 !important;
/* background-color: red !important; */
}
body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type  ~ #script-table thead > tr > td:hover {
    z-index: 50000 !important;
background-color: green !important;
}
/* (new190bis) SEARCH - SOLVE DOUBLE HEADER */
body[pagetype="ListingPage"] table+  .width-constraint:first-of-type ~ #script-table thead {
    display: none !important;
}



/* (new188)  A VOIR */
.sp-separator ~ .width-constraint ,
body header#main-header + .width-constraint {
    display: inline-block !important;
/* display: none !important; */
/*     float: left !important; */
/*     clear: both !important; */
    height: auto !important;
/* height: 20px !important; */
    min-width: 985px ;
    max-width: 985px ;
    margin: 90px 0 20px 23.4% !important;
    padding: 0;
/* background-color: violet !important; */
}

/* TEST FOR SUPER LOADER */
#sp-fw-container + .sp-separator ~ .width-constraint #script-info > #script-content {
    content: counter(myIndex, decimal-leading-zero);
    counter-reset: myIndex 0;
    counter-increment: myIndex ;
}
.width-constraint #script-info #script-content h3 + ul#discussions {
    margin-top: 65px !important;
    margin-left: -10px ;
}
.width-constraint #discussions li {
    line-height: 11px !important;
    padding-bottom: 10px ;
}
.width-constraint #discussions li:nth-child(odd) {
    border-bottom: 1px solid gray ;
    background: #222 ;
}
.width-constraint #discussions li:nth-child(even) {
    border-bottom: 1px solid gray ;
    background: #333 ;
}
.width-constraint #discussions li:hover {
    transition: background 0.8s ease 0s ;
box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset ;
background: rgba(0, 0, 0, 0.8) ;
}
/* PAGI */
#script-info ul#script-links + header + #script-content .script-discussion-list + .pagination {
    top: 214px !important;
}
/* GREAS - SCRIPT PAGE - INSTALL CONT + META + INFOS + SCREENSHOTS - === */
#script-info #script-content #install-area {
    position: fixed  ;
    display: inline-block ;
    min-width: 950px ;
    max-width: 950px ;
    height: 40px ;
    top: 218px ;
    margin-left: -8px ;
    padding: 5px 9px ;
    z-index: 1 ;
border-bottom: 1px solid gray ;
background-color: #f9ecdb ;
}
/* (new189) */
.width-constraint #script-info > #script-content  #script-meta {
    display: inline-block !important;
    width: 950px !important;
    min-width: 950px !important;
    max-width: 950px !important;
    margin-top: 25px ;
    margin-left: -6px !important;
    padding: 5px ;
border-bottom: 1px dotted gray ;
}
.script-in-sets {
    position: fixed ;
    display: inline-block ;
    min-width: 298px ;
    max-width: 298px ;
    min-height: 34px ;
    max-height: 34px ;
    top: 216px ;
    left: 40% ;
    margin-left: 0 ;
    padding-left: 20px ;
    font-size: 0 ;
    overflow: hidden ;
    overflow-y: auto ;
    z-index: 5000 ;
border: 1px solid #404040 ;
background: #222 ;
}
.script-in-sets:hover {
    height: auto ;
    max-height: 100% ;
    padding: 0 0 50px 20px ;
}
.script-in-sets > a {
    display: inline-block ;
    width: 291px ;
    margin-left: 0 ;
    font-size: 13px ;
    text-indent: 5px ;
    white-space: nowrap ;
    overflow: hidden ;
    text-overflow: ellipsis ;
}
.script-in-sets > select {
    display: inline-block ;
    width: 252px ;
    margin-top: 2px ;
}

/* ADAP for GM "Make Bookmarklets from Javascript URLs" -
https://greasyfork.org/fr/scripts/7668-make-bookmarklets-from-javascript-urls
=== */
#install-area > div + span + a:not(.install-help-link) ,
#install-area > div + span ,
#install-area > div {
    position: absolute;
    display: inline-block ;
    height: 20px ;
    top: 43px ;
    left: 0 ;
    padding: 0 5px ;
background: gold ;
}
#install-area > div:first-of-type + div {
    top: 63px ;
background: green ;
}
#install-area > div:first-of-type + div:before {
content: "Bklet ▼" ;
    position: absolute;
    display: inline-block ;
    width: 50px ;
    margin-top: -55px ;
    left: 245px ;
    padding: 5px ;
    border-radius: 3px ;
font-size: 12px ;
    text-align: center ;
    visibility: visible ;
background: blue ;
}
#install-area > div:first-of-type + div  + span {
    top: 83px ;
    cursor: help;
background: aqua ;
}
#install-area > div:first-of-type {
    opacity: 0 ; 
visibility: hidden ;

}
#install-area > div:first-of-type + div ,
#install-area > div:first-of-type + div  + span {
    visibility: hidden !important;
}
#install-area:hover > div:first-of-type ,
#install-area:hover > div:first-of-type + div ,
#install-area:hover > div:first-of-type + div  + span {
    opacity: 1 ; 
    visibility: visible !important;
}
#install-area span[style="padding-left: 8px;"] + a.install-help-link + a.install-link +a ,
#install-area span[style="padding-left: 8px;"] + a.install-help-link + a.install-link {
    float: right ;
}
/* USER CSS - INSTALL - === */
#install-area>p  {
    position: absolute;
    margin-top: 0;
    right: 0;
    width: 20%;
}

/* SET CHOICE - FIRT VALUE SELECTED - === */
.script-in-sets>select[name="action-set"] {
    -moz-appearance: none ;
    position: relative ;
    display: inline-block ;
    height: 20px ;
    line-height: 20px ;
    top: -2px ;
    border: none ;
}
.script-in-sets>select option[value^="ri-"] {
    -moz-appearance: none ;
color: peru ;
background: black ;
outline: 1px solid peru ;
}
/* SET NEW */
.script-in-sets>select option[value="ai-new"] {
    -moz-appearance: none ;
color: gold ;
background: black ;
}
/* SET SUBMIT ARROW */
.script-in-sets > input[value="→"][type="submit"] {
    -moz-appearance: none;
    position: relative ;
    display: inline-block ;
    height: 15px ;
    line-height: 15px;
    top: -2px !important;
    margin-left: 2px ;
    border: none ;
    cursor: pointer ;
}
.script-in-sets:before {
    content: "🔻" ;
    float: left !important;
    clear: none !important;
    height: 10px ;
    line-height: 15px ;
    width: 15px ;
    top: 0px ;
    margin-left: -20px ;
    font-size: 12px ;
    text-align: center ;
    z-index: 5000 ;
color: red ;
}
#script-stats {
    display: inline-table ;
    -moz-column-count: unset ;
    float: left ;
    clear: none ;
    width: 100% ;
    max-width: 499px ;
    min-width: 499px ;
    height: 186px ;
    padding-right: 0 ;
outline: 1px solid gray ;
}
#script-stats dt {
    float: left ;
    clear: none ;
    height: 18px ;
    line-height: 18px ;
    min-width: 45% ;
    max-width: 45% ;
    text-indent: 10px ;
border-bottom: 1px solid gray ;
}
#script-stats dt.script-show-compatibility {
    float: left ;
    clear: none ;
    height: 30px ;
    line-height: 30px ;
    min-width: 45% ;
    max-width: 45% ;
}
#script-stats dd {
    float: right ;
    clear: none ;
    height: 18px ;
    line-height: 18px ;
    min-width: 55% ;
    max-width: 55% ;
    margin-left: -50px ;
    white-space: nowrap ;
    overflow: hidden ;
    text-overflow: ellipsis ;
}

#script-meta dd:not(.script-show-applies-to) {
    float: right ;
    clear: none ;
    height: 18px ;
    line-height: 18px ;
    text-indent: 10px ;
border-bottom: 1px solid gray ;
}
#script-meta dd.script-show-compatibility {
    float: right ;
    clear: none ;
    height: 30px ;
    line-height: 34px ;
}
#script-stats dt.script-show-license {
    height: 30px ;
    line-height: 22px ;
}
#script-stats dd.script-show-license {
    vertical-align: middle ;
    height: 30px ;
    line-height: 9px ;
    font-size: 9px ;
    white-space: pre-line ;
}
#script-stats dd.script-show-license>span {
    display: inline-block ;
    line-height: 9px ;
    max-width: 95% ;
    min-width: 95% ;
    overflow: hidden ;
    text-overflow: ellipsis ;
}

/* GREASY - SCRIPT PAGE - INSTALL CONTAINER - "APPLIES" TO CONTAINER - === */
#script-meta > div {
    float: right ;
    clear: none ;
    width: 45% ;
    height: 100% ;
    min-height: 182px ;
    max-height: 182px ;
    margin-right: 5px ;
    top: 0px ;
    margin-bottom: 0px ;
    padding: 0px ;
border: 1px solid gray ;
/* background: red !important; */
}
#script-meta #script-applies-to {
    display: inline-block !important;
    width: 100% ;
    height: 100% ;
    min-height: 170px ;
    max-height: 170px ;
    padding: 5px ;
    overflow: hidden ;
}
#script-applies-to dt.script-show-applies-to  {
    display: inline-block !important;
    width: 98% ;
    margin-top: -3px ;
    padding: 0 ;
    text-align: left ;
}
#script-applies-to dd.script-show-applies-to {
    width: 98% ;
    height: 100% ;
    min-height: 156px ;
    max-height: 156px ;
    top: -38px ;
    margin-right: 0px ;
    border-radius: 3px ;
}
/* (new188) */
#script-applies-to dd.script-show-applies-to ul.inline-list {
    display: inline-block ;
    width: 98% ;
    max-height: 180px ;
    padding: 2px 2px 20px 2px ;
    border-radius: 3px ;
    overflow: hidden ;
   overflow-y: auto ;
}
#script-meta>div code {
    position: relative ;
    display: inline-block ;
    height: 15px ;
    line-height: 15px ;
    padding: 1px 4px ;
    border-radius: 3px ;
    border: none ;
    font-size: 90%;
    white-space: nowrap ;
color: #aba2a4 ;
background-color: #262626 ;
}
#script-meta>div  .inline-list>li:nth-child(even) code {
    color: #BAA591 ;
background-color: #1A1919 
}
#script-meta>div  .inline-list>li:nth-child(odd) code {
    color: #BAA591 ;
background-color: #363535 ;
}

/* LINKYFY PLUS */
.script-show-applies-to .inline-list li a ,
.script-show-applies-to .inline-list li a.linkifyplus {
    position: relative ;
    display: inline-block ;
    height: 15px ;
    line-height: 15px ;
    padding: 1px 4px ;
    border-radius: 3px ;
color: #BAA591 ;
background-color: #1A1919 ;
}
.script-show-applies-to .inline-list li:nth-child(even) a ,
.script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {
    color: #D0A070 ;
background-color: #1A1919 ;
}
.script-show-applies-to .inline-list li:nth-child(odd) a ,
.script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {
    color: #BAA591  !important;
background-color: #1A1919 ;
}
.script-show-applies-to .inline-list li:hover a ,
.script-show-applies-to .inline-list li:hover a.linkifyplus {
    color: tomato ;
background-color: #1A1919 ;
}
.expander {
    display: none ;
}

/* GREAS - SCRIPT PAGE - LIST "FAV BY" - ==== */
#script-content>#feedback-favoriters + div {
    display: inline-block ;
    width: 953px ;
    margin-top: -10px ;
    font-size: 0px ;
}
#script-content ul.inline-list ,
#script-content>#feedback-favoriters + ul.inline-list {
    display: inline-block;
    height: 59px !important;
    padding-left: 0 ;
    overflow: hidden ;
    overflow-y: auto ;
border: 1px solid gray ;
}
#script-content>#feedback-favoriters + div + p {
    margin-bottom: 5px ;
    margin-top: 5px !important;
}
.inline-list>li:nth-child(odd)>a ,
.inline-list>li:nth-child(even)>a {
    display: inline-block ;
    padding: 1px 3px ;
    border-radius: 3px ;
    font-size: 14px !important;
color: red !important;
}
.inline-list>li:nth-child(odd)>a {
    background: #222 ;
}
.inline-list>li:nth-child(even)>a {
    background: #333 ;
}
/* GREASY - SCRIPT PAGE - INFOS CONT - === */
.width-constraint #script-info > #script-content #additional-info {
    position: relative ;
    display: inline-block ;
    float: none !important;
    min-width: 950px ;
    max-width: 950px ;
    top: 10px ;
    margin: 0 0 -14px -5px ;
    padding: 5px ;
    border-radius: 5px;
    text-align: left !important;
    overflow: visible ;
background: #222 ;
border: 1px solid red ;
}
/* (new188) */
.width-constraint #script-info > #script-content h3 ,
.width-constraint #script-info > #script-content #additional-info h5 ,
.width-constraint #script-info > #script-content #additional-info h6{
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 15px;
}
/* (new188) */
#additional-info>sub>sup ,
#additional-info>sub {
    font-size: 15px;
}
/* (new190) */


/* #additional-info>small b , */
#additional-info>small{
    display: inline-block !important;
    font-size: 15px;
    line-height: 16px !important;
padding-left: 5px !important;
    text-indent: 10px !important;
}
#additional-info>small li{
    display: block !important;
    font-size: 15px !important;
    line-height: 16px !important;
/*     text-indent: 10px !important;   */
}
#additional-info>small li small ,
#additional-info> li {
    display: block !important;
    font-size: 17px !important;
    line-height: 17px !important;
/* color: red !important; */
}
.script-author-description > table td blockquote ,
.script-author-description > table td  {
    float: left ;
    clear: left ;
    vertical-align: top ;
    min-width: 920px ;
    max-width: 920px ;
    padding: 5px ;
    border-radius: 3px ;
    word-wrap: break-word ;
border: 1px solid gray ;
}
.script-author-description>table td blockquote   {
    min-width: 900px ;
    max-width: 900px ;
border: 1px solid yellow ;
}
.script-author-description>p>code {
    display: inline-block ;
    white-space: pre-line ;
}
/* new185) */
#additional-info>pre ,
#additional-info > .script-author-description > pre ,
.script-author-description > blockquote > pre {
    margin-left: 30px ;
    padding: 5px 10px ;
    border-radius: 2px ;
    word-wrap: break-word ;
color: white ;
border: 1px solid gray ;
background-color: #5c5c5c ;
}
.width-constraint #script-info > #script-content #additional-info > p {
display: inline-block !important;
/*     float: left !important; */
/* clear: both !important; */
width: 99.9% ;
    line-height: 17px ;
    margin-bottom: 0;
    text-align: left !important;
}
/* (new190) */
.width-constraint #script-info > #script-content #additional-info > p  b {
display: inline-block !important;
    float: none !important;
width: auto ;
    line-height: 17px ;
    margin-bottom: 0;
    text-align: left !important;
}
.width-constraint #script-info > #script-content #additional-info > p > a {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    line-height: 17px ;
    margin-bottom: 0;
    text-align: left !important;
border: 1px solid red !important;
}


/*  GREASY - SCRIPT INFO - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)- === */
#additional-info .script-author-description > p  img ~ br {
    display : none;
}
#additional-info.user-content p img , 
.lightbox .lb-image {
    height: auto ;
    max-width: 80% ;
    border-radius: 3px ;
}

/* (new181) GREASY - SCRIPT INFO - IMAGES -  IN INFO */
.width-constraint #script-info > #script-content #additional-info > p > a[href$=".gif"] , 
.width-constraint #script-info > #script-content #additional-info > p > a[href$=".jpeg"]  ,
.width-constraint #script-info > #script-content #additional-info > p > a[href$=".png"] {
    display: inline-block !important;
    width: 100%;
    text-align: center;
}
#additional-info.user-content p img {
display: block !important;

    width: auto ;
    max-width: 98% ;
    max-height: 245px ;
    margin: auto  ;
    padding: 2px  ;
box-shadow: 5px 5px 2px #181818 ;
background-color: #2b2b2b ;
border: 1px solid orange !important;
}
#additional-info .fancybox img {
    box-shadow: none ;
    color: yellow ;
    max-height: 100px ;
border: 1px solid orange ;
}

/* GREASY FORK - LIGHTBOX - POSITION - === */
/* SOURCE - SUPP "Source" - ==== */
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after ,
.width-constraint #script-info > #script-content #additional-info > div.user-screenshots:after {
    position: relative ;
    float: right ;
    clear: both ;
    content: " 🔻 Preview 🔻 " ;
    height: 15px ;
    line-height: 12px ;
    width: 140px ;
    margin-top: 58px ;
    margin-right: -83px ;
    transform: rotate(90deg) ;
    text-align: center ;
    letter-spacing: 1.7px ;
    z-index: 500000 !important;
border: 1px solid gold ;
background: black ;
}
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots ,
.width-constraint #script-info > #script-content #additional-info > div.user-screenshots {
    position: absolute !important;
    display: inline-block !important;
    height: 140px ;
    line-height: 140px ;
    width: 100% ;
    top: -170px ;
    right: -7px ;
    text-align: right ;
    clip: rect(0px, 990px, 145px , 970px) ;
    transition: all ease 1.5s ;
    z-index: 5000000 !important;
border: 1px solid peru ;
background: red ;
}
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover ,
.width-constraint #script-info > #script-content #additional-info > div.user-screenshots:hover {
    clip: rect(0px, 1007px, 185px , 0px) ;
    z-index: 5000000 !important;
background: black !important;
}
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots img ,
.width-constraint #script-info > #script-content #additional-info > div.user-screenshots img {
position: relative !important;
    display: inline-block !important;
    float: none !important;
    max-width: 100% !important;
/*     max-height: 210px !important; */
    padding: 2px;
color: yellow;
box-shadow: -4px 5px 2px #222 !important;
}
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots a ,
.width-constraint #script-info > #script-content #additional-info > div.user-screenshots a {
    display: inline-block !important;
    width: 152px ;
    height: 140px;
    margin: -15px 17px 0px -7px ;
}
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots a:after ,
.width-constraint #script-info > #script-content #additional-info > div.user-screenshots a:after {
    content: attr(data-jslghtbx-caption) !important;
    position: relative !important;
    height: 10px !important;
    line-height: 10px !important;
    width: 140px!important;
    float: right !important;
    clear: both !important;
    margin-right: 0px !important;
    margin-top: -23px!important;
    padding: 2px 5px !important;
    border-radius: 5px !important;
    font-size: 10px !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
background: #333 !important;
}

/* CODE - SCRIPT INFO - === */
.script-author-description > p > code ,
#additional-info > .script-author-description > pre > code ,
#additional-info > .script-author-description  > blockquote > pre > code {
    max-width: 99% ;
border: 1px solid gray ;
}
.width-constraint #script-info > #script-content #additional-info > div {
    padding: 5px ;
background-color: #2B2B2B ;
}

/* (new193) GREASY - CODE PAGE */
pre.prettyprint {
    margin-left: 0px ;
    padding: 5px 0px 5px 20px ;
    white-space: pre-wrap ;
    word-wrap: break-word ;
    background-color: #ffff99 ;
}
#code-container {
    max-height: 620px ;
    width: 100% ;
    margin-left: -5px ;
    margin-top: 8px ;
    overflow-x: hidden ;
background-color: white ;
}

/* (new167) GREAS - SCRIPT INFOS - CODE */
#script-feedback-suggestion + #code-container{
    max-height: 615px ;
    width: 100% ;
    margin-left: -5px ;
    margin-top: 22px ;
    overflow-x: hidden ;
background-color: white ;
}

/* (new167) GREASY - DISCUSS / HISTORIC etc - === */
/* #feedback-favoriters , */
#script-content>p:not(:empty):not(:first-of-type):not(:empty) {
    margin-top: 10px ;
    margin-bottom: 20px ;
    padding: 5px ;
    border-radius: 4px ;
    text-align: center ;
background-color: #f9dacd ;
}

/* (new167) GREAS - SCRIPT INFOS - FAV USERS */
#feedback-favoriters  {
position: relative ;
display: inline-block ;
width: 99.5% ;
    margin-top: 10px ;
    margin-bottom: 20px ;
    padding: 5px ;
    border-radius: 4px ;
    text-align: center ;
background-color: #333 ;
}


/* GREAS - SCRIPT INFO - HIST - WATCH DIFF (HOVER BUTTON) - === */
.diff {
    margin-top: 80px ;
}
.width-constraint #script-info > #script-content >form[action$="/diff"] {
    width: 934px ;
    margin-top: 90px ;
}
.width-constraint #script-info > #script-content > form > ul  {
    width: 950px ;
    height: 610px  ;
    margin-top: 0px ;
    margin-bottom: 0 ;
    padding-left: 5px ;
    overflow-x: hidden ;
    overflow-y: auto ;
border-top: 1px dashed gray ;
border-bottom: 1px dashed gray ;
}
.width-constraint #script-info > #script-content >form[action$="/diff"]>input:first-of-type  {
    margin-bottom: 15px ;
    cursor: pointer ;
    visibility: hidden ;
}
.width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type  {
    -moz-appearance: none ;
    position: fixed ;
    width: 10px ;
    height: 15px ;
    top: 27.9%!important;
    margin-left: -40px ;
    padding-right: 0px ;
    cursor: pointer !important;
    transition: width ease 0s, margin ease 0.1s ;
color: transparent ;
border-left: 19px solid #AAA ;
border-bottom: 9px solid transparent;
border-top: 9px solid transparent ;
border-right: none ;
background: green ;
}
.width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type:hover {
    -moz-appearance: button ;
    margin-left: -140px ;
    width: 145px ;
    height: auto ;
    line-height: 12px ;
    white-space: normal ;
    border: none ;
    cursor: pointer ;
    transition: width ease 0s, margin ease 0.7s ;
color: black ;
}
/* DIFF CODE - === */
.width-constraint #script-info > #script-content >form + p + .diff ul {
    display: table ;
    max-width: 945px ;
    min-width: 945px ;
    font-size: 13px ;
    margin: 0 ;
    overflow: auto ;
    padding: 5px ;
background: #fff ;
}
.width-constraint #script-info > #script-content >form + p + .diff ul  li {
    display: inline-block ;
    max-width: 945px ;
    min-width: 945px ;
    height: 1em ;
    margin: 0 ;
    padding: 0 ;
    word-wrap: break-word ;
    white-space: pre-wrap ;
    text-align: left ;
}
.diff li.diff-block-info {
    display: table-row ;
    height: 1.4em ;
    padding: 0 ;
background: rgba(128, 128, 128, 0.17) ;
}

/* (new168) GREASY - SCRIPT STATS - === */
#script-content> script[src*="assets"] ~ h3 {
    margin-top: 25px ;
    margin-bottom: 5px ;
    padding: 5px ;
    border-radius: 4px ;
    text-align: center ;
}
[id$="-chart-container"] {
    background: white ;
}
td.numeric, 
th.numeric {
    text-align: left ;
    text-align: center ;
}
/* (new167) GREASY - SCRIPT - DISC TABLE - ITEMS - === */
.width-constraint #discussions li>a:first-of-type {
    display: inline-block ;
    width: 835px ;
    height: 20px ;
    line-height: 20px ;
    margin-left: 0 !important;
    padding: 2px 5px ;
color: #B4A393 ;
background: black ;
}
.width-constraint #discussions li>a:first-of-type:hover {
    color: tomato ;
}
.width-constraint #discussions li>time:first-of-type {
    display: inline-block ;
    width: 95px ;
    margin-right: 20px ;
    text-align: center ;
}
.width-constraint #discussions li>time:last-of-type {
    display: inline-block ;
    width: 125px ;
    margin-left: -30px ;
    text-align: center ;
    white-space: nowrap ;
}
.width-constraint #discussions li>a:nth-child(2) {
    width: 180px ;
    display: inline-block ;
    margin-left: 5px ;
}
.width-constraint #discussions li>a:nth-child(4) {
    width: auto ;
    display: inline-block ;
    margin-left: 5px ;
}

/* GM VERS - CONT - MORE VERS - === */
.width-constraint #script-info > #script-content>form > input:first-of-type + ul {
    margin-top: -5px ;
}
/* (new191bis) VERS - CONT - ONE VERS - NOT DIFF VERS- === */
.width-constraint #script-info > #script-content > form:not(.diff_options) > ul {
    display: inline-block !important;
    width: 100%;
    min-width: 934px;
    max-width: 934px;
outline: 4px solid red ;
}
/* (new191bis) GM VERS - ITEMS - ALL - === */
.width-constraint #script-info > #script-content>form > input:first-of-type {
    margin-bottom: -3px ;
    padding-bottom: 4px ;
    overflow: hidden ;
    text-overflow: ellipsis ;
    white-space: nowrap ;
border-top: 1px solid gray ;
}
.width-constraint #script-info > #script-content > form > ul li {
    display: inline-block !important;
    width: 100%;
    min-width: 934px;
    max-width: 934px;
    margin-bottom: -3px ;
    padding-bottom: 4px ;
    overflow: hidden ;
    text-overflow: ellipsis ;
    white-space: nowrap ;
border-top: 1px solid gray ;
}
.width-constraint #script-info > #script-content > form > ul li:hover {
    transition: all ease 0.7s ;
background: #111 ;
}

.width-constraint #script-info > #script-content > form > ul li .version-changelog {
/* display: inline-block !important; */
    float: right !important;
    width: 100%;
    min-width: 700px !important;
    max-width: 700px !important;
    margin-top: -28px !important;
    padding-right: 20px !important;
    overflow: hidden !important;
    text-overflow: ellipsis ;
    white-space: normal !important;
color: tan !important;
}

#script-content>form>ul>li>input + a {
    display: inline-block ;
    width: 15% ;
    padding: 1px 5px ;
background: #222 ;
}
#script-content>form>ul>li:nth-child(odd)>input + a {
    background: #222 ;
}
#script-content>form>ul>li:nth-child(even)>input + a {
    background: #333 ;
}
.width-constraint #script-info > #script-content > form > ul li time {
    display: inline-block ;
    min-width: 202px ;
    max-width: 202px ;
    padding: 1px 5px ;
    letter-spacing: 1.4px ;
    text-align: center ;
}
.width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
    background: #222 ;
}
.width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
    background: #333 ;
}
/* CHECKED */
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v1"]:checked + input + a ,
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v1"]:checked + input + a + time {
background: green ;
color: white ;
}
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v2"]:checked + a ,
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v2"]:checked + a + time {
    background: tomato ;
color: white ;
}

/* GREASY - FORUM TABLE - === */
.Message table {
    border-collapse: separate ;
    border-spacing: 4px ;
    margin: 1em -4px ;
    width:  650px ;
}
.Message table thead{
    width:  600px ;
}
.Message th {
    padding-bottom: 0.5em ;
    padding-top: 0.5em ;
    font-size: 105% ;
background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0) ;
}
.Message table tbody {
    width:  600px ;
}
.Message table tbody tr td:first-of-type  {
    width:  120px ;
    vertical-align: middle ;
color: gold ;
border: 1px solid red ;
}
.Message table tbody tr td:first-of-type + td  {
    min-width: 75px ;
    max-width: 75px ;
    vertical-align: middle ;
color: gold ;
border: 1px solid green ;
}
.Message table tbody tr td:last-of-type  {
    min-width:  280px ;
    max-width:  280px ;
border: 1px solid blue ;
}
.Message table tbody tr td:last-of-type code {
    float: left!important;
    min-width:  290px ;
    max-width:  290px ;
    margin-left: -6px ;
    padding: 1px 3px ;
    border-radius: 3px ;
    white-space: pre-line ;
color: #eb5100 ;
background-color: #f9ebd2 ;
}

/* GREASY - BROWSE / USER SCRIPTS  - === */
#user-script-list>li ,
#browse-script-list>li {
    padding: 5px ;
}
#user-script-list>li:nth-child(odd) ,
#browse-script-list>li:nth-child(odd) {
    background-color: #222 ;
}
#user-script-list>li:nth-child(odd):hover ,
#browse-script-list>li:nth-child(odd):hover {
    transition: background 0.8s ease 0s ;
box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset ;
background-color: rgba(7, 7, 7, 0.67) ;
}
#user-script-list>li:nth-child(even) ,
#browse-script-list>li:nth-child(even) {
    background-color: #414141 ;
}
#user-script-list>li:nth-child(even):hover ,
#browse-script-list>li:nth-child(even):hover {
    transition: background 0.8s ease 0s ;
box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset ;
background-color: rgba(7, 7, 7, 0.57) ;
}
#user-script-list>li:hover ,
#browse-script-list>li:hover {
    z-index: 1 ;
background-color: black ;
}
/* (new190bis) without script - NO CIT */
#user-script-list > li h2 ,
#browse-script-list > li h2 {
    display: inline-block ;
    width: 100% ;
    max-width: 100%;
    word-wrap: break-word ;
    overflow: hidden ;
}
#user-script-list > li h2 a ,
#browse-script-list > li h2 a {
    display: inline-block ;
    width: 100% ;
    line-height: 17px ;
}
#browse-script-list>li h2 span:not(.note-obj-user-tag) {
    width: 100% ;
    max-width: 720px ;
    overflow: hidden ;
}
#user-script-list > li h2 span.name-description-separator ,
#browse-script-list > li h2 span.name-description-separator {
    display: none ;
}

/* GREASY - BROWSE SCRIPTS - LEFT SORT PANEL (WIth/Without TS CITRUS) - === */
/*  (new182) without CITRUS*/
.width-constraint  #script-list-option-groups.list-option-groups {
    width: 192px ;
    float: left ;
    margin: 7px 0 0 5px ;
}
.width-constraint  #script-list-option-groups.list-option-groups #script-list-sort>div {
    margin-top: 19px ;
}
.width-constraint  #script-list-option-groups.list-option-groups .list-option-group {
    margin-bottom: 0.5em ;
    padding: 0.5em ;
    border-radius: 5px 0 0 5px ;
    box-shadow: 3px 3px 2px black ;
border: 1px solid gray ;
background-color: #2d2d2d ;
}
.list-option-group ul {
    padding: 2px 0 ;
box-shadow: 3px 3px 2px black ;
background-color: transparent ;
}
/* (new188) */
.width-constraint  #browse-script-list {
    float: left ;
    width: 99% ;
    margin-left: 10px ;
}
.list-option-group .list-current {
    height: 19px ;
    line-height: 15px ;
    margin-bottom: 2px ;
    padding: 2px 0 0 0 ;

}
.list-option-group .list-option {
    height: 19px ;
    line-height: 9px ;
border: 1px solid #404040 ;
}

.list-option-group .list-option.list-current {
    height: 19px ;
    line-height: 19px ;
    margin-left: 0;
    padding-left: 20px;
border: 1px solid red ;
color: gold;
background: #111;
}
.list-option-group .list-option a {
    white-space: nowrap ;
    overflow: hidden ;
    text-overflow: ellipsis ;
}
.width-constraint #script-list-option-groups.list-option-groups + h3 + p ,
.width-constraint #script-list-option-groups.list-option-groups + h3 ,
#browse-script-list + .pagination + p {
    float: left ;
    width: 727px ;
    margin-bottom: 8px ;
    margin-left: 59px ;
    margin-top: -15px ;
    padding: 5px ;
background: #222 ;
}
.width-constraint #script-list-option-groups.list-option-groups + h3 {
    margin-top: 0px ;
    margin-bottom: 18px ;
border-bottom: 1px solid gray ;
}

/* (new187) PANEL LANGUE CSS / JAV ... - === */

.width-constraint  #script-list-option-groups.list-option-groups {
    position: fixed ;
    display: inline-block !important;
    left: 11.4% ;
    top: 80px ;
    visibility: visible;
    z-index: 0 !important;
/* background: red ; */
}
/* (new187) CIT */
[pagetype="UserProfile"] .width-constraint  #script-list-option-groups.list-option-groups {
    left: 13.4% !important;
top: 120px ;
    z-index: 5 !important;
/* background: red ; */
} 
[pagetype="PersonalProfile"] .width-constraint  #script-list-option-groups.list-option-groups {
    left: 13.4% ;
top: 120px ;
    z-index: 5 !important;
/* background: red ; */
} 
body[pagetype="UserProfile"] .width-constraint  #script-list-option-groups.list-option-groups {
    left: 12.4% ;
    z-index: 0 !important;
/* background: red ; */
}
body[pagetype="ListingPage"] .width-constraint  #script-list-option-groups.list-option-groups {
    left: 14.3% ;
top: 120px ;
/* background: blue ; */
}

/* (new190bis) SHOW ALL LANG */
body[pagetype="ListingPage"] .sidebarred-main-content > p {
position: fixed !important;
    display: inline-block !important;
    top: 27px;
/*     font-size: 0px !important; */
    font-size: 0px !important;
z-index: 50000 !important;
}
/* (new193) */
/* body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="/scripts"] ,
body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="/scripts?language=css"] ,
body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="scripts?filter_locale="] ,
body[pagetype="ListingPage"] .sidebarred-main-content> p > a[href*="/scripts?page="] {
    position: fixed !important;
    display: inline-block !important;
    height: 15px !important;
    line-height: 15px !important;
    top: 43px;
 left: 25%  !important;
    margin-top: 1px;
    padding: 0 !important;
    font-size: 12px !important;
    z-index: 50000 !important;
background: blue !important;
} */
/* (new193) ONLY ONE */
body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="/scripts"] ,
body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="/scripts?language=css"] ,
body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="scripts?filter_locale="] ,
body[pagetype="ListingPage"] .sidebarred-main-content> p > a[href*="/scripts?page="] ,

/* body[pagetype="ListingPage"]   .pagination + .width-constraint .sidebarred-main-content>p>a[href*="/en/scripts?filter_locale="] , */
body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content>p>a[href*="/scripts?per_page="]  ,
body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content>p>a[href*="/scripts?filter_locale=0&page="] ,
body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content>p>a[href*="/scripts?filter_locale=0&per_page="] ,
body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content>p>a[href*="scripts?set=100"] ,
body[pagetype="ListingPage"] .width-constraint:first-of-type sidebarred-main-content .open-sidebar.sidebar-collapsed + h3 + p:not(:only-of-type) + p a[href*="scripts?filter_locale="] {
    position: fixed !important;
    display: inline-block !important;
    top: 25px !important;
left: 25% !important;
    font-size: 11px !important;
opacity: 1 !important;
z-index: 500000 !important;
color: yellow !important;
}

/* (new187) PUB /Learn New script */
body[pagetype="ListingPage"]  .width-constraint~ .width-constraint .sidebarred-main-content > p > a ,
.sidebarred-main-content .pagination + p  {
    display: none ;
}

/* (new188) NEW FORUM - DISC LIST */
.width-constraint .sidebarred .sidebarred-main-content {
    display: inline-block !important;
    min-width: 100%;
}
.width-constraint .sidebarred .sidebarred-main-content >p{
    margin: 0;
} 
.width-constraint .sidebarred .sidebarred-main-content h3 {
    margin: 0;
}
.sidebarred-main-content.discussion-list-main-content > h2 {
    position: fixed !important;
    width: 41.6% ;
    margin-top: -7px !important;
    z-index: 5000 !important;
color: gold !important;
border-radius: 0px !important;
border-top: 7px solid peru ;
border-bottom: 1px solid peru ;
background: black !important;
/* background: red !important; */
}
/* NO DISSC FOUND */
.sidebarred-main-content.discussion-list-main-content > p {
    height: 350px;
    line-height: 350px;
    margin-top: 35px;
    text-align: center;
    background: black;
}
/* (new187) NEW FORUM - PANEL MENU - LEFT- === */
.sidebarred .sidebarred-main-content.discussion-list-main-content + .sidebar.collapsed {
    position: fixed !important;
display: inline-block !important;
    left: 10% !important;
background: #222 !important;
border: 1px solid red !important;
}

/* (new187) DISC - HEADER - With/Without CIT - === */
.discussion-list-header {
    position: fixed ;
    display: inline-block ;
    width: 50.5% ;
    margin-bottom: -4px ;
    margin-top: -7px ;
    padding-left: 20px ;
    z-index: 50 ;
border-bottom: 4px solid orange;
border-top: 4px solid orange;
background: black;
}

/* (new188) TEST FOR SuperLoader*/
html .width-constraint:not(:first-of-type) .discussion-list-header{
    display: none !important;;
}


/* (new186) DISC - LIST - Without CIT - === */
.sidebarred-main-content.discussion-list-main-content >  .discussion-list {
    margin-top: 62px !important;
    border-radius: 0px !important;
    box-shadow: none ;
background: #222 !important;
border: none !important;
}
.sidebarred-main-content.discussion-list-main-content >  .discussion-list  .discussion-list-item {
    padding: 5px ;
}
.sidebarred-main-content.discussion-list-main-content >  .discussion-list  .discussion-list-item:nth-child(even) {
background: #333 !important;
}
/* new183) */
a.discussion-title {
    line-height: 17px ;
    white-space: normal  ;
}
.discussion-meta, 
.comment-meta {
background: black !important;
}
a.discussion-title span {
    color: #CDCDCD !important;
}
a.discussion-title:visited span {
    color: tan !important;
}

#script-meta .inline-script-stats .script-show-author>span>a {
    color: peru !important;
}
#script-meta .inline-script-stats .script-show-author>span>a:visited {
    color: tomato !important;
}
/* RATING ICON - ALL */
.rating-icon {
    display: inline-block ;
    min-width: 14px ;
    max-width: 14px ;
    height: 14px ;
    line-height: 14px ;
margin-left: -5px ;
margin-right: 0px ;
    padding: 0 ;
    text-align: center ;
    font-size: 0 ;
border: none !important;
background: transparent ;
}
.rating-icon:before {
/* content: "⚪⚫🔴🔵🟢" ; */
    display: inline-block ;
    margin-left: -2px ;
    font-size: 10px ;
    text-align: center ;
}
.rating-icon.rating-icon-bad:before {
    content: "🔴" ;
}
.rating-icon.rating-icon-good:before {
    content: "🟢" ;
}
.rating-icon.rating-icon-ok:before {
    content: "🔵" ;
}




/* STAT - ADD LABEL HOVER - === */
#install-stats-chart-container + table>thead>tr>th>abbr:before {
    position: fixed ;
    display: inline-block ;
    width: 100px ;
    transform: rotate(-90deg) ;
    content: attr(title) ;
    margin-top: 65px ;
    margin-left: -83px ;
    font-size: 13px ;
    text-align: right ;
color: peru ;
}
#install-stats-chart-container + table:hover>thead>tr>th>abbr:after {
    content: "."!important;
    position: fixed ;
    display: inline-block ;
    width: 20px ;
    height: 17px ;
    transform: rotate(-90deg) !important;
    margin-top: 22px ;
    margin-left: -44px ;
    border-radius: 5px ;
    font-size: 13px ;
    text-align: center ;
color: peru ;
background: rgba(255, 211, 0, 0.16) ;
}
#install-stats-chart-container + table>thead>tr>th:nth-of-type(7):before {
    content: "Opera JS";
    position: fixed ;
    display: inline-block ;
    width: 100px ;
    transform: rotate(-90deg) ;
    margin-top: 80px ;
    margin-left: -40px ;
    font-size: 20px ;
    text-align: right ;
color: peru !important;
}
#install-stats-chart-container + table>thead>tr>th:nth-of-type(8):before {
    content: "Opera JS" ;
    position: fixed ;
    display: inline-block ;
    width: 100px ;
    transform: rotate(-90deg) ;
    margin-top: 80px ;
    margin-left: -29px ;
    font-size: 20px ;
    text-align: right ;
color: peru ;
}

#install-stats-chart-container + table>tbody>tr:nth-child(odd) {
    background: rgba(255, 0, 0, 0.23) ;
}
#install-stats-chart-container + table>tbody>tr:nth-child(even) {
    background: rgba(255, 254, 0, 0.23) ;
}
#install-stats-chart-container + table>tbody>tr:hover th {
    background: blue ;
}
#install-stats-chart-container + table>tbody>tr:hover th {
    background: blue ;
}
#install-stats-chart-container + table>tbody>tr:hover td {
    background: black ;
}
#install-stats-chart-container + table>tbody>tr:hover td:last-of-type {
    background: red ;
}

/* FORUM IMAGE - DISC - === */
#vanilla_discussion_comment .Message > img {
    max-height: 200px ;
    max-width: 50% ;
    margin-bottom: 25px ;
}
.Discussion.comment .Message>div {
    float: right ;
    height: 150px ;
    width: 719px ;
    margin: auto auto 20px 50px ;
    left: 150px ;
    overflow: hidden ;
}
.Discussion.comment .Message>div.imgur-gifv.VideoWrap {
    float: none ;
    height: auto ;
    width: 700px ;
    margin: auto auto 20px 0px ;
}
.Message>div>a>a>img {
    margin-left: 56px ;
    text-align: center ;
}
.Message .ImageResized {
    height: 20px ;
    margin-bottom: 5px ;
    max-width: 668px ;
    font-size: 11px ;
    cursor: pointer ;
color: peru ;
}
.Message .ImageResized:hover {
    color: tomato ;
}

/* CODE DISC - === */
.Message ol li pre ,
.Message > ul > li > ul > li > pre ,
.Message > ul > li > pre ,
.Message>pre ,
.Message >  table > tbody > tr > td > code {
    position: relative ;
    display: inline-block ;
    letter-spacing: initial ;
    white-space: pre-line ;
    word-wrap: break-word ;
color: white ;
background-color: #5c5c5c ;
}

.Message >  table > tbody > tr > td > code {
    display: inline-block ;
    min-width: 688px ;
    max-width: 688px ;
}
.Message>pre {
    min-width: 650px ;
    max-width: 650px ;
    margin-left: 5px ;
}
.Message > ul > li > pre {
    min-width: 580px ;
    max-width: 580px ;
    margin-left: 5px ;
}
.Message > ul > li > ul > li > pre {
    min-width: 580px ;
    max-width: 580px ;
    margin-left: -35px ;
}
.Message ol li pre {
    min-width: 650px ;
    max-width: 650px ;
    margin-left: -35px ;
}

/* (new168) FORUM USERT/GREAS - CODE (BACK STRIP) - ===  */ 
.Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted ,   
.Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
    position: relative ;
    display: inline-block ;
    min-width: 100% ;
    left: 0px ;
    top: -10px ;
    letter-spacing: initial ;
    white-space: pre-line ;
    word-wrap: break-word ;
color: red ;
background-color: white ;
background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent) ;
background-size: 30px 15px ;
}
/* (new194) CODE - TEST Stripped BACKGROUND for:
https://greasyfork.org/fr/scripts/418889-better-greasyfork-code-reader-js-beautifier/code
=== */
/* pre.linenums.prettyprinted .linenums {
    line-height: 15px !important;
    padding: 0px;
background-color: #ffff99;
background-image: linear-gradient(transparent 95%, rgba(128, 128, 128, 0.1) 20%);
background-size: 1px 17px;
} */

/* (new194) FOR GM BEAUTIDER (it add it)  - because i use the Background striped */
pre.linenums.prettyprinted li{
box-shadow: -1px 1px 2px rgba(255, 211, 0, 0.2) !important;
}

    pre.linenums.prettyprinted li.L0, 
pre.linenums.prettyprinted li.L1, 
    pre.linenums.prettyprinted li.L2, 
pre.linenums.prettyprinted li.L3, 
    pre.linenums.prettyprinted li.L4, 
pre.linenums.prettyprinted li.L5, 
    pre.linenums.prettyprinted li.L6, 
pre.linenums.prettyprinted li.L7,
    pre.linenums.prettyprinted li.L8, 
pre.linenums.prettyprinted li.L9 {
    min-width: 880px !important;
    max-width: 880px !important;
    margin-left: -10px  !important;
background: transparent ;
}
    pre.linenums.prettyprinted li.L0 code,
pre.linenums.prettyprinted li.L1 code,
    pre.linenums.prettyprinted li.L2 code, 
pre.linenums.prettyprinted li.L3 code , 
    pre.linenums.prettyprinted li.L4 code, 
pre.linenums.prettyprinted li.L5 code , 
    pre.linenums.prettyprinted li.L6 code , 
pre.linenums.prettyprinted li.L7 code ,
    pre.linenums.prettyprinted li.L8 code, 
pre.linenums.prettyprinted li.L9 code {
    min-width: 880px !important;
    max-width: 880px !important;
    color: white ;
    background: transparent ;
}
.linenums.prettyprinted code .pun{
    background:transparent !important;
}
#vanilla_discussion_comment.Vanilla.Discussion.comment.Section-Discussion.Section-Category-script-development div#Frame div#Body div.Row div#Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message pre {
    display: inline-block !important;
    min-width: 630px ;
    max-width: 630px ;
    margin-left: -5px ;
}
.Quote>p>code ,
.Message pre code , 
.Message > code  {
    display: inline-block ;
    max-width: 648px ;
    vertical-align: middle ;
    padding: 1px 2px 1px 4px ;
    white-space: pre-line ;
    word-wrap: break-word ;
color: white ;
background-color: #5c5c5c ;
}

/* (new177) CODE - USERSTY / GREASY - FIRST TOP DISSCUSSION - === */
.Discussion .Item-BodyWrap .Item-Body .Message code ,
.MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code  {
    display: inline-block ;
    max-width: 600px ;
    position: relative ;
    letter-spacing: initial ;
    line-height: 15px ;
    min-height: 0px ;
    min-width: 0px ;
    top: 0 ;
    overflow-y: hidden ;
    overflow-x: hidden ;
}
code ,
.Message>p>code ,
.Message>ul>li>code {
    position: relative ;
    display: inline-block ;
    min-width: 10px ;
    max-width: 100%;
    min-height: 15px ;
    line-height: 15px ;
    top: 0px ;
    margin-top: 0px ;
    margin-bottom: -2px ;
    margin-left: 2px ;
    padding: 0px 2px ;
    letter-spacing: initial ;
    white-space: pre-wrap ;
    word-wrap: break-word ;
overflow: hidden ;
color: white ;
background-color: #5c5c5c ;
}
code a.linkifyplus {
    display: inline !important;
    white-space: pre-wrap ;
    word-wrap: break-word ;
}


/* CODE DISC - TOP AUTHOR DISC - === */
.Message>ul>li>code  {
    height: 13px !important;
    line-height: 13px !important;
    padding: 1px 4px !important;
}
.QuoteText>pre {
    width: 660px ;
    padding: 2px 2px 2px 4px ;
    letter-spacing: initial ;
    white-space: pre-line ;
    word-wrap: break-word ;
}

/* USERSTY PAGE INFO - CODE - === */
#additional-info-text > pre ,
#additional-info-text > code pre code ,
#additional-info-text > code pre ,
#additional-info-text > code:not(:empty),
#long-description > code:not(:empty)  {
    display: inline-block ;
    margin-left: 1px ;
    padding: 5px 10px ;
    border-radius: 2px ;
    letter-spacing: initial ;
    white-space: pre-line ;
    word-wrap: break-word ;
color: white ;
background-color: #5c5c5c ;
}
#additional-info-text>pre ,
#additional-info-text>code pre code ,
#additional-info-text>code pre {
    width: 850px ;
}

/* CODE - STYLE INFO - LONG DESC - === */
#long-description>code:not(:empty)  {
    display: inline-block ;
    width: auto ;
    max-width: 540px ;
}
/* CODE - STYLE INFO - ADIT DESC - === */
#additional-info-text > code:not(:empty)  {
    display: inline-block ;
    width: auto ;
    max-width: 820px ;
}

/* (new167) GREASY - SCRIPT INFO - CODE - === */
#additional-info > div > blockquote > pre > code  ,
#additional-info > div > pre > code  {
    display: inline-block ;
    width: 99% ;
    margin-left: -6px ;
    padding: 5px 10px ;
    border-radius: 2px ;
    letter-spacing: initial ;
    white-space: pre-line ;
    word-wrap: break-word ;
color: white ;
background-color: #5c5c5c ;
}
#additional-info > div > blockquote > pre > code  {
border: 1px solid gray ;
}


/* WITH/WITHOUT GM - MY ACC/EDIT PAGE - === */
#main-header + #content-wrapper> #main-article > ul {
    position: fixed ;
    display: inline-block ;
    width: 50px ;
    height: 18px ;
    margin-left: -100px ;
    top: 18px ;
    padding-left: 15px ;
    border-radius: 3px 3px 0 0 ;
    text-align: left ;
    overflow: hidden ;
    z-index: 500 ;
box-shadow: 0 0 4px #999 ;
background: #222 ;
}
#help-style-settings-edit ~pre ,
#main-header + #content-wrapper > #main-article > p ~ ul {
    position: relative ;
    display: inline-block ;
    width: 700px ;
    height: auto ;
    margin-left: 200px ;
    margin-top: -5px ;
    border-radius: 3px ;
    overflow: visible ;
    z-index: 10 ;
border: 1px solid gray ;
background: #222 ;
}
#main-header + #content-wrapper > #main-article > table + p {
    position: fixed ;
    display: inline-block ;
    width: 600px ;
    height: auto ;
    top: 73px ;
    left: 320px ;
    opacity: 0 ;
}
#main-header + #content-wrapper > #main-article > table:hover + p {
    position: fixed ;
    display: inline-block ;
    width: 600px ;
    height: auto ;
    top: 73px ;
    left: 320px ;
    opacity: 1 ;
    transition: opacity ease 0.7s ;
}
#main-header + #content-wrapper> #main-article>ul:hover {
    width: 200px ;
    height: auto ;
box-shadow: 0 0 4px #999 ;
}
#main-header + #content-wrapper > #main-article > p ~ ul:hover{
    width: 700px ;
    height: auto ;
}
#main-header + #content-wrapper> #main-article>ul:before {
    content: "More..."!important;
    width: 200px ;
    height: 10px ;
    line-height: 10px ;
}
#main-header + #content-wrapper > #main-article > p ~ ul:before{
    content: "" ;
}
/* HELP STYLES - === */
 #main-header + #content-wrapper > #main-article > p ~ ul ~h3 {
    width: 700px ;
    margin-left: 200px ;
    text-align: center ;
color: peru ;
background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0) ;
}

/* EDIT COM - HOVER + NOT HOVER/OPEN + NOT OPEN - === */

/* (new172) ALL - USERS/GREASY - EDIT COM - ICON GRAY - TOP TITLE DISCUS/COM - === */
.ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
    display: inline-block !important;
    width: 15px ;
    height: 15px ;
    left: 2px ;
    top: 3px ;
    padding: 0 ;
    border: none ;
    box-shadow: none ;
background-color: transparent ;
}
#Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
    left: 0px !important;
    top: 50px !important;
}
.OptionsMenu .Flyout {
    right: 6px;
    top: -1px;
}
.ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before, 
.ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
    border: none !important;
}
.OptionsTitle ,
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment ,
.ToggleFlyout:not(.Open) .EditDiscussion {
    display: inline-block ;
    width: 18px ;
    font-size: 0px ;
    visibility: hidden ;
background-color: transparent ;
}
/* ALL */
.ToggleFlyout:not(.Open) a.EditDiscussion:before {
    content: " " ;
    position: relative ;
    display: inline-block ;
    width: 18px ;
    height: 15px ;
    font-size: 15px ;
    visibility: visible ;
background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
background-color: black ;
outline: 1px solid gray ;
}

/* GREAS */
 a.EditComment:before ,
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
    content: " " ;
    position: relative ;
    display: inline-block ;
    width: 18px ;
    height: 18px ;
    left: 0px ;
    top: -2px ;
    font-size: 15px ;
    visibility: visible ;
background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) ;
background-color: black ;
outline: 1px solid gray ;
}
/* EDIT BUT */
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems  {
    display: inline-block ;
    height: 15px ;
    line-height: 15px ;
    padding: 1px ;
}

/* COM DISC - COM EDIT PAGE - === */
#DiscussionForm.FormTitleWrapper.DiscussionForm {
    margin-top: -74px ;
}
#DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {
    padding: 0px 20px ;
}
.ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a {
    position: relative ;
    float: left ;
    width: 18px ;
    line-height: 15px ;
    padding: 0 ;
}
.ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a:hover {
    text-decoration: none ;
color: white ;
background-color: #ACB1B7 ;
}

/* EDIT COM - === */
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
    font-size: 15px ;
    visibility: hidden ;
outline: 1px solid gray ;
}

/* COM DISC */
.Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle ,
.Section-Discussion .Item.Mine.ItemComment .OptionsTitle ,
.Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle ,
/* COM DISC ALT (BLACK) */
.Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle ,
.Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle,
/* LIST BOOKMARKED */
.Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle ,
.Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle ,
/* LIST BOOKM ALT (BLACK) */
.Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle ,
.Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
    visibility: hidden ;
}

/* (new168) DISM -  ALL */
.DismissAnnouncement.Hijack {
    height: 18px;
    width: 18px;
top: 0 !important;
right: 0 !important;
padding: 0 !important;
font-size: 0 ;
text-align: center ;
color: peru ;
}
.DismissAnnouncement.Hijack:before {
content: "X" ;
    height: 18px;
    width: 18px;
top: 0 !important;
right: 0 !important;
padding: 0 !important;
font-size: 15px ;
color: peru ;
}


#vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {
    margin-right: 19px ;
    margin-top: 0px ;
color: peru ;
}

/* USERST - EDIT COM */
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion  {
    font-size: 15px ;
    visibility: hidden ;
    z-index: 10000 ;
}
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit  {
    margin-left: 32px ;
    padding: 0 ;
    font-size: 0px ;
}
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before ,
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {
    content: " "!important;
    position: relative !important;
    float: left !important;
    width: 18px !important;
    height: 18px !important;
    top: -2px !important;
    font-size: 15px !important;
    visibility: visible !important;
background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
background-color: black !important;
outline: 1px solid gray !important;
}

/* USERSTY / GREASY - EDIT BUTTON - IN HEADER DISSCUSS IN GREASY FORK DISCUS - === */
/* GREASY */
.MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
    visibility: hidden !important;
outline: 1px solid peru !important;
}

/* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style - === */
.Attachment .FilePreview .Thumb-Default img ,
.Attachment .FileHover .Thumb-Default img {
    display: inline-block !important;
    max-height: 25px !important;
    min-height: 25px !important;
    height: 100% !important;
    width: 20px !important;
}

/* START PAGE - === */
#main-article>p  {
    position: relative !important;
    display: inline-block !important;
    width: 870px! important;
    margin: 10px auto ! important;
    left: 70px ! important;
}
#front-page-best {
    display: inline-block ! important;
    margin-left: 200px ! important;
}
#front-page-newest {
    display: inline-block !important;
    margin-left: 200px !important;
}
#front-page-best h2 ,
#front-page-newest  h2 {
    display: inline-block ! important;
    width: 300px !important;
    margin-left: 15px !important;
    padding-left: 29px !important;
    border-radius: 5px !important;
box-shadow: 0 0 4px #999999 !important;
background-color: #222222 !important;
}
#front-page-best ul li  ,
#front-page-newest ul li  {
    width: 700px ! important;
    padding: 2px 5px ! important;
}
#front-page-best ul li:nth-child(even) ,
#front-page-newest ul li:nth-child(even) {
    background: black! important;
}
#front-page-best ul li:nth-child(odd) ,
#front-page-newest ul li:nth-child(odd) {
    background: #222222 ! important;
}
#front-page-newest ul li:not(.additional-link):after ,
#front-page-best ul li:not(.additional-link):after {
    content: "tot   :   " attr(total-install-count) ;
    float: left ;
    width: 250px ;
    margin-right: -100px ;
    text-align: left ;
color: gold ;
}
#front-page-best ul li:not(.additional-link):before {
    content: "week   :   " attr(weekly-install-count) ;
    float: right ;
    width: 120px ;
    margin-left: 10px ;
    text-align: left ;
color: gold;
}


/* PAGINATION - HIGHLIGHT - === */
.NumberedPager a.Highlight ,
#PagerBefore.Pager a.Highlight{
    background: yellow ;
    color: red ;
}

/* (new175) ALL - PAGINATOR CENTER -  HIGHTLIGHT / PREV / NEXT  - === */
.Pager a, 
.Pager span {
    position: relative ;
    display: inline-block ;
    vertical-align: middle ;
    min-width: 17px ;
    height: 14px ;
    line-height: 13px ;
    margin: 0 3px;
    padding: 0 ;
    text-align: center ;
    border-radius: 3px ;
box-shadow: 3px 3px 2px black ;
background: #222 ;
}
.NumberedPager a.Next, 
.NumberedPager span.Next, 
.NumberedPager a.Previous, 
.NumberedPager span.Previous {
    position: relative ;
    display: inline-block ;
    height: 14px ;
    line-height: 11px ;
    font-size: 23px ;
    border-radius: 3px ;
    vertical-align: middle ;
box-shadow: 3px 3px 2px black ;
background: #222 ;
}
.NumberedPager .Next:hover, 
.NumberedPager .Previous:hover {
    position: relative ;
    display: inline-block ;
    vertical-align: middle ;
    height: 14px ;
    line-height: 11px ;
    border-radius: 3px ;
    top: 5px ;
    left: 0px ;
    margin-left: 3px ;
    right: 0px ;
    font-size: 26px ;
}
#PagerAfter>a:hover,
#PagerBefore>a:hover,
body .Pager .Highlight:hover,
.PageControls .Pager a:hover  {
    display: inline-block ;
color: tomato ;
}
#PagerBefore> .Next:hover,
.NumberedPager a.Next:hover,
.NumberedPager span.Next:hover {
    position: relative ;
    display: inline-block ;
    height: 20px ;
    line-height: 17px ;
    margin-top: -10px ;
    font-size: 23px ;
    vertical-align: middle ;
color: tomato ;
}
#PagerAfter> .Previous:hover,
#PagerBefore> .Previous:hover,
.NumberedPager a.Previous:hover,
.NumberedPager span.Previous:hover {
    position: relative ;
    display: inline-block ;
    height: 20px ;
    line-height: 17px ;
    margin-top: -10px ;
    font-size: 23px ;
    vertical-align: middle ;
color: tomato ;
}
.p-100.LastPage:hover {
    position: relative ;
    display: inline-block ;
    height: 20px ;
    line-height: 17px ;
    font-size: 16px ;
    vertical-align: middle ;
color: tomato ;
}
/* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous ,
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next {
    position: relative ;
    display: inline-block ;
    vertical-align: middle ;
    line-height: 20px ;
    height: 20px ;
    padding: 2px ;
    top: -10px ;
    font-size: 15px ;
color: peru ;
}
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous:hover {
    display: inline-block ;
    left: -11px ;
    font-size: 20px ;
    transition: all ease 0.5s ;
color: tomato ;
}
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next:hover {
    display: inline-block ;
    margin-right: -9px ;
    margin-left: 2px ;
    font-size: 20px ;
    transition: all ease  0.5s ;
color: tomato ;
}


/* USERSTY - MAIN ARTICLE (inside CONTENT-WRAPPER) - === */
#main-article {
    margin-left: 215px !important;
}

/* USERSTY -ACCOUNT PAGE - USER NAME */
.PageContent>dl>dt:not(:last-of-type) {
    position: absolute !important;
    display: inline-block !important;
    width: 21% ;
    height: 15px;
    line-height: 15px !important;
    margin-left: 15%;
    margin-top: -20px !important;
    padding: 5px;
    overflow: hidden;
    text-align: center !important;
border: 1px solid #404040 ;
background: #222 !important;
}
/* TXT "HOMEPAGE" in STYLES PAGES */
html>body>dl dt:not(:last-of-type) + #user-about + dt {
    display: none !important;
}

/* USERSTY -ACCOUNT PAGE - USER CONTACT */
#user-about + dt {
    position: absolute !important;
    display: inline-block !important;
    width: 1% ;
    min-height: 14px;
    max-height: 14px;
    line-height: 14px;
    margin-left: 37%;
    margin-top: -20px !important;
    padding: 5px;
    text-align: left ;
    font-size: 0 !important;
    border: 1px solid #404040 ;
}
.PageContent>dl dd:last-of-type {
    position: absolute !important;
    display: inline-block !important;
    width: 1.5% ;
    height: 100% !important;
    min-height: 25px !important;
    max-height: 25px !important;
    margin-left: 38% !important;
    margin-top: -19px !important;
    padding-right: 20px;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-align: left ;
    font-size: 0px !important;
color: transparent !important;
}
.PageContent>dl dd:last-of-type:before {
    content: "📧" ;
    position: absolute !important;
    display: inline-block !important;
    width: 42px ;
    height: 100% !important;
    min-height: 22px !important;
    max-height: 22px !important;
    line-height: 20px ;
    margin-left: -7px !important;
    left: 0px !important;
    padding: 0px;
    text-align: center ;
    font-size: 27px ;
    border: 1px solid #404040 ;
    pointer-events: none !important;
color: red !important;
}
/* USERSTY - ACCOUNT PAGE - USER ABOUT /HOVER */
#user-about {
    position: absolute !important;
    display: inline-block;
    max-width: 17% ;
    min-height: 14px !important;
    max-height: 14px !important;
    margin-left: 43% !important;
    margin-top: -20px !important;
    padding: 5px;
    overflow: hidden;
    border: 1px solid lime !important;
transition: all ease 0.7s !important;
}
#user-about:hover {
    position: absolute !important;
    display: inline-block;
    max-width: 54% !important;
    max-height: 700px !important;
    padding: 5px;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid blue;
    background: #333 !important;
    transition: all ease 0.7s !important;
    z-index: 500 !important;
}

/*USERSTY - ACCOUNT PAGE - - INSTAL WEEK - === */
.numeric-value {
    color: gold !important;
}
.numeric-value + .numeric-value {
    color: tan !important;
}

/* USERSTY - (ALL) "Contact Admin" ETC ....- === */

/* USERSTY - FOOTER - === */
footer {
    position: fixed !important;
    display: inline-block !important;
    width: auto !important;
    top: 00px !important;
    left: 10px ! important;
    padding: 0 5px 5px 20px !important;
    z-index: 5000 ! important;
    visibility: hidden !important;
background: red !important;
}
footer:hover {
    position: fixed !important;
    display: inline-block !important;
    width: auto !important;
    top: 00px !important;
    left: 10px ! important;
    padding: 0 5px 5px 20px !important;
    z-index: 5000 ! important;
    visibility: visible !important;
background: black !important;
}
footer:before {
    content: "🔻" !important;
    position: fixed !important;
    display: inline-block !important;
    width: auto !important;
    top: 10px !important;
    left: 5px ! important;
    padding: 0px  !important;
    z-index: 5000 ! important;
    visibility: visible !important;
background: gold !important;
}
/* ==== (ALL)  - USERSTY - MENUS POPUP ==== */

/* USERSTY - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL - === */
#style-author-info {
    position: fixed !important;
    width: 205px ! important;
    height: 100% ! important;
    min-height: 292px ! important;
    max-height: 792px ! important;
    left: 5px !important;
    top: 80px !important;
    padding-left: 5px !important;
    padding-bottom: 3px !important;
    border-radius: 5px !important;
box-shadow: 3px 3px 2px black !important;
background: #222 !important;
}
#style-install-info {
    position: fixed !important;
    width: 195px ! important;
    left: 23px !important;
    top: 320px !important;
    padding-left: 5px !important;
    padding-bottom: 3px !important;
    border-radius: 5px !important;
    z-index: 700 !important;
background: #222 !important;
}

/* USERSTY - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA - === */
#style-install-info>tbody>tr:nth-child(2n+1) ,
#style-author-info>tbody>tr:nth-child(2n+1) {
    background: #262626 !important;
 }

/* USERSTY - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE - === */
#style-install-info>tbody>tr ,
#style-author-info>tbody>tr {
    color: gold !important;
}
/*  USERSTY - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS - === */
#style-install-info>tbody>tr th+td ,
#style-author-info>tbody>tr th+td {
    position: relative ! important;
    display: inline-block ! important;
    width: 95% ! important;
    bottom: 3px ! important;
    left: 3px ! important;
    border-radius: 5px ! important;
    text-align: center ! important;
color: #6999A6 !important;
border : #434141 solid 1px !important;
box-shadow: 3px 3px 2px black !important;
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%);
}

/* USERSTY - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE - === */
#style-install-info>tbody>tr ,
#style-author-info>tbody>tr {
    display: block !important;
    position: relative !important;
    width: 190px !important;
    font-size: 11px !important;
}
/* USERSTY - STY INFOS - AUTH PANEL INFOS - AUTH - === */
#style-author-info>tbody>tr:first-child {
    position: relative !important;
    display: inline-block !important;
    margin-top: 5px ! important;
    margin-left: 0px ! important;
    width: 190px !important;
    height: 89px ! important;
    border-radius: 5px ! important;
border: 1px gray solid ! important;
}

/* USERSTY - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */
#style-author-info>tbody>tr:nth-child(1)>th {
    display: inline-block !important;
    position: relative !important;
    width: 184px !important;
    margin-top: 1px ! important;
    padding: 0 5px 2px 0 !important;
    border-radius: 5px 5px 0 0  ! important;
    font-size: 0px !important;
    text-align: center ! important;
color: transparent !important;
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%);
}
/* USERSTY - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */
#style-author-info>tbody>tr:nth-child(1)>th:before {
    position: relative ;
    display: inline-block ;
    content:url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
    transform:scale(0.9,0.7) ;
}

/* USERSTY - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
#style-author-info>tbody>tr:nth-child(1)>td a {
    position: relative !important;
    display: block !important;
    max-width: 182px !important;
    height: 51px ! important;
    left: -2px ! important;
    padding: 0 2px !important;
    font-size: 19px !important;
    font-weight: bold ! important;
    text-align: center ! important;
    color: SlateGray !important;
    border-radius: 0 0 5px 5px ! important;
    background: linear-gradient(to bottom, rgba(19,19,19,1) 0%,rgba(51,51,51,1) 0%,rgba(17,17,17,1) 63%,rgba(0,0,0,1) 98%);
    border :none !important;
    white-space: pre-wrap ! important;
    word-break: break-all ! important;
    -moz-hyphens: auto ! important;
}

/* USERSTY - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
#style-author-info>tbody>tr:first-of-type th+td {
    position: relative ! important;
    display: inline-block ! important;
    width: 100% ! important;
    bottom: -1px ! important;
    left: 3px ! important;
    text-align: center ! important;
    border :none !important;
    background: transparent ! important;
}

/* USERSTY - INFOS - SCREENSHOT + INFOS - (GM + NO GM) - === */
#content-wrapper #main-article #left-info {
    position: absolute ! important;
    display: inline-block ! important;
    vertical-align: top ! important;
    top: 5px !important;
    margin-left: 2% !important;
}

/* USERSTY - STY INFOS - SCREENSHOT - (GM + NO GM) - === */
#screenshots {
    position: absolute ;
    display: inline-block ;
    float: none ;
    clear: both ;
    height: 395px ;
    width: 360px ;
    top: 0px ;
    border: 1px solid #434141 !important;
    box-shadow: 3px 3px 2px black ;
    background-color: #222222 ;
    z-index: 10 ;
}
.screenshot-thumbnail {
    border: 1px solid #434141 !important;
    box-shadow: 3px 3px 2px black ;
}
#more-screenshots {
    font-size: 0 !important;
}
#more-screenshots span {
    position: absolute !important;
    display: inline-block !important;
    padding: 2px 5px !important;
    border-radius: 5px !important;
    background: black !important;
    font-size: 15px !important;
}
#screenshots #more-screenshots a  {
    position: relative !important;
    display: inline-block !important;
    width: 98% !important;
    bottom: -20px !important;
    font-size: small !important;
}
#screenshots #more-screenshots a:before  {
    content: "\25BA" ;
    color: gold ;
}
/* USERSTY - STY INFOS - LONG DESC - (GM + NO GM) - === */
#style-info {
    position: absolute ! important;
    width: 78.5% !important;
    margin-top : 1px !important;
    left: 249px !important;
    word-wrap: break-word ! important;
}
#main-style-info {
    width: 60% !important;
    margin-bottom: 1em;
    margin-left: 380px !important;
    padding-left: 1em;
}

/* USERSTY - STY INFOS - LG DESC - TXT - === */
#long-description {
    position: relative !important;
    display: inline-block !important;
    width: 565px ! important;
    height: 395px !important;
    min-height: 100px ! important;
    top: 4px !important;
    margin-top: 0px !important;
    left: 10px ! important;
    padding: 5px 5px 2px 10px !important;
    border-radius: 5px !important;
    overflow: hidden ! important;
    overflow-y: auto ! important;
box-shadow: 3px 3px 2px black !important;
border: 1px solid red !important;
}
/* NEED CONVERT for Addstylish lib -  USERSTY - STY INFOS - STYLE OPTIONS -  === */
.advanced_button {
    position: absolute ;
    height: 20px !important;
    margin-left: 251px !important;
    top: 68px !important;
}
#style-settings {
    position: absolute !important;
    display: inline-block !important;
    width: 75px ! important;
    height: 16px !important;
    top: 69px !important;
    margin-left: 1160px !important;
    left: 100px ! important;
    padding: 3px 5px ;
    border-radius: 5px !important;
    overflow: hidden !important;
    overflow-y: hidden !important;
    z-index: 500 !important;
border: 1px solid gray !important;
background: gray !important;
}
#style-settings:hover {
    position: absolute !important;
    display: inline-block !important;
    width: 555px ! important;
    min-height: 727px !important;
    left: -370px ! important;
    border-radius: 5px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    z-index: 500!important;
    transition: all ease 0.6s !important;
border: 1px solid gray !important;
background: black !important;
}
#style-settings li:first-of-type {
    margin-top: 35px !important;
}

#style-settings:before {
    content: "Options \01F53B " ;
    position: absolute ;
    display: inline-block ;
    height: 15px ;
    width: 75px !important;
    line-height: 13px ;
    top: 0px ;
    left: -2px ;
    padding: 5px ;
    border-radius: 3px ;
    border: 1px solid gray ;
    color: gold ;
    background: #222222 ;
    z-index: 500 !important;
}
#style-settings #advancedsettings_area.advancedsettings_shown ,
#style-settings #advancedsettings_area.advancedsettings_hidden  {
    display: inline-block !important;
    min-width: 495px !important;
    max-width: 495px !important;
    margin-left: 14px;
    margin-top: 28px;
    padding: 15px !important;
    background-color: #ffffff;
}

/* USERSTY - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK - === */
#style-info #control-panel {
    position: fixed ! important;
    display: inline-block ! important;
    height: 17px !important;
    line-height: 17px !important;
    width: 566px;
    margin-bottom: 1em;
    left: 637px!important;
    top: 25px ! important;
    padding: 1px 6px !important;
    border: 1px solid gray !important;
    border-radius: 3px 3px 0 0 !important;
    background: #222 !important;
    z-index: 600 !important;
}
#style-install-info > tbody > tr:last-of-type ,
#style-info #control-panel>a:nth-child(1),
#style-info #control-panel>a:nth-child(2),
#style-info #control-panel> a:nth-child(3){
    display: inline-block!important;
    height: 14px !important;
    line-height: 14px !important;
    margin-top: -4px ! important;
    top: 30px !important;
    background-color: #222222 !important;
    border-radius: 3px !important;
    box-shadow: 3px 3px 2px black !important;
    padding: 1px 5px !important;
}

/* USERSTY - STY INFOS - LG DESC - (Links Color) === */
#long-description>p>a{
    color: #E0B81F !important;
    margin-right: 5px !important;
}
/* USERSTY - STY INFOS - INST BUTT + Switch Browser - === */
#stylish-installed-style-needs-update ,
#stylish-installed-style-not-installed {
    position: fixed !important;
    width: 190px !important;
    height: 16px !important;
    line-height: 13px !important;
    left: 1025px !important;
    margin-bottom: 1px;
    top: 16px !important;
    padding: 0 4px 2px !important;
    border-radius: 5px !important;
    font-size: larger;
    color: white;
    vertical-align: middle;
    z-index: 700!important;
}

/* INSTALL BUTTON - COR to SEE WITH STYLISH addon differents version - === */
#stylish-installed-style-installed  {
    position: fixed !important;
    width: 230px !important;
    height: 18px !important;
    line-height: 17px !important;
    top: 11px !important;
    left: 930px !important;
    margin-bottom: 1px;
    padding: 0 4px 2px !important;
    border-radius: 5px !important;
    font-size: larger;
    color: white;
    vertical-align: middle;
    z-index: 650 !important;
}
#switch-browser-note {
    position: absolute !important;
    display: inline-block;
    width: 180px !important;
    top: 32px !important;
    left: 575px !important;
    margin-bottom: 1px;
    margin-top: 13px !important;
    padding: 0 4px 2px !important;
    vertical-align: middle;
    border-radius: 5px !important;
    color: white;
}

/* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3  - === */
#style-install-mozilla-no-stylish {
    display: none !important;
}

/* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???)  */
.install-status:not(.install) {
    display: none;
}

/* USERSTYLES -  INSTALL NOTE - === */
.install-status:not(.install) {
    position: absolute !important;
    display: inline-block;
    max-width: 450px;
    margin-bottom: 1px;
    margin-top: 15px;
    right: 0 !important;
    top: 0!important;
    padding: 8px 16px 12px;
    border-radius: 5px;
    font-size: larger;
    color: white;
    vertical-align: middle;
}

/* ==== USERSTY - STY INFOS - SHOW CODE - ==== */


/* USERSTY - STY INFOS - NEW - SHOW CSS CODE */
#stylish-code.cssHidden[style*="display: none;"] {
    display: none !important;
}
#stylish-code.hiBeautted ,
#stylish-code.cssHidden[style*="display: block;"] {
    display: inline-block !important;
    width: 650px !important;
    min-height: 680px !important;
    padding: 5px 5px 5px 15px  !important;
    border-top: 30px solid red !important;
    word-wrap: break-word !important;
    -moz-hyphens: auto !important;
    background: white !important;
    background-color: #2e3e49 !important;
}
/* SHOW CODE - IMAGE - FOR GM - "LinkyFyPlus" - === */
#show-code #view-code #stylish-code  a.linkifyplus  {
    display: inline-block !important;
    height: 15px !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    font-size: 15px !important;
    color: blue !important;
    background: tan  !important;
}
#show-code #view-code #stylish-code  a.linkifyplus > img {
    position: absolute !important;
    display: inline-block !important;
    max-height: 100px !important;
    padding: 3px 20px !important;
    visibility: hidden !important;
    transform: scale(0.2) !important;
    transition: background ease 0.7s !important;
    background: #333  !important;
}
#show-code #view-code #stylish-code  a.linkifyplus:hover > img {
    position: fixed !important;
    display: inline-block !important;
    max-height: 50% !important;
    max-width: 200px !important;
    top: 25% !important;
    margin: auto 0 !important;
    right: 40% ! important;
    padding: 3px 20px !important;
    visibility: visible !important;
    transform: scale(1.5) !important;
    transition: background ease 0.1s !important;
    z-index: 1000 !important;
    background: black  !important;
}

#show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:before  ,
#show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:before  ,
#show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:before {
    content: " " !important;
    position: relative !important;
    display: inline-block !important;
    width: 10px !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 5px 0 10px !important;
    border-radius: 3px !important;
    font-size: 17px !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-image: url(http://findicons.com/files/icons/2652/gentleface/48/expand_icon.png) !important;
    background-position: center  !important;
    background-repeat: no-repeat !important;
    background-size: 70% 140% !important;
    transform: rotate(270deg) !important;
    background-color: white  !important;
}
#show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:after ,
#show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:after  ,
#show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:after {
    content: attr(href) !important;
    position: relative !important;
    display: inline-block !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* USERSTY - STY INFOS - MORE - DESC - TITLE - === */
#content-wrapper article#main-article #more-info h2 ,
#content-wrapper article#main-article #additional-info h2 ,
#content-wrapper article#main-article #discussions-area h2 {
    display: inline-block ! important;
    min-width: 965px !important;
    max-width: 965px !important;
    padding-left: 15px !important;
    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%);
    border-radius: 5px !important;
    box-shadow: 3px 3px 2px black !important;
    color: #A3A4A4 !important;
}
#content-wrapper article#main-article #discussions-area h2 {
    min-width: 965px !important;
    max-width: 965px !important;
}
section#discussions-area h2 {
    position: relative !important;
    display: inline-block !important;
    left: 50px !important;
    margin-bottom: -15px !important;
}
section#discussions-area h3 {
    display: none !important;
}

/* USERSTY -  STY INFOS - MORE INFOS - DESC - === */
#style-info + #additional-info {
    position: relative ! important;
    display: inline-block !important;
    min-width: 90% !important;
    max-width: 90% !important;
    left: 2% !important;
    margin-top: 405px !important;
}
#additional-info-text {
    position: relative !important;
    display: inline-block !important;
    min-width: 965px !important;
    max-width: 965px !important;
    margin-top: -10px !important;
    overflow-y: auto;
    overflow-x: hidden!important;
    color: #ACAEB5 !important;
}
/* USERSTY - STY INFOS - MORE - DESC - Links Color - === */
#additional-info #additional-info-text a{
    color: #E0B81F !important;
}
#additional-info #additional-info-text a:visited {
    color: #E7D590 !important;
}

/* USERSTY - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ - === */
#style-info + #additional-info #additional-info-text>mark>a {
    color: black !important;
}
#additional-info #additional-info-text>mark>a b {
    color: red!important;
}

/* === USERSTY - STY INFOS - FEED ==== */

/* USERSTY - FIX NEW DESIGN - TOP HEARDER - === */
.top_logo {
    margin-top: -5px !important;
}
.header-search {
    height: 25px !important;
}
.header-search .search_input  {
    height: 25px !important;
    margin-top: 0px !important;
}

/* USERSTY - CREATE NEW STYLE */
#create_new_style ,
.header_button  {
    min-height: 20px !important;
    margin-top: -27px !important;
}
#create_new_style  {
    min-height: 20px !important;
margin-top: 0px !important;
    margin-left: 220px !important;
    margin-right: -192px !important;
}
#create_new_style a ,
.header_button a  {
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* USERSTY - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */
#discussions-area{
    position: absolute !important;
    display: inline-block ! important;
    float: none ! important;
    clear: both ! important;
    max-height: 100%!important;
    min-height: 30px !important;
    width: 330px !important;
    left: 15px !important;
    top: 370px !important;
    padding: 1px !important;
border: 1px solid red !important;
}

/* USERSTY - NEW DESIGN FIX -  STYLE INFO - FEED BACK CONTAINER - === */
#as_userscript + #headline {
    position: absolute !important;
    display: inline-block ! important;
    float: none ! important;
    clear: both ! important;
    max-height: 100%!important;
    min-height: 20px !important;
    width: 330px !important;
    left: 1% !important;
    top: 300px !important;
    padding: 1px !important;
    color: gold !important;
    background: #222 ;
}
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"] {
    position: absolute !important;
    display: inline-block ! important;
    float: none ! important;
    clear: both ! important;
    height: 100%!important;
    min-height: 20px !important;
    max-height: 20px !important;
    width: 35px !important;
    left: 15% !important;
    top: 333px !important;
    padding: 1px !important;
    overflow: hidden ;
}
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover {
    position: absolute !important;
    display: inline-block ! important;
    float: none ! important;
    clear: both ! important;
    max-height: 100%!important;
    min-height: 20px !important;
    width: 190px !important;
    left: 8% !important;
    padding: 1px !important;
    overflow: hidden ;
}
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button {
    height: 18px !important;
    width: 30px !important;
    margin-bottom: 18px;
    margin-top: 0px !important;
    box-shadow: none !important;
    color: transparent !important;
    border: none !important;
    white-space: nowrap ;
    background-color: blue !important;
    transition: all ease 0.2s !important;
}
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button>div:last-of-type {
    visibility: hidden ;
}
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div:first-of-type{
    height: 20px ;
    margin-right: -118px !important;
    margin-top: 0px ;
}
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div .feedback-icon {
    height: 15px ;
    margin-top: 4px ;
}
/* HOVER */
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button {
    width: 172px !important;
    height: 20px ;
    margin-top: 0px !important;
    color: gold !important;
    transition: all ease 0.2s !important;
}
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:last-of-type {
    display: inline-block ;
    visibility: visible ;
}
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:first-of-type .feedback-icon {
    height: 15px ;
    margin-right: 15px !important;
    margin-top: 5px !important;
}
/* Without UBlock */
#style_info .adContainer ~ #discussions-area {
    position: absolute !important;
    display: inline-block ! important;
    float: none ! important;
    clear: both ! important;
    max-height: 450px !important;
    min-height: 30px !important;
    min-width: 330px !important;
    max-width: 330px !important;
    width: 330px !important;
    left: 1% !important;
    top: 360px !important;
    padding: 1px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    background: #222 ;
border: 1px solid red !important;
}

#single_discussion {
    height: 70px !important;
    padding: 5px !important;
}
#single_discussion:first-child {
    margin-top: -15px !important;
}
#single_discussion:not(:first-child) {
    margin-top: -10px !important;
}
#single_discussion_up {
    height: 17px !important;
    margin-bottom: 3px !important;
    margin-top: 9px !important;
}
#single_discussion  .text_style_page {
    width: 296px !important;
    height: 41px !important;
    line-height: 15px !important;
    margin-top: 0px !important;
    font-size: 13px !important;
    color: gray !important;
outline: 1px solid gray !important;
}
#rating_discussion[src="/ui/images/icons/rating_0.svg"] {
    height: 13px;
    width: 18px;
    opacity: 0.2;
}
#style_info .adContainer ~#discussions-area .text_style_page {
    color: #b3b3b3 ;
}
.see_more {
    height: 21px !important;
}
.feedback-icon {
    height: 17.3px;
    margin-right: 6.8px !important;
    margin-top: 3px !important;
}
#archive_style_button {
    position: absolute;
    display: inline-block;
    height: 15px !important;
    line-height: 15px !important;
    width: 120px !important;
    right: 20% ;
    top: 470px !important;
    border-radius: 4px;
    box-shadow: 5px 5px 2px black !important;
    cursor: pointer;
    font-size: 14px !important;
    justify-content: center;
    margin-top: 0px !important;
    padding: 2px 2px !important;
    text-align: center;
}
#as_userscript  {
    position: absolute !important;
    height: 18px !important;
    line-height: 15px !important;
    width: 120px !important;
    right: 20% ;
    margin-right: 0% !important;
    top: 500px ;
    margin-top: 0px !important;
    padding: 2px 2px !important;
    border-radius: 4px;
border: 1px solid #222 !important;
    box-shadow: 3px 3px 2px black !important;
    cursor: pointer;
    font-size: 5px ;
    text-align: center;
}
#as_userscript a:before  {
    content: "Userscript" ;
    position: absolute !important;
    display: inline-block;
    height: 15px !important;
    line-height: 15px !important;
    width: 120px !important;
    margin-left: -34px ;
    margin-top: -2px ;
    border-radius: 4px;
    box-shadow: 3px 3px 2px black ;
    font-size: 14px !important;
    padding: 3px 2px !important;
    text-align: center;
    background-image: url("https://icons.duckduckgo.com/ip2/userscripts-mirror.org.ico") ;
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 12%;
    background-color: #333 ;
}

/* TEST FIX NEW DESIGN - SHOW CSS - === */
.css_button {
    position: absolute;
    display: inline-block;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 21px !important;
    line-height: 25px !important;
    width: 136px  !important;
    margin-top: 30px;
    right: 19.2% ;
    top: 40px !important;
    border-radius: 4px;
    color: #3498db;
    font-size: 14px;
    font-weight: normal ;
    box-shadow: 3px 3px 2px black ;
    background-color: #e2ebf8;
}
.css_button .no-select {
    float: right !important;
    height: 21px !important;
    line-height: 20px !important;
    margin-bottom: 0px !important;
}
.css_open::after ,
.css_close::after {
    content: "🙈";
    float: left !important;
    height: 21px !important;
    width: 21px !important;
    margin-bottom: 8px  !important;
    margin-right: 14px !important;
text-align: center !important;

}
/* Without GM ?? */
#css_text_area_div textarea#stylish-code.cssVisible  {
    display: inline-block ;
    position: fixed ;
    resize: vertical;
    overflow: auto;
    min-width: 674px ;
    max-width: 674px  !important;
    min-height: 70% ;
    left: 850px !important;
    top: 94px !important;
    margin-bottom: 20px;
    padding: 5px 5px 5px 15px;
    border-radius: 4px;
    font-size: 13px;
    font-family: "Open Sans",sans-serif !important;
    color: #ffffff;
    background-color: #2e3e49 !important;
    z-index: 5000;
}
/* NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - === */
#css_text_area_div {
    position: absolute !important;
    left: 870px !important;
    top: 85px !important;
    border-top: 2px solid red !important;
    z-index: 1 !important;
}
.hiBeautted{
    border-top: 20px solid transparent !important;
    background-color: #293134 !important;
    color: #e0e2e4 !important;
}
#stylish-code ,
code.hiBeautted#stylish-code[style*="display: block;"]  {
    min-height: 600px !important;
    top: -23px !important;
    padding: 20px !important;
    border-top: 40px solid transparent !important;
color: #B1B1B1 !important;
}
code#stylish-code.cssVisible[style*=" display: none;"] ,
code.hiBeautted#stylish-code[style*="display: none;"]  {
    display: none !important;
}
#hiBeauty .hiBeautted:before ,
#hiBeauty::before {
    position: absolute;
    display: inline-block !important;
    height: 20px !important;
    top: 5px !important;
    left: 10% !important;
    padding: 1px 3px 0 1px !important;
    border-radius: 0 !important;
background-color: rgba(255, 0, 0, 0.7) !important;
    opacity: 1 !important;
    z-index: 5000 !important;
}
#hiBeauty:hover::before {
    padding: 4px !important;
border: 1px solid gray !important;
background-color: rgba(0, 0, 0, 0.4) !important;
    opacity: 1 !important;
    z-index: 1;
    transition: all ease 1s !important;
}
#hiBeauty::after {
    content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
    position: absolute;
    display: block;
    left: 14% !important;
    top: 5px;
    padding: 0 5px !important;
    border-radius: 0 5px 5px 0 !important;
    font-size: 15px !important;
color: gold !important;
background: rgba(255, 0, 0, 1) !important;
    opacity: 0.75;
    z-index: 1;
    transition: all ease 0.2s !important;
}
#hiBeauty:hover::after {
    font-size: 15px !important;
    color: white !important;
    background: rgba(0, 0, 0, 0.61) !important;
    transition: all ease 0.4s !important;
}

/* END - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - MEDIA QUERIE - === */

/* USERTY - NEW DESIGN - ACTION BUTTON - === */
#actions_div {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 25px !important;
    width: 583px !important;
    right: 19.3% ;
    padding: 1px 3px ;
    box-shadow: 6px 5px 6px black;
    background: #222 !important;
}
#share_div {
    display: flex;
    flex-direction: column;
    padding: 0 2px !important;
    color: #2c3e50;
    font-size: 0 !important;
}
#social_networks {
    height: 17px !important;
    margin-top: 1px !important;
}
#actions_div #buttons {
    height: 20px !important;
}
.white_button ,
#style_installed_button ,
#ownedButtons ,
#update_style_button ,
#style_installed_button {
    height: 20px !important;
}
.white_button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 19px;
    width: 87px;
    border-radius: 4px;
    font-size: 12px;
    color: #2c3e50;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border: 1px solid #cdcfd1;
}
#update_style_button, 
#install_style_button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 21px !important;
    width: 173px;
    margin-left: 9px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    box-shadow: 0 6px 16px 0 rgba(80, 178, 243, 0.35);
    background-color: #3498db;
}
#install_style_button div:first-of-type {
   height: 20px ;
   margin-top: -2px;
}
#install_style_button>div + div {
   height: 20px !important;
   line-height: 20px !important;
   margin-top: -17px !important;
   padding-left: 25px !important;
}
#update_style_button>div:first-of-type ,
#style_installed_button>div:first-of-type {
   float: left !important;
   height: 22px !important;
   width: 26px !important;
}
.update-icon ,
.installed-icon ,
#install_style_icon {
   height: 20px !important;
   line-height: 20px !important;
   margin-right: 10px;
   margin-top: 3px !important;
   width: 18px !important;
}
#style_info {
   display: flex;
   flex-direction: column;
   width: 100%;
}
.style_title {
    display: inline-block !important;
   width: 43% !important;
    height: 32px ;
    line-height: 26px  !important;
    margin-bottom: -4px ;
    margin-top: 25px ;
    padding-left: 13px;
    color: #ccc !important;
    font-size: 20px !important;
border: 1px solid red !important;
}
#information_div ,
#actions_div + #headline,
#actions_div + #headline + #information_div ,
.adContainer + #headline ,
.adContainer + #headline + #applies_link {
    position: absolute !important;
    display: inline-block !important;
    width: 17% !important;
    min-width: 320px !important;
    left: 1% !important;
    padding: 5px ;
    border: 1px solid #404040;
    color: #ccc !important;
}
#left_information {
    display: flex;
    flex-direction: column;
    min-width: 325px !important;
    max-width: 325px !important;
}
/* (new102) 1* - "INFORMATION" */
#style-settings + #headline ,
#actions_div + #headline {
    display: none !important;
}
#right_information ,
#center_information {
    width: 46.5% ;
    float: left ;
    margin-top: 15px ;
    padding: 5px ;
    border-radius: 5px !important;
    text-align: center ;
    background-color: #d6deeb;
}
#center_information  {
    border-radius: 5px 0 0 5px !important;
    margin-right: 2px ;
    text-align: center ;
    background-color: #d6deeb;
}
#right_information {
    border-radius: 0 5px 5px 0 !important;
    text-align: center ;
    background-color: #d6deeb;
}
#infomation_value_left ,
#information_key_left  {
    min-width: 46.5% !important;
    float: left ;
    line-height: 13px !important;
    margin-top: -5px ;
    margin-bottom: -8px ;
    padding: 2px 5px ;
    border-radius: 3px !important;
    text-align: center ;
    background-color: #d6deeb;
}
#information_key_left {
    border-radius: 5px 0 0 5px !important;
    margin-right: -37px ;
    text-align: center ;
    background-color: #d6deeb;
}
#infomation_value_left  {
    border-radius: 0 5px 5px 0 !important;
    text-align: center ;
    background-color: #d6deeb;
}
#information_value {
    color: #2c3e50;
    font-size: 21px !important;
}

/* "APPLIES TO" */
.adContainer + #headline {
    height: 15px !important;
    line-height: 15px !important;
    top: 237px !important;
}
.adContainer + #headline + #applies_link {
    height: 15px !important;
    line-height: 15px !important;
    top: 287px ;
}

/* === FIX NEW DESIGN - STYLE INFO PAGE - === */
/* USERTSTY INFOS - === */
#container-responsive  {
    display: table;
    margin: 0 auto;
margin-left: 0 !important;
    width: 100% ;
/* background: red !important; */
}
#nav-view-responsive {
    flex-direction: unset !important;
    background-color: #333 !important;
}
#container-responsive #view-responsive:not(.us-center-items-horizontally)  {
    display: flex;
    justify-content: center;
    margin-right: 42px;
    min-width: 100% !important;
}
#style_info {
    display: flex;
    flex-direction: column;
    margin-left: 19px ;
    width: 61% !important;
border: 1px solid #404040 ;
}
/* (new175) USERSTY - HOME PAGE - WITH HORIZONTAL CARROUSEL/ ROWS - === */
#container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage {
    display: inline-block ;
    width: 99% ;
    margin-top: 10px;
}
#container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage #wrapper-carousel {
    margin-left: 28%;
    margin-top: 10px ;
}
#container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head {
    display: inline-block ;
    width: 100% ;
    margin-bottom: -1px ;
    border-radius: 5px 5px 0 0 ;
background: #222 ;
border: 1px solid gray ;
}
#container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head .category_title + a ,
#container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head .category_title {
display: inline-block !important;
    width: 100% ;
    height: 20px ;
    line-height: 20px ;
    margin-top: 5px ;
    margin-bottom: 5px ;
    font-size: 17px ;
    text-align: center ;
}
#container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head .see_more {
    display: inline-block !important;
    height: 20px ;
    line-height: 20px ;
    margin-top: 0 ;
}
#container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .us-stylecards__container.us-stylecards__container--narrow {
    display: inline-block ;
    width: 100% ;
    height: 314px ;
    margin-bottom: 10px ;
    border-radius: 0 0 5px 5px ;
    text-align: center ;
border: 1px solid gray ;
}

/* (new152) NOTES  (can add screenshots visible with Linkify plus) */
#style_info #css_text_area_div + #headline {
    margin-top: 44px !important;
}
#style_info #headline +  #notes_textarea:not(:empty) {
    width: 100% !important;
    max-width: 1154px !important;
    margin-top: 0px !important;
    color: gray !important;
    font-size: 15px;
    max-height: 400px !important;
    padding: 5px !important;
    overflow-y: scroll;
    resize: none !important;
    border: 1px solid #404040;
    box-shadow: 3px 3px 2px black ;
background-color: #222 !important;
}
/* (new162) */
#preview_image_div {
    height: 295px !important;
    max-width: 500px !important;
    margin-bottom: -39px !important;
    margin-top: 10px;
    padding: 5px ;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: 100% !important;
    background-size: contain !important;
    box-shadow: 3px 3px 2px black !important;
border: 1px solid red ;
}
#applies_link + #headline + .text_style_page {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    width: 100% !important;
    min-width: 610px !important;
    max-width: 610px !important;
    height: 100% !important;
    height: 355px !important;
    top: 87px ;
    left: 48% !important;
    padding: 5px ;
    color: gray !important;
    word-wrap: break-word;
    white-space: pre-wrap !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-shadow: 3px 3px 2px black !important;
outline: 1px solid red !important;
}
#headline {
    color: #ccc !important;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}
#applies_link + #headline ,
.adContainer + #headline + #applies_link + #headline{
    display:none ;
}
#notes_textarea {
    width: 99% ;
}

/* APLLIE TO  */
#information_div + #headline  {
    margin-top: 44px !important;
}
#headline + #applies_link{
    color: peru !important;
    font-size: 15px;
    margin-top: 0px !important;
    margin-bottom: -40px !important;
    max-width: 728px;
}
/* USERSTYLE INFO PAGE - ANDROID - MESSAGE + BUTTON - === */
#top_android_button {
    display: inline-block !important;
    flex-direction: unset !important;
    justify-content: unset !important;
    height: 44px;
    width: 176px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.43);
    cursor: pointer;
    background-color: #222 !important;
}
.android_button_banner {
    display: none !important;
}

/* STYLE INSTALL - BUTTON - === */
.customize_button + div  ,
#buttons>#ownedButtons + div {
    position: relative !important;
    display: inline-block !important;
    height: 22px !important;
    width: 160px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 5px !important;
    border-radius: 3px !important;
    box-shadow: 3px 3px 2px black !important;
    border: 1px solid red !important;
}
.customize_button  {
    position: relative !important;
    display: inline-block !important;
    display: none !important;
    height: 22px !important;
    width: 130px !important;
    margin-bottom: 0px !important;
background: blue !important;
}
#install_button  ,
#buttons>#ownedButtons + div #install_button {
    position: relative !important;
    display: inline-block !important;
    height: 19px !important;
    width: 19px !important;
    white-space: nowrap !important;
    overflow-wrap: unset !important;
    text-align: left !important;
}
#install_button >div:first-of-type ,
#buttons>#ownedButtons + div #install_button >div:first-of-type {
    position: relative !important;
    display: inline-block !important;
    height: 19px !important;
    width: 19px !important;
    white-space: nowrap !important;
    overflow-wrap: unset !important;
    text-align: left !important;
}
.customize_button  .customize_button_text ,
#install_button >div:last-of-type ,
#buttons>#ownedButtons + div #install_button >div:last-of-type {
    position: relative !important;
    display: inline-block !important;
    height: 20px !important;
    line-height: 15px !important;
    width: 150px !important;
    left: -40px !important;
    margin-top: 0 !important;
    top: -4px !important;
    white-space: nowrap !important;
    overflow-wrap: unset !important;
    text-align: right !important;
    font-size: 12px !important;
    color: peru !important;
}
img.stylish-icon {
    height: 18px !important;
    width: 18px !important;
    margin-right: 10px;
}
.customize_button  .customize_button_text {
    width: 100px !important;
    left: 20px !important;
    top: -21px !important;
}

/* USERSTY - ARCHIVED INFO - === */
#archived {
    max-width: 505px !important;
    margin-top: 5px !important;
    padding: 3px !important;
    border: 1px dashed red;
}
#archived_title ,
.customize_button  + #archived_title {
    display: inline-block;
    height: 20px !important;
    line-height: 20px !important;
    margin-top: 0 !important;
    font-size: 20px !important;
    text-align: center !important;
}
.archived_text {
    font-size: 15px;
    overflow-wrap: normal !important;
    white-space: pre-line;
}
.archived_text +  .archived_text +  .archived_text ,
.archived_text:first-of-type  {
    color: gold !important;
}
.archived_text:first-of-type + .archived_texte {
    border-bottom: 1px solid tomato;
    border-top: 1px solid red;
    height: 210px !important;
    margin-bottom: 21px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 5px 0;
}
 .archived_text +  .archived_text +  .archived_text span a {
    clear: both;
    float: left;
    width: 100%;
}
 .archived_text +  .archived_text +  .archived_text span a {
    float: right;
    width: 100%;
}

/* CREATE / EDIT USERSTY PAGE - === */

#view_inner {
    display: inline-block ;
    width: 68% !important;
    padding: 5px 200px !important;
}
html>body>ul + form[action="/styles/create"] ,
html>body>ul + form[action="/styles/update"] {
    display: inline-block;
    margin-left: 112px !important;
    width: 1067px !important;
}

/* DELETE USERSTY PAGE - === */
.PageContent>form[action="/styles/delete_save"] table.form-controls textarea#obsoletion-message {
    width: 99% ;
    min-height: 330px ;
    overflow-x: hidden ;
    overflow-y: auto ;
}

/* (new166) QUESTION ? - PB IMAGE BACKGROUD */
#post-discussion + #login-form + #no-discussions  {
    position: absolute ;
    display: inline-block ;
    width: 750px ;
    height: 17px  ;
    line-height: 17px ;
    padding: 1px 0px 1px 14px ;
    top: -9px ;
    margin-left: 160px ;
    text-align: center ;
    text-decoration: none ;
    background-color: transparent ;
    background-image: url("https://userstyles.org/images/question.png") ;
    background-position: 0px 3px ;
    background-repeat: no-repeat ;
    z-index: 500 ;
color: gold ;
}
#discussions {
    margin-left: 20px ;
    margin-top: 5px ;
}

/* USERSTY - STY INFOS - FEED LIST - (Title) - === */
#discussions>li>a:nth-child(1){
    margin-left: 8px !important;
    margin-right: 30px !important;
}
/* USERSTY - STY INFOS - FEED LIST - (Member NAME) - === */
#discussions>li>a:nth-child(2){
    margin-left: 4px !important;
    margin-right: 15px !important;
}
/* FOOTER - ==== */
#footer {
    margin-top: 129px !important;
    background-color: #222 !important;
}
#footer-inside {
    display: inline-block;
    margin-left: 8px !important;
    margin-top: -29px !important;
    text-align: center !important;
}
#leftFooter {
    width: 1905px !important;
    margin-left: 0px;
}
#copyrights {
    color: gold !important;
    background: black ;
}

/* (new187) USERSTY / GREASY - TOP HEADER - TITRE "User.org"/"User Name" - DARK BACKGROUD - === */
#Frame {
    margin-top: -8px !important;
}
#vanilla_discussions_index #Head.Head ,
#main-header {
    position: fixed !important;
    display: inline-block ! important;
    float: none ! important;
    width: 99.9% !important;
    height: 41px !important;
    left: -0.2% !important;
    top: -1px !important;
    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%) !important;
    border-bottom: 1px solid gray !important;
z-index: 5 !important;
}

body[pagetype="PersonalProfile"] #main-header ,
body:not(.Settings) #Head, 
body[pagetype="ListingPage"]  #main-header ,
body[pagetype="UserProfile"]  #main-header {
    position: fixed !important;
    display: inline-block ! important;
    float: none ! important;
    height: 55px !important;
    top: -1px !important;
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%) !important;
background-color: #670000 !important;
border-bottom: 1px solid red !important;
/* z-index: 50000 !important; */
}

/* (new187) MAIN HEARDER - Z-INDEX === */
#main-header {
z-index: 500000 !important;
}
body[pagetype="UserProfile"] #main-header , 
body[pagetype="ListingPage"] #main-header ,
body[pagetype="PersonalProfile"] #main-header  {
z-index: 5 !important;
}



/* === USERSTY - STY TITLE/Name === */

/* USERSTY - SITE TITLE "User.org" + "USER NAME" / NAME - === */
#main-header > h1 {
    position: relative ! important;
    display: inline-block ! important;
    width: 47% !important;
    min-width: 895px !important;
    height: 30px !important;
    line-height: 28px !important;
    margin-top: -3px !important;
    border-radius: 5px ! important;
    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%);
    font-size: 23px ! important;
    text-align: left !important;
    text-indent: -117px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
#main-header > h1::-moz-selection {
    background:#FFCC11 ! important;
    color:#ffffff ! important;
}
#main-header > h1:hover {
    color: gold ! important;
}

/* USERSTY - SITE TITLE - TXT "User.org" - === */
#main-header>h1>a {
    display: inline-block ! important;
    width: 161px !important;
    margin-right: -100px !important;
    margin-left: 28% !important;
    margin-bottom: 30px ! important;
}
/* USERSTY - MY ACCOUNT / USER PROF -  TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL - === */
#left-sidebar nav ul dl:not(:hover) ,
#main-article>dl:not(:hover) {
    position: fixed ! important;
    display: inline-block ! important;
    float: none !important;
    width: 50px !important;
    max-height: 15px ! important;
    top: 23px ! important;
    margin-top: 5px ! important;
    left: 275px !important;
    font-size: 10px ! important;
    text-align: left !important;
    z-index: 900 ! important;
    overflow: hidden !important;
    visibility: visible !important;
    transition: all ease .4s !important;
}
#left-sidebar nav ul dl:hover ,
#main-article>dl:hover {
    position: fixed ! important;
    display: inline-block ! important;
    float: none !important;
    width: auto !important;
    height: auto ! important;
    top: 23px ! important;
    margin-top: 5px ! important;
    left: 210px !important;
    padding: 3px 50px 1px 70px!important;
    font-size: 10px ! important;
    text-align: left !important;
    overflow: visible !important;
    z-index: 50000 !important;
}

/* "About" / "Conact" - LABEL CONTAINER - NOT HOVER */
#left-sidebar nav ul dl:not(:hover)>dt ,
#main-article>dl:not(:hover)>dt {
    position: relative ! important;
    display: block !important;
    float: none !important;
    width: 74px !important;
    height: 16px ! important;
    line-height: 15px ! important;
    top: 1px ! important;
    margin-bottom: -14px !important;
    left: 0px ! important;
    padding: 0px 6px 1px 0px !important;
    font-size: 10px ! important;
    text-align: left !important;
    color: transparent ! important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    z-index: 5000 !important;
}
#left-sidebar nav ul dl:not(:hover)>dt:before ,
#main-article>dl:not(:hover)>dt:before {
    content: "About \25B6  " !important;
    color: red !important;
}

/* "About" / "Conact" - LABEL CONTAINER - HOVER */
#left-sidebar nav ul dl:hover>dt ,
#main-article>dl:hover>dt {
    position: relative ! important;
    display: block !important;
    float: none !important;
    width: 44px !important;
    height: 12px ! important;
    line-height: 12px ! important;
    margin-bottom: -14px !important;
    left: 0px ! important;
    padding: 0px 6px 1px 2px !important;
    font-size: 10px ! important;
    text-align: left !important;
    color: grey ! important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
    border-radius: 5px 0 0 5px !important;
    border: 1px solid gray !important;
    z-index: 5000 !important;
}
/* "About" / "Conact" - FULL CONTAINER - HOVER */
#main-article>dl:hover>dd:first-of-type ,
#left-sidebar nav ul dl:hover > dd, #main-article > dl:hover > dd:first-of-type {
    position: relative ! important;
    width: 0px !important;
    height: 15px ! important;
    top: -6px ! important;
    margin-bottom: -3px !important;
    margin-left: 55px ! important;
    padding-left: 10px !important;
    padding-right: 8px !important;
    text-align: left !important;
    overflow: hidden !important;
    transition: all ease 0.4s !important;
background: black !important;
outline: 1px solid gray !important;
}

/* "About" - FULL CONTAINER - NOT HOVER */
#left-sidebar nav ul dl:not(:hover), 
#main-article > dl:not(:hover) dd:first-of-type {
    margin-left: 100px !important;
}
#main-article>dl:not(:hover)>dd:first-of-type:not(:hover) {
    position: relative ! important;
    display: inline-block ! important;
    max-width: 0px !important;
    height: 20px ! important;
    top: -6px ! important;
    margin-bottom: -3px !important;
    margin-left: 47px ! important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border: none !important;
    text-align: left !important;
    background: black !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

/* "About" - FULL CONTAINER - HOVER */
#left-sidebar nav ul dl:hover>dd:first-of-type ,
#main-article>dl:hover>dd:first-of-type {
    display: inline-block ! important;
    width: 100% !important;
    min-width: 0px !important;
    max-width: 500px !important;
    height: 100% ! important;
    min-height: 0px ! important;
    max-height: 500px ! important;
    margin-left: 15px ! important;
    margin-top: 0px ! important;
    padding: 2px 0 100px 90px !important;
    text-align: left !important;
    font-size: 14px!important;
    background: black !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    z-index: 900 ! important;
}

/* SUB LABEL INFOS */
#main-article>dl:hover>dt:first-of-type + dd +dt  {
    position: absolute !important;
    display: inline-block ! important;
    top: 15px !important;
    margin-left: 90px !important;
}
#main-article>dl>dt:first-of-type + dd +dt +dd+dt {
    position: absolute !important;
    display: inline-block ! important;
    top: 30px !important;
    margin-left: 90px !important;
}
#main-article>dl>dt:first-of-type + dd +dt +dd+dt+dd+dt {
    position: absolute !important;
    display: inline-block ! important;
    top: 45px !important;
    margin-left: 90px !important;
}

/*  "About" - ARROW GRAY */
#left-sidebar nav ul dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before ,
#main-article>dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before {
    position: relative ;
    display: inline-block ;
    content: "\25B6 " ;
    margin-left: 1px ;
    color: red ;
}

/* ABOUT - LINKS */
#main-article>dl>dd>a {
    position: relative !important;
    display: inline-block !important;
    min-height: 15px !important;
    max-height: 15px !important;
    line-height: 14px !important;
    font-size: 13px !important;
}
/* SEND MESSAGE */
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"] {
    position: fixed !important;
    display: inline-block !important;
    height: 20px !important;
    line-height: 10px !important;
    width: 170px !important;
    top: 28px !important;
    left: 360px !important;
    padding: 1px 10px !important;
    text-align: center !important;
    color: red !important;
    background: yellow !important;
    z-index: 80000 !important;
    visibility: visible !important;
}
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {
    visibility: hidden !important;
}
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before ,
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {
    position: absolute !important;
    display: inline-block ;
    height: 15px !important;
    width: 22px !important;
    content: "✉" ;
    color: peru !important;
    left: -25px!important;
    top: 0px !important;
    font-size: 21px !important;
    visibility: visible !important;
}
/* USERSTYLES -  PROFILE LINK - === */
body:not(#f) a#userProfile {
    position: absolute !important;
    visibility: visible !important;
    left: 256px !important;
    top: -64px !important;
    overflow: visible !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0 !important;
    z-index: 500 !important;
}
body:not(#f) a#userProfile:before {
    display: inline-block ;
    position: fixed ;
    content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;
    -moz-transform:scale(0.6,0.5) ;
    margin-left: -90px ;
    top: 1px ;
}

/* END ==  - USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABT ME" - TXT + Back transpt - === */

/* USERSTYLES - "Following results" - "the results for all ..." - === */
#page-description>a {
    border-radius: 5px !important;
    box-shadow: 0 0 4px #999999 !important;
    display: inline-block !important;
    left: 103px !important;
    padding: 5px !important;
    position: absolute !important;
    top: -21px !important;
    width: 994px !important;
}



/* ==== USERSTY - SEARCH BOX ==== */

/* USERSTY - ADV SEARCH - PAGE RESUL  - === */
/* USERSTY - ADV SEARCH - TOGGLE - SHOW BUTTON / BACK BUTTONS - TABLE VIEW PLUS - === */
#advanced-search-submit button {
   -moz-appearance: none ! important;
    position: fixed !important;
    display: inline-block !important;
    width: 62px !important;
    height: 20px !important;
    right: calc(100% - 1202px)  ! important;
    top: 1px ! important;
    padding: 0 0 2px 0px  ! important;
    border-radius: 4px ! important;
    border: 1px solid #777777 !important;
    font-size: 10px! important;
    color: #D7D7D7 !important;
    text-align: center ! important;
    text-decoration: none ! important;
    box-shadow: 0 0 1px #777777 inset !important;
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
    cursor: pointer ! important;
}
#advanced-search-submit button:hover {
    color: tomato !important;
}
/* USERSTYS - ADV SEARCH - SHOW BUTT (TXT "Adv sear) - === */
#left-sidebar nav ul li form #simple-search + #show-advanced-search {
   -moz-appearance: none ! important;
    position: absolute !important;
    display: inline-block !important;
    width: 60px !important;
    height: 18px !important;
    line-height: 15px ! important;
    top: -16px ! important;
    left: 85% ! important;
    font-size: 10px! important;
    color: #D7D7D7 !important;
    z-index: 200 ! important;
    text-align: center ! important;
    text-decoration: none ! important;
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
    border: 1px solid #777777 !important;
    border-radius: 4px !important;
    box-shadow: 0 0 1px #777777 inset !important;
    cursor: pointer ! important;
}

/* USERSTY - AVDV SEARCH - SUBMIT BUTT - === */
#left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {
   -moz-appearance: none ! important;
    position: fixed !important;
    display: inline-block !important;
    width: 50px !important;
    height: 20px !important;
    right: calc(100% - 1138px)  ! important;
    top: 1px ! important;
    border-radius: 5px ! important;
    font-size: 10px! important;
    color: gold !important;
    z-index: 200! important;
    text-align: center ! important;
    text-decoration: none ! important;
    background: black ! important;
    border: 1px gray solid ! important;
    cursor: pointer ! important;
}
#left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {
    color: tomato !important;
}

/* USERSTY - ADV SEARCH - OPTIONS - BLOCK CONTAINER - PB when No GM "TABLE VIEW PLUS " - === */
#advanced-search {
    position: relative ! important;
    position: fixed ! important;
    height: 15px ! important;
    width: 450px ! important;
    top: 48px ! important;
    left: 867px !important;
    padding: 1px 2px 3px 2px  ! important;
    border: none ! important;
    border-radius: 0 0 3px 3px !important;
    z-index: 2000000 ! important;
    color: gold !important;
    background: #2C6C14 !important;
}

/* USERSTY - SEARCH - TOP Right (Background) - === */
#search{
    background-color:  transparent !important
}

/* USERSTY - SEARCH BOX - === */
#search {
    position: fixed !important;
    width: 187px ! important;
    height: 85px ! important;
    top: 400px ! important;
}

/* USERSTY - SEARCH BOX INPUT -  === */
#left-sidebar > nav ul li form {
    position: fixed ! important;
    width: 200px !important;
    margin-top: -8px! important;
    left: 970px ! important;
    top: 25px ! important;
    visibility: visible ! important;
    z-index: 2000! important;
}

/* USERSTY - SIMPLE SEARCH - SEARCH INPUT - === */
#search-terms {
    position: absolute ! important;
    display: inline-block !important;
    min-width: 204px !important;
    max-width: 204px !important;
    height: 19px ! important;
    margin-right: -50px ! important;
    left: -65px ! important;
    top: -16px ! important;
}
/* USERSTY /GREASY - SIMPLE SEARCH - SEARCH BUTT - === */
#search-submit {
    position: relative ! important;
    left: -38px ! important;
    margin-top: -15px ! important;
    font-size:11px !important;
}
#script-search > input[type="submit"] ,
#search-submit  {
    position: relative !important;
    display: inline-block !important;
    top: 0px !important;
    -moz-appearance: none !important;
    border: 1px solid gray !important;
    border-radius: 0 3px 3px 0 !important;
    cursor: pointer!important;
    background: peru !important;
}
#script-search > input[type="submit"]:hover ,
#search-submit:hover  {
    background: tomato !important;
}



/* ====  - USERSTY - STY INFOS - RELATED ==== */

/* USERSTY - STY INFOS - RELATED - "Relat" etc... - BLOCK - === */
#related {
    position: fixed !important;
    width: 185px !important;
    left: 20px !important;
    top: 550px !important;
    background-color: #222222 !important;
    box-shadow: 0 0 4px #999999 !important;
}
/* USERSTY - STY INFOS - RELATED - "Relat" etc... - ITEMS - === */
#left-sidebar footer#related ul li:not(.more) a:before {
    display: inline-block ;
    content: "\25B6" ;
    padding-right: 5px ;
    font-size: 8px ;
    color: red ;
}

/* ==== USERSTY - STY INFOS ==== */

/* USERSTY - STY INFOS - "Style" Bar - SUPP - === */
#main-article>h2{
    display: none ! important;
}

/* STY INFOS - DELETED STYLE - MESS - === */
section#obsoletion-message {
    position: fixed !important;
    line-height: 15px !important;
    min-width: 400px !important;
    max-width: 400px !important;
    max-height: 425px !important;
    top: 35px !important;
    margin-left: -10px!important;
    padding: 10px ! important;
    background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    z-index: 2000 !important;
    transition: all ease 0.7s !important;
    opacity: 1 !important;
    visibility: visible !important;
}
#main-article section#obsoletion-message h2 + p + p , 
#main-article section#obsoletion-message h2 + p  {
    display: inline-block !important;
    line-height: 15px !important;
    width: 390px !important;
    margin-left: -10px!important;
    padding: 10px ! important;
    font-size: 17px !important;
    text-align: center !important;
    color: white !important;
}
#main-article section#obsoletion-message h2 + p  q  {
    display: inline-block !important;
    width: 100% !important;
    line-height: 16px !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    padding: 5px !important;
    border-radius: 5px !important;
    text-align: left !important;
    font-size: 15px !important;
    color: gray !important;
    background: black !important;
}
#obsoletion-message>p + p>a:last-of-type ,
#main-article section#obsoletion-message h2 + p>a:first-of-type {
    position: relative!important;
    display: inline-block!important;
    width: 100%!important;
    min-width: 375px!important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    text-align: center!important;
    font-size: 18px !important;
    color: gold !important;
}
#obsoletion-message>p + p>a:nth-last-of-type(n+2) {
    position: relative!important;
    display: inline-block!important;
    width: 100%!important;
    min-width: 375px!important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    text-align: center!important;
    font-size: 15px !important;
    color: gold !important;
}
/* USERSTYLES - STY INFOS - DEL STY - BUBBLE - === */
#obsoletion-message:not(:hover) h2:not(:hover) ,
#obsoletion-message h2 {
    position: fixed !important;
    display: inline-block !important;
    left: 132px !important;
    top: 58px !important;
    border-radius: 10px !important;
    padding: 7px 6px !important;
    background: #B50000 !important;
    cursor: pointer !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* STY INFOS - DEL STY - BUBBLE - ARROW - === */
section#obsoletion-message:after {
    position: fixed !important;
    display: block;
    content: "";
    height: 0;
    width: 0;
    top: 82px !important;
    bottom: -15px;
    left: 200px ;
    border-color: #B50000 transparent transparent transparent ;
    border-style: solid;
    border-width: 25px 5px 0px ;
    transform: rotate(22deg) ;
    visibility: visible !important;
}
section#obsoletion-message:before {
    position: fixed !important;
    display: inline-block !important;
    content: " Deleted ....WHY ??? : Hover me !";
    height: 15px !important;
    width: 400px !important;
    top: 62px !important;
    left: 250px ;
    text-align: center !important;
    background: #B50000 !important;
    white-space: nowrap !important; 
    cursor: pointer !important;
    visibility: visible !important;
}
section#obsoletion-message:hover:before {
    visibility: hidden !important;
}

#main-article section#obsoletion-message:not(:hover) {
    visibility: hidden !important;
    opacity: 1 !important;
}
#main-article section#obsoletion-message:hover {
    visibility: visible !important;
}
#main-article section#obsoletion-message>p>q:first-line {
    display: inline-block !important;
    color: #00627A !important; 
    font-size: 18px !important;
}

/* ==== BROWSE STY - ZEBRA ==== */

/* BROWSE STY - ZEBRA - FIRST - === */
#style-table tr:nth-child(even) td {
    background-color: #262626 !important;
}
/* BROWSE STY - ZEBRA - SECOND - ==== */
#style-table tr:nth-child(odd) td {
    background: #444444 !important;
}
#style-table > tr:hover:not(:first-child) {
    background-color: #444444;
    color: red ! important;
}

/* RATING always visible =  === */
#style-table tr:not(:hover) .ratingfg ,
#style-table tr:hover .ratingfg {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAQCAYAAABQrvyxAAACk0lEQVR42sWWTU8TURSG32ln2qGUUiFt+QwaqUWJDQlhwcJo4g8wbDQad66MCzfGFf4Ad7hy419w4cbEaOLHyq+QSFCIgGAtjRFqKUPpdO7cezwVYtpYCGLSucnkTufO8855z9xzphr2GTR/8iokpbXh+ds4xGgGr+0noD6lHBbQfac/+w4TQDP4PQ2o2dSUZrTfBAGylH+pjy6d+6eHN4nf04CcSSpfeFAD6RA/Z0GubAuOZ7YOGkCz+IYG5IfkC5/ZcRaBXk6FAFkZOFY+Y57JDhzo4U3kNef1wAOjrSVNGiV4vyVIUZBhINgNiB+AXQT8fZBVkVKBM0ECSq0px12pCgTjkbn/5FeYTx6W1+jj0FuEYmMIRLjsW/gK14vLK04OKH9lEcE/WgG9f+dcbMO1y3ArPDvWavh4Iuclr+3uN8fXGjcQ4jdUWuSbCizi8CF2ZlE9WFXyzeYpzkQetpVXnI0T0YvWkpf8bwPu9GCYlCrobXEdZh+wNV0Dip25KhYagbO5DntznUjKdPRSadZr/k8Rcy0kiGg1EE/7IfKciWV2LHYFKnyus/sUit8XiBw5fuTy9pvaYvKKr+tC9qveZ4H22HnN7AGsd6xa497o432nw1rL5jqulHsbdQ8v+DoD5efdX8zO/mPQDKCS5SvcDcjPr/Qbi9hcW13YyCyVY9fcUKMAvODrDJSeJqxQVzIMH687/BW31qDcCowgdwipIO0K1hfmVNcN+BsF4AVfb+BJTIR6hnWRz8IuMCxpmVy3qGx3xGiJwAxHkZtbxNFbjT+AXvB1QluPO0m5CiTV+/aJ4ljt2uo9POSkTFRsaEN3GgfgBV8ntPkoej9yYeM69hkzk5jixjA5ehd//S/xgv8FVOBkHauti1YAAAAASUVORK5CYII=") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
}

/* META DISCUSSION - HOVER TOOLTIP - === */
#style-table .metadiscussions:hover:before{
    position: relative !important;
    content: attr(title) !important;
    display: inline-block !important;
    height: 16px !important;
    line-height: 15px !important;
    top: -5px !important;
    margin-left: -240px !important;
    padding: 0 5px 0 5px !important;
    border-radius: 5px !important;
    color: gold !important;
    background: red !important;
    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)!important;
}

/* OBSOLETE DELETED STYLE - === */
#table-container table#style-table tr.obsolete td:nth-child(7){
    background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031")  !important;
    opacity: 0.4 !important;
}
#table-container table#style-table tr.obsolete td:nth-child(7):hover{
    opacity: 1!important;
}

/* BROWSE STY - Text INFO - "For tips on making....etc..." - === */
#main-article>p {
    margin-left: 95px !important;
}




/* ==== BROWSE SEARCH RESULTS ==== */

/* TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) === */
/*(NOT LOGED / with GM) */
body> #main-header + #content-wrapper {
    position: absolute ! important;
    float: left !important;
    clear: both !important;
    height: 100% !important;
    min-height: 200px !important;
    width: 100% !important;
    max-width: 95% !important;
    top: 55px !important;
    left: 0px !important;
    margin-left: 20px ! important;
}

/* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS - === */
#content-wrapper article#main-article #social.listing +script + .ad +  #table-container {
    position: absolute !important;
    display: inline-block ! important;
    width: 82%! important;
    left: -27% !important;
    top: -24px !important;
}



/* (new162) (NOT LOGED / with GM) */
.author-styles>tbody>tr:nth-child(odd) {
    background: #222 ! important;
}
.author-styles>tbody>tr:hover {
    background: #292900 ! important;
}
/* (new154) USERSTYLES - PROFILE USER - === */
#container-responsive .view_inner {
    flex-direction: unset;
    justify-content: unset;
    margin-top: 10px;
    width: 100% !important;
}
#container-responsive .view_inner #iframe {
    width: 100% !important;
}


.author-styles.tablesorter.tablesorter-default ,
table.author-styles {
    border-collapse: collapse;
    width: 60% !important;
}



/* USERSTYLES - USER PROFILE LIST / BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc  - === */
.author-styles>tbody>tr>td[valign="top"]>a {
    color: #CF9C28  !important;
}
.author-styles>tbody>tr>td[valign="top"]>a:visited {
    color: #DDB46D  !important;
}
.author-styles>tbody>tr>td[valign="top"]>a:hover {
    color: tan !important;
}
.author-styles>thead>tr>th:nth-child(3) ,
.author-styles>thead>tr>th:nth-child(4) ,
.author-styles>thead>tr>th:nth-child(5){
    width: 43px !important;
}
.author-styles>thead>tr>th:nth-child(6){
    width: 100px !important;
}
/* USERSTYLES - EDIT/Delete/Statictic ICONS - === */
table.author-styles tbody tr td+td a:nth-child(1) {
    font-size: 0px ! important;
}
/*  NEDD CONVERT for Addstylish lib -  */
table.author-styles tbody tr td+td a[href$="/edit"]:before {
    content : "\270E " ! important;
    font-size: 18px ! important;
}
table.author-styles tbody tr td+td a:nth-child(2) {
    font-size: 0px ! important;
}
table.author-styles tbody tr td+td a[href^="/styles/delete"]:before {
    content : "✅" ;
    font-size: 18px ;
    color: green ;
}
.obsolete ~ td:last-of-type a[href^="/styles/delete/"]:before{
    content : "➖" ;
    font-size: 18px ;
    color: red ;
}

/* Text Shadow === */
#style-table tr td * {
    text-shadow: none !important;
}

/* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT - === */
#popup_container.popup_right,
#popup_container.popup_left {
    position: fixed !important;
    float: right !important;
    top: 25% !important;
    right: 0% !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    z-index: -5000 !important;
}
#popup_container img {
    position: absolute !important;
    float: none !important;
    float: right !important;
    min-width: 30% !important;
    max-width: 30% !important;
    box-shadow: 4px 4px 8px #000000;
    right: 0% !important;
    z-index: 500000 !important;
    border: 1px solid peru !important;
}


/* A VOIR - MEDIA QUERIES - BROWSE SEARCH RESULTS - Screenshot POPUP - */



/* BROWSE SEARCH RESULTS - Title === */
.style-brief-text>header>a:link {
    color: #CCCDCD ;
    text-decoration: none ;
}
/* BROWSE SEARCH RESULTS - Desc - === */
.style-brief-text > a:visited {
    color: #929292 ;
    text-decoration: none ;
}
.style-brief-text > a:active {
    color: #929292 ;
    text-decoration: none ;
}


/* (new173) ==== START == PAGI ==== */


/* (new173) PAGI - ALL - PB NOT LOGED - === */
 .pagination {
    position: fixed ;
    display: inline-block ;
    vertical-align: top ;
    max-width: 352px ;
    min-width: 352px ;
    height: 17px ;
    line-height: 10px ;
    top: 29px ;
    left: 550px ;
    padding: 1px ;
    border-radius: 3px 3px 0 0 ;
    text-align: center ;
z-index: 500000 ;
border: 1px solid peru;
background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0) ;
} 

/* (new173) PAGI - ALL -  Link - === */
.pagination .current, 
.pagination .gap ,
.pagination a  {
    display: inline-block ;
    position: relative ;
    height: 12px ;
    line-height: 10px ;
    margin-top: 0px ;
    top: 0px ;
    padding: 0 1px ;
    border: none ;
    border-radius: 3px ;
    font-size: 10px ;
box-shadow: 3px 3px 2px black ;
background: #222 !important;
}

.pagination > a {
    margin-left: -1px ;
    margin-right: -1px ;
    padding: 0 3px !important;
border: 1px solid #999 ;
}
.pagination > a:hover {
border: 1px solid #A7A7A7 ;
background-color: white !important;
}

.current {
    margin-left: 1px ;
    margin-right: 1px ;
    padding: 0 3px ;
    border-radius: 3px;
    font-size: 14px !important;
    text-decoration: none ;
border: 1px solid #336699 ;
background-color: #F5F7FA ;
}
.pagination .gap  {
    line-height: 15px !important;
    top: -3px ;
    margin-right: -5px ;
    margin-left: -5px ;
    padding: 0 ;
    font-size: 10px ;
    border-radius: 3px ;
}
.pagination .current, 
.pagination .gap  {
    color: white ;
}

.next_page {
    display: inline-block ;
    width: 80px ;
}
.pagination > a.next_page ,
.pagination > a.next_page:hover ,
.pagination > a.previous_page,
.pagination > a.previous_page:hover  {
    width: 20px ;
    font-size: 0px ;
}

.previous_page:before {
    content: "<" ;
    font-size: 10px ;
}
.next_page:before {
    content: ">" ;
    font-size: 10px ;
}

.previous_page.disabled ,
.disabled.prev_page ,
.next_page.disabled {
    display: none ;
}

span.Ellipsis {
    height: 14px ;
    line-height: 7px ;
    border-radius: 3px ;
box-shadow: 3px 3px 2px black ;
color: peru ;
}



/* PAGI USERST - GM " TA VIEW P " - === */
#table-container + .pagination {
    line-height: 13px ;
    top: 32px ;
    left: 450px ;
    padding: 1px ;
}
/* USERS */
#content-wrapper #main-article .pagination>.current {
    margin-top: 0px ;
    top: 0px ;
    color: white ;
}



/* PAGI - SEARCH/USERS - List USERST - === */
.ad + .pagination {
    position: fixed ;
    display: inline-block ;
    height: 20px ;
    width: 100% ;
    width: auto ;
    max-width: 600px ;
    min-width: 600px ;
    left: 270px ;
    top: 35px ;
    padding: 1px 5px ;
    z-index: 500000 ;
}
/* (new169) PAGI - SCRIPT PAGE (with/without CITRUS)  === */
/* body[pagetype="ListingPage"] .pagination  , */
#script-table +  .pagination  ,
.width-constraint .pagination {
    max-width: 352px !important;
    min-width: 352px !important;
    top: 39px ;
    left: 56.4% ;
border: 1px solid peru ;
}
/* (new168) PAGI - SCRIPT INFO - NEW DESIGN */
.width-constraint #script-info ul#script-links + header + #script-content > p#contribution + h3 {
    position: fixed ;
    display: inline-block ;
    vertical-align: bottom ;
    width: 51% ;
    height: 17px ;
    line-height: 17px ;
    top: 187px ;
    left: 24.6% ;
    border-radius: 3px 3px 0 0 ;
    box-shadow: none ; 
    text-align: left ;
    z-index: 500000 ;
border: 1px solid peru ;
border-bottom-color: red ;
background: gold ;
}
.width-constraint section#script-info ul#discussions + .pagination  {
    top: 217px ;
}
.width-constraint #script-info #script-content p#support-url + h3 + p +ul#discussions + .pagination {
    top: 217px ;
    left: 51.2% ;
z-index: 500000 ;
}

/* PAGI SET - CITRUS ONLY OK === */
#UserSets + .width-constraint .pagination {
    position: fixed ;
    display: inline-block ;
    max-width: 550px ;
    min-width: 550px ;
    height: 15px ;
    line-height: 15px ;
    top: 49px ;
    left: 34% ;
    padding: 1px ;
    border-radius: 5px ;
    box-shadow: none ; 
    text-align: center ;
background: transparent ;
}
/* PAGI - SCRIPT PAGE - CITRUS - === */
#script-table + .pagination  {
    position: fixed ;
    display: inline-block ;
    width: 100% ;
    max-width: 459px ;
    min-width: 459px ;
    height: 15px ;
    height: 17px ;
    line-height: 10px ;
    top: 39px !important;
    left: 56.4% ;
    padding: 1px ;
    border-radius: 3px 3px 0 0 ;
    text-align: center ;
    z-index: 200 ;
box-shadow: 0 0 4px #999 ;
background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0) ;
}

/* === END == PAGI === */




/* ==== EDIT PAGE ==== */

/* USERST - INFOS - Textarea Input === */
.PageContent  form[action="/styles/update"] {
    min-width: 940px !important;
    max-width: 940px !important;
    margin-left: 20% !important;
background: #222 !important;
}
.PageContent  form[action="/styles/update"] .form-controls{
    min-width: 840px !important;
    max-width: 940px !important;
    margin-left: 0% !important;
    padding-left: 5px !important;
}
.PageContent  form[action="/styles/update"] .form-controls>div>a ,
.PageContent  form[action="/styles/update"] .form-controls textarea#css ,
.PageContent  form[action="/styles/update"] .form-controls .field_with_errors textarea#style_additional_info ,
.PageContent  form[action="/styles/update"] .form-controls textarea#style_long_description{
    min-width: 800px !important;
    max-width: 900px !important;
    margin-left: 2% !important;
}
.PageContent .form-controls>table ,
.PageContent .form-controls>table tbody {
display: inline-block !important;
    width: 100% !important;
    min-width: 920px !important;
    max-width: 920px !important;
    margin-left: 0% !important;
}
.PageContent .form-controls>table tbody tr td,
.PageContent .form-controls>table tbody tr {
    display: inline-block !important;
    width: 100% !important;
    min-width: 840px !important;
    max-width: 840px !important;
    margin-left: 5% !important;
    padding: 5px !important;
}
.PageContent .form-controls>table tbody tr td {
    margin-left: 0% !important;
    padding: 0px !important;
}
.PageContent .form-controls>table tbody tr td img {
display: inline-block !important;
    width: 100% !important;
    min-width: 420px !important;
    max-width: 420px !important;
    margin-left: 0% !important;
    padding: 0px !important;
}

/* USERST - INFOS - SHORT DESC - === */
.form-controls>tbody>tr>td [id="style_short_description"] {
    min-width: 200px!important;
    resize: both !important;
    overflow:auto !important;
}
/* USERST - NFOS - ScShots (PreView) - Principal - BEFORE/AFTER === */
.form-controls>tbody>tr>td>dl>dd>img{
    box-shadow: 0 0 4px #999999 !important;
    height: auto;
    margin-left: 200px !important;
    max-width: 900px !important;
}
.form-controls>tbody>tr>td>dl>dd{
    margin-left: -169px !important;
}
/* USERST - INFOS - ScShots (PreView) - Additional === */
.form-controls>tbody>tr>td>table>tbody>tr>td>img{
    box-shadow: 0 0 4px #999999 !important;
    height: auto;
    max-width: 900px !important;
}
/* USERST - INFOS - ScShots - Additional (Table) === */
.form-controls>tbody>tr>td>table{
    margin-left: -149px !important;
}
/* USERST - EDIT - EDIT - MAIN CONT - === */
#main-article>form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
    position: absolute !important;
    display: inline-block !important;
    max-width: 800px !important;
    margin-top: 35px ! important;
    margin-left: 5% ! important;
}

/* USERST - EDIT - EDIT - WIDGET - === */
#main-article>form[action="/help/widget"] {
    position: relative !important;
    display: table !important;
    min-width: 910px !important;
    max-width: 910px !important;
    margin-top: 3px ! important;
    margin-left: -3px ! important;
    background: #222 !important;
}
#main-article>form[action="/help/widget"] .form-controls {
    min-width: 910px !important;
    max-width: 910px !important;
}
#main-article>form[action="/help/widget"] .form-controls tbody tr {
    display: inline-block !important;
    width: 100% !important;
    min-width: 910px !important;
    max-width: 910px !important;
    margin-bottom: 0px !important;
    text-align: center !important;
}
#main-article>form[action="/help/widget"] .form-controls tbody tr td ,
#main-article>form[action="/help/widget"] .form-controls tbody tr th {
    display: inline-block !important;
    min-width: 870px !important;
    max-width: 870px !important;
    padding: 0 !important;
    text-align: center !important;
}

/* USERST - EDIT - DEL STYLE - === */
#main-article>form[action="/styles/delete_save"] {
    position: absolute !important;
    display: inline-block !important;
    max-width: 800px !important;
    min-height: 400px !important;
    margin-top: 100px !important;
    margin-left: -55% !important
}
#main-article>form[action="/styles/delete_save"] .form-controls > tbody >tr:first-of-type>td textarea {
    min-height: 400px !important;
}

/* USERST - EDIT - STY NAME INPUT - === */
article#main-article form .form-controls input#style_short_description {
    width: 600px !important;
}
/* USERST - EDIT - SCSHOT NAME/UPL FOLDER/BUT INPUT - === */
article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
    display: block !important;
    position: relative !important;
    width: auto !important;
}
.form-controls>table>tbody>tr>td:first-of-type>input {
    width: 462px !important;
}
.form-controls>table>tbody>tr>td:nth-child(2)>input {
    width: 465px !important;
}
/* USERSTYLES - EDIT - CHECK BOX (REMOVE/CHANGE) - === */
.form-controls>table>tbody>tr>td:nth-child(3)>input {
    position: absolute !important;
    top: -20px !important;
}
.form-controls>table>tbody>tr>td:nth-child(3):after {
    position: absolute ;
    display: inline-block ;
    content: "Remove / Change" ;
    width: 200px ;
    height: 15px ;
    margin-top: -32px ;
    margin-left: 45px ;
    font-size: 15px ;
    color: red ;
}
/* USERSTYLES - EDIT - LABELS - === */
.form-controls>label {
    color: gold ! important;
}
/* USERST  - EDIT - SCSHOT - TITLES SECT - === */
.form-controls>table>thead>tr {
    display: none ! important;
}

/* [[1]==== END ==== */

/* ==== NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT - === */
.listing-left-info {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    min-height: 100px;
    width: 100% !important;
}

/* NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN - === */
.style-brief:nth-child(odd) {
    background: #222222 !important;
}

/*  NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN - === */
.style-brief {
    position: relative ! important;
    display: inline-block ! important;
    width: 32.72% !important;
    height: 163px ! important;
    right: 0% ! important;
    margin-top: 6px !important;
    margin-bottom: 0px !important;
    border-radius: 5px !important;
    box-shadow: 6px 5px 6px black !important;
    border: 1px solid gray ! important;
    overflow: hidden ! important;
}
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4),
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) {
    position: relative ! important;
    float: left !important;
    width: 49.6% !important;
    height: 224px ! important;
    right: 7.7% ! important;
    margin-top: 6px !important;
    margin-bottom: 0px !important;
    border-radius: 5px !important;
    box-shadow: 6px 5px 6px black !important;
    border: 1px solid gray ! important;
    overflow: hidden ! important;
}
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text ,
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text  {
    left: 180px;
}

/* NOT LOGGED - STYLES INFOS */
.style-brief-text {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    height: 150px ! important;
    width: 100% !important;
    max-width: 67% !important;
    margin-left: 10% !important;
    left: 119px;
    top: 2px !important;
}

/* NOT LOGGED - TEXT DESC - ALL + ODD/EVEN - === */
.style-brief-control-links:before {
    content: "⏪ " !important;
    position: absolute !important;
    width: 20px !important;
    height: 17px !important;
    line-height: 17px !important;
    left: -10px;
    color: gold !important;
    background: green !important;
    z-index: 500 ;
}
.style-brief-control-links:hover:before {
    content: "⏩ " !important;
    position: absolute !important;
    width: 20px ;
    left: -20px;
    color: white  !important;
    text-align: center ;
    z-index: 500 ;
}
.style-brief-control-links {
    position: absolute !important;
    padding-top: 0 !important;
    width: 10px !important;
    right: -12px;
    top: 22px;
    color: peru !important;
    white-space: nowrap !important;
    z-index: 500 ;
}
.style-brief-control-links:hover {
width: auto !important;
    right: 0px;
    color: peru !important;
    background: green !important;
    z-index: 500 ;
}
.style-brief-control-links a:hover {
    color: tomato !important;
    background: black !important;
}
.style-brief-text>p::first-line {
    color: red !important;
}
.style-brief-text>p {
    position: absolute !important;
    display: inline-block !important;
    width: 81.5% !important;
    height: 115px !important;
    left: 87px;
    top: 25px !important;
    margin: 0 auto !important;
    padding: 0 5px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    white-space: pre-line !important;
}

/* NOT LOGGED - TEXT DESC - BIG - === */
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text > p ,
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text > p  {
    width: 90.5% !important;
    height: 178px !important;
    left: 37px;
    top: 24px !important;
    padding: 0 5px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}

/* NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) - === */
.style-brief header {
    font-size: 0.89vw !important;
    position: absolute !important;
    display: inline-block ! important;
    width: 150% !important;
    height: 100% !important;
    min-height: 25px ! important;
    max-height: 25px ! important;
    line-height: 25px !important;
    top: -3px !important;
    left: -49.5% !important;
    padding-bottom: 0px ! important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
}
.style-brief-text > header > a:link  {
    position: relative !important;
    display: inline-block ! important;
    width: 100% !important;
    left: 0px!important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    background: black !important;
}
/* NOT LOGGED - STYLES NAME - BIG - === */
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) header ,
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) header {
    font-size: 1.1vw !important;
}

/* NOT LOGGED - STATS */
.style-brief-stats {
    position: absolute !important;
    float: right!important;
    height: 16px !important;
    line-height: 16px !important;
    width: 100% !important;
    right: 0px !important;
    left: 0%! important;
    bottom: -12px !important;
    padding: 2px 0 2px 12px !important;
    text-align: left !important;
    background: black ! important;
}
.style-brief-stats span {
    display: inline !important;
    min-width: 16em;
    margin-right: 10px !important;
    margin-left: 10px !important;
    padding: 1px !important;
color: tan !important;
border: 1px solid gray ;
}

/* NOT LOGGED - RAT - SMALL - ICON css OR SPRITE - === */
.style-brief-text .style-brief-stats span:last-child {
    position: absolute !important;
    left: -5px !important;
    min-width: 10px !important;
    max-width: 10px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    line-height: 16px !important;
    padding: 0 3px 0 15px !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 0 !important;
}
.style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {
    content: ". " ;
    position: absolute ;
    display: inline-block ;
    left: 0 ;
    min-width: 19px ;
    max-width: 19px ;
    min-height: 14px ;
    max-height: 15px ;
    line-height: 15px ;
    margin-top: -1px ;
    font-size: 15px ;
color: transparent ;
background-image:url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);
background-position:-101px -457px ;
}
.style-brief-text .style-brief-stats span:hover:last-child {
    position: absolute !important;
    min-width: 100% !important;
    height: 15px !important;
    line-height: 15px !important;
    font-size: 11px !important;
color: gold !important;
background: black !important;
}
/* ICON RAT - GOOD/BAD - === */
.style-brief-stats .bad-average-rating {
    position: absolute !important;
    left: -2px !important;
    top: 2px !important;
}
.style-brief.good-rating .style-brief-stats img {
    position: absolute !important;
    left: -2px !important;
}
/* NOT LOGGED - RAT - BIG - === */
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-stats ,
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-stats {
    position: absolute !important;
    float: left !important;
    width: auto !important;
    left: 4px !important;
    bottom: -72px !important;
    right: 0 !important;
    padding: 2px 0 0 4% !important;
    font-size: smaller !important;
    text-align: left !important;
    background: black !important;
}

/* NOT LOGGED - STYLES SCSHOT - ALL - === */
.style-brief .listing-left-info figure.screenshot-thumbnail {
    position: relative !important;
    display: inline-block ! important;
    vertical-align: top ! important;
    margin-top: 28px  ! important;
    margin-bottom: 0 ! important;
    width: 42% !important;
    height: 265px;
    max-height: 130px !important;
    min-height: 130px !important;
    overflow-y: hidden ! important;
    text-align: center ! important;
}
/* to prevent small screenshots became too bigger */ 
.style-brief .listing-left-info figure.screenshot-thumbnail img {
    position: relative !important;
    display: inline-block !important;
    max-width: 77% !important;
    max-height: 128px !important;
    border: 1px dotted gray !important;
}
/* NOT LOGGED - SCRSHOT - BIG - === */
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .listing-left-info figure.screenshot-thumbnail ,
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .listing-left-info figure.screenshot-thumbnail {
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    max-height: 195px !important;
    min-height: 195px !important;
    width: 36.5% !important;
    margin-top: 25px !important;
    margin-left: 0.3% !important;
    text-align: center !important;
    overflow-y: hidden !important;
}
/* NOT LOGGED - NO SCRSHOT - === */
.style-brief .listing-no-screenshot {
    width: 30% !important;
    margin: 27px 0 0 3px !important;
}
.listing-no-screenshot {
    width: 70% !important;
    height: 110px !important;
    background-color: black !important;
}
/* GM "AUTOPAGERIZE" - ALL - OK - === */
.autopagerize_page_info {
    text-align: center !important;
    font-size: 8px !important;
    color: white !important;
    background: #222 !important;
}
.autopagerize_page_info a {
    display: inline-block !important;
    min-width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    margin-top: 3px !important;
    border-radius: 100% !important;
    text-align: center !important;
    font-size: 14px !important;
    color: white !important;
    background: red !important;
}

/* GM "AUTOPAGERIZE" - 2 FIRST USERST by PAGE - DISABLE */
/* GM "AUTOPAGERIZE - DISABLE  */
.autopagerize_page_info ~ article.style-brief  {
    position: relative ! important;
    display: inline-block ! important;
    width: 32.72% !important;
    height: 163px ! important;
    right: 7.5% ! important;
    margin-top: 6px !important;
    margin-bottom: 0px !important;
    border-radius: 5px !important;
    box-shadow: 6px 5px 6px black !important;
    border: 1px solid gray ! important;
    overflow: hidden ! important;
}

/* TEST - GM "AUTOPAGERIZE" ADAPTATION  - === */
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator {
    display: inline-block !important;
    clear: both;
    width: 100% !important;
    top: 5px !important;
    margin-left: -75px !important;
    margin-bottom: -15px !important;
}
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_info {
    width: 100% !important;
    margin-left: -145px !important;
    top: 5px !important;
    color: white !important;
    font-size: 8px !important;
    text-align: center !important;
    background: #222  !important;
}
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .listing-left-info figure.screenshot-thumbnail {
    display: inline-block !important;
    height: 265px;
    margin-bottom: 0 !important;
    margin-top: 28px !important;
    max-height: 160px !important;
    min-height: 160px !important;
    overflow-y: hidden !important;
    position: relative !important;
    text-align: left !important;
    vertical-align: top !important;
    width: 42% !important;
}
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text {
    display: inline-block !important;
    height: 150px !important;
    margin-left: 10% !important;
    max-width: 67% !important;
    position: relative !important;
    top: 2px !important;
    width: 100% !important;
}
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text > header > a:link {
    background: black none repeat scroll 0 0 !important;
    display: inline-block !important;
    left: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100% !important;
}
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-stats {
margin-bottom: 61px !important;
    background: black !important;
    bottom: -12px !important;
    float: right !important;
    height: 16px !important;
    left: 0 !important;
    line-height: 16px !important;
    padding: 2px 0 2px 12px !important;
    position: absolute !important;
    right: 0 !important;
    text-align: left !important;
    width: 100% !important;
}
/* GM "AUTOPAGERIZE - 2 USERTYLES BY ROW - ENABLE OK  */
#content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text .style-brief-stats {
    position: absolute !important;
    float: left !important;
    width: auto !important;
    left: 0px !important;
    bottom: -132px !important;
    padding: 2px 0 0 4% !important;
    font-size: smaller !important;
    text-align: left !important;
    background: black !important;
}
#content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > p {
    position: relative !important;
    display: inline-block !important;
    width: 97% !important;
    min-height: 185px !important;
    max-height: 185px !important;
    top: 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 5px !important;
}


/* [[2]==== END ==== */


/* [[1]] +[[2]==== END ==== */


/* ======== NEW FORUM ==== */

/* (new166) USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON - === */
.UserBox .WhoIs, 
.MeBox .WhoIs {
    position: relative ;
    display: inline-block ;
    width: 200px ;
    height: 100px ;
    padding: 0 5px 2px 0 ;
    border-radius: 5px ;
    text-align: center ;
border: 1px solid gray ;
}
/* With USER ICON */
.MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,
.UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {
    position: relative ;
    display: inline-block ;
    width: 196px ;
    height: 100px ;
    left: 0px ;
    margin-top: -55px ;
    padding: 0 0px 2px 0 ;
    border-radius: 5px ;
    text-align: center !important;
box-shadow: 3px 3px 2px black ;
border: 1px solid gray ;
}
.UserBox a.Username:before, 
.MeBox a.Username:before {
    content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
    position: relative ;
    display: inline-block ;
    width: 157px ;
    margin-left: 0 ;
    padding: 0 2px 2px 2px ;
    transform: scale(1.2, 1) ;
    border-radius: 5px 5px 0 0 ;
    text-align: center ;
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) ;
}
.UserBox {
    margin-top: 28px !important;
}
.MeMenu {
    width: 195px !important;
    background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    line-height: 24px;
    margin-top: 5px ! important;
    margin-bottom: -2px ! important;
    border-radius: 0 0 5px 5px !important;
}
.FlyoutMenu {
    width: 300px;
    border: 1px solid #999;
    color: gray !important;
    box-shadow: 3px 3px 2px black !important;
    background: #222 !important;
}
.PopList.Activities li.Item:nth-child(odd){
    background: #333 !important;
}
.FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"] ,
.FlyoutMenu  .ItemContent.Activity>a + a {
    display: inline-block;
    width: 100% !important;
    text-align: left !important;
}
.FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"]{
    text-indent: 25px !important;
}
/* ALL HEADER - BACKG COLOR - === */
#Head {
    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)!important;
}
/* CITRUS - FORUM HEADER + FORUM EDIT POST - SAME WIDTH THAN THE PUBLIED POST - ADPT for GM - GREASY FORK TABLE VIEW - === */
#Form_Body  {
    display: inline-block ! important;
    height: 133px;
    max-width: 660px !important;
    min-width: 660px !important;
    overflow: hidden;
}
body > #Frame > .Head {
    position: fixed !important;
    width: 100% !important;
    max-height: 41px ! important;
    min-height: 41px !important;
    top: 0px !important;
    padding-top: 7px ! important;
    border-bottom: 1px solid #828182 !important;
    box-shadow: 0 0 9px 0 #000000 !important;
    z-index: 50 !important;
}
/* CITRUS - SITE TITLE " GREASY FORUM" + ICON - = */
.SiteTitle {
    position: relative!important;
    display: inline-block !important;
    top: -5px !important;
    font-size: 24px ! important;
}
/* FORUM USERST TITLE */
#Head .SiteTitle a {
    position: relative !important;
    display: inline-block!important;
    min-width: 250px !important;
    max-width: 250px !important;
    margin-left: -105px ! important;
    text-align: right ! important;
    font-size: 19px !important;
}
.SiteTitle>a img  {
    position: absolute ! important;
    max-height: 40px !important;
    width: 40px !important;
    margin-left: -60px ! important;
    margin-top: -5px !important;
}
/* SITE MENU - CITRUS - === */
#Head a {
    font-weight: bold ! important;
}
.SiteMenu a {
    font-size: 14px ! important;
    padding: 6px;
}
/* SEARCH - FOR/WITHOUT CITRUS - === */
#Head .SiteSearch {
    float: right !important;
    margin-top: -5px !important;
    margin-right: 6.5% !important;
}
.MeBox + .SiteSearch {
    margin-top: 25px !important;
}
.SiteSearch>form {
    height: 21px !important;
}
.SiteSearch>form  div {
    height: 21px !important;
}
.SiteSearch>form  div .InputBox {
    height: 21px !important;
    font-size: 11px;
    padding: 2px 25px 2px 5px!important;
}
.SiteSearch>form  div input.Button {
    height: 15px !important;
}
/* (new166) GREAS/USERST - FORUM - === */
#Body {
    max-width: 980px ;
    padding: 14px 0 0 10px ;
    margin: 14px auto auto ;
    border-radius: 0 ;
    box-shadow: none ;
    border: 1px solid #bbbbbb ;
    background-color: transparent ;
}
#Head + #Body {
    margin-top: 61px ;
}
/* (new166) USERST */
#Body .Row {
    display: inline-block ;
    width: 980px ;
    margin-top: 24px ;
}
/* (new166) GREAS - VOIR FORUM USERST */
.DiscussionAboutShowDiscussion  {
    position: fixed ;
    display: inline-block ;
    height: 34px ;
    line-height: 10px ;
    max-width: 200px ;
    min-width: 200px ;
    top: 53px ;
    padding: 2px 5px ;
    border-radius: 0 0 0 5px ;
    text-align: left ;
    overflow: hidden ;
    font-size: 9px ;
    transform: translate(-210px, 0px) ;
    z-index: 500 ;
color: gold ;
background-color: #222 ;
}
.DiscussionAboutShowDiscussion > a  {
    display: inline-block ;
    max-height: 25px ;
    line-height: 15px ;
    max-width: 195px ;
    min-width: 195px ;
    padding: 2px ;
    border-radius: 3px ;
    text-align: left ;
    font-size: 11px ;
    white-space: nowrap ;
    overflow: hidden  ;
    text-overflow: ellipsis ;
}
.DiscussionAboutShowDiscussion + img {
    position: fixed ;
    display: inline-block ;
    margin-left: -25px ;
    top: 56px ;
    z-index: 500 ;
}
.DiscussionAboutShowDiscussion + img.rating-image {
    position: fixed ;
    display: inline-block ;
    margin-left: -45px ;
    top: 75px ;
    z-index: 500 ;
}
/* (new166) GREAS/USERT FORUM - PANEL LEFT - ALL - === */
#Panel.Column.PanelColumn {
    position: fixed ;
    display: inline-block ;
    width: 200px ;
    margin-top: 90px ;
    top: 0px ;
    z-index: 100 ;
border-top: 1px solid red ;
}
#Panel.Column.PanelColumn .MeBox {
    position: relative ;
    display: inline-block ;
    width: 198px ;
    margin-top: -30px ;
    bottom: -32px ;
    padding: 0 ;
    box-shadow: none ;
background-color: #222 ;
}
.Profile .MeBox {
    display: none ;
}
.Profile .Box.GuestBox {
    position: relative ;
    top: -407px ;
    padding: 0 3px ;
background: black ;
}
.BoxFilter.BoxDiscussionFilter ,
.SiteSearch {
    box-shadow: 3px 3px 2px black ;
}
#vanilla_post_discussion .SiteSearch ,
#vanilla_post_editdiscussion .SiteSearch {
    top: 27px ;
}
.UserBox .Username, 
.MeBox .Username {
    font-size: 23px ;
    vertical-align: top ;
color: peru ;
}
.Button.BigButton.NewConversation.Primary {
    margin-top: 28px ;
}
/* Forum Userst - LEFT PANEL - BOX FILTER - === */
#Panel .FilterMenu, 
#Panel .PanelCategories {
    border-radius: 5px ;
    box-shadow: 3px 3px 2px black ;
border: 1px solid #bbbbbb ;
background-color: #222 ;
}
.Box.BoxCategories ,
#Panel .BoxFilter {
    margin: 10px 0 ;
}
.Column.PanelColumn .MeBox +  .BoxFilter.BoxProfileFilter  {
    margin-top: 65px ;
}
/* (new166) DISCU COMM - === */
/* GREAS */
#Item_0 {
    position: fixed ;
    display: inline-block !important;
    width: 100% ;
    min-width: 40px ;
    max-width: 40px ;
    height: 37px ;
    vertical-align: top ;
    top: 53px ;
    text-align: center ;
    z-index: 0 ;
color: gold ;
background-color: black ;
}
.ToggleFlyout.OptionsMenu {
    display: inline-block ;
    height: 14px ;
    width: 28px ;
    left: -15px ;
    margin-right: -23px ;
    top: -9px ;
}
/* (new168) EDIT */
#Item_0 .ToggleFlyout.OptionsMenu {
    display: inline-block ;
    height: 22px ;
    line-height: 22px ;
    width: 22px ;
    left: 18px ;
    margin-right: -23px ;
    top: 0px ;
    transform: scale(0.8) ;
border: 1px solid red ;
}
.Flyout::before ,
.Flyout::after {
    display: none ;
}

/* USERTY/GREAS OK === */
.MessageList.Discussion {
    margin-top: 42px;
}
/* GREAS/USERST FORUM */
#Item_0>h1 ,
.MessageList.Discussion h1 ,
.Discussion .PageTitle h1 ,
.MessageList.Discussion #Item_0.PageTitle h1 ,
.Discussion.comment.Section-Discussion .Discussion h1  ,
.Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
    position: fixed ;
    display: inline-block ;
    height: 38px ;
    line-height: 18px ;
    width: 100% ;
    min-width: 720px ;
    max-width: 720px ;
    top: 47px ;
    padding-left: 20px ;
    font-size: 15px ;
    text-align: left ;
    z-index: 0 ;
 background-color: black ;
}
/* USERST FORUM - OK */
#vanilla_discussion_index.Vanilla.Discussion.Section-Discussion.Section-Category-style-development .MessageList.Discussion #Item_0.PageTitle h1 ,
#vanilla_discussion_index.Vanilla.Discussion.Section-Discussion .MessageList.Discussion #Item_0.PageTitle h1  {
    width: 100% ;
    min-width: 719px ;
    max-width: 719px ;
    padding-left: 20px ;
}
/* (new167) USERST - DISC LAST PAGE */
.MessageList.Discussion .PageTitle .Options {
    display: inline-block ;
    height: 37px ;
    width: 40px ;
    z-index: 5000 ;
}
.MessageList.Discussion .PageTitle .Options .Hijack.Bookmark {
    display: inline-block ;
}
.MessageList.Discussion #Item_0.PageTitle + img.rating-image  {
    position: fixed ;
    display: inline-block ;
    margin-top: -47px ;
    margin-left: 0px ;
    z-index: 5000 ;
}

/* ========== */
a.Bookmark, 
a.Bookmarked, 
a.Bookmarking {
    margin-left: -5px ;
    margin-right: 9px ;
}
#Item_0.PageTitle .Options .Hijack.Bookmark {
    position: relative ;
    display: inline-block ;
    margin-left: -14px ;
    margin-top: 1px ;
    z-index: 5000 ;
}
/* GREASY SPRITE UI - === */
.Hijack.Bookmark[title="Bookmark"] {
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0) ;
}
.Hijack.Bookmark.Bookmarked  {
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0) ;
}

/* (new166) BOOKM LIST */
.ItemDiscussion span.Options .ToggleFlyout.OptionsMenu +  a.Hijack.Bookmark ,
.ItemDiscussion span.Options a.Hijack.Bookmark {
    position: relative ;
    display: inline-block ;
    left: 10px ;
    top: 2px ;
}

.ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0) 
}
/* PROFILE - NOTIF */
#dashboard_profile_discussions.Dashboard.Profile.discussions.Section-Profile.js-focus-visible.editor-active .Options .Bookmark {
    position: relative ;
    display: inline-block ;
    top: 6px ;
    left: 10px ;
}
/* (new168) GREAS/USERST - DISC - === */
.MessageList.Discussion .Discussion {
width: 96% ;
    margin-top: 0px ;
    padding: 10px 10px ;
border: 1px solid gray ;
border-top: 1px solid peru ;
}
.MessageList.Discussion .Discussion .Item-BodyWrap ,
.MessageList.Discussion .Discussion .Item-Header {
width: 100% ;
}
/* (new166) USERST */
#vanilla_discussion_index.Section-Discussion .BreadcrumbsWrapper + .Column.PanelColumn + #Content.Column.ContentColumn  .MessageList.Discussion #Item_0.PageTitle +  .Item.ItemDiscussion .Discussion {
    margin-top: 0px ;
    padding: 10px 15px ;
border: 1px solid gray ;
border-top: 1px solid peru ;
}
/* (new167) */
.MessageList.Discussion .Discussion .Item-Header.DiscussionHeader {
    margin-top: -4px ;
}
.MessageList.DataList.Comments {
    position: relative ;
    display: inline-block ;
    width: 100% ;
    margin-top: 0px ;
border-top: 1px solid gray ;
}
.MessageList .Item:hover {
    background-color: black ! important;
}
/* (new168) */
.MessageList .Item.ItemDiscussion {
    position: relative ;
    display: inline-block ;
    width: 100% ;
    min-width: 100% ;
    margin-bottom: -17px ;
    margin-top: 0px ;
    top: 0px ;
    padding-left: 5px ;
    z-index: -1 ;
}
#vanilla_discussions_bookmarked .Item:nth-child(odd) ,
#vanilla_discussions_mine .Item:nth-child(odd) ,
#vanilla_discussions_participated .Item:nth-child(odd) ,
.DataList.CategoryList .Item:nth-child(odd) , 
.DataList .ItemDiscussion:nth-child(odd) ,
.Item.ItemComment:nth-child(odd) {
    background-color: #222 ;
}
#vanilla_discussions_bookmarked .Item:nth-child(even) ,
#vanilla_discussions_participated .Item:nth-child(even) ,
.DataList.CategoryList .Item:nth-child(even) ,
.DataList .ItemDiscussion:nth-child(even) ,
.Item.ItemComment:nth-child(even) {
    background-color: #414141 ;
}
#vanilla_discussions_bookmarked .Item:hover ,
#vanilla_discussions_participated .Item:hover ,
#vanilla_discussions_participated .Item:hover ,
.DataList.CategoryList .Item:hover ,
.DataList .ItemDiscussion:hover ,
.Item.ItemComment:hover {
    transition: background ease 0.8s ;
box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.7) inset ;
background-color: rgba(7, 7, 7, 0.57) ;
}
#vanilla_discussions_bookmarked .Item:nth-child(odd):hover ,
#vanilla_discussions_participated .Item:nth-child(odd):hover ,
#vanilla_discussions_participated .Item:nth-child(odd):hover ,
.DataList.CategoryList .Item:nth-child(odd):hover ,
.DataList .ItemDiscussion:nth-child(odd):hover ,
.Item.ItemComment:nth-child(odd):hover {
    transition: background ease 0.8s ;
background-color: rgba(7, 7, 7, 0.67) ;
}
/* FORUM DISC - TITLE  (from Com Numbe) - ==== */
.DataList:not(.Activities) .Item .ItemContent .Title {
    margin-top: 0px ;
}
.DataList:not(.Activities) .Item .ItemContent .Title > a {
    position: relative ;
    display: inline-block ;
    width: 100% ;
    margin-top: -35px ;
    margin-bottom: -20px ;
    vertical-align: middle ;
    font-size: 14px ;
    white-space: nowrap ;
    overflow: hidden ;
    text-overflow: ellipsis 
}
/* LAST USER COM */
.MItem.LastCommentBy a {
    display: inline-block ;
    vertical-align: top;
    width: 140px;
    height: 18px ;
    overflow: hidden ;
    text-overflow: ellipsis ;
}
/* (new166) GREAS - DISC LAST PAGE */
.CommentsWrap .BeforeCommentHeading + .DataBox.DataBox-Comments  {
    position: relative ;
    display: inline-block ;
    min-width: 100% ;
    margin-top: 0px ;
    left: 0px ;
    z-index: 1 ;
}
/* USERSTY */
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-stylish  .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn .DismissMessage.AlertMessage + .MessageList.Discussion + .CommentsWrap .BeforeCommentHeading + .DataBox.DataBox-Comments {
    position: relative !important;
    display: inline-block ;
    min-width: 100% ;
    margin-top: -15px ;
    left: 0px;
    z-index: 1 ;
}
/* DISC LIST - RAT ICON */
.DataList .rating-image {
    height: 16px ;
    line-height: 16px ;
    margin-top: 3px ;
}
/* DISCU LIST - READ - === */
.DataList .ItemDiscussion.Item.Read {
    background-color: rgba(47, 47, 47, 0.84) ;
}
.Item.Read .BlockTitle a:before ,
.Item.Read .Title a:before {
    content: ">>  " ;
    color: gold ;
}
/* ADD ICON "VIEW" from MOZILLA ADDONS PAGES */
.Bookmarked .Title a::before, 
.Item.Read .Title a::before {
    background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b") ;
    background-position: 3px -650px ;
    background-repeat: no-repeat ;
    color: transparent ;
    content: ">> " ;
    display: inline-block ;
    position: relative ;
    height: 100% ;
    max-height: 15px ;
    min-height: 15px ;
    top: 4px ;
    margin-right: 3px ;
    margin-left: -2px ;
background-color: rgba(55, 173, 227, 0.4) ;
}
.DataList .ItemDiscussion {
    position: relative ;
    padding-left: 22px ;
border-bottom: 1px solid gray ;
}
.MessageList.DataList.Comments .ItemComment ,
.ItemDiscussion {
    position: relative ;
    display: inline-block ;
    width: 94% ;
    min-width: 728px ;
    max-width: 728px ;
    margin-top: 0px ;
    padding-left: 5px ;
    padding-right: 0px ;
}
.MessageList.DataList.Comments .ItemComment {
    min-width: 754px ;
    max-width: 754px ;
}
#vanilla_discussions_index.index.Section-DiscussionList li.ItemDiscussion {
    position: relative ;
    display: inline-block ;
    height: 65px ;
    left: 0px ;
    margin-top: 0px ;
    margin-bottom: 3px ;
    padding-left: 3px ;
    z-index: 0 ;
}
/* FIRST GREASY */
#vanilla_discussions_index.index.Section-DiscussionList #Body .BreadcrumbsWrapper  + #Panel  + #Content.Column.ContentColumn ul.DataList.Discussions li.ItemDiscussion.filtered:first-of-type:not(.Mine):not(.Bookmarked) ,
#vanilla_discussions_index.index.Section-DiscussionList li.ItemDiscussion.filtered:first-of-type:not(.Mine):not(.Bookmarked) {
    position: relative ;
    display: inline-block ;
    height: 35px ;
    left: 0px ;
    margin-top: 0px ;
    top: 0px ;
    z-index: 0 ;
}
/* GREASY/USERSTY Forum - COM */
.CommentsWrap ul.DataList li.Item .Comment {
    padding: 0 30px 0 5px ;
border-right: 2px solid red ;
}
/* GREAS - FORUM - ORIG POST */
.isOriginalPoster {
    min-width: 744px ;
    max-width: 744px ;
border-left: 4px solid red ;
}
/* FORUM DISC - ITEMS - MINE - === */
.ItemContent.Discussion {
    max-width: 95% ;
}
.Item.ItemDiscussion ,
.Item.Bookmarked.Mine.ItemDiscussion {
    position: relative;
    padding-left: 22px;
}
/* (new168) OPTION CONT */
.Options ,
.Item.Bookmarked.Mine.ItemDiscussion  .Options {
    position: absolute ;
    float: none ;
    width: 28px ;
    height: 48px ; 
    right: 1px ;
    top: 1px ;
}
.Options:hover ,
.Item.Bookmarked.Mine.ItemDiscussion  .Options:hover {
    z-index: 500 ;
}
li.Item.ItemDiscussion.filtered:not(.Mine):not(.Bookmarked) .Options {
    max-height: 30px ;
}
/* (new172) */
.Options .ToggleFlyout.OptionsMenu ,
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu {
    position: absolute ;
    display: inline-block ;
    height: 20px ;
    width: 20px ;
    top: 35px ;
/*     top: 9px ; */
    margin-right: 0px ;
    left: 4px ;
}
/* (new168) EDIT/DISM - ALL */
.Options .ToggleFlyout.OptionsMenu span.Button-Options {
    display: inline-block ;
    height: 20px ;
    line-height: 20px ;
    font-size: 0 ;
    z-index: 5000 ;
}
/* GREASY */
#vanilla_discussion_comment.Vanilla.Discussion.comment.Section-Discussion.Section-Category-script-discussions  #Panel.Column.PanelColumn +  #Content.Column.ContentColumn  .MessageList.Discussion #Item_0.PageTitle .Options .ToggleFlyout.OptionsMenu .Button-Options +   ul.Flyout.MenuItems.list-reset ,
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion  #Panel.Column.PanelColumn +  #Content.Column.ContentColumn  .MessageList.Discussion #Item_0.PageTitle .Options .ToggleFlyout.OptionsMenu .Button-Options +   ul.Flyout.MenuItems.list-reset {
    height: 18px ;
    width: 18px ;
    display: inline-block ;
    left: 0px ;
    top: 53px ;
}
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion  #Panel.Column.PanelColumn +  #Content.Column.ContentColumn  .MessageList.Discussion #Item_0.PageTitle .Options .ToggleFlyout.OptionsMenu .Button-Options +   ul.Flyout.MenuItems.list-reset .dropdown-menu-link.dropdown-menu-link-edit:before {
    content: " ";
    width: 16px;
    height: 16px;
    top: 34px !important;
    left: -15px ;
    margin-left: 0 ;
    font-size: 15px ;
    visibility: visible ;
background: black url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px ;
outline: 1px solid gray ;
}
/* (new168) EDIT ICON - BOOK LIST */
.Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:hover ,
.Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:not(:hover) {
    position: absolute ;
    display: inline-block ;
    height: 18px ;
    width: 18px ;
    top: 2px ;
    left: 0px ;
    visibility: visible ;
    opacity: 1 ;
}
/* (new168) EDIT ICON - BOOK LIST - MINE */
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:hover ,
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:not(:hover) {
    position: absolute ;
    display: inline-block ;
    height: 18px ;
    width: 18px ;
    top: 2px ;
    left: 0px ;
    visibility: visible ;
    opacity: 1 ;
}
.Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit ,
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit {
    position: absolute ;
    display: inline-block ;
    min-width: 18px ;
    max-width: 18px ;
    left: -1px ;
    top: -2px ;
    margin-left: 0 ;
    visibility: visible ;
    opacity: 1 ;
}
#vanilla_discussion_index.Vanilla.Discussion  #Content.Column.ContentColumn .dropdown-menu-link.dropdown-menu-link-edit {
    position: absolute ;
    display: inline-block ;
    min-width: 18px ;
    max-width: 18px ;
    left: 9px ;
    top: -28px ;
    margin-left: 0 ;
    visibility: visible ;
    opacity: 1 ;
    transform: scale(0.8) ;
}
/* GREASY FORUM COM - OPTION - EDIT/FAVS */
.Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before ,
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before {
    content: " ";
    width: 16px ;
    height: 16px ;
    margin-left: 0px ;
    left: 0px ;
    top: 0px ;
    font-size: 15px ;
    visibility: visible ;
background: black url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px ;
outline: 1px solid gray ;
border: 1px solid gray ;
}
.Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark ,
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark {
    position: relative ;
    top: 8px ;
    left: 10px ;
}
/* PROF */
.ProfilePhotoLarge {
    margin-top: 55px ;
    position: relative ;
    width: 200px ;
}
/* (new166) ICON PROF - PANEL LEFT - DISC LIST/COM - (not Notif or com) - === */
.UserBox > .PhotoWrap[href*="/profile/"]  ,
#Panel.Column.PanelColumn > .MeBox > a.PhotoWrap[href*="/profile/"] {
    position: relative ;
    display: inline-block ;
    height: 55px ;
    width: 198px ;
    top: 0px ;
    text-align: center  ;
    z-index: 500 ;
}
/* (new163) USER ICON - GREAS */
#Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium  {
    position: relative !important;
    display: inline-block !important;
margin-top: 0px !important;
    top: 3px !important;
outline: 1px solid violet !important;
}
/* USERSTY */
.Row .BreadcrumbsWrapper + #Panel.Column.PanelColumn .MeBox .PhotoWrap .ProfilePhoto.ProfilePhotoMedium ,
/* GREAS */
#vanilla_discussions_mine #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium  ,
#vanilla_categories_index #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium ,
#vanilla_drafts_index #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium ,
#vanilla_discussions_bookmarked #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium ,
#vanilla_discussion_index #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium {
    margin-top: 0px !important;
    top: 3px !important;
outline: 1px solid yellow ;
}
/* (new166) GREAS FORUM - DISC - TOP - === */
#vanilla_discussion_comment .Column.ContentColumn  {
    border-top: 1px solid peru ;
}
.MeBox + .BoxButtons.BoxNewDiscussion {
    margin-top: 30px ;
box-shadow: 3px 3px 2px black ;
}
/* (new166)  START === UESRST FORUM REVIEW - Style Name in First ==== */
.Section-Category-style-reviews.Section-DiscussionList   .DataList .Title {
    display: inline-block ;
    width: 100% ;
    min-width: 100% ;
    max-width: 100% ;
    font-size: 14px ;
}
.Section-Category-style-reviews.Section-DiscussionList .Item.ItemDiscussion .ItemContent.Discussion span.DiscussionAboutListDiscussion {
    position: relative ;
    display: inline-block ;
    width: 100% ;
    min-width: 93% ;
    max-width: 93% ;
    height: 100% ;
    min-height: 15px ;
    max-height: 15px ;
    line-height: 15px ;
    top: 3px ;
    margin-left: 20px ;
}
.Section-Category-style-reviews.Section-DiscussionList  .Bookmarked.Mine.Participated.Read .DiscussionAboutListDiscussion{
    margin-top: 21px ;
    margin-left: 0px ;
}
/* GOOD RAT - OK - THUMB UP  */
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image  {
    display: inline-block ;
    margin-left: 0px ;
    margin-top: 25px ;
}
/* BAD RAT - THUMB DOWN */
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"]  {
    display: inline-block ;
    margin-left: 0px ;
    margin-top: 25px ;
}
/* (new166) USERST - REVIEW LIST - === */
#vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList   #Frame #Body .Row #Content.Column.ContentColumn .DataList.Discussions {
    position: relative ;
    display: inline-block ;
    width: 100% ;
    margin-top: 22px ;
}
#vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList   #Frame #Body .Row #Content .DataList.Discussions > li {
    position: relative ;
    min-height: 72px ;
    margin: 0 ;
    padding-left: 22px ;
}
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title > a {
    display: inline-block !important;
    width: 100% !important;
    margin-bottom: -9px!important;
    margin-top: -26px !important;
}

/* END === UESRST FORUM REVIEW ==== */

/* FORUM NOTIFICATION - TXT - === */
.Flyout .Author .PhotoWrap  {
    height: 10px ;
    width: 20px ;
}
.PopList.Activities .PhotoWrap.PhotoWrapMedium {
    height: 20px ;
    margin-bottom: -18px ;
background-color: black ;
}
.Flyout .Author .ProfilePhoto {
    width: 20px ;
    height: 20px ;
    background-size: cover ; 
}
.PopList .ItemContent {
    line-height: 1.2 ;
    margin-left: -1px ;
}
/* DRAFT */
.DataList.Drafts {
    margin-top: 98px ; 
border-top: 1px solid gray ;
}

/* ATTACH - === */
.Attachment img {
    max-width: 100% ;
    height: auto ;
    vertical-align: bottom ;
}
.Attachment {
    max-width: 100px ;
    min-width: 100px ;
    padding: 3px 8px 8px 5px ;
    border-radius: 5px ;
background-color: black ;
}

/* ATTACH COUNTER - === */
.Attachments {
    counter-reset: image ;
    border-radius: 5px ;
    background-color: #222 ;
}
.Attachment:before {
    content: counter(image, decimal);
    position: absolute ;
    display: inline-block ;
    height: 20px ;
    top: 10px ;
    padding: 0 3px ;
    border-radius: 5px ;
    counter-increment: image ;
    background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3) ;
}

/* FORUM PAGI - PAGE WRAP (bottom) */
.PagerWrap {
    margin-top: 20px ;
    overflow: visible ;
}
/* FORUM PAGINATION - ALL */
.PageControls {
    display: inline-block ;
    width: 95% ;
    height: 100% ;
    min-height: 15px ;
    max-height: 15px ;
    line-height: 15px ;
    text-align: right ;
}
.PageControls.Top {
    position: fixed ;
    display: inline-block ;
    width: 560px ;
    min-height: 22px ;
    margin-left: 190px ;
    top: 25px ;
    opacity: 1 ;
    visibility: visible ;
    z-index: 200 ;
}
/* PAGI TOP - USERST DISC LAST PAGE - === */
#PagerBefore.Pager  {
    position: fixed ;
    display: inline-block ;
    vertical-align: bottom ;
    max-width: 560px ;
    min-width: 560px ;
    height: 17px ;
    line-height: 12px ;
    top: 30px ;
    right: 24.2% ;
    padding: 1px ;
    border-radius: 3px 3px 0 0 ;
    text-align: center ;
    z-index: 500 ;
border: 1px solid peru ;
background-color: transparent ;
}

/* ICONS */

/* SPRITE GREAS - === */
.SpNotifications, 
.SpGlobe {
    background-position: -32px -212px ;
}
.SpInbox, 
.SpEnvelope {
    background-position: 0 -228px ;
}
.SpBookmarks, 
.SpStar {
    background-position: -80px -245px ;
}
.SpDashboard, 
.SpOptions, 
.SpCog {
     background-position: 0 -212px ;
}
/* MY NAME */
.QuoteAuthor>a[href*="/decembre"] ,
.Item .Author a[href*="/decembre"] {
    font-size: 18px ;
color: peru ;
}


/* ==== (ALL) STYLE ==== */

/* (ALL) BackGround Color === */

htlm, body {
    width: 100% !important;
text-align: left !important;
color: #929292 ;
background:#333 !important;
}
/* (new176) FOR LIGHTBOX */
body[style="overflow: auto"] ,
body[style="overflow: visible;"] {
  overflow: visible !important;
}



/* GREAS - CODE PAGE - STRIPP BACKG - 
TEST CODERAY HUGE CODE: https://greasyfork.org/en/scripts/1896-nwpb/code
=== */
#script-info .CodeRay {
    display: inline-block ;
    max-width: 99.8% ;
    background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent) ;
    background-size: 30px 15px ;
}
#script-info .CodeRay tbody {
    display: inline-block ;
    width: 99.98% ;
}

#script-info .CodeRay tbody .code {
    display: inline-block ;
    min-width: 905px ;
    max-width: 905px ;
}
#script-info .CodeRay tbody .code pre {
    min-width: 900px ;
    max-width: 900px ;
    word-wrap: break-word ;
    white-space: pre-line ;
}


/* ===== (new189) COLOR - LINK ===== */

/* LINK - TEXT DECO NONE */

a:link {
    text-decoration: none ;
}

/* (new189)(ALL) LINKS - BLUE LIGHT === */

/* a:link {
    color: #6D878F  ;
    text-decoration: none ;
} */



/* (new189) LINK / TXT  SPECIAL */

.MItem.MCount.CommentCount ,
.MItem.MCount.ViewCount {
    color: #b7b7b7 ;
}
table#style-table .meta span.date.date1{
    color: #23A4A2 ;
    text-decoration: none ;
}
table#style-table .meta span.date.date2{
    color: #0DD6D3 ;
    text-decoration: none ;
}
#main-article #style-table a[href^="/styles/"]{
    color: #DD9E0F ;
    text-decoration: none ;
}
#main-article #style-table a:visited[href^="/styles/"]{
    color: #EAC060 !important;
    text-decoration: none !important;
}



/* (new189) (ALL) LINKS - PERU / TOMATO (visited) */

body:not(.Settings) a:not(.Button) ,
#Head a, 
#site-nav a,
#additional-info>a b ,
a {
    color: peru  !important
}

a:visited {
    color: tomato  !important
}


/* (new189) VISITED  ACTIVE- GOLD / GOLD - === */
section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note ,
#style-install-unknown>p>a, 
#style-install-unknown>p>a:visited, 
#style-install-unknown>p>a:active {
    color: GOLD !important;
}


/* (new189) VISITED - TAN */

body:not(.Settings) a:not(.Button):visited ,
#additional-info>a:visited ,
#additional-info>a:visited b ,
.discussion-list>li>a:visited ,
.About>dt>a:visited ,
.Item-Body .Message>a:visited ,
.script-author-description>p>a:visited ,
.script-author-description>ul>li>ul>li>a:visited ,
.script-author-description>ul>li>a:visited ,
.DataList .Item .Title>a:visited ,
.inline-list>li>a:visited ,
.DataList .ItemDiscussion.Item.Read a:visited {
    color: TAN !important;
}


/* (new189) VISITED - GOLDENROD */
.thetitle>a:visited>b  {
    color: GOLDENROD !important;
}


/* (new189) VISITED - ROSYBROWN */
.width-constraint #discussions li > a:first-of-type:visited {
    color: ROSYBROWN  !important;
}


/* (new189) VISITED / HOVER  - Color A VOIR */
a:hover {
    color: #73B379 !important;
}
a:visited:hover  {
    color: #B9D56E !important;
    text-decoration: none !important;
}


/* END ==== LINK - VISITED ==== */



/* (new189) START ==== LINK - HOVER ===== */


/* (new189) LINKS HOVER - TOMATO  */

#show-code + #control-panel>a:hover ,
#main-header>h1>a:hover ,
#style-author-info>tbody>tr>td>a:not(.license-image):hover ,
#long-description>a:hover ,
.MItem.LastCommentBy>a:hover ,
.About>dt:last-of-type a:hover ,
.script-author-description>ul>li>ul>li:hover a:hover ,
.About dt a:hover ,
#main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover ,
#script-list-option-groups .list-option>a:hover ,
#user-script-list > li h2 a:hover , 
#browse-script-list > li h2 a:hover ,
.script-list-author>span>a:hover ,

.DataList.SearchResults .Item .ItemContent:hover .Meta a ,  
#script-content > form > ul > li:hover ,
#contact a:hover ,
#related>ul>li>a:hover ,
#screenshots #more-screenshots a:hover ,
.Message>b>a:hover ,
.Buttons .Back>a:hover ,
.AttachFileWrapper .AttachFileLink>a:hover ,
.AuthorWrap .Author .PhotoWrap +.Username:hover ,
#Item_0 +  .DiscussionAboutShowDiscussion>a:hover ,
.Item-Body .Message>a:hover ,
.MItem.Category>a:hover , 
.ReactButton.Quote.Visible:hover , 
.Box.BoxCategories a:hover , 
#Panel .FilterMenu a:hover ,
.SiteMenu>li>a:hover ,
.ItemContent.Discussion .Title>a:hover ,
#main-article>dl>dd>a:hover ,
#main-article>dl>dt:hover ,
#main-header + #content-wrapper > #main-article > ul:hover:before ,
#main-article>ul>li>a:hover ,
#sidebar-forum>a:hover ,
#sidebar-help>a:hover ,
#sidebar-browse>a:hover ,
#sidebar-my-account>a:hover ,
#show-button:hover ,
#control-panel > a:nth-child(1):hover ,
#control-panel>a:hover ,

#long-description>a>b:hover ,

#main-article #hidden-meta a:hover ,
#no-discussions>a:hover ,
#site-name > a[href="/"] span:hover ,
.thetitle>.theauthor>a:hover ,
.thetitle>a>b:hover ,
.width-constraint>h3>a:hover ,
#script-content>form>ul>li>a:hover ,
#script-content>p>a:hover ,
#install-area .script-in-sets>a:hover ,
#additional-info-text>a>b:hover ,
#additional-info>div>ul>li>a:hover ,
#additional-info>div>p>a:hover ,
#additional-info>div>p>b>a:hover ,
.script-show-author>span>a:hover ,

#title-subtext:hover > b ,
#site-name > a span#settings-subtext:hover ,
#nav-user-info .user-profile-link>a:hover ,
#nav-user-info>li>a:hover ,
#nav-user-info + nav .help-link>a:hover ,
#nav-user-info + nav .forum-link>a:hover ,
#nav-user-info + nav .scripts-index-link>a:hover ,
#nav-user-info + nav a:hover ,
#nav-user-info .sign-out-link>a:hover ,
#start-discussion:hover ,
#start-discussion-top:hover ,
#start-discussion-bottom:hover ,
.inline-list>li>a:hover , 
#discussions-area #discussions li:hover a:not(:last-of-type),
.CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]) ,
.CommentsWrap .Comment a.FlagContent:hover ,
.width-constraint #discussions li>a:nth-child(4):hover  ,
.width-constraint #discussions li>a:nth-child(2):hover , 
.width-constraint #discussions li>a:first-of-type:hover ,
.width-constraint #discussions li:hover > a:nth-child(4) ,
.width-constraint #discussions li:hover>time ,
.Message>ol>li>small>a:hover ,
.Message>dl>dd>a:hover ,
.UserQuote .QuoteAuthor a:hover  {
    color: TOMATO !important;
}


/* (new189) LINK - HOVER + VISITED - TOMATO  */
.inline-list>li>a:visited:hover ,
.DataList .ItemDiscussion.Item.Read a:visited:hover ,
.DataList .ItemDiscussion.Item.Read a:visited:hover {
    color: TOMATO !important;
}


/* ============ END COLOR LINKS ====== */


/* TEST - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - FIGHT AGAINST a VERY STRANGE TYPO EFFECT - with / without GM "CITRUS" - 
in SCRIPT NAME of:
DIEP.IO by Terjanq

IT'S USER (terjanq) LIST:
https://greasyfork.org/fr/users/33759-terjanq

SEARCH "DIEP.IO+":
https://greasyfork.org/fr/scripts/search?q=DIEP.IO+

MY DISSCUS about it :
Removed : VERY strange TYPO EFFECT in your script name !
Linked in :
https://greasyfork.org/en/scripts/24423-greasyfork-theme/discussions/23845
LAST TOPIC ABOUT ZAGLOT- 2021.03 :
https://greasyfork.org/en/discussions/greasyfork/79255-ban-or-at-least-hide-these-zalgo-characters
=== */

/* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in FORUM - MY COMMENT ABOUT IT */
.Title a[href*="https://greasyfork.org/fr/forum/discussion/9570/"]{
    overflow: hidden !important;
    background: rgba(255, 0, 0, 0.2) !important;
}
#Discussion_9570 .Discussion .Item-BodyWrap .Message  {
    overflow: hidden !important;
    background: rgba(255, 0, 0, 0.2) !important;
}


/* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in SCRIPT LIST - USER PROFILE / SEARCH   */
#script-table #s19838 .thetitle + div ,
#user-script-list > li > article  a[href$="/19838-diep-io-by-terjanq"] + span +  .description ,
#user-script-list > li[data-script-name*="Diepiomods.com"] > article .description,
#browse-script-list>li>article>h2>a[href*="diep-io-by-terjanq"] ~ span.description  {
    overflow: hidden !important;
    background: rgba(255, 0, 0, 0.2) !important;
}

.discussion-list>li>a[href="https://greasyfork.org/fr/scripts/19838"] + a   {
    position: relative !important;
    display: inline-block !important;
    top: 4px !important;
    overflow: hidden !important;
    background: rgba(255, 0, 0, 0.2) !important;
}








/* ========== END GENERAL SITE ======================================= */
}

@-moz-document url-prefix("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") {
/* ========== START URL PREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
/* URL PREF - GM "DIEP.IO by Terjanq" - GOOD : in SCRIPT INFO PAGE - DESCRIPTION */
#script-info header p {
    overflow: hidden !important;
    background: rgba(255, 0, 0, 0.2) !important;
}
/* ========== END URLPREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
}

@-moz-document domain("sleazyfork.org") {
/* ========== START - DOMAIN SLEASYFORK TEST ======= */
/* CHANGE ICON of SLEAZY FORK SITE TITLE ADD TXT "SKEAZY" where That's "GREASY" - === */
/* SLEAZYFORK - SITE NAME + ICON - === */
.width-constraint #site-name  #site-name-text h1 {
    font-size: 20px!important;
    letter-spacing: 2px !important;
}
.width-constraint #site-name  #site-name-text h1  {
    color: blue !important;
}
.width-constraint #site-name  #site-name-text h1 a {
    display: none !important;
}
#site-name  #site-name-text h1 +.subtitle {
    margin-left: 46px !important;
    margin-top: 16px !important;
    font-size: 10px!important;
    letter-spacing: 1px !important;
}
#site-nav > nav li a{
    font-size: 14px !important;
}
.width-constraint #site-name a img ,
.width-constraint #site-name a span ,
#site-name-text>h1>a {
    display: none !important;
}
.width-constraint #site-name > a:before ,
.width-constraint #site-name > h1:before {
    content: "SleasyFork" !important;
    display: inline-block !important;
    position: absolute !important;
    margin-left: 40px !important;
    font-size: 22px !important;
    color: green !important;
}
#Head #site-name-text h1:before {
content: "SleasyFork" !important;
    display: inline-block !important;
    position: absolute !important;
    top: -5px !important;
    margin-left: 0px !important;
    font-size: 22px !important;
    color: red !important;
}
.width-constraint #site-name > a:after {
    content: " " !important;
    display: inline-block !important;
    height: 30px !important;
    width: 30px !important;
    padding: 2px !important;
    border-radius: 5px !important;
    box-shadow: 0 0 2px #cccccc inset !important;
    background-color: rgba(191, 191, 190, 0.33) !important;
    background-image: url("https://sleazyfork.org/fr/forum/uploads/SCN2YQGWLIU4.jpg") !important;
    background-position: 50% 50% !important;
    background-size: contain !important;
}


/* ========== END - DOMAIN SLEASYFORK TEST ======= */
}

@-moz-document url-prefix("https://userstyles.org/help") {
/* START - URL-PREF - USERSTYLES HELP ======= */
body > #main-header + #content-wrapper {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    clear: both !important;
    min-height: 200px !important;
    height: auto !important;
    width: 71em !important;
    margin: auto auto auto 21em !important;
    top: 75px !important;
    border-radius: 5px !important;
border: 1px solid green !important;
}
#main-article {
    width: 70em !important;
    margin: 0.5em auto 2em 0.5em !important;
    padding-bottom : 20px !important;
}
#main-header + #content-wrapper > #main-article > p ~ ul ~ h3 ,
#main-article>h3  {
    width: 58em !important;
    margin-left: 1em !important;
    text-align: left !important;
    text-indent: 20px !important;
    background: black !important;
}
#main-article>ol {
    width: 65em !important;
    margin-left: 1em !important;
    margin-top: -7px !important;
outline: 1px solid peru !important;
}
#main-article>p:first-of-type {
    position: relative !important;
    display: inline-block !important;
    width: 867px !important;
    left: 0px !important;
    margin-top:  auto !important;
    margin-bottom: 20px!important;
    padding: 15px 20px !important;
    border: 1px solid gray !important;
outline: none !important;
}
#main-article>p {
    position: relative !important;
    display: inline-block !important;
    width: 840px !important;
    left: 1em !important;
    margin:  auto !important;
    padding: 8px 20px !important;
}
#main-article>p +p {
    position: relative !important;
    display: inline-block !important;
    width: 840px !important;
    left: 1em !important;
    margin:  auto !important;
    margin-bottom: 15px !important;
    padding: 8px 20px !important;
}
#main-article>p:nth-child(even) {
    border: 1px solid gray !important;
    background: #222222 !important;
}
#main-article>p:nth-child(odd) {
    border: 1px solid gray !important;
    background: #171717 !important;
}
#main-article>iframe {
    margin-left: 10% !important;
}
#help-style-settings-edit ~pre ,
#main-header + #content-wrapper > #main-article > p ~ ul ,
#main-header + #content-wrapper > #main-article > p ~ ul:hover ,
#main-header + #content-wrapper > #main-article > ul:hover ,
#main-header + #content-wrapper > #main-article > ul {
    position: relative !important;
    display: inline-block !important;
    width: 66em !important;
    height: auto !important;
    margin-left: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 5px !important;
    border-radius: 3px !important;
    border: 1px solid gray !important;
background: #222222 !important;
}
#main-header + #content-wrapper > #main-article > ul:only-of-type {
    position: relative !important;
    display: inline-block !important;
    width: 43em !important;
    height: auto !important;
    margin-left: 10px !important;
    margin-top: 29px !important;
    padding-bottom: 10px !important;
    padding-left: 30px !important;
    padding-right: 5px !important;
    border-radius: 3px !important;
    border: 1px solid gray !important;
    font-size: 20px !important;
}
#help-style-settings-edit ~pre {
    position: relative !important;
    display: inline-block !important;
    width: 72em !important;
    height: auto!important;
    margin-top: 5px!important;
    border-radius: 3px!important;
    border: 1px solid gray!important;
    background: #222222!important;
    overflow: visible!important;
    z-index: 10 !important;
}
#help-style-settings-edit ~pre >code {
    position: relative !important;
    display: inline-block !important;
    width: 63em !important;
    height: auto !important;
    margin-left: 0px !important;
    border-radius: 3px !important;
}
/* ========== END === URL-PREF - HELP ======= */
}

@-moz-document url("https://userstyles.org/styles/new") {
/* START ==== (new23) URL-PREF - USERSTYLES CREATE NEW USERSTYLES ==== */

.PageContent iframe#iframe[src="/d/styles/new"] {
    width: 50% !important;
    margin-left: 21% !important;
    padding: 0 50px 0 50px !important;
border: 1px solid gray !important;
}
.errorExplanation {
    background-color: rgba(239, 81, 24, 0.54) !important;
    border: 1px solid red ;
}


/* END === URL-PREF - USERSTYLES CREATE NEUSERSTYLES ==== */
}

@-moz-document url-prefix("https://greasyfork.org/fr/scripts?q="), url-prefix("https://greasyfork.org/fr/scripts?q=") {
/* START ==== (new119) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFORK different than USERSTYLES) ==== */

 body[pagetype="ListingPage"] .width-constraint ~ #sp-fw-container + .sp-separator{
    display: none !important;
}
}




@-moz-document url-prefix("https://forum.userstyles.org") {
/* START ==== (new119) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFORK different than USERSTYLES) ==== */
#Head + #Body {
    margin-left: 22% !important;
}
/* URL-PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFORK different than USERSTYLES - DISSCUSSION CONTAINER - === */

#PagerBefore.Pager {
    right: 26% !important;
}
/* (new154) COR */
#Content.Column.ContentColumn  {
    float: right !important;
    width: 689px !important;
    min-height: 750px !important;
    margin-top: -8px!important;
    margin-right: 75px !important;
    z-index: 0 !important;
}
/* (new154) COR - USERSTYLES Forum - Comments */
#vanilla_discussion_index #Content.Column.ContentColumn {
    width: 750px!important;
    min-height: 750px !important;
    margin-right: 20px !important;
    margin-left: 0px !important;
}
/* (new154) USERTY */
#vanilla_discussion_index #Content.Column.ContentColumn  .MessageList.Discussion {
    margin-top: 25px !important;
    margin-bottom: -25px !important;
}
#vanilla_discussion_index #Content.Column.ContentColumn  .DismissMessage.AlertMessage + .MessageList.Discussion {
    margin-top: 36px !important;
}
.P.PageDescription {
    width: 753px!important;
}

#Item_0 .ToggleFlyout.OptionsMenu {
    left: -15px !important;
}

/* (new154) URL-PREF - USERSTYLES FORUM */
.Vanilla.Discussion .MessageList.Discussion #Item_0 span.ToggleFlyout.OptionsMenu {
    height: 20px !important;
    top: -2px !important;
    left: 18px !important;
    margin: 0 !important;
}

/* (new118) URL-PREF - USERSTYLES FORUM - PROFILE BUTTON */
#dashboard_profile_discussions .About>dt:last-of-type  {
    position: relative !important;
    display: inline-block !important;
    width: 23% !important;
    height: 18px !important;
    line-height: 18px !important;
    top: -56px !important;
    left: 74%!important;
    padding: 2px 2px 2px 15px !important;
    border-radius: 3px !important;
    font-size: 15px !important;
background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
}

#Panel.Column.PanelColumn {
    z-index: 100 !important;
}
#Panel.Column.PanelColumn .MeBox {
    margin-top: -29px !important;
    z-index: 200 !important;
}
/* (new154) */
.DiscussionAboutShowDiscussion  {
    max-width: 200px !important;
    min-width: 200px !important;
    top: 53px !important;
    z-index: 100 !important;
}

/* ====== (new154) OK - USERSTYLE - COMMENTS -   .BreadcrumbsWrapper + #Panel + #Content =====  */
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-stylish .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn  .MessageList.Discussion {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    top: 0px !important;
}
#vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-stylish .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn  .DismissMessage.AlertMessage + .MessageList.Discussion {
    margin-bottom: 30px !important;
    margin-top: 0px !important;
    top: 0px !important;
}


@media screen and (max-width: 1900px) {
/* START === MEDIA QUERIE - 1900px -  URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - === */
#PagerBefore.Pager {
    right: 3.8% !important;
}
.MessageList.Discussion h1 ,
.Discussion.comment.Section-Discussion .Discussion h1 {
    min-width: 736px !important;
    right: 9.9% !important;
}
.MessageList.Discussion #Item_0 {
    left: 30% !important;
    top: 53px !important;
    z-index: 500 !important;
}
.DiscussionAboutShowDiscussion  {
    max-width: 217px !important;
    min-width: 217px !important;
    top: 53px !important;
    left: 12.2% !important;
    z-index: 100 !important;
}
.MessageList.Discussion {
    margin-top: 36px;
}
#Item_0 .ToggleFlyout.OptionsMenu .Flyout.MenuItems{
    left: 4px !important;
    top: -1px !important;
}

.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before ,
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion::before {
    left: 32px !important;
}
.MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion::before {
    left: 0px !important;
    top: 0px !important;
}
/* ==== END === MEDIA QUERIE - URL-PREF - 1400px - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - === */
}


/* END ==== URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
}
Userstyles / Greasy Fork Enhancer Dark-Grey v.194 by decembre

Details

Description

Notes

Source code
