View difference between Paste ID: f77ygmrt and gwYjY2L4
SHOW: | | - or go back to the newest paste.
1
/* AGENT_SHEET */
2-
@namespace url(http://www.w3.org/1999/xhtml);
2+
/* @namespace url(http://www.w3.org/1999/xhtml); */
3-
@-moz-document domain("userstyles.org")
3+
4-
, domain("greasyfork.org")
4+
@-moz-document url-prefix("https://greasyfork.org/forum/"), url-prefix("https://74.86.192.75/"), domain("userstyles.org"), domain("greasyfork.org"), domain("sleazyfork.org") {
5-
, domain("sleazyfork.org") 
5+
6-
, url-prefix("https://greasyfork.org/forum/") ,
6+
/* ==== Userstyles / Greasy Fork Enhancer Dark-Grey TEST v.121(new121) - QUICK TEST - WATnew06 - AGENT_SHEET ==== */
7-
url-prefix("https://74.86.192.75/")  {
7+
8
/* ______________________________________________________________________
9-
/* ==== Userstyles TableView+Enhancer - TEST - DarkGrey 92 (new92) - AGENT_SHEET ==== */
9+
10
|                                                                        |
11-
/*
11+
12-
 ________________________________________________________________________
12+
| Title:  |  Userstyles / Greasy Fork Enhancer Dark-Grey  121 (new121)   |
13
|                                                                        |
14
|    Description:  |                                                     |
15
|                      GREASY FORK - With / without (GM) TS CITRUS       |
16-
|          Title:  |  Userstyles TableView+Enhancer - DarkGrey v.92      |
16+
17
|                      Logged or NOT                                     |
18
|                      With / Without GM                                 |
19-
|                      GREASY FORK - With / without (GM) TS CITRUS       |           
19+
20
|                                                                        |
21
|         Author:  |  decembre                                           |
22
|                                                                        |
23
|   Date Created:  |  23-11-2011                                         |
24
|                                                                        |
25
|   Last Updated:  |  16-12-2018                                         |
26
|                                                                        |
27
|________________________________________________________________________|
28
*/
29-
|   Last Updated:  |  16-04-2017                                         |
29+
/* (new119) CHROME/FIREFOX - SUPP ADD and DIVERS - without adblock - === */
30
.hamburger ,
31
.walking,
32
.android_button_button ,
33
.overlay_background ,
34
.adContainer ,
35-
/* (new92) SUPP - ALL  */
35+
36-
/* USERSTYLES - DONATE BUTT - SUPP (display:none) - === */
36+
37-
#donate,
37+
38-
#donate input {
38+
39
.fb-like {
40
    display: none!important;
41-
/* CHROME/FIREFOX - SUPP SOCIAL - without adblock - === */
41+
42
43
/* (new119) - CATEGORIES - === */
44
.us-category--stylecard-long h1 ,
45
.view_inner.StylesCategory>h1 {
46
    color: #6687aa !important;
47
    font-size: 30px;
48
    margin-bottom: 0px !important;
49-
/* USERSTYLES - STY INFOS - SUPP(display:none) - INST PUB - (PB EDIT SCRIPT PAGE) - 
49+
50-
[id*="-ad"] ,
50+
51
#categories {
52-
#google_ads_frame1 ,
52+
53-
#adContent-clickOverlay ,
53+
54-
#adContent ,
54+
    margin-bottom: 50px;
55-
#post-install-ad ,
55+
56-
#below-install-ad ,
56+
.StyleCategory-Link {
57-
.ad {
57+
58
width: 280px !important;
59
    margin: 2px -18px 22px 48px !important;
60
}
61
.us-category--narrow ,
62-
/* (new80) TEST - USERSTYLES FORUME PROFILE DISCUSSINS LIST - COMMENTS LIST - === */
62+
.us-category--stylecard-short.us-category--narrow {
63-
.DataList.SearchResults .Item .ItemContent .Meta .MItem:first-of-type {
63+
64
    margin-left: 0 !important;
65
}
66-
    line-height: 14px  ;
66+
67-
    padding: 5px 2px 5px 5px !important;
67+
.us-category--stylecard-long .us-stylecards__container--narrow ,
68-
    white-space: pre-line;
68+
.us-category--stylecard-short .us-stylecards__container--narrow {
69
    width: 100% !important;
70-
    color: gold  ;
70+
71
#title_div {
72
    width: 100% !important;
73
}
74
.us-category--stylecard-short h1 {
75
    margin-top: 31px;
76
    color: #6687aa !important;
77
}
78
.fallbackDiv {
79
    align-items: center;
80
    background-color: #d4dce7;
81
    display: flex;
82
    height: 156px;
83
    justify-content: center;
84
    max-width: 50%;
85
    min-width: 50%;
86
    position: relative;
87
}
88
.fallbackDiv .fallbackImg {
89
    height: 100%;
90
    left: 0;
91
    object-fit: cover;
92
    object-position: center top;
93
    position: absolute;
94-
/* z-index: 4000060 !important; */
94+
    top: 0;
95
    width: 100%;
96
}
97
98
/* (new119) USESERSTYLES - MENU LEFT - === */
99
.navigation {
100-
position: absolute  !important;
100+
    width: 38% !important;
101
    height: 100% !important;
102
    min-height: 20px !important;
103
    max-height: 20px !important;
104
    left: 0 !important;
105
    top: -22px !important;
106
    padding: 0 !important;
107-
/* z-index: 50000000 !important; */
107+
108
    box-shadow: none !important;
109
    background-color: #2e3e49 !important;
110
    z-index: 5000000 !important;
111
}
112
113
.navigation .links-box {
114
    position: fixed !important;
115
    width: 200px !important;
116
    top: 47px !important;
117
    left:40px !important;
118
    background-color: #222 !important;
119-
/* (new78) - USERSTYLES - AADAPTATION TABLE VIEW PLUS - EDIT USER PROFILE PAGE - === */
119+
120-
#main-article>form[accept-charset="UTF-8"] + table#summary ,
120+
.links-box>a {
121-
#main-article>form[accept-charset="UTF-8"] + table#summary + #table-container {
121+
122
    width: 200px !important;
123
}
124
.navigation .links-box .navigation-link {
125-
/* (new60) - ADAPTATION for GM "Greasyfork install button on search" - 
125+
126
    align-items: center;
127
    padding: 1px 0;
128
}
129
.navigation .links-box .navigation-link .navigation-title {
130
    color: #617488 !important;
131
}
132-
    max-width: 460px !important;
132+
133-
    min-width: 460px !important;
133+
.navigation .navigation-category {
134
    position: fixed;
135
    display: inline-block;
136-
    padding: 1px 9px !important;
136+
    top: 19px !important;
137
    margin: 30px 0 10px;
138
    width: 200px !important;
139
    color: #95a5a6;
140
    font-size: 12px !important;
141
    text-align: center !important;
142-
.thetitle + div:hover #install-area {
142+
    z-index: 5000000;
143
}
144
145
.links-box:first-of-type:before {
146-
    max-width: 460px !important;
146+
    content: "Menu  ∇ " ;
147-
    min-width: 460px !important;
147+
148
/*     width: 100px !important; */
149
    width: 200px !important;
150
/*     border-left: 1px solid #95a5a6 !important; */
151
    border-bottom: 4px solid gold !important;
152
    text-align: center !important;
153
    visibility: visible !important;
154
}
155
.links-box:first-of-type {
156-
.thetitle + div #install-area> a {
156+
    border-top: none !important;
157
    visibility: hidden !important;
158
}
159
.links-box:first-of-type:hover {
160-
    max-width: 50px !important;
160+
    border-top: none !important;
161-
    min-width: 50px !important;
161+
162
}
163
.links-box:first-of-type + .navigation-category {
164
    left: 258px !important;
165
/*     border-right: 1px solid #95a5a6 !important; */
166
/*     border-left: 1px solid #95a5a6 !important; */
167-
.thetitle + div #install-area a:last-of-type {
167+
    border-bottom: 4px solid blue !important;
168
}
169
170
.links-box:first-of-type + .navigation-category  + .links-box {
171
    position: fixed !important;
172-
    max-width: 50px !important;
172+
173-
    min-width: 50px !important;
173+
    top: 67px !important;
174
    left: 258px !important;
175
    visibility: hidden !important;
176-
    padding: 1px 12px !important;
176+
border-bottom: 4px solid blue !important;
177
}
178
.links-box:first-of-type + .navigation-category  + .links-box:hover  ,
179
.links-box:first-of-type + .navigation-category:hover  + .links-box {
180
    visibility: visible !important;
181-
.thetitle + div #install-area .script-in-sets {
181+
182
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category {
183-
    height: 65px !important;
183+
    left: 466px !important;
184
    border-bottom: 4px solid green !important;
185-
    min-width: 330px !important;
185+
186
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category  + .links-box {
187
    position: fixed !important;
188
    display: inline-block !important;
189
    top: 67px !important;
190-
.thetitle + div #install-area .script-in-sets a:first-of-type {
190+
    left: 466px !important;
191
    visibility: hidden !important;
192-
    max-width: 300px !important;
192+
border-bottom: 4px solid green !important;
193-
    min-width: 300px !important;
193+
194
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category  + .links-box:hover  ,
195
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category:hover  + .links-box {
196
    visibility: visible !important;
197
}
198-
.thetitle + div #install-area .script-in-sets a:first-of-type + a {
198+
199
200-
    max-width: 300px !important;
200+
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category:after ,
201-
    min-width: 300px !important;
201+
.links-box:first-of-type + .navigation-category:after {
202
    content: " ∇ " ;
203
    display: inline-block;
204
    width: 5px !important;
205
    margin-left: 10px !important;
206
    text-align: center !important;
207
    color: gold ;
208
    visibility: visible !important;
209
}
210
211
/* (new119) USER PAGE(not ACCOUNT PAGE) - === */
212-
/* ADAPTATION for GM : userstyles.org css highlighter
212+
.personal-page-header {
213-
https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
213+
214
    width: 419px;
215-
#view-code.hiBeautted {
215+
    height: 30px;
216
    right: 226px;
217
    top: 42px !important;
218
    z-index: 50000;
219-
#view-code.hiBeautted #stylish-code {
219+
220
.personal-page-header h1 {
221
    width: 100%;
222
    color: #7691AD;
223
    font-size: 20px !important;
224
    overflow: hidden;
225
    text-overflow: ellipsis;
226-
    top: 0px;
226+
227-
    left: 0% !important;
227+
    word-break: normal;
228
}
229-
    border-radius: 0 0 5px 0 !important;
229+
.personal-page-header-right {
230
    height: 30px;
231
}
232
.personal-page .light-blue-button {
233
    padding: 1px 10px !important;
234
235-
    border-radius: 0 0 5px 0 !important;
235+
236
237
238
.personal-page-narrow {
239
    width: 100% !important;
240
}
241
.personal-page {
242
    box-sizing: border-box;
243
    margin: 10px auto;
244-
    left: -50% !important;
244+
    padding: 0 20px;
245
    width: 100%;
246
}
247
.us-stylecard--long {
248
position: relative !important;
249
    display: inline-block !important;
250
float: left !important;
251
    box-sizing: border-box;
252
    width: 48% !important;
253
    height: 172px;
254
/*     margin-right: 20px !important; */
255
/*     margin-bottom: -15px !important; */
256
margin: 15px 20px -10px 0 !important;
257
/* top: 10px !important; */
258-
    left: 4% !important;
258+
/* bottom: 10px !important; */
259
    padding: 8px !important;
260
    border: 1px solid red;
261
    border-radius: 5px;
262
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
263
    background-color: black !important;
264
}
265
.us-stylecard--long .us-stencil {
266
    align-items: center;
267
    background-color: #d4dce7;
268
    display: flex;
269
    height: 156px;
270
    justify-content: center;
271
    max-width: 50% !important;
272
    min-width: 50% !important;;
273
    position: relative;
274
}
275
.us-stylecard--long .us-container {
276
    display: inline-block !important;
277
    box-sizing: border-box;
278
    width: 50% !important;
279
    float: right !important;
280
    margin-top: -162px;
281
    padding: 16px 13px 0 13px !important;
282
    overflow: hidden;
283
}
284-
/* (new60) - ADAPTATION for GM :
284+
.us-stylecard--long .us-title {
285
    width: 100%;
286
    font-size: 20px;
287
    font-weight: 500;
288
    margin-top: 4px;
289
    overflow: hidden;
290
    text-overflow: ellipsis;
291
    white-space: pre-line !important;
292
293
}
294
.us-stylecard__button-container {
295
    display: inline-block;
296
    float: right;
297
    align-items: flex-end;
298
    justify-content: flex-end;
299
    width: 15%;
300
    margin-top: -40px !important;
301
    padding: 0 !important;
302
}
303
304
/* USERSTYLES - PAGINATION */
305
.us-stylecards__container  + #pagination {
306
position: fixed !important;
307
width: 700px !important;
308
    right: -320px !important;
309
    top: 44% !important;
310
padding: 5px !important;
311
border-radius: 5px !important;
312-
background-color: #F7F6E9 !important;
312+
    transform: rotate(90deg);
313
background: #222 !important;
314
}
315
.us-stylecards__container  + #pagination>a:first-of-type ,
316
.us-stylecards__container  + #pagination>a:last-of-type ,
317
.us-stylecards__container  + #pagination>#pages>.pageNumber ,
318
.us-stylecards__container  + #pagination>#pages>a {
319
    align-items: center;
320
    cursor: pointer;
321
    display: flex;
322
    font-size: 15px !important;
323
    font-weight: 500;
324
    height: 30px !important;
325
    justify-content: center;
326
    margin: 0 4px;
327
    width: 40px !important;
328
    transform: rotate(-90deg);
329
}
330-
/* (new79) SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
330+
.us-stylecards__container  + #pagination>a:first-of-type .div-arrow  ,
331
.us-stylecards__container  + #pagination>a:last-of-type .div-arrow {
332
    width: 30px !important;
333
    margin-left: 0 !important;
334
    margin-right: 0 !important;
335
text-align: center  !important;
336
}
337
.us-stylecards__container  + #pagination>a:first-of-type .arrow-icon , 
338
.us-stylecards__container  + #pagination>a:last-of-type .arrow-icon {
339
    width: 41px !important;
340-
font-size: 15px !important;
340+
height: 30px !important;
341
text-align: center  !important;
342
}
343
344
345
/* (new108) GREASYFORK - FORUM - TOP HEADER - DISMIS - == */
346
.MessageList.Discussion .Flyout.MenuItems.list-reset {
347
    height: 21px !important;
348
    margin-top: -3px !important;
349
    top: 0 !important;
350
}
351
352
.MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss {
353
    height: 15px !important;
354
    width: 15px !important;
355
    margin-right: 0 !important;
356
    margin-top: 0 !important;
357
    padding: 0 !important;
358
    font-size: 0px !important;
359
    color: red !important;
360
}
361
.MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:before {
362
    content: " \274C" ;
363
    font-size: 10px !important;
364
    color: red !important;
365-
    left: calc(84%) !important;
365+
366
.MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:hover:after {
367-
    padding: 1px 0  !important;
367+
    content: "Dismiss" ;
368
    position: absolute ;
369
    display: inline-block ;
370
    margin-top: -20px !important;
371
    margin-left: -30px !important;
372
    font-size: 10px !important;
373
    color: tomato !important;
374
}
375
376
/* (new96) STRANGE POST IN FORUM - 
377
https://forum.userstyles.org/discussion/29263/srazzano/p90
378
=== */
379
.MessageList.DataList.Comments {
380
    width: 712px !important;
381
}
382
383
384
/* (new94) - GM - Greasyfork Display Update Checks - (not working with CITRUS) -
385
https://greasyfork.org/fr/scripts/21484-greasyfork-display-update-checks
386
=== */
387
#browse-script-list>li>article>p>span[style*="border: 1px ridge #817F82;)"]>b  {
388
    color: gold !important;
389
/* OK - FINE TOP OF THE BACKGROUND - BLACK */
390
    text-shadow: 0px 1px 1px #000;
391
} 
392
393
/* (new93) GREASYFORK -  SET - LISTING PAGE - DESCRIPTION - === */
394
body[pagetype="ListingPage"] #main-header +  #script-table +.width-constraint h3 + p ,
395
body[pagetype="ListingPage"]  #script-table +.width-constraint h3 + p ,
396
body[pagetype="ListingPage"]  .width-constraint h3 + p {
397
    display: inline-block;
398
    border: 1px solid violet ;
399
}
400
401
402
/* (new79) GREASYFORK - Without SCRIPT - === */
403
.width-constraint > p {
404
    display: inline-block;
405-
:hover > .filter-switches a.filter-on , 
405+
406-
:hover > .filter-switches a.filter-off ,
406+
407-
#main-header:not(:hover)> .filter-switches a.filter-on , 
407+
408-
#main-header:not(:hover)> .filter-switches a.filter-off {
408+
409
410
411-
:hover > #script-content .filter-switches  a.filter-on ,
411+
412-
:hover > #script-content .filter-switches  a.filter-off {
412+
413
    z-index: 5000 !important;
414
}
415
416
/* (new79) PB HOVER - NEW TOP HEADER NAV MENU - MORE - 
417
.SiteMenu 
418-
    top: 148px !important;
418+
419-
    left: calc(85.6%) !important;
419+
420
    position: relative !important;
421
    display: inline-block !important;
422
}
423
424
li.with-submenu a + nav ,
425
li.with-submenu a + nav:hover ,
426
li.with-submenu a:hover + nav {
427
    position: absolute  !important;
428
    min-width: 100%; 
429
    margin-top: -5px !important;
430
    padding: 2px 5px 5px 15px !important;
431-
    left: calc(85.66%) !important;
431+
432-
    top: 198px !important
432+
433
    background-color: #333 !important;
434
}
435
li.with-submenu a + nav li {
436
    height: 20px !important;
437
    line-height: 20px !important;
438
    z-index: 50000000 !important;
439
}
440
li.with-submenu a + nav li a {
441
    padding: 2px 2px !important;
442
    text-align: left !important;
443
}
444
445
446
447
/* (new117) - ADAPTATION for GM "Greasyfork install button on search" (NOT Working with CITRUS) - 
448
https://greasyfork.org/fr/scripts/23340-greasyfork-install-button-on-search
449
AND GM "GreasyFork - filter libraries in profiles"
450
https://greasyfork.org/fr/scripts/12669-greasyfork-filter-libraries-in-profiles
451
2018 - MAYBE NOT NEED with CITRUS : SHOW Only INSTALL LINK IN USER PROFILE:
452
https://greasyfork.org/fr/forum/discussion/11601/x
453
=== */
454
.thetitle + div #install-area {
455
    position: relative !important;
456
    display: inline-block !important;
457
    float: left !important;
458
    max-width: 450px !important;
459
    min-width: 450px !important;
460
    margin-left: -4px !important;
461
    top: 0 !important;
462
    padding: 1px 4px !important;
463-
    top: 202px !important;
463+
464
    border-bottom: 1px solid gray;
465
    z-index: 1 !important;
466
    overflow: hidden !important;
467
}
468
.thetitle + div #install-area:hover {
469
    position: relative !important;
470
    display: inline-block !important;
471
    float: left !important;
472
    height: auto !important;
473-
/* left: calc(86.7%) !important; */
473+
474
    min-width: 450px !important;
475
    margin-left: -4px !important;
476
    top: 0 !important;
477
    padding: 1px 4px !important;
478
    background-color: #f9ecdb !important;
479
    border-bottom: 1px solid gray;
480
    z-index: 5000 !important;
481
    overflow: visible !important;
482
}
483
.thetitle + div #install-area> a:first-of-type {
484
    display: inline-block;
485
    float: left !important;
486
    clear: both !important;
487
    max-width: 150px !important;
488
    min-width: 150px !important;
489
    line-height: 13px !important;
490
    font-size: 10px !important;
491
    margin-left: 0 !important;
492
    text-align: center !important;
493
}
494
.thetitle + div #install-area> a:last-of-type {
495
    max-width: 20px !important;
496
    min-width: 20px !important;
497
    line-height: 13px !important;
498
    font-size: 10px !important;
499
    margin-left: 0 !important;
500
    text-align: center !important;
501
}
502
.thetitle + div #install-area form.script-in-sets {
503
    position: absolute !important;
504
    display: inline-block !important;
505
    height: 100% !important;
506
    min-height: 50px !important;
507
    max-height: 50px !important;
508
    max-width: 374px !important;
509
    min-width: 374px !important;
510
    left: 75px !important;
511
    top: 2px !important;
512
    font-size: 0px !important;
513
    overflow-x: hidden;
514
    overflow-y: auto;
515
}
516
517
.thetitle + div #install-area form.script-in-sets:hover {
518
    min-height: 150px !important;
519
    max-height: 200px !important;
520
    z-index: 500000 !important;
521
    border: 1px solid violet !important;
522
}
523
.thetitle + div #install-area .script-in-sets select {
524
    display: inline-block;
525
    max-width: 287px !important;
526
    min-width: 287px !important;
527
    margin-left: 0px !important;
528
    margin-top: 7px !important;
529
}
530
531
.tk.sel {
532
    color: #25B300 !important;
533
}
534
.tk.pro {
535
    color: #2a7da3 !important;
536
}
537
.tk.pun {
538
    color: #0F40A7 !important;
539
}
540
.tk.com {
541
    color: #9F7E15 !important;
542
}
543
544
/* (new110) - ADAPTATION for GM :
545
== GreasyFork Bullshit Filter :
546
https://greasyfork.org/en/scripts/12179-greasyfork-bull-filter
547
== GreasyFork Bullshit Filter (compatible with Citrus GFork)
548
https://greasyfork.org/en/scripts/13514-greasyfork-bull-filter-compatible-with-citrus-gfork
549
550
AND (TEST):
551
GreasyFork - filter discussions on scripts by review type and author
552
https://greasyfork.org/fr/scripts/23626-greasyfork-filter-discussions-on-scripts-by-review-type-and-author
553
=== */
554
.MessageList.DataList.Comments .ItemComment.filtered, 
555
.ItemDiscussion.filtered  {
556
    height: 10px!important;
557
    font-size: 3px !important;
558
    overflow: hidden !important;
559
    opacity: 0.4 !important;
560
}
561
.MessageList.DataList.Comments .ItemComment.filtered:hover, 
562
.ItemDiscussion.filtered:hover  {
563
    opacity: 1 !important;
564
}
565
.ItemDiscussion.filtered .ItemContent.Discussion .Title  {
566
    height: 10px!important;
567
    line-height: 10px!important;
568
    font-size: 8px !important;
569
/* background: red !important; */
570
}
571
.ItemDiscussion.filtered .ItemContent.Discussion .Title a {
572
    min-width: 600px !important;
573
    max-width: 600px !important;
574
    height: 10px!important;
575
    line-height: 7px!important;
576
    margin-top: -45px !important;
577
    font-size: 8px !important;
578
}
579
.ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion  {
580
    min-width: 600px !important;
581
    max-width: 600px !important;
582
    height: 10px!important;
583
    line-height: 10px!important;
584
    margin-left: 20px !important;
585
    font-size: 9px !important;
586
}
587
.ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion::before {
588
    margin-top: -8px !important;
589
    transform: scale(0.7) !important;
590
}
591
/* FILTERED SCRIPTS - DISPLAY MINIMUM - === */
592
body[pagetype="ListingPage"] #script-table tr.filtered {
593
    display: table-row !important;
594
    width: 100% !important;
595
    height: 10px!important;
596
}
597
body[pagetype="ListingPage"] #script-table tr.filtered:hover td {
598
    background: black !important;
599
}
600
body[pagetype="ListingPage"] #script-table tr.filtered > td {
601
    display: table-cell !important;
602
    height: 100% !important;
603
    min-height: 10px!important;
604
    max-height: 10px!important;
605
    padding: 0 !important;
606
    font-size: 7px !important;
607
    background-color: #F7F6E9 !important;
608
}
609
body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {
610
    font-size: 8px !important;
611
}
612
613
body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {
614
    font-size: 8px !important;
615
}
616
body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {
617
    border-left: 1px solid red !important;
618
}
619
620
/* HIDDE SCRIPT DESCRIPTION FOR FILTERED */
621
body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {
622
    display: none !important;
623
}
624
625
/* (new98) SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
626
body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {
627
    position: absolute !important;
628
    display: inline-block !important;
629
    width: 914px !important;
630
    background-color: #f7f6e9 !important;
631
    border: 1px solid peru !important;
632
    border-left: 3px solid red !important;
633
    border-right: 3px solid red !important;
634
    border-bottom: 4px solid red !important;
635
    font-size: 15px !important;
636
    z-index: 50000 !important;
637
}
638
body[pagetype="ListingPage"] #script-table tr.filtered > td span + span ,
639
body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {
640
    display: inline-block !important;
641
    display: none !important;
642
    height: 100% !important;
643
    min-height: 15px!important;
644
    max-height: 15px!important;
645
    padding: 0 !important;
646
    font-size: 8px !important;
647
}
648
body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {
649
    display: inline-block !important;
650
    height: 100% !important;
651
    min-height: 10px!important;
652
    max-height: 10px!important;
653
    line-height: 8px!important;
654
    padding: 0 !important;
655
    font-size: 9px !important;
656
}
657
.filter-status:not(:empty) ,
658
#script-content .filter-status:not(:empty) {
659
    box-sizing: border-box;
660
    position: fixed !important;
661
    height: 35px !important;
662
    line-height: 17px !important;
663
    max-width: 190px !important;
664
    min-width: 190px !important;
665
    left: calc(83.95%) !important;
666
    top: 55px !important;
667
    padding: 1px 0px  !important;
668
    border-radius: 5px 5px 0 0 !important;
669
    text-align: center !important;
670
    font-size: 13px !important;
671
    color: white !important;
672
    cursor: default !important;
673
    z-index: 500000 !important;
674
    background: #B38C25 !important;
675
}
676
.filter-status:first-of-type + .filter-switches:hover ,
677
.filter-status:first-of-type:hover + .filter-switches ,
678
.filter-status:first-of-type + .filter-switches {
679
    position: fixed !important;
680
    width: 190px !important;
681
    left: calc(84.3%) !important;
682
    top: 88px !important;
683
    border-radius: 0 0 5px 5px !important;
684
    background: #B38C25 !important;
685
    z-index: 50000 !important;
686
}
687
.filter-status:first-of-type + .filter-switches ~  .filter-switches ,
688
.filter-status:first-of-type + .filter-switches ~ .filter-status {
689
    display: none !important;
690
}
691
:hover > .filter-switches a ,
692
.filter-switches  a ,
693
#main-header  .width-constraint + .filter-status ~  .filter-switches a ,
694
#Frame #Head.Head .filter-switches a
695
#script-content .filter-switches  a {
696
    display: inline-block  !important;
697
    width: 160px !important;
698
    height: 15px !important;
699
    line-height: 15px !important;
700
    margin-top: -2px !important;
701
    bottom: 0px !important;
702
    margin-left: 0px !important;
703
    font-size: 14px !important;
704
    color: white !important;
705
    cursor: pointer !important;
706
}
707
#Frame #Head.Head .filter-switches a {
708
    color: white !important;
709
}
710
711
.ui-widget {
712
    position: fixed !important;
713
    width: 190px !important;
714
    top: 175px !important;
715
    left: calc(84.5%) !important;
716
}
717
.ui-widget #myform {
718
    width: 185px !important;
719
}
720
721
.ui-widget #myform input#authors {
722
    width: 180px !important;
723
}
724
.dropdown {
725
    position: fixed !important;
726
    width: 185px !important;
727
    left: calc(84.5%) !important;
728
    top: 228px !important
729
}
730
731
.dropbtn {
732
    width: 185px !important;
733
    padding: 5px 0px 5px 20px !important;
734
}
735
.dropdown-content {
736
    width: 185px !important;
737
    height: 400px !important;
738
    padding: 16px 0px 5px 0px !important;
739
    background-color: #222 !important;
740
}
741
#myDropdown.dropdown-content a {
742
    padding: 1px 0px 2px 5px !important;
743
    font-size: 15px !important;
744
    color: gray !important;
745
    background-color: #333 !important;
746
    text-align: left !important;
747
    cursor: default !important;
748
}
749
#myDropdown.dropdown-content a:hover {
750
    font-size: 15px !important;
751
    color: gold !important;
752
    background-color: #222 !important;
753
}
754
755
/* FILTER - ALL COMMENTS (on top)  */
756
.dropdown:hover   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] ,
757
.dropdown:not(:hover)   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] {
758
    position: fixed !important;
759
    display: inline-block !important;
760
    left: calc(85.56%) !important;
761
    top: 232px !important;
762
    padding: 3px !important;
763
    border-radius: 100% !important;
764
    text-align: center !important;
765
}
766
767
/* for FITTER SCRIPT */
768
.width-constraint + .filter-status {
769
    position: fixed !important;
770
    width: 190px !important;
771
}
772
.width-constraint + .filter-status + .filter-switches {
773
/* left: calc(87%) !important; */
774
}
775
.width-constraint + .filter-status + .filter-switches a {
776
    margin-left: 10px !important;
777
}
778
779
/* (new94) GREASYFORK - FITER COMMENTS on USER PROFILE - CONTAINER - === */
780
body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches {
781
    position: fixed !important;
782
    display: inline-block;
783
    right: 110px !important;
784
    width: 189px;
785
    top: 91px;
786
    text-align: center;
787
    background: #222 !important;
788
}
789
body[pagetype="PersonalProfile"] #user-profile +  #control-panel .ui-widget {
790
    left: calc(84.5%);
791
    top: 195px !important;
792
    width: 190px;
793
}
794
795
796
body[pagetype="PersonalProfile"] #user-profile +  #control-panel .dropdown {
797
    left: calc(84.5%);
798
    top: 241px !important;
799
    width: 185px;
800
}
801
802
/* GREASEAFORK FORUM - CLEAR CONVERSTAION BUTTON - Small TXT - === */
803
.Button.Danger.BigButton.ClearConversation {
804
    display: block;
805
    font-size: 11px!important;
806
    font-weight: bold;
807
    margin: 0 0 10px;
808
    padding: 8px 10px;
809
    text-align: center;
810
}
811
812
/* ALL SITES PAGE - 
813
https://greasyfork.org/en/scripts/by-site
814
=== */
815
#by-site-list li[style="font-size: 5.0em"] {
816
    font-size: 3.28em  !important;
817
}
818
#by-site-list li[style="font-size: 5.0em"] a {
819
    color: darkturquoise !important;
820
}
821
822
823
#by-site-list li[style="font-size: 4.07em"] {
824
    font-size: 3.27em !important;
825
}
826
#by-site-list li[style="font-size: 4.07em"] a {
827
    color: lightsalmon!important;
828
}
829
830
#by-site-list li[style="font-size: 3.86em"] {
831
    font-size: 3.26em !important;
832
}
833
#by-site-list li[style="font-size: 3.86em"] a {
834
    color: darkturquoise !important;
835
}
836
837
#by-site-list li[style="font-size: 2.86em"] {
838
    font-size: 3.25em!important;
839
}
840
#by-site-list li[style="font-size: 2.86em"] a {
841
    color: deepskyblue !important;
842
}
843
844
#by-site-list li[style="font-size: 2.02em"] {
845
    font-size: 3.24em!important;
846
}
847
#by-site-list li[style="font-size: 2.02em"] a {
848
    color: darkturquoise !important;
849
}
850
851
#by-site-list li[style="font-size: 2.1em"] {
852
    font-size: 3.23em !important;
853
}
854
#by-site-list li[style="font-size: 2.1em"] a {
855
    color: darkturquoise !important;
856
}
857
858
#by-site-list li[style="font-size: 2.06em"] {
859
    font-size: 3.22em !important;
860
}
861
#by-site-list li[style="font-size: 2.06em"] a {
862
    color: deepskyblue !important;
863
}
864
865
#by-site-list li[style="font-size: 1.99em"] {
866
    font-size: 3.21em !important;
867
}
868
#by-site-list li[style="font-size: 1.99em"] a {
869
    color: darkturquoise !important;
870
}
871
872
#by-site-list li[style="font-size: 1.92em"] {
873
    font-size: 3.20em !important;
874
}
875
#by-site-list li[style="font-size: 1.92em"] a {
876
    color: darkturquoise !important;
877
}
878
879
#by-site-list li[style="font-size: 1.87em"] {
880
    font-size: 3.19em!important;
881
}
882
#by-site-list li[style="font-size: 1.87em"] a {
883
    color: darkturquoise !important;
884
}
885
886
#by-site-list li[style="font-size: 1.7em"] {
887
    font-size: 3.18em!important;
888
}
889
#by-site-list li[style="font-size: 1.7em"] a {
890
    color: darkturquoise !important;
891
}
892
893
#by-site-list li[style="font-size: 1.66em"] {
894
    font-size: 3.17em !important;
895
}
896
#by-site-list li[style="font-size: 1.66em"] a {
897
    color: darkturquoise !important;
898
}
899
900
#by-site-list li[style="font-size: 1.61em"] {
901
    font-size: 3.16em !important;
902
}
903
#by-site-list li[style="font-size: 1.61em"] a {
904
    color: deeppink !important;
905
}
906
907
#by-site-list li[style="font-size: 1.5em"] {
908
    font-size: 3.15em !important;
909
}
910
#by-site-list li[style="font-size: 1.5em"] a {
911
    color: darkturquoise !important;
912
}
913
914
#by-site-list li[style="font-size: 1.4em"] {
915
    font-size: 3.14em !important;
916
}
917
#by-site-list li[style="font-size: 1.4em"] a {
918
    color: darkturquoise !important;
919
}
920
921
#by-site-list li[style="font-size: 1.41em"] {
922
    font-size: 3.13em !important;
923
}
924
#by-site-list li[style="font-size: 1.41em"] a {
925
    color: deeppink !important;
926
}
927
928
#by-site-list li[style="font-size: 1.3em"] {
929
    font-size: 3.12em !important;
930
}
931
#by-site-list li[style="font-size: 1.3em"] a {
932
color: deeppink !important;
933
}
934
935
#by-site-list li[style="font-size: 1.39em"] {
936
    font-size: 3.11em !important;
937
}
938
#by-site-list li[style="font-size: 1.39em"] a {
939
    color: darkturquoise !important;
940
}
941
942
#by-site-list li[style="font-size: 1.38em"] {
943
    font-size: 3.10em!important;
944
}
945
#by-site-list li[style="font-size: 1.38em"] a {
946
    color: darkturquoise !important;
947
}
948
949
#by-site-list li[style="font-size: 1.35em"] {
950
    font-size: 3.09em !important;
951
}
952
#by-site-list li[style="font-size: 1.35em"] a {
953
color: darkturquoise !important;
954
}
955
956
#by-site-list li[style="font-size: 1.34em"] {
957
    font-size: 3.08em !important;
958
}
959
#by-site-list li[style="font-size: 1.34em"] a {
960
    color: darkturquoise !important;
961
}
962
963
#by-site-list li[style="font-size: 1.32em"] {
964
    font-size: 3.07em !important;
965
}
966
#by-site-list li[style="font-size: 1.32em"] a {
967
    color: darkturquoise !important;
968
}
969
970
#by-site-list li[style="font-size: 1.31em"] {
971
    font-size: 3.06em !important;
972
}
973
#by-site-list li[style="font-size: 1.31em"] a {
974
    color: darkturquoise !important;
975
}
976
977
#by-site-list li[style="font-size: 1.29em"] {
978
    font-size: 3.05em !important;
979
}
980
#by-site-list li[style="font-size: 1.29em"] a {
981
    color: deeppink !important;
982
}
983
984
#by-site-list li[style="font-size: 1.26em"] {
985
    font-size: 3.04em !important;
986
}
987
#by-site-list li[style="font-size: 1.26em"] a {
988
    color: darkturquoise !important;
989
}
990
991
#by-site-list li[style="font-size: 1.23em"] {
992
    font-size: 3.03em !important;
993
}
994
#by-site-list li[style="font-size: 1.23em"]:nth-child(odd) a {
995
    color: lightcyan !important;
996
}
997
#by-site-list li[style="font-size: 1.23em"]:nth-child(even) a {
998
    color: wheat !important;
999
}
1000
1001
#by-site-list li[style="font-size: 1.21em"] {
1002
    font-size: 3.02em !important;
1003
}
1004
#by-site-list li[style="font-size: 1.21em"] a {
1005
    color: deeppink !important;
1006
}
1007
1008
#by-site-list li[style="font-size: 1.08em"] {
1009
    font-size: 3.01em !important;
1010
}
1011
#by-site-list li[style="font-size: 1.08em"] a {
1012
    color: darkturquoise !important;
1013
}
1014
1015
#by-site-list li[style="font-size: 1.07em"] {
1016
    font-size: 3.00em !important;
1017
}
1018
#by-site-list li[style="font-size: 1.07em"] a {
1019
    color: darkturquoise !important;
1020
}
1021
1022
#by-site-list li[style="font-size: 1.05em"] {
1023
    font-size: 2.99em  !important;
1024
}
1025
#by-site-list li[style="font-size: 1.05em"] a {
1026
    color: darkturquoise !important;
1027
}
1028
1029
#by-site-list li[style="font-size: 1.0em"] {
1030
    font-size: 2.98em  !important;
1031
}
1032
#by-site-list li[style="font-size: 1.0em"] a {
1033
    color: darkturquoise !important;
1034
}
1035
1036
#by-site-list li[style="font-size: 1.01em"] {
1037
    font-size: 2.97em  !important;
1038
}
1039
#by-site-list li[style="font-size: 1.01em"] a {
1040
    color: darkturquoise !important;
1041-
/* GREASEY FORK - LIGHTBOX - POSITION - 
1041+
1042-
https://greasyfork.org/fr/scripts/7732-custom-styles-kaskus
1042+
1043-
https://greasyfork.org/fr/scripts/7863-gmail-delete-highlight
1043+
1044-
https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
1044+
1045-
https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables
1045+
1046-
https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
1046+
1047-
HEIGHT ++ : https://greasyfork.org/en/scripts/7275-pinterest-add-ons
1047+
1048
}
1049-
ALT (alt="Capture" title="YES" style="">):
1049+
1050-
- https://greasyfork.org/fr/scripts/7483-fa-content-filter
1050+
1051
}
1052-
ALT (alt="Capture" title="NO" style="">):
1052+
1053-
- https://greasyfork.org/fr/scripts/7827-auto-open
1053+
1054-
- https://greasyfork.org/fr/scripts/7828-cleaner-androidpolice-ap2
1054+
1055
#by-site-list li[style="font-size: 0.6em"]:nth-child(3n+3) a {
1056-
/* ============  SOURCE - SUPP "Source" - 
1056+
1057-
La propriété de feuille de style clip css peut prendre la valeur de :
1057+
1058-
- auto, s'adapte au contenu,
1058+
1059-
- rect(v1, v2, v3, v4) : 
1059+
1060-
v1 début de la zone visible verticale, 
1060+
1061-
v2 fin de la zone visible horizontale, 
1061+
1062-
v3 fin de la zone visible verticale, 
1062+
1063-
v4 début de la zone visible horizontale. 
1063+
1064-
L'unité "%" ne semble pas être acceptée.
1064+
1065-
- inherit, hérite de son parent
1065+
1066-
EXEMPLE :
1066+
1067-
    clip: rect(0px, 185px, 25px , 54px)!important;
1067+
1068-
================== */
1068+
1069
#by-site-list li[style="font-size: 0.61em"]:nth-child(even) a {
1070
    color: azure !important;
1071
}
1072
#by-site-list li[style="font-size: 0.61em"]:nth-child(3n+2) a {
1073
    color: mediumvioletred !important;
1074
}
1075
1076
1077
#by-site-list li[style="font-size: 0.62em"]{
1078-
    margin-top: -63px!important;
1078+
1079
}
1080
#by-site-list li[style="font-size: 0.62em"] a {
1081
    color: blueviolet !important;
1082
}
1083
#by-site-list li[style="font-size: 0.62em"]:nth-child(odd) a {
1084
    color: cornflowerblue !important;
1085
}
1086
#by-site-list li[style="font-size: 0.62em"]:nth-child(even) a {
1087
    color: peachpuff !important;
1088
}
1089
#by-site-list li[style="font-size: 0.62em"]:nth-child(3n+2) a {
1090
    color: tomato !important;
1091
}
1092-
CLIP:
1092+
1093-
 rect (top, right, bottom, left)
1093+
1094-
image:clip:rect(0px,60px,200px,0px);
1094+
1095
#by-site-list li[style="font-size: 0.62em"]:nth-child(4n+7) a {
1096
    color: greenyellow !important;
1097
}
1098
1099
#by-site-list li[style="font-size: 0.63em"]{
1100
    font-size: 1.3em !important;
1101
}
1102
#by-site-list li[style="font-size: 0.63em"]:nth-child(odd) a  {
1103
    color: lightsalmon !important;
1104
}
1105
#by-site-list li[style="font-size: 0.63em"]:nth-child(even) a {
1106
    color: darkcyan !important;
1107
}
1108
1109
1110
#by-site-list li[style="font-size: 0.64em"]{
1111
    font-size: 1.4em !important;
1112
}
1113
#by-site-list li[style="font-size: 0.64em"] a {
1114
    color: peru !important;
1115
}
1116
#by-site-list li[style="font-size: 0.64em"]:nth-child(odd) a {
1117
    color: deepskyblue !important;
1118
}
1119
#by-site-list li[style="font-size: 0.64em"]:nth-child(even) a {
1120
    color: dodgerblue !important;
1121
}
1122
#by-site-list li[style="font-size: 0.64em"]:nth-child(3n+2) a {
1123
    color: tomato !important;
1124
}
1125
#by-site-list li[style="font-size: 0.64em"]:nth-child(3n+3) a {
1126
    color: powderblue !important;
1127
}
1128
#by-site-list li[style="font-size: 0.64em"]:nth-child(4n+7) a {
1129
    color: greenyellow !important;
1130
}
1131
1132
#by-site-list li[style="font-size: 0.65em"]{
1133
    font-size: 1.5em !important;
1134
}
1135
#by-site-list li[style="font-size: 0.65em"]:nth-child(odd) a {
1136
    color: violet !important;
1137
}
1138
#by-site-list li[style="font-size: 0.65em"]:nth-child(even) a {
1139
    color: goldenrod !important;
1140
}
1141
1142
1143
#by-site-list li[style="font-size: 0.66em"]{
1144
    font-size: 1.6em !important;
1145
}
1146
#by-site-list li[style="font-size: 0.66em"]:nth-child(odd) a {
1147
    color: greenyellow !important;
1148
}
1149
#by-site-list li[style="font-size: 0.66em"]:nth-child(even) a {
1150
    color: indianred !important;
1151
}
1152
1153
1154
#by-site-list li[style="font-size: 0.67em"]{
1155
    font-size: 1.7em !important;
1156
}
1157
#by-site-list li[style="font-size: 0.67em"] a {
1158
    color: lawngreen !important;
1159
}
1160
1161
1162
#by-site-list li[style="font-size: 0.68em"]{
1163
    font-size: 1.8em !important;
1164
}
1165
#by-site-list li[style="font-size: 0.68em"]:nth-child(odd) a {
1166-
/* font-size: 0 !important; */
1166+
1167
}
1168
#by-site-list li[style="font-size: 0.68em"]:nth-child(even) a {
1169
    color: lavender !important;
1170
}
1171-
/* TEST - GM - LANG FILTER - 
1171+
1172-
https://greasyfork.org/fr/scripts/3043-greasyfork-org-langfilter
1172+
1173-
PB compatibility with TS CITRUS in SCRIPTS LIST 
1173+
1174
#by-site-list li[style="font-size: 0.68em"]:nth-child(3n+3) a {
1175
    color: powderblue !important;
1176
}
1177
#by-site-list li[style="font-size: 0.68em"]:nth-child(4n+7) a {
1178
    color: greenyellow !important;
1179
}
1180
1181
1182
#by-site-list li[style="font-size: 0.69em"]{
1183
    font-size: 1.9em !important;
1184
}
1185
#by-site-list li[style="font-size: 0.69em"] a {
1186
    color: lemonchiffon !important;
1187
}
1188
1189-
/* USERSTYLES - - STYLE INFOS for TXT in "small"
1189+
1190-
https://userstyles.org/styles/109335/greasyfork-wide-scriptlist
1190+
1191
    font-size: 2em !important;
1192-
#additional-info-text small {
1192+
1193-
    color: #acaeb5 !important;
1193+
1194-
    font-size: 12px!important;
1194+
1195
}
1196
#by-site-list li[style="font-size: 0.7em"]:nth-child(even) a {
1197
    color:  blanchedalmond !important;
1198
}
1199
1200
1201
#by-site-list li[style="font-size: 0.71em"]{
1202
    font-size: 2.1em !important;
1203
}
1204
#by-site-list li[style="font-size: 0.71em"] a {
1205
    color: antiquewhite !important;
1206
}
1207
1208
#by-site-list li[style="font-size: 0.72em"]{
1209
    font-size: 2.2em !important;
1210-
text-indent: 0px !important;
1210+
1211
#by-site-list li[style="font-size: 0.72em"] a {
1212
    color: aqua !important;
1213
}
1214-
/*     display: inline-block; */
1214+
1215
#by-site-list li[style="font-size: 0.73em"]{
1216-
/* min-width: 100% !important; */
1216+
1217-
/* max-width: 100% !important; */
1217+
1218
#by-site-list li[style="font-size: 0.73em"] a {
1219
    color: aquamarine !important;
1220
}
1221
1222
#by-site-list li[style="font-size: 0.74em"]{
1223
    font-size: 2.4em !important;
1224-
/* USERSTYLES COMMENT FORM - 
1224+
1225-
https://forum.userstyles.org/discussion/48485/how-do-i-remove-pop-ups-in-lower-left-corner-in-firefox#latest
1225+
1226
    color: bisque !important;
1227-
.Form-HeaderWrap {
1227+
1228-
    margin-left: -71px !important;
1228+
1229
1230-
.MessageForm .H {
1230+
1231-
text-indent: 30px !important;
1231+
1232
}
1233-
.CommentFormWrap .Form-HeaderWrap .Form-Header .Author {
1233+
1234
    color: darkgray !important;
1235-
    margin-left: 51px !important;
1235+
1236
#by-site-list li[style="font-size: 0.75em"]:nth-child(even) a {
1237
    color: palevioletred !important;
1238-
.CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap {
1238+
1239
1240
1241
#by-site-list li[style="font-size: 0.76em"]{
1242-
.CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap img.ProfilePhotoMedium {
1242+
1243
}
1244
#by-site-list li[style="font-size: 0.76em"] a {
1245
color: darkcyan !important;
1246
}
1247-
#Form_Comment {
1247+
1248-
    width: 701px !important;
1248+
1249-
    margin-left: -143px !important;
1249+
1250
}
1251-
    padding-left: 72px !important;
1251+
1252
    color: darkorange !important;
1253
}
1254
1255
#by-site-list li[style="font-size: 0.78em"]{
1256-
    min-width: 675px !important;
1256+
1257
}
1258
#by-site-list li[style="font-size: 0.78em"] a {
1259
    color: crimson !important;
1260
}
1261
1262
#by-site-list li[style="font-size: 0.79em"]{
1263
    font-size: 2.9em !important;
1264
}
1265
#by-site-list li[style="font-size: 0.79em"] a {
1266
    color: cornsilk  !important;
1267
}
1268
1269
/* ==== > 2.91em ===  */
1270
1271
#by-site-list li[style="font-size: 0.8em"]{
1272
    font-size: 2.91em !important;
1273
}
1274
#by-site-list li[style="font-size: 0.8em"] a {
1275
    color: cornflowerblue  !important;
1276
}
1277
1278
#by-site-list li[style="font-size: 0.81em"]{
1279
    font-size: 2.92em !important;
1280
}
1281
#by-site-list li[style="font-size: 0.81em"] a {
1282
    color: coral  !important;
1283
}
1284
1285
#by-site-list li[style="font-size: 0.82em"]{
1286
    font-size: 2.93em !important;
1287
}
1288
#by-site-list li[style="font-size: 0.82em"] a {
1289
    color: chocolate !important;
1290
}
1291
1292
#by-site-list li[style="font-size: 0.83em"]{
1293
    font-size: 2.94em !important;
1294
}
1295
#by-site-list li[style="font-size: 0.83em"] a {
1296
    color: chartreuse !important;
1297
}
1298
1299
1300
#by-site-list li[style="font-size: 0.85em"]{
1301
    font-size: 2.945em !important;
1302
}
1303
#by-site-list li[style="font-size: 0.85em"] a {
1304
    color: cadetblue !important;
1305
}
1306
#by-site-list li[style="font-size: 0.85em"]:nth-child(odd) a {
1307
    color: orangered!important;
1308
}
1309
#by-site-list li[style="font-size: 0.85em"]:nth-child(even) a {
1310
    color: indianred !important;
1311
}
1312
#by-site-list li[style="font-size: 0.85em"]:nth-child(3n+2) a {
1313
    color: tomato !important;
1314
}
1315
#by-site-list li[style="font-size: 0.85em"]:nth-child(3n+3) a {
1316
    color: mediumturquoise !important;
1317
}
1318
#by-site-list li[style="font-size: 0.85em"]:nth-child(4n+7) a {
1319
    color: greenyellow !important;
1320
}
1321
1322
1323
#by-site-list li[style="font-size: 0.89em"] {
1324
    font-size: 2.96em !important;
1325
}
1326
#by-site-list li[style="font-size: 0.89em"]:nth-child(odd) a {
1327
    color: darkturquoise !important;
1328
}
1329
#by-site-list li[style="font-size: 0.89em"]:nth-child(even) a {
1330
    color: mediumorchid !important;
1331
}
1332
1333
#by-site-list li[style="font-size: 0.99em"] {
1334
    font-size: 2.965em !important;
1335
}
1336-
.bodybox-wrap .RadioLabel[for="Form_Format1"] a
1336+
1337
    color: darkturquoise !important;
1338-
/* .RadioLabel[for="Form_Format1"]:hover , */
1338+
1339
#by-site-list li[style="font-size: 0.99em"]:nth-child(even) a {
1340
    color: mediumorchid !important;
1341
}
1342
1343
/* (new101) (COR) - GREASY FORK - LIGHTBOX - POSITION - === */
1344
/* SOURCE - SUPP "Source" - ==== */
1345
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after {
1346
    position: relative !important;
1347
    display: inline-block !important;
1348
    float: right !important;
1349
    clear: both !important;
1350
    content: " 🔻 Preview 🔻 " !important;
1351
    height: 15px !important;
1352
    line-height: 12px !important;
1353
    width: 140px!important;
1354
    margin-top: 57px!important;
1355
    margin-right: -83px !important;
1356
    border-right: 1px solid peru !important;
1357
    border-left: 1px solid peru !important;
1358
    border-top: 1px solid peru !important;
1359
    transform: rotate(90deg) !important;
1360
    text-align: center !important;
1361
    letter-spacing: 1.7px;
1362
    background: black !important;
1363
    z-index: 5000 !important;
1364
    border: 1px solid gold !important;
1365
}
1366
1367
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots {
1368
    position: absolute!important;
1369
    display: inline-block!important;
1370
    height: 130px !important;
1371
    width: 97.5%!important;
1372
    top: -160px!important;
1373
    text-align: right!important;
1374
    border: 1px solid peru !important;
1375
    background: black !important;
1376
    clip: rect(0px, 990px, 145px , 945px)!important;
1377
    transition: all ease 1.5s !important;
1378
}
1379
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover {
1380
    background: red !important;
1381
    clip: rect(0px, 947px, 145px , 0px)!important;
1382
    z-index: 5000!important;
1383
}
1384
1385
.script-screenshots .fancybox {
1386
    position: relative !important;
1387
    display: inline-block !important;
1388
    float: right !important;
1389
    clear:left !important;
1390
    height: 120px !important;
1391
    width: 160px!important;
1392-
    border: 4px solid YELLOW !important;
1392+
1393
    margin-left: 5px !important;
1394
}
1395
.script-screenshots .fancybox:not([title=""]):after {
1396
    content: attr(title) !important;
1397
    position: relative !important;
1398
    display: inline-block !important;
1399
    height: 10px !important;
1400
    line-height: 10px !important;
1401
    width: 145px!important;
1402
    float: right !important;
1403
    clear: both !important;
1404
    margin-right: 0px !important;
1405-
    border: 4px DOTTED YELLOW !important;
1405+
1406
    padding: 2px 5px !important;
1407
    border-radius: 5px !important;
1408
    font-size: 10px !important;
1409
    text-align: left !important;
1410
    text-overflow: ellipsis !important;
1411
    white-space: nowrap !important;
1412
    overflow: hidden !important;
1413
    background: #333 !important;
1414
}
1415
1416
1417
/* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :
1418
reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338
1419
https://greasyfork.org/fr/scripts/13725-youtube-fairblock
1420
==== */
1421
img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {
1422
    display: inline-block !important;
1423
}
1424
.width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {
1425
    position: relative !important;
1426
    display: inline-block !important;
1427
    height: 100% !important;
1428
    min-height: 100px !important;
1429
    max-height: 100px !important;
1430
    max-width: 98% !important;
1431
    margin: 0 auto !important;
1432
    border: 1px solid orange !important;
1433
    border-radius: 3px;
1434-
/* margin-bottom: -37px !important; */
1434+
1435
    color: yellow !important;
1436
    padding: 2px !important;
1437
    background-color: #2b2b2b !important;
1438
}
1439
1440
/* TEST - GM - LANG FILTER - === */
1441
#greazy-forq-info  {
1442
    background: rgba(255, 255, 255, 0.55);
1443
    color: #670000;
1444-
/* margin-bottom: -37px !important; */
1444+
1445
    left: 2px;
1446
    position: fixed;
1447
    text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
1448
    top: 2px;
1449
    z-index: 5000!important;
1450
}
1451
li.greazy-forq-hiden ,
1452
.greazy-forq-hiden {
1453
    border-width: 1px 0 1px 9px !important;
1454
}
1455
1456
1457
/* (new79) SCRIPT TABLE - RATING NUMBER - TS CITRUS - === */
1458-
/* (new79) USER PROFILE - === */
1458+
1459
.ok-rating-count, 
1460
.bad-rating-count {
1461
    border-radius: 2px!important;
1462
    display: inline-block !important;
1463-
/* width: 100% !important; */
1463+
1464
    height: 13px !important;
1465
    line-height: 11px !important;
1466
    padding: 0px 2px !important;
1467
    margin-right: 2px!important;
1468
    margin-left: -2px!important;
1469
    text-align: center !important;
1470
    text-indent: 0px !important;
1471
}
1472-
width: 100% !important;
1472+
1473
    display: table-cell !important;
1474
    width: 100% !important;
1475
    height: 13px !important;
1476
    line-height: 13px !important;
1477
    padding: 0px 2px !important;
1478
    border-radius: 2px!important;
1479
}
1480
1481
1482
/* (new94) TEST GREASYFORK - POST COMMENT - FIRST (cf #Form_Body) + RE EDIT */
1483-
/* (new74) PROFILE INFOS - WITH / WITHOUT CITRUS  - PERSONALPROFILE and USREPROFILE - 
1483+
/* FIRST  */
1484-
https://greasyfork.org/fr/users/8-decembre?sort=updated
1484+
1485-
https://greasyfork.org/fr/users/2482-lazza?sort=updated
1485+
1486
    min-height: 50px;
1487
    min-width: 670px !important;
1488
    overflow: hidden;
1489
    resize: vertical !important;
1490
    word-wrap: break-word;
1491
/* outline: 1px solid red ; */
1492
}
1493
.FormWrapper>form {
1494
    margin-left: -23px;
1495
    margin-top: 27px;
1496
    width: 681px !important;
1497
/* outline: 1px solid red ; */
1498
}
1499
/* FIRST */
1500
#vanilla_post_discussion #DiscussionForm {
1501
    position: relative;
1502
    display: inline-block;
1503
    width: 682px ;
1504
    top: 25px ;
1505
    margin-top: -144px !important;
1506
}
1507
#vanilla_post_discussion .FormWrapper {
1508
    margin-top: -8px ;
1509
}
1510
1511
/* RE EDIT / MODIF  */
1512
#vanilla_post_editdiscussion #DiscussionForm {
1513
    position: relative;
1514
    display: inline-block;
1515
    width: 682px ;
1516
    top: 39px ;
1517
    margin-top: -144px !important;
1518
    left: -22px;
1519
}
1520-
padding-top: 10px !important;
1520+
#vanilla_post_editdiscussion  .FormWrapper>form {
1521
    margin-left: 0px ;
1522
}
1523
1524
/* LARGE - HTLM EDIT COMMENT - FORUM USERSTYLES - HELPER on HOVER -  GM - === */
1525
.RadioLabel[for="Form_Format"] {
1526
    display: inline-block!important;
1527
    width: 116px !important;
1528
    border: 1px solid green !important;
1529
    margin-bottom: 2px !important;
1530
}
1531
/* (new60) NEDD CONVERT for Addstylish lib -  HTLM - WITHOUT GM */
1532
.bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
1533
    content: "Les éléments et attributs suivants sont autorisés.  \A  \A Cela s'applique à la fois au HTML et au Markdown \A (après conversion en HTML)  \A  \A * (name, title) | a (href) | abbr | b | \A  blockquote (cite) | br | center | cite |  \A code | dd | del | dfn |  div | dl | dt | em |  \A  h1 | h2 | h3 | h4 | h5 | h6 | hr | i | ins | \A   img (alt, height, src (https), width) |  \A  kbd | li | mark | ol | p | pre | q (cite) |  \A  rp | rt | ruby | s | samp | small | span | strike |  \A  strong | tt | table | tbody | tfoot | thead | \A   td | th | tr | sub | sup |  \A  time (datetime, pubdate) | u | ul | var \A  \A  Les sauts de ligne seront transformés en éléments <p> ou <br>. \A   \A Les URL seront automatiquement transformées en liens." !important;
1534
    position: absolute !important;
1535
    display: inline-block !important;
1536
    width: 659px !important;
1537
    height: 325px !important;
1538
    margin-top: -338px !important;
1539
    margin-left: -40px !important;
1540
    padding: 5px !important;
1541
    color: peru !important;
1542
    border-radius: 4px 4px 20px 20px !important;
1543
    background: black !important;
1544
    white-space: pre-line !important;
1545
    z-index: 500 !important;
1546
    opacity: 1 !important;
1547
    overflow:hidden !important;
1548
    overflow-y: auto !important;
1549
    transition: all 0.7s!important;
1550
    transition: all ease 0.7s !important;
1551
    border: 4px solid GREEN !important;
1552
}
1553
1554
/* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
1555
#vanilla_post_discussion .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
1556
    position: absolute !important;
1557
    display: inline-block !important;
1558
    width: 430px !important;
1559
    height: 500px !important;
1560
    top: 460px !important;
1561
    left: 40px !important;
1562
    border: 4px DOTTED GREEN !important;
1563
}
1564
1565
/* HTLM WITH GM */
1566
.bodybox-wrap .Button +  .RadioLabel[for="Form_Format"]:hover:after {
1567
    display: none !important;
1568
}
1569
/* .bodybox-wrap:hover:after , */
1570
.bodybox-wrap .Button +  .RadioLabel[for="Form_Format"] a:hover:after {
1571
    content: "Les éléments et attributs suivants sont autorisés.  \A  \A Cela s'applique à la fois au HTML et au Markdown \A (après conversion en HTML)  \A  \A * (name, title) | a (href) | abbr | b | \A  blockquote (cite) | br | center | cite |  \A code | dd | del | dfn |  div | dl | dt | em |  \A  h1 | h2 | h3 | h4 | h5 | h6 | hr | i | ins | \A   img (alt, height, src (https), width) |  \A  kbd | li | mark | ol | p | pre | q (cite) |  \A  rp | rt | ruby | s | samp | small | span | strike |  \A  strong | tt | table | tbody | tfoot | thead | \A   td | th | tr | sub | sup |  \A  time (datetime, pubdate) | u | ul | var \A  \A  Les sauts de ligne seront transformés en éléments <p> ou <br>. \A   \A Les URL seront automatiquement transformées en liens." !important;
1572
    position: absolute !important;
1573
    display: inline-block !important;
1574
    width: 638px !important;
1575
    height: 400px !important;
1576
    margin-top: -398px !important;
1577
    margin-left: -40px !important;
1578
    padding: 5px !important;
1579
    color: peru !important;
1580
    border: 1px dotted GREEN !important;
1581
    border-radius: 4px 4px 0px 20px !important;
1582
    background: black !important;
1583
    white-space: pre-line !important;
1584
    z-index: 500 !important;
1585
    opacity: 1 !important;
1586
    overflow:hidden !important;
1587
    overflow-y: auto !important;
1588
    transition: all 0.7s!important;
1589
    transition: all ease 0.7s !important;
1590
}
1591
1592
1593
/* (new60) LARGE - MARKDOWN - Hover on (?)  FOR for GM "Markdown toolbar for GreasyFork and UserStyles":
1594
https://greasyfork.org/scripts/6779
1595
=== */
1596
.RadioLabel[for="Form_Format1"] {
1597
    position: relative !important;
1598
    display: inline-block !important;
1599
    width: 130px !important;
1600
    border: 1px solid YELLOW !important;
1601
}
1602
1603
/* (new60) NEDD CONVERT for Addstylish lib -  MARKDOWN - WITH GM */
1604
.bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"] a:hover:after {
1605
    content: "Quick reference guide to the rest of the Markdown syntax.  \A  \25B6  Headers with ( # )  :   \A  # Level one header #   \A  ### Level three header ###  \A  Headers continue as you’d imagine, with extra hashes.  \A  \25B6  Links  with ( [ ...] ):   \A  [This is a link](http://www.darkcoding.net)  \A  \25B6  Blockquote with ( > ):  \A  > This is quoted   \A  \25B6  Code :   \A  Indent text at least 4 spaces for all formatting in it to be ignored.  \A  # This isn't displayed as header, because it is indented 4 spaces  \A  Or inline:  \A  Inline code is `escaped` with backticks (`) \A  \25B6  Lists  \A  \25B6  Unordered lists : use *, + or - :  \A  * This  \A  * is  \A  * a list  \A  \25B6  Ordered lists : use number followed by period.  \A  1. with  \A  1. numbers  \A   \25B6  Horizontal lines with ( - )  : \A  Three or more dashes ( - ) ----   \A  \25B6  Emphasis   \A  A single underscore ( _ )or asterix ( * ) is italic, two is bold :   \A  _italic_ or *italic*  \A  __bold__ or **bold**  \A  \25B6  Escaping :  \A  If you don’t want some of these rules to apply,   \A  they can be escaped   \A by preceding the special character with a backslash ( /\ ):  \A  This is /\*/\*not/\*/\* in bold." !important;
1606
    position: absolute !important;
1607
    display: inline-block !important;
1608
    width: 500px !important;
1609
    height: 390px !important;
1610
    margin-top: -398px !important;
1611
    margin-left: -66px !important;
1612
    padding: 10px !important;
1613
    color: peru !important;
1614
    border: 1px dotted YELLOW !important;
1615
    border-radius: 4px 4px 0px 20px !important;
1616
    background: black !important;
1617
    white-space: pre-line !important;
1618
    z-index: 500 !important;
1619
    opacity: 1 !important;
1620
    visibility: visible !important;
1621
    overflow:hidden !important;
1622
    overflow-y: auto !important;
1623
    transition: all 0.7s!important;
1624
}
1625
1626
/* HTLM WITH GM */
1627
.bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"]:hover:after {
1628
    display: none !important;
1629
}
1630
/* (new60) NEDD CONVERT for Addstylish lib -  HTLM WITHOUT GM */
1631
.bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
1632
    content: "Quick reference guide to the rest of the Markdown syntax.  \A  \25B6  Headers with ( # )  :   \A  # Level one header #   \A  ### Level three header ###  \A  Headers continue as you’d imagine, with extra hashes.  \A  \25B6  Links  with ( [ ...] ):   \A  [This is a link](http://www.darkcoding.net)  \A  \25B6  Blockquote with ( > ):  \A  > This is quoted   \A  \25B6  Code :   \A  Indent text at least 4 spaces for all formatting in it to be ignored.  \A  # This isn't displayed as header, because it is indented 4 spaces  \A  Or inline:  \A  Inline code is `escaped` with backticks (`) \A  \25B6  Lists  \A  \25B6  Unordered lists : use *, + or - :  \A  * This  \A  * is  \A  * a list  \A  \25B6  Ordered lists : use number followed by period.  \A  1. with  \A  1. numbers  \A   \25B6  Horizontal lines with ( - )  : \A  Three or more dashes ( - ) ----   \A  \25B6  Emphasis   \A  A single underscore ( _ )or asterix ( * ) is italic, two is bold :   \A  _italic_ or *italic*  \A  __bold__ or **bold**  \A  \25B6  Escaping :  \A  If you don’t want some of these rules to apply,   \A  they can be escaped   \A by preceding the special character with a backslash ( /\ ):  \A  This is /\*/\*not/\*/\* in bold." !important;
1633
    position: absolute !important;
1634
    display: inline-block !important;
1635
    width: 520px !important;
1636
    height: 320px !important;
1637
    margin-top: -342px !important;
1638
    margin-left: -66px !important;
1639
    padding: 10px !important;
1640
    color: peru !important;
1641
    border-radius: 4px 4px 20px 20px !important;
1642
    white-space: pre-line !important;
1643
    z-index: 500 !important;
1644-
/* (new66) USER PROFILE -  SETS - for long SETS DESCRIPTION - wiyh / without GM " CITRUS" OK - 
1644+
1645-
https://greasyfork.org/en/users/11263-azazello
1645+
1646-
https://greasyfork.org/en/users/3171-clickhappier?sort=updated
1646+
1647
    overflow-y: auto !important;
1648
    transition: all 0.7s!important;
1649
border: 4px solid YELLOW !important;
1650
    background: black !important;
1651
}
1652-
margin-top: -14px !important;
1652+
1653
#vanilla_post_discussion .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
1654
    position: absolute !important;
1655
    display: inline-block !important;
1656
    width: 420px !important;
1657
    height: 500px !important;
1658
    margin-left: 80px !important;
1659
    top: 255px !important;
1660-
margin-top: 4px !important;
1660+
1661
    font-size: 12px !important;
1662
border: 4px DOTTED YELLOW !important;
1663
}
1664
1665
.bodybox-wrap .RadioLabel[for="Form_Format2"] a:after ,
1666
.bodybox-wrap .RadioLabel[for="Form_Format2"]:after ,
1667
.bodybox-wrap .RadioLabel[for="Form_Format1"]:after {
1668
visibility: hidden !important;
1669
    opacity: 0!important;
1670
}
1671
1672
/* (new66) PROFILE INFOS - without sript - === */
1673
#main-header + .width-constraint .text-content #user-profile + section header {
1674
    margin-bottom: 2px !important;
1675
    margin-top: -18px !important;
1676
}
1677
/* (new76) PROFILE INFOS - CITRUS */
1678
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {
1679
    margin-bottom: 2px !important;
1680
    margin-top: -9px !important;
1681
} 
1682
.width-constraint #script-list-option-groups.list-option-groups + header {
1683
    display: inline-block !important;
1684
    float: right !important;
1685
    width: 778px !important;
1686
    min-height: 25px !important;
1687
    max-height: 25px !important;
1688
    line-height: 0px !important;
1689
    margin-right: -26px !important;
1690
    margin-top: 0px !important;
1691
}
1692
.width-constraint #script-list-option-groups.list-option-groups + header h3 {
1693
    display: inline-block !important;
1694
    width: 779px !important;
1695
    min-height: 25px !important;
1696
    max-height: 25px !important;
1697
    line-height: 20px !important;
1698-
/* (new60) */
1698+
1699
    text-align: center !important;
1700
    background: #222 !important;
1701
}
1702
.width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {
1703
    display: inline-block !important;
1704
    float: right !important;
1705
    width: 778px !important;
1706
    min-height: 844px !important;
1707
    margin-top: 25px !important;
1708
    margin-right: -29px !important;
1709
}
1710
1711
1712
/* (new94) USER PROFILE - === */
1713
.script-list, 
1714
.user-list, 
1715
.text-content {
1716
    display: inline-block !important;
1717
    margin-top: 0px !important;
1718
    box-shadow: 3px 3px 2px black !important;
1719
    background-color: #222 !important;
1720
}
1721
#user-profile>p {
1722
    margin-top: 0 !important;
1723
}
1724-
/* background: rgba(11, 11, 11, 0.5) !important; */
1724+
1725
    width: 100% !important;
1726-
/* border-radius: 5px !important; */
1726+
1727-
/* transition: background ease 1.5s !important; */
1727+
1728
.white-panel, 
1729-
/* (new60 */
1729+
1730
#control-panel, 
1731
#user-profile {
1732-
/*     color: gold !important; */
1732+
1733-
/*     background: rgba(11, 11, 11, 0.5) !important; */
1733+
1734-
/*     border-radius: 5px !important; */
1734+
1735
/* (new74) PROFILE INFOS - WITH / WITHOUT CITRUS  - PERSONALPROFILE and USREPROFILE - === */
1736
body[pagetype="PersonalProfile"] #main-header + .width-constraint ,
1737
body[pagetype="UserProfile"] #main-header + .width-constraint {
1738
    margin-top: 45px !important;
1739
    max-width: 980px !important;
1740
    background: #222 !important;
1741
}
1742
body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel ,
1743
body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content {
1744
    display: inline-block  !important;
1745
    max-width: 980px !important;
1746
    box-shadow: none !important;
1747
}
1748
1749
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content {
1750
    box-shadow: none !important;
1751
    padding-bottom: 0 !important;
1752
}
1753
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content .white-panel {
1754
    padding: 0 0 0 10px !important;
1755
}
1756
1757
/* (new73) FAVORIS SCRIPTS - without CITRUS */
1758
.width-constraint section.text-content + section {
1759
    margin-top: 25px !important;
1760
    margin-bottom: 10px !important;
1761
}
1762
.width-constraint section.text-content + section header {
1763
    margin-top: -31px !important;
1764
    margin-bottom: -10px !important;
1765
}
1766
#user-script-sets {
1767
    margin-top: 0px !important;
1768
    padding-top: 10px !important;
1769
    padding-left: 0px !important;
1770
}
1771
1772
1773
/* (new73) FAVORIS SCRIPTS - CITRUS - PERSONALPROFILE and USREPROFILE */
1774
body[pagetype="UserProfile"] #main-header + .width-constraint >section.text-content + section .white-panel {
1775
    display: inline-block  !important;
1776
    margin-top: -18px !important;
1777
}
1778-
/* ==== TEST - FAVORITS  /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" - - 
1778+
1779-
VOIR SET without scripts list:
1779+
1780-
https://greasyfork.org/fr/scripts?set=24
1780+
1781
}
1782
1783
1784
/* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE */
1785
1786
#user-profile {
1787
    display: inline-block !important;
1788
    min-width: 910px;
1789
    max-width: 910px;
1790
    min-height: 21px!important;
1791
    max-height: 21px!important;
1792
    padding-bottom: 8px !important;
1793
    padding-top: 2px !important;
1794
    overflow: hidden!important;
1795
    transition: all ease 0.2s !important;
1796
}
1797
1798
body[pagetype="PersonalProfile"] #user-profile ,
1799
body[pagetype="UserProfile"] #user-profile {
1800
    display: inline-block !important;
1801
    min-width: 930px;
1802
    max-width: 930px;
1803
    background-color: white;
1804
    min-height: 21px!important;
1805
    max-height: 21px!important;
1806
    padding-bottom: 18px !important;
1807
    padding-top: 0px !important;
1808
    overflow: hidden!important;
1809
    transition: all ease 0.2s !important;
1810
}
1811
/* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - HOVER */
1812
#user-profile:hover {
1813
    display: inline-block !important;
1814
    min-height: 21px !important;
1815
    max-height: 200px !important;
1816
    background: black!important;
1817
    overflow-y: auto !important;
1818
    transition: all ease 0.7s !important;
1819
}
1820
body[pagetype="PersonalProfile"] #user-profile:hover ,
1821
body[pagetype="UserProfile"] #user-profile:hover {
1822
    display: inline-block !important;
1823
    min-height: 21px !important;
1824
    max-height: 200px !important;
1825
    background: black!important;
1826
    overflow-y: auto !important;
1827
    transition: all ease 0.7s !important;
1828
}
1829
1830
/* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - TXT "HOVER IT" - HOVER */
1831
.width-constraint > .text-content #user-profile:after {
1832
    position: absolute !important;
1833
    display: inline-block !important;
1834
    top: 107px !important;
1835
    margin-left: -255px !important;
1836
    content: " (hover it !)" !important;
1837
    font-size: 9px !important;
1838
    color: tomato !important;
1839
}
1840
body[pagetype="UserProfile"] .width-constraint > .text-content #user-profile:after  {
1841
    top: 99px !important;
1842
    margin-left: 0px !important;
1843
    color: red !important;
1844
}
1845
1846
body[pagetype="PersonalProfile"] .width-constraint > .text-content #user-profile:after {
1847
    top: 99px !important;
1848
    margin-left: -220px !important;
1849
    color: green !important;
1850
}
1851
1852
/* A SUPP ?? */
1853
#user-profile>h1:not(:hover){
1854
    margin-bottom: -5px !important;
1855
}
1856-
/* TEST - FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER - 
1856+
1857-
https://greasyfork.org/en/scripts?per_page=100&set=2360&sort=created
1857+
1858-
https://greasyfork.org/fr/scripts/259-greasy-fork-search-other-sites
1858+
1859-
https://greasyfork.org/en/users/4-loucypher?sort=updated
1859+
1860-
https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
1860+
1861-
===  */
1861+
1862
#user-profile>a:hover {
1863
    color: tomato !important;
1864
}
1865
#user-discussions-on-scripts-written  {
1866
    min-width: 930px !important;
1867
    max-width: 930px !important;
1868
    margin: auto !important;
1869
    padding-bottom: 18px !important;
1870
    padding-top: 0px !important;
1871
    background-color: white;
1872
}
1873
#user-discussions-on-scripts-written ~ #script-table tbody tr td:nth-child(2) {
1874
    max-width: 385px !important;
1875
    word-wrap: break-word !important;
1876
}
1877
.width-constraint .text-content section#user-profile  + section + section #script-list-option-groups.list-option-groups {
1878
    display: inline-block !important;
1879
    float: left !important;
1880
    margin-left: -15px !important;
1881
    margin-top: 20px !important;
1882
}
1883
1884
1885
/* (new66) USER PROFILE -  SETS - for long SETS DESCRIPTION - wiyh / without GM " CITRUS" OK - === */
1886
#main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
1887
    display: inline-block!important;
1888
    margin-left: -13px !important;
1889
    margin-bottom: 0 !important;
1890
    margin-top: -14px !important;
1891
    padding-left: 6px !important;
1892
}
1893
1894
/* CITRUS */
1895
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
1896
    display: inline-block!important;
1897
    margin-left: -13px !important;
1898
    margin-top: 4px !important;
1899
    padding-left: 6px !important;
1900
}
1901
1902
#user-script-sets>li {
1903
    display: inline-block !important;
1904
    float: right ;
1905
    clear: both ;
1906
    width: 935px !important;
1907
    line-height: 20px !important;
1908
    margin-bottom: 2px !important;
1909
    padding: 0 5px !important;
1910
    text-indent: -18px !important;
1911
}
1912
#user-script-sets>li:nth-child(odd)  {
1913
    background: #333 !important;
1914
}
1915
#user-script-sets>li:nth-child(even) {
1916
    background: black !important;
1917
}
1918-
    box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important;
1918+
1919
    color: tomato !important;
1920
}
1921
#user-script-sets>li:before {
1922
    content: " ▶   " ;
1923
}
1924
1925
#user-script-sets>li a[href*="/scripts?set="] {
1926
    display: inline-block !important;
1927
    width: 17px !important;
1928-
/* (new74) FAVORITS / SETS PAGES - MEDIA QUERIE - === */
1928+
1929
    margin-bottom: -3px !important;
1930
    font-size: 10px !important;
1931
    color: transparent !important;
1932
    white-space: nowrap !important;
1933
    overflow: hidden !important;
1934
}
1935
#user-script-sets>li a[href*="/scripts?set="]:before {
1936
    position: relative ;
1937
    display: inline-block !important;
1938
    float: left ;
1939
    height: 100% ;
1940
    max-height: 15px ;
1941
    min-height: 15px ;
1942
    width: 100% ;
1943-
/* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
1943+
1944
    max-width: 25px ;
1945
    margin-left: -2px ;
1946
    top: 4px ;
1947
    color: transparent;
1948
    content: " ";
1949
    background-repeat: no-repeat;
1950
    background-color: rgba(55, 173, 227, 0.4) ;
1951
    background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
1952
    background-position: 3px -650px !important;
1953
}
1954
#user-script-sets>li:hover>a[href$="/edit"] {
1955
    display: inline-block !important;
1956
    height: 15px !important;
1957
    line-height: 18px !important;
1958
    margin-left: 15px !important;
1959
    color: gold !important;
1960
    padding: 2px 4px !important;
1961
}
1962
#user-script-sets>li:hover>a:not([href$="/edit"]) {
1963
    display: inline-block !important;
1964
}
1965
#user-script-sets>li>a[href$="/edit"]:hover  ,
1966
#user-script-sets>li>a:not([href$="/edit"]):hover {
1967
/*     color: white !important; */
1968
/*     transition: background ease 0.8s !important; */
1969
}
1970
1971-
/* (new80) */
1971+
1972
#main-header + #script-table + .pagination + #UserSets ,
1973
#main-header + #script-table + #UserSets {
1974
    position: fixed !important;
1975
    left: 27.5% !important;
1976
    top: 48px!important;
1977
    padding: 2px 10px;
1978
    background-color: yellow;
1979
    border-radius: 5px;
1980
    z-index: 200!important;
1981
    z-index: 200000 !important;
1982
    opacity: 1 !important;
1983
}
1984
1985
#main-header + #script-table + .pagination + #UserSets:before ,
1986
#main-header + #script-table + #UserSets:before {
1987
    background-color: yellow;
1988
    border-radius: 5px;
1989
    content: "Your Sets ▼ " !important;
1990
    display: inline-block !important;
1991
    left: 27.5% !important;
1992
    padding: 1px 5px !important;
1993
    position: fixed !important;
1994
    top: 48px !important;
1995
    font-size: 12px !important;
1996
    visibility: visible !important;
1997
    z-index: 200000 !important;
1998
    opacity: 1 !important;
1999
}
2000
#main-header + #script-table + .pagination + #UserSets:hover ,
2001
#main-header + #script-table + #UserSets:hover {
2002
    opacity: 1 !important;
2003-
    padding: 4px 47px !important;
2003+
2004
}
2005
2006
/* ==== TEST - FAVORITS  /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" - === */
2007
2008
/* TEST - FAVORITS / SETS PAGES - TXT "FAVORIS BY...." - === */
2009
#UserSets +.width-constraint>h3 {
2010
    position: fixed !important;
2011
    display: inline-block !important;
2012
    width: 300px !important;
2013
    height: 20px !important;
2014
    line-height: 17px !important;
2015
    top: 60px !important;
2016
    margin-left: 250px !important;
2017
    padding: 0 2px !important;
2018
    font-size: 12px !important;
2019
    text-align: left !important;
2020-
    border: 1px solid peru!important;
2020+
2021
    background: #333 !important;
2022-
/* (new80)*/
2022+
2023
#UserSets +.width-constraint>h3 a {
2024
    display: inline-block !important;
2025
    max-width: 80px !important;
2026
    height: 15px !important;
2027
    line-height: 15px !important;
2028
    margin-top: 0px !important;
2029
    font-size: 13px !important;
2030
    color: gold !important;
2031
    white-space: nowrap !important;
2032
    overflow: hidden !important;
2033
    text-overflow: ellipsis !important;
2034
}
2035
#UserSets +.width-constraint>h3 a:hover {
2036
    color: tomato !important;
2037
}
2038
#UserSets +.width-constraint>h3 >a[href$="/edit"] {
2039
    position: absolute !important;
2040
    display: inline-block !important;
2041
    height: 15px !important;
2042
    line-height: 15px !important;
2043-
left: 74%!important;
2043+
2044
    top: 2px !important;
2045
    margin-left: 25% !important;
2046
    padding: 2px 2px 2px 15px !important;
2047
    border-radius: 3px !important;
2048
    font-size: 14px !important;
2049
    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;
2050
    opacity: 0 !important;
2051-
/* #browse-script-list>li */
2051+
2052
}
2053
#UserSets +.width-constraint>h3:hover >a[href$="/edit"] {
2054
    position: absolute !important;
2055
    display: inline-block !important;
2056
    height: 15px !important;
2057
    line-height: 15px !important;
2058-
/* body[pagetype="ListingPage"] #user-script-list>li>article ,
2058+
2059-
body[pagetype="ListingPage"] #browse-script-list>li>article {
2059+
2060
    margin-left: 27% !important;
2061-
    width: 875px !important;
2061+
2062
    border-radius: 3px !important;
2063
    font-size: 14px !important;
2064
    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;
2065
    opacity: 1 !important;
2066
    z-index: 1500 !important;
2067
}
2068
2069
/* TEST - FAVORITS / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" - === */
2070
#UserSets + .width-constraint>p {
2071
    padding: 2px 2px 2px 20px !important;
2072
    z-index: 500 !important;
2073
    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;
2074
}
2075
#UserSets + .width-constraint>p {
2076
    padding: 2px 2px 2px 20px !important;
2077
    z-index: 500 !important;
2078
    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;
2079
}
2080-
/* padding-bottom: 10px!important; */
2080+
2081
/* TEST - FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER - ===  */
2082
#UserSets + .width-constraint h3:not(:hover)  ~ p:nth-last-of-type(n+2):not(:hover):before ,
2083
.width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n+2):not(:hover):before {
2084
    content: "► Desc " !important;
2085
    position: fixed !important;
2086
    min-width: 60px !important;
2087
    max-width: 60px !important;
2088
    top: 71px !important;
2089
    margin-left: -290px !important;
2090
    padding: 2px 2px 2px 10px !important;
2091
    border-radius: 3px !important;
2092
    font-size: 13px !important;
2093
    font-weight: bolder !important;
2094
    color: gold !important;
2095
    overflow: hidden !important;
2096
    text-overflow: ellipsis !important;
2097
    white-space: nowrap !important;
2098
    z-index: 500 !important;
2099-
/* padding-bottom: 10px!important; */
2099+
2100
    pointer-events: none !important;
2101
}
2102
#UserSets + .width-constraint h3  ~ p:nth-last-of-type(n+2) ,
2103
.width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2) {
2104
    position: fixed !important;
2105
    min-width: 185px !important;
2106
    max-width: 185px !important;
2107
    top: 31px !important;
2108
    margin-left: 760px !important;
2109
    padding: 2px 2px 2px 10px !important;
2110
    border-radius: 3px !important;
2111
    font-size: 15px !important;
2112
    font-weight: bolder !important;
2113
    color: peru !important;
2114
    overflow: hidden !important;
2115
    text-overflow: ellipsis !important;
2116
    white-space: nowrap!important;
2117
    z-index: 500 !important;
2118
    background: rgba(145, 124, 124, 0.42)!important;
2119
}
2120
#UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n+2),
2121
.width-constraint h3:hover  + .script-author-description ~ p:nth-last-of-type(n+2) ,
2122
#UserSets + .width-constraint h3 ~ p:nth-last-of-type(n+2):hover ,
2123
.width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2):hover {
2124
    position: fixed !important;
2125
    height: auto !important;
2126
    min-width: 385px !important;
2127
    max-width: 385px !important;
2128
    top: 31px !important;
2129
    margin-left: 530px !important;
2130
    padding: 2px 40px 20px 40px !important;
2131
    border: 1px solid peru !important;
2132
    border-radius: 5px !important;
2133
    box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important;	
2134
    font-size: 15px !important;
2135
    font-weight: bolder !important;
2136
    color: white !important;
2137
    overflow: hidden !important;
2138
    white-space: normal !important;
2139-
/* #site-name img[src="https://greasyfork.org/en/forum/uploads/SCN2YQGWLIU4.jpg"] , */
2139+
2140
    z-index: 500 !important;
2141
    background: black !important;
2142
    transition: all ease 0.7s !important;
2143
}
2144
2145
/* (new74) MEDIA QUERIE - FAVORITS / SETS PAGES - === */
2146
@media screen and (max-width: 1400px) {
2147-
    max-width: 100%!important;
2147+
2148
/* #main-header + #script-table + #UserSets */
2149
#UserSets {
2150-
/* left: -48px !important; */
2150+
2151
    z-index: 5000 !important;
2152
}
2153
/* #main-header + #script-table + #UserSets:before */
2154
#UserSets:before {
2155-
border-radius: 3px !important;
2155+
2156
    z-index: 5000 !important;
2157
}
2158
2159
#UserSets + .width-constraint .pagination  {
2160
    margin-left: -10% !important;
2161
}
2162
/* ==== END === MEDIA QUERIE === FAVORITS / SETS PAGES - === */
2163
}
2164
2165
2166
2167
2168
/* GREASY FORK - FORUM - PROFILE PAGE - === */
2169
.PhotoWrap a.ChangePicture {
2170
    display: block;
2171
    top: 15px !important;
2172
    color: gold !important;
2173
    z-index: 5000 !important;
2174
    transition: all ease 0.2s !important;
2175
}
2176
.PhotoWrap:hover a.ChangePicture {
2177
    display: block;
2178
    top: 70px !important;
2179
    color: gold !important;
2180
    transition: all ease 0.7s !important;
2181-
/* BLOCKQUOTES */
2181+
2182
.PhotoWrap:hover a.ChangePicture span {
2183-
    width: 668px !important;
2183+
2184
}
2185
#dashboard_profile_index #Content.Column.ContentColumn ,
2186
#dashboard_profile_discussions #Content.Column.ContentColumn {
2187
    margin-top: 70px!important;
2188
}
2189
.About dd {
2190
    color: peru !important;
2191
}
2192
#dashboard_profile_notifications #Content.Column.ContentColumn .User,
2193
#dashboard_profile_comments #Content.Column.ContentColumn .User,
2194
#dashboard_profile_discussions #Content.Column.ContentColumn .User {
2195
    position: fixed !important;
2196
    display: inline-block !important;
2197
    width: 742px !important;
2198
    top: 54px !important;
2199
    margin-left: -7px !important;
2200
    padding: 5px !important;
2201
    border-bottom: 1px solid peru !important;
2202
    background: black !important;
2203
    z-index: 200 !important;
2204
}
2205
#dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions  ,
2206
#dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions  ,
2207
#dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions {
2208
    position: fixed !important;
2209
    display: inline-block !important;
2210
    top: 69px !important;
2211
    margin-left: -158px !important;
2212
    z-index: 5000 !important;
2213
    background: transparent !important;
2214
}
2215
#dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile , 
2216
#dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
2217
#dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
2218
    position: fixed!important;
2219
    display: inline-block !important;
2220
    min-width: 20px !important;
2221
    max-width: 20px !important;
2222
    top: 99px !important;
2223-
background: transparent !important;
2223+
2224
    padding: 3px 10px  3px 3px!important;
2225-
/* overflow: hidden !important; */
2225+
2226
    text-shadow: none !important;
2227
    z-index: 202 !important;
2228
background: red !important;
2229
}
2230-
margin-top: -37px !important;
2230+
2231
#dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2 ,
2232
#dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
2233
    top: 24px!important;
2234
    position: fixed!important;
2235
    display: inline-block;
2236
    z-index: 250!important;
2237-
top: -28px;
2237+
2238-
margin-bottom: -41px !important;
2238+
2239-
z-index: 10 !important;
2239+
2240
    background: black;
2241
    padding: 2px 5px!important;
2242
border: 1px solid peru!important;
2243
}
2244
#dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions + .Profile  ,
2245
#dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions +.Profile  ,
2246
#dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions +.Profile {
2247
margin-top: 70px !important;
2248
}
2249
#conversations_messages_all .Condensed.DataList.Conversations {
2250
    margin-top: 42px !important;
2251
}
2252
.Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {
2253
    margin-top: -70px !important;
2254-
margin-top: 5px!important;
2254+
2255-
/* margin-left: 0px !important; */
2255+
2256-
/*     right: 47px; */
2256+
2257
    position: absolute !important;
2258
    display: inline-block !important;
2259
    width: 23% !important;
2260
    height: 18px !important;
2261
    line-height: 18px !important;
2262
    top: 5px !important;
2263
    left: 74%!important;
2264
    padding: 2px 2px 2px 15px !important;
2265
    border-radius: 3px !important;
2266-
#vanilla_discussions_mine .Column.ContentColumn .DataList.Discussions {
2266+
2267-
/* margin-left: -50px !important; */
2267+
2268
}
2269
/* (new66) GEASY FORK - WITHOUT GM - SCRIPTS LIST(work with TS CITRUS enable) - === */
2270
#user-script-list>li>article ,
2271-
/* (new74) - USERSTYLES == #Frame .Row .BreadcrumbsWrapper etc....
2271+
2272-
#vanilla_discussions_index #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions ,
2272+
2273
    width: 720px !important;
2274
}
2275
/* CIRTUS */
2276
.script-list dt {
2277
    width: 12em;
2278
    clear: left;
2279
    float: left;
2280
    padding-left: 5px!important;
2281
    padding-right: 1em;
2282
    font-weight: bold;
2283
    text-align: left !important;
2284
border-left: 1px solid peru !important;
2285
}
2286
/* (new66) without script */
2287
#user-script-list>li>article .description ,
2288
#browse-script-list>li>article .description {
2289
    display: inline-block!important;
2290
    width: 100% !important;
2291
    min-width: 757px !important;
2292
    max-width: 757px !important;
2293
    padding-bottom: 4px !important;
2294
    padding-left: 4px!important;
2295
    font-size: 15px !important;
2296
    line-height: 15px !important;
2297
    border-bottom: 1px solid gray!important;
2298
border-left: 3px solid red !important;
2299
    word-wrap: break-word !important;
2300
    overflow: hidden !important;
2301
}
2302
/* CITRUS */
2303
body[pagetype="UserProfile"] 
2304
#user-script-list>li>article .description ,
2305
#browse-script-list>li>article .description {
2306
    display: inline-block!important;
2307
    width: 100% !important;
2308
    min-width: 710px !important;
2309
    max-width: 710px !important;
2310
    padding-bottom: 4px !important;
2311
    padding-left: 4px!important;
2312
    font-size: 15px !important;
2313
    line-height: 15px !important;
2314
    border-bottom: 1px solid gray!important;
2315
border-left: 3px solid red !important;
2316
    word-wrap: break-word !important;
2317
    overflow: hidden !important;
2318
}
2319
/* mark ELEMENT - === */
2320
mark {
2321
    padding: 0px 5px !important;
2322
    border-radius: 3px!important;
2323
    background: #DED236 !important;
2324-
/* margin-left: -20px !important; */
2324+
2325
2326
2327
2328
/* (new84) ICON USER / SCRIPT - BACKGROUND - === */
2329
#site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] ,
2330
#title-image ,
2331
.ProfilePhoto.ProfilePhotoMedium ,
2332
#script-info>header>h2>div img {
2333
    height: auto !important;
2334
    max-height: 30px !important;
2335
    max-width: 30px !important;
2336
    width: auto !important;
2337
    margin-top: -3px;
2338
    padding: 2px !important;
2339
    background-color: rgba(191, 191, 190, 0.33) !important;
2340
    border-radius: 5px !important;
2341
    box-shadow: 0 0 2px #cccccc inset !important;
2342
}
2343
#site-name img ,
2344
#title-image  {
2345
    background-color: rgba(191, 191, 190, 0.33) !important;
2346
    background-image: none !important;
2347
}
2348
#site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"] , 
2349
#site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"]   {
2350
    display: inline-block !important;
2351
    position: relative !important;
2352
    height: 100% !important;
2353
    min-height: 30px !important;
2354
    max-height: 30px !important;
2355
    width: 100%!important;
2356
    min-width: 30px !important;
2357
    max-width: 30px !important;
2358
    top: -4px !important;
2359
    padding: 2px!important;
2360
    background-color: black !important;
2361
    border-radius: 3px !important;
2362
    box-shadow: 0 0 2px #cccccc inset !important;
2363
}
2364
#site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {
2365
    position: relative !important;
2366
    display: inline-block !important;
2367
    top: -3px !important;
2368
    border-radius: 5px !important;
2369
}
2370
2371
/* FORUM COMMENT - POST REPY - PREVIEW + QUOTE with "ol" or not / With AUTHOR or not - === */
2372
.Preview {
2373
    background: #454545!important;
2374
    color: #929292 !important;
2375
    min-height: 100px;
2376
    padding: 4px;
2377
}
2378
blockquote ,
2379
blockquote.Quote, 
2380
blockQuote.UserQuote {
2381
    background: rgba(184, 181, 181, 0.05) !important;
2382
    border-left: 4px solid rgba(242, 193, 36, 0.37) !important;
2383
}
2384
2385
/* (new101) BLOCKQUOTES */
2386
/* for : https://forum.userstyles.org/discussion/61368/cant-get-regexp-to-work-in-new-version#latest */
2387
blockquote {
2388
    width: 608px !important;
2389
    margin-left: -4px !important;
2390-
/*     display: inline-block!important; */
2390+
2391
}
2392
.Message>blockquote>div>pre{
2393
    margin-left: 2px!important;
2394
}
2395-
top: 3px !important;
2395+
2396
    width: 97% !important;
2397
}
2398
.QuoteText>ol{
2399
    display: inline-block!important;
2400
    width: 95%!important;
2401
    margin-bottom: -28px!important;
2402
    margin-top: -15px!important;
2403
}
2404
.script-author-description>blockquote {
2405
    margin-left: -4px !important;
2406
    padding: 1px 5px !important;
2407
    width: 99% !important;
2408
}
2409
/* FORUM COMMENT - POST/EDIT NEW DISCUSSION + ACTIVITIES - === */
2410
#vanilla_post_editdiscussion #Content.Column.ContentColumn ,
2411
#vanilla_post_discussion #Content.Column.ContentColumn {
2412
    width: 689px!important;
2413
    margin-top: 74px!important;
2414
    margin-left: 215px!important;
2415
}
2416
/* (new79) GREASYFORK different than USERSTYLES - FORUM DISCUSSION - DISSCUSSION CONTAINER - === */
2417
#Content.Column.ContentColumn ,
2418
#vanilla_discussion_index #Content.Column.ContentColumn {
2419-
/* (new74) GREASYFORK - without TS CITRUS - FORUM HEADER - 
2419+
2420-
.width-constraint :
2420+
2421-
https://greasyfork.org/fr/scripts/404-mouseover-popup-image-viewer/feedback
2421+
2422-
DELETED SCIPT:
2422+
2423-
https://greasyfork.org/fr/scripts/69-table-view-plus
2423+
2424
    padding: 0 0 0 5px !important;
2425
    border-radius: 0 0 5px 5px !important;
2426
    box-shadow: none !important;
2427
    background: transparent !important;
2428
}
2429
2430
/* (new94) GREASYFORK - FORUM - POST A COMMENT - FIRST POST - === */
2431
.ExtraDiscussionData-Rating .report {
2432
    width: 584px ;
2433
    padding: 5px !important;
2434
    border: 1px solid gray !important;
2435
}
2436
2437
/* (new79) GREASYFORK / USERSTYLES - CATEGORIES DISCUSSION LIST */
2438-
/* min-width: 91%!important; */
2438+
2439-
/* max-width: 50%!important; */
2439+
    margin-top: -37px !important;
2440
}
2441
2442
/* (new79) USERSTYLE */
2443
#Content.Column.ContentColumn .MessageList.Discussion ,
2444
#vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
2445
    position: relative !important;
2446
    top: -28px;
2447
    margin-bottom: -41px !important;
2448
    z-index: 10 !important;
2449
}
2450
2451
2452
/* (new68) FORUM DISCUSSION - COMMENT FORM -  CONTAINER - === */
2453
.MessageForm.CommentForm.FormTitleWrapper {
2454
    padding-left: 15px !important;
2455
}
2456
2457
/* (new79) PB DIFF - USERSTYLES / GREASYFORK - FORUM DISCUSSION - DISSCUSSION LIST CONTAINER - === */
2458-
/* z-index: 500000 !important; */
2458+
2459
.Column.ContentColumn .DataList.Discussions {
2460
    position: relative !important;
2461-
/* #nav-user-info select:before {
2461+
2462-
content: "XXXXX" !important;
2462+
2463
    margin-top: 5px!important;
2464
}
2465
2466
/* (new74) PB DIFF - USERSTYLES / GREASYFORK */
2467
/* GREASYFORK */
2468
#vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {
2469
    margin-left: 0px !important;
2470
}
2471
/* (new74) - USERSTYLES == #Frame .Row .BreadcrumbsWrapper etc...- === */
2472
#Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .PageControls.Top + .DataList.Discussions ,
2473
#vanilla_discussions_mine #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions  {
2474
/*     margin-left: -20px !important; */
2475-
/*     border: 1px solid gray !important; */
2475+
2476
2477
/* ==== */
2478
2479
.Profile .DataList.Discussions {
2480
    position: relative !important;
2481
    display: inline-block !important;
2482
    width: 727px !important;
2483
    margin-top: 107px!important;
2484
}
2485
#vanilla_categories_index .DataList.CategoryList {
2486
    position: relative !important;
2487
    display: inline-block !important;
2488
    width: 727px !important;
2489
    margin-top: 30px!important;
2490
}
2491-
/* left: -106px !important; */
2491+
2492
    position: relative !important;
2493
    display: inline-block !important;
2494
    width: 709px !important;
2495
}
2496
2497-
/*     z-index: 5000 !important; */
2497+
2498
.HomepageTitle ,
2499
.H.HomepageTitle {
2500
    position: fixed !important;
2501
    width: 733px !important;
2502
    top: 80px !important;
2503
    margin-left: 0px !important;
2504
    padding: 1px 5px 1px 5px !important;
2505-
text-indent: 20px !important;
2505+
2506-
margin-left: -20px !important;
2506+
2507-
/* color: gold !important; */
2507+
2508
    background-color: #222 !important;
2509
    z-index: 10 !important;
2510
}
2511
#vanilla_discussions_participated .HomepageTitle {
2512-
content: attr(value) ;
2512+
2513-
color: tan !important;
2513+
2514-
font-size: 20px !important;
2514+
2515
2516
/* (new79) USERSTYLES FORUM - DISCUSSIONS LIST - HEADER - === */
2517
#Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {
2518-
content: attr(value) ;
2518+
2519-
display: inline-block ;
2519+
2520-
width: 100px !important;
2520+
2521-
margin-right: 17px  ;
2521+
2522-
margin-left: -20px  ;
2522+
2523-
/* text-indent: 40px  ; */
2523+
2524-
color: gold ;
2524+
2525
    padding: 1px 0px 1px 5px !important;
2526
    color: gold !important;
2527-
/* content: "XX " ; */
2527+
2528-
content: attr(value) ;
2528+
2529-
color: green !important;
2529+
2530
}
2531
#vanilla_categories_index .DataList.Discussions {
2532
    margin-top: 47px !important;
2533
    border-top: 1px solid peru !important;
2534
}
2535
2536
/* PROFILE - DICUSSION LIST -  === */
2537
.Profile .DataList.Discussions {
2538
    margin-top: 0px !important;
2539
}
2540
2541
/* ACTIVITY PAGE - === */
2542
.Excerpt>p>a>img {
2543
    max-width: 671px!important;
2544
}
2545
#dashboard_profile_notifications .Item:nth-child(odd) , 
2546
.Profile .DataList.Discussions .Item:nth-child(odd) ,
2547
.DataList.SearchResults .Item:nth-child(odd) {
2548
    background-color: #222 !important;
2549
}
2550
#dashboard_profile_notifications .Item:nth-child(even) ,
2551
.Profile .DataList.Discussions .Item:nth-child(even) ,
2552
.DataList.SearchResults .Item:nth-child(even) {
2553
    background-color: #414141 !important;
2554
}
2555
#dashboard_profile_notifications .Item:hover ,
2556
.Profile .DataList.Discussions .Item:hover ,
2557-
/* (new79) GREASYFORK : WITH / Without TS CITRUS -
2557+
2558-
https://greasyfork.org/fr/scripts/ 
2558+
2559
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
2560
    transition: background 0.8s ease 0s !important;
2561
}
2562
#dashboard_profile_notifications .Item:hover ,
2563
.Profile .DataList.Discussions .Item:hover ,
2564
.DataList.SearchResults .Item:hover {
2565
    background-color: black !important;
2566
    z-index: 1 !important;
2567
}
2568
/* #dashboard_profile_notifications .Item .ItemContent .Meta a , */
2569-
/* z-index: 500 !important; */
2569+
2570
    font-size: 15px! important;
2571
}
2572
2573
2574
/* (new86) GREASYFORK - with / without TS CITRUS - SEARCH FORM + BUTTONS - ===  */
2575
.sidebar-search {
2576
    position: absolute !important;
2577
}
2578
2579
#script-search>input[type="search"] {
2580
    min-height: 18px !important;
2581-
/* border: 1px solid violet !important; */
2581+
2582
}
2583
#script-search>input[type="submit"] {
2584
    position: relative;
2585
    -moz-appearance: none!important;
2586-
/* display: inline-block !important; */
2586+
2587-
/* width: 100% !important; */
2587+
2588
    width: 20px !important;
2589
    top: 3px !important;
2590-
/* left: 24% !important; */
2590+
2591
    font-size: 12px !important;
2592-
/* z-index: 500 !important; */
2592+
2593
}
2594
#userProfile + ul  #sidebar-search #search-submit {
2595
    height: 19px !important;
2596
}
2597
2598
#search-other-sites {
2599
    direction: rtl;
2600
    width: 13px!important;
2601
    height: 20px!important;
2602
    padding: 0px !important;
2603
    line-height: 10px !important;
2604
}
2605
2606
/*  GREASYFORK - without TS CITRUS - LINKS in MESSAGE - 
2607
https://greasyfork.org/fr/forum/discussion/2246/please-help-me-convert-bookmarklet-in-user-script-in-order-to-download-artwork-on-soundcloud#latest
2608
=== */ 
2609
body:not(.Settings) a:not(.Button) {
2610
    color: peru!important;
2611
}
2612
2613
/* (new74) GREASYFORK - without TS CITRUS - FORUM HEADER - === */ 
2614
#main-header +.width-constraint {
2615
    max-width: 980px !important;
2616
    margin-top: 51px !important;
2617
}
2618
body[pagetype="UserProfile"] #main-header +.width-constraint ,
2619
body[pagetype="PersonalProfile"] #main-header +.width-constraint {
2620
    margin-top: 51px !important;
2621
    box-shadow: 3px 3px 2px black !important;
2622
}
2623
2624
#Head .Row  {
2625
    position: relative;
2626
    display: inline-block!important;
2627
    max-height: 47px ! important;
2628
    min-height: 47px !important;
2629
    left: 25%!important;
2630
    padding: 0.25em 0;
2631
}
2632
#Head .Row #site-name {
2633
    height: 51px !important;
2634
    line-height: 1em;
2635
    margin-top: -8px!important;
2636
}
2637
#nav-user-info {
2638
    position: absolute;
2639
    display: inline-block!important;
2640
    top: -7px!important;
2641
}
2642
.user-profile-link {
2643
    position: relative !important;
2644
    display: inline-block !important;
2645
}
2646
/* (new76) GREASYFORK - USER NAME + LOGIN / LOGOUT + LANG CHOOSE - CONTAINER */
2647
#language-selector {
2648
    position: absolute !important;
2649
    display: inline-block !important;
2650
    -moz-appearance: none !important;
2651
    width: 18px !important;
2652
    height: 15px !important;
2653
    line-height: 13px !important;
2654-
letter-spacing: 0.2px !important;
2654+
2655
    padding: 0 2px !important;
2656
    border-radius: 3px !important;
2657
    box-shadow: 3px 3px 2px black !important;
2658
    background: #222 !important;
2659
    overflow: hidden !important; 
2660
    text-indent: -1px !important;
2661
    text-overflow: '' !important;
2662
    z-index: 500000 !important;
2663
}
2664-
/* #vanilla_discussion_index #site-name>a[href="/"] #title-subtext:hover b  ,
2664+
2665-
#vanilla_discussions_index #site-name>a[href="/"] #title-subtext:hover b {
2665+
2666-
    transform: translate(150px, -16px)!important;
2666+
2667
    -moz-appearance: none !important;
2668
    width: 19px !important;
2669
    height: 13px !important;
2670
    line-height: 8px !important;
2671-
height: 18px!important;
2671+
2672
    letter-spacing: 1px !important;
2673-
/*     margin-left: -50px!important; */
2673+
2674
    border: 1px solid transparent !important;
2675
    background: #222 !important;
2676
    overflow: hidden !important;
2677
    cursor: pointer !important;
2678
}
2679-
/* color: red !important; */
2679+
2680
    color: tomato !important;
2681
}
2682
#language-selector-locale>option {
2683
    text-indent: 20px !important;
2684
    margin-left: -20px !important;
2685-
/* color: red !important; */
2685+
2686
#language-selector-locale>option:checked:before {
2687
    content: attr(value) ;
2688
    color: tan !important;
2689
    font-size: 20px !important;
2690
    background: black !important;
2691
}
2692
#language-selector-locale>option:before {
2693
    content: attr(value) ;
2694
    display: inline-block ;
2695
    width: 100px !important;
2696
    margin-right: 17px  ;
2697
    margin-left: -20px  ;
2698
    color: gold ;
2699
}
2700
#language-selector-locale>option[selected=""]:before {
2701
    content: attr(value) ;
2702
    color: green !important;
2703
}
2704
2705
2706
.width-constraint #nav-user-info {
2707
    position: absolute;
2708
    display: inline-block !important;
2709
    height: 15px!important;
2710
    line-height: 15px!important;
2711
    width: 300px!important;
2712
    top: 15px!important;
2713
    top: -4px!important;
2714
    left: 64%!important;
2715
    text-align: right !important;
2716
}
2717
2718
/* (new74) GREASYFORK - SITE MENU - with SEARCH - === */
2719
.SiteMenu {
2720
    position: absolute;
2721
    display: inline-block !important;
2722
    height: 24px!important;
2723
    width: 320px!important;
2724
    top: -12px!important;
2725
    left: 16%!important;
2726
}
2727
2728
/* (new79) GREASYFORK : WITH / Without TS CITRUS - === */
2729
#site-nav>nav  {
2730
    position: absolute;
2731
    display: inline-block!important;
2732-
/* border: 1px solid violet !important; */
2732+
2733
    line-height: 24px!important;
2734
    width: 390px!important;
2735
    top: -9px!important;
2736
    left: 16%!important;
2737
    text-align: left !important;
2738
}
2739
/* (new79) GREASYFORK - SCRIPT LIST - TS CITRUS - === */
2740
body[pagetype="ListingPage"] #site-nav>nav   {
2741
    position: absolute;
2742
    display: inline-block!important;
2743
    height: 15px!important;
2744
    line-height: 15px!important;
2745
    width: 410px!important;
2746
    top: -4px!important;
2747
    left: 16%!important;
2748
    text-align: left !important;
2749
}
2750
2751
#main-header .width-constraint {
2752
    position: relative;
2753
    height: 42px !important;
2754
    padding: 0 0 0.25em;
2755
    overflow: visible !important;
2756
}
2757
#main-header .width-constraint #site-name {
2758
    height: 40px!important;
2759
}
2760
#title-subtext {
2761
    font-size: 10px;
2762
    font-weight: 400 !important;
2763
    left: 63px !important;
2764
    position: absolute;
2765
    text-decoration: none;
2766
    top: 28px !important;
2767
}
2768
#site-name>a[href="/"] {
2769
    display: inline-block!important;
2770
    color: gold !important;
2771
}
2772
#site-name>a[href="/"] span {
2773
    position: relative!important;
2774
    display: inline-block!important;
2775
    height: 33px!important;
2776
    line-height: 33px!important;
2777
    top: -3px !important;
2778
    margin-left: 3px!important;
2779
    font-size: 27px!important;
2780
    color: peru !important;
2781
2782
}
2783
#site-name>a[href="/"] #title-subtext {
2784
    position: absolute;
2785
    top: 15px!important;
2786
    left: 55px !important;
2787
    font-size: 10px;
2788
    font-weight: 400 !important;
2789
    text-decoration: none;
2790
    color: peru !important;
2791
}
2792
#site-name>a[href="/"] span:first-of-type {
2793
    height: 18px !important;
2794
    line-height: 16px !important;
2795
    top: -18px !important;
2796
    border-radius: 0 0 10px 0 !important;
2797
    border: 1px solid peru !important;
2798
    border-left:  none !important;
2799
    border-top:  none !important;
2800
    font-size: 18px !important;
2801
}
2802
/*(new74) GREASYFORK - SITE TITLE - WITHOUT CITRUS */
2803
#site-name h1 {
2804
    width: 109px !important;
2805
    height: 20px !important;
2806
    line-height: 12px !important;
2807
    top: -18px !important;
2808
    border-radius: 0 0 10px 0 !important;
2809
    border: 1px solid peru !important;
2810
    border-left:  none !important;
2811
    border-top:  none !important;
2812
}
2813
#site-name h1 a {
2814
    height: 18px !important;
2815
    line-height: 15px !important;
2816
    font-size: 18px !important;
2817
    letter-spacing: 0.2px !important;
2818-
/* (new76) */
2818+
2819
2820
.subtitle ,
2821
#main-header .subtitle {
2822
    margin-top: -3px !important;
2823
    margin-left: -1px !important;
2824
    text-shadow: none !important;
2825
}
2826
#site-name-text {
2827
    display: inline-block;
2828
    vertical-align: top;
2829
    height: 18px!important;
2830
    line-height: 18px!important;
2831
}
2832-
/* z-index: 500 !important; */
2832+
2833
    font-size: 18px!important;
2834
    letter-spacing: -2px;
2835-
/* (new66) */
2835+
2836
}
2837
#site-name-text h1 a {
2838
    font-size: 15px!important;
2839
    letter-spacing: 0.6px !important;
2840
    margin: 0;
2841
}
2842
#site-nav>nav>li>a {
2843
    margin-right: 2px !important;
2844
}
2845
2846
/* (new73) GREASEMONKEY - ADD ICON for LOGIN - === */
2847
#nav-user-info {
2848
    color: transparent !important;
2849
}
2850
.sign-out-link {
2851
    position: relative !important;
2852
    display: inline-block !important;
2853-
/* text-indent: 0px !important; */
2853+
2854
    margin-right: 5px !important;
2855
    font-size: 0 !important;
2856
    opacity: 0.4 !important;
2857
}
2858
.sign-out-link:hover {
2859
    opacity: 1 !important;
2860
}
2861
.SignOut,
2862
.sign-out-link a {
2863
    border: 1px solid gray !important;
2864
    border-radius: 3px !important;
2865
    display: inline-block !important;
2866
    font-size: 0 !important;
2867
    height: 15px !important;
2868
    margin-right: 5px !important;
2869
    position: relative !important;
2870
    top: -3px !important;
2871
    width: 15px !important;
2872
    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) !important;
2873
    background-position: center !important;
2874
    background-size: cover !important;
2875
    background-color: red !important;
2876
    cursor: pointer !important;
2877
}
2878
2879
/* (new74) - GREASYFORK - SEARCH - === */
2880
.nav-search {
2881
    position: absolute !important;
2882
    display: inline-block !important;
2883
    width: 220px !important;
2884
    height: 19px !important;
2885
    line-height: 0px !important;
2886
    left: 240px !important;
2887
    top: 7px !important;
2888
}
2889
.nav-search:hover {
2890
    width: 400px !important;
2891
}
2892
.nav-search #script-search {
2893
    position: relative;
2894
    display: inline-block !important;
2895
    vertical-align: top !important;
2896
    width: 200px !important;
2897
    top: -7px !important;
2898
}
2899
body[pagetype="ListingPage"] .nav-search #script-search {
2900
    top: -12px !important;
2901
}
2902
.nav-search:hover #script-search {
2903
    width: 420px !important;
2904
}
2905
.nav-search #script-search input[name="q"] {
2906
    display: inline-block !important;
2907
    width: 150px !important;
2908-
/* [tag="created"] ,
2908+
2909-
[tag="updated"] {
2909+
2910-
    background-color: yellow !important;
2910+
2911
2912
.nav-search:hover #script-search input[name="q"] {
2913
    width: 350px !important;
2914-
/* background-color: #333 !important; */
2914+
2915
}
2916-
/* #script-table>thead>tr>td:selected {
2916+
2917
/* (new74) TS CITRUS - SETTINGS - ADD ICON - === */
2918
#site-name > a span#settings-subtext {
2919
    position: absolute !important;
2920-
/* #SelectedSortColumn ~[tag='updated'] {
2920+
2921-
background-color: yellow !important;
2921+
2922
    width: 16px !important;
2923
    margin-left: -31px !important;
2924
    margin-top: 18px !important;
2925
    border-radius: 4px !important;
2926
    font-size: 0px !important;
2927
    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;
2928
    background-color: #DCD9D9 !important;
2929
    transform: scale(0.7) !important;
2930
    opacity: 0.4 !important;
2931
}
2932
#site-name > a span#settings-subtext:hover {
2933
    opacity: 1 !important;
2934
}
2935
2936
/* (new74) TS CITRUS - SCRIPT LIST TABLE - BROWSE/PROFILE - === */
2937
#script-info {
2938
    margin-top: -50px !important;
2939
    padding: 0 5px 0 5px !important;
2940
    border: 1px solid #bbb;
2941
    border-radius: 0 !important;
2942
    box-shadow: none !important;
2943
    background-color: #333 !important;
2944
}
2945
#share {
2946
    position: relative !important;
2947-
/* min-width: 17% !important; */
2947+
2948-
/* max-width: 17% !important; */
2948+
2949
    margin-bottom: 0 !important;
2950
    overflow: hidden !important;
2951
    background: red !important;
2952
    background-color: #670000 !important;
2953
    background-image: linear-gradient(#670000, #900) !important;
2954
}
2955
#share:hover {
2956
    height: 240px !important;
2957
    max-height: 100% !important;
2958
    overflow: visible !important;
2959
    transition: height ease 4s !important;
2960
}
2961
#share>h3 {
2962
    margin-top: -2px;
2963
    width: 942px !important;
2964
    padding: 0 5px !important;
2965
}
2966
#social-buttons {
2967
    text-align: center !important;
2968
}
2969
.social_share_privacy_area.box li.settings_info {
2970
    display: inline-block !important;
2971
    left: 0 !important;
2972-
#script-table td:not(:first-of-type):not([tag="name"]):not([tag="ratings"]):not([tag=""]):not([tag="total_installs"]):not([tag="created"]):not([tag="updated"]) {
2972+
2973
#script-table {
2974
    display: block!important;
2975
    margin: 0 auto!important;
2976-
/* (new66)*/
2976+
2977
}
2978
body[pagetype="ListingPage"] #script-table {
2979
    margin-top: 76px!important;
2980
}
2981
body[pagetype="ListingPage"] #script-table thead {
2982
    position: fixed!important;
2983
    max-width: 970px!important;
2984
    margin-top: -31px!important;
2985
}
2986
#script-table tbody td:nth-child(2) {
2987
    max-width: 450px!important;
2988
    min-width: 450px !important;
2989
}
2990
2991
2992
/* (new121) */
2993
#script-table tbody td:nth-child(2) .thetitle>a>b {
2994
    display: inline-block !important;
2995
    width: 100% !important;
2996
    max-width: 450px!important;
2997
    min-width: 450px !important;
2998
/*     overflow: hidden !important; */
2999
/* text-overflow: ellipsis !important; */
3000
/* white-space: nowrap !important; */
3001
/*     white-space: pre-wrap !important; */
3002
    word-wrap: break-word !important;
3003
/* background: blue !important; */
3004
}
3005
3006-
vertical-align: top !important;
3006+
3007
body[pagetype="ListingPage"] #script-table thead tr {
3008
    display: inline-table!important;
3009
    width: 100% !important;
3010-
/* text-indent: 35px ; */
3010+
3011
}
3012
#script-table>thead>tr>td:first-of-type {
3013
    width: 25px !important;
3014
}
3015
#script-table>thead>tr>td[tag="name"] {
3016
    width: 452px !important;
3017
    text-align: left !important;
3018-
/* #script-info>header>h2>div {
3018+
3019
}
3020
#script-table>thead>tr>td[tag="name"] span {
3021-
    width: 80px;
3021+
3022-
    margin-left: calc(-42px - 1ex);
3022+
3023
    width: 15px !important;
3024
    margin-left: 0px !important;
3025
    padding: 0px !important;
3026
    text-align: center !important;
3027
    text-indent: 0px !important;
3028
}
3029
#script-table>thead>tr>td[tag="name"] span.filterL:hover:before {
3030
    content: "Library Filter" !important;
3031
    position: absolute !important;
3032-
/* margin-left: calc(-46px - 1ex); */
3032+
3033-
margin-left: 0px !important;
3033+
3034
    margin-left: -10px !important;
3035
    margin-top: -17px !important;
3036
    padding: 0px !important;
3037-
/*  (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE - === */
3037+
3038
    text-align: center !important;
3039
    text-indent: 0px !important;
3040-
/* ==== END === (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE === */
3040+
3041
    color: black !important;
3042
}
3043
#script-table>thead>tr>td[tag="name"] span.filterU:hover:before {
3044-
/* (new74) */
3044+
3045
    position: absolute !important;
3046
    display: inline-block !important;
3047
    width: 80px !important;
3048
    margin-left: -10px !important;
3049
    margin-top: -17px !important;
3050
    padding: 0px !important;
3051
    border-radius: 5px !important;
3052
    text-align: center !important;
3053
    text-indent: 0px !important;
3054
    background: #cee7f3 !important;
3055
    color: black !important;
3056
}
3057
#script-table>thead>tr>td[tag="name"] span.filterD:hover:before {
3058
    content: "Deleted Filter" !important;
3059
    position: absolute !important;
3060
    display: inline-block !important;
3061
    width: 80px !important;
3062
    margin-left: -10px !important;
3063
    margin-top: -17px !important;
3064
    padding: 0px !important;
3065
    border-radius: 5px !important;
3066
    text-align: center !important;
3067
    text-indent: 0px !important;
3068
    background: #f77a7a !important;
3069
    color: black !important;
3070
}
3071
3072
/* (new79) - PB TO CHANGE HEADER  TD BACKGROUD SELECTED - === */ 
3073
#script-table>thead>tr>td {
3074
    box-shadow: 3px 3px 2px black !important;
3075
}
3076
3077
#script-table>thead>tr>td[tag="ratings"] {
3078
    width: 84px!important;
3079-
/* (new86) USER SET - HEADER - TXT "SETS" - === */
3079+
3080
#script-table>thead>tr>td[tag=""] {
3081
    width: 45px!important;
3082-
    left: 60px !important;
3082+
3083
#script-table>thead>tr>td[tag="total_installs"] {
3084
    width: 55px !important;
3085
}
3086
#script-table>thead>tr>td[tag="created"] {
3087
    width: 107px!important;
3088
}
3089
#script-table>thead>tr>td[tag="updated"] {
3090
    width: 108px!important;
3091
}
3092
3093
/* SCRIPT # */
3094
#script-table tbody td:nth-child(1) {
3095
/* width: 4% !important; */
3096
}
3097-
/* background-color: yellow; */
3097+
3098
#script-table tbody td:nth-child(2) {
3099
    width: 12% !important;
3100
}
3101
/* SCRIPT RATING */
3102-
/* background-color: gold !important; */
3102+
3103
    width: 4% !important;
3104
}
3105-
    width: 400px;
3105+
3106
#script-table tbody td:nth-child(4) {
3107
    width: 12.7% !important;
3108
}
3109-
/* SCRIPT INFOS PAGE  - ADAPTATION for GM: Linkify Plus Plus -
3109+
3110-
https://greasyfork.org/fr/scripts/17170-myfreecams-private-chat-log-link-adder
3110+
3111
    width: 8.8% !important;
3112
}
3113
/* SCRIPT CREATED  */
3114
#script-table tbody td:nth-child(6) {
3115
    width: 11.1% !important;
3116
}
3117
/* SCRIPT UPDATED  */
3118-
/* SCRIPT INFOS PAGE - IN CODE SECTION - ADAPTATION for GM: Linkify Plus Plus :
3118+
3119-
https://greasyfork.org/fr/scripts/4255-linkify-plus-plus
3119+
3120-
VOIR (ok):
3120+
3121-
https://greasyfork.org/fr/scripts/4713-eza-s-image-glutton/code
3121+
3122
#script-table td .thetitle +div {
3123
    overflow: hidden !important;
3124
    word-wrap: break-word!important;
3125
}
3126
/* (new90) */
3127
.width-constraint #script-info>header {
3128
    position: fixed !important;
3129
    display: inline-block !important;
3130
    min-width: 966px!important;
3131
    max-width: 966px!important;
3132
    height: 126px!important;
3133
    line-height: 17px!important;
3134
    margin-left: -4px !important;
3135
    top: 48px !important;
3136
    padding: 5px 5px  0px 5px !important;
3137
    z-index: 5 !important;
3138
    background: black !important;
3139
}
3140
#script-description {
3141
    display: inline-block !important;
3142
    width: 100% !important;
3143
    padding-bottom: 7px !important;
3144
    border-bottom: 1px solid red !important;
3145
}
3146
#script-info header h2 {
3147
    position: relative !important;
3148
    display: inline-block !important;
3149
    width: 100% !important;
3150
    line-height: 17px !important;
3151
    vertical-align: top !important;
3152
    margin-top: 1px !important;
3153
    padding-bottom: 5px !important;
3154
    font-size: 17px !important;
3155
    border-bottom: 1px solid red !important;
3156
}
3157
3158
3159
/* (new90) ADAPTATION For GM - GreasyFork script icon (https)
3160
https://greasyfork.org/fr/scripts/6861-greasyfork-script-icon-https 
3161
=== */
3162
#script-info>header>h2>div {
3163
    position: relative !important;
3164
    display: inline-block;
3165
    width: 34px !important;
3166
    top: 3px;
3167
    margin-top: -2px ;
3168
    margin-left: 0px !important;
3169
    margin-right: 10px !important;
3170
    text-align: right;
3171
}
3172
/* === */
3173
.width-constraint #script-info>#script-links {
3174
    position: fixed !important;
3175
    display: inline-block !important;
3176
    width: 100% !important;
3177
    min-width: 960px!important;
3178
    max-width: 960px!important;
3179
    top: 179px!important;
3180
    margin-left: 0 !important;
3181
    padding: 2px 5px !important;
3182
    background: #222 !important;
3183
    z-index: 5000 !important;
3184
}
3185
3186
/* (new62) TS CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" - === */
3187
html>body>div[style="text-align: right; padding: 1px 50px"] {
3188
    position: fixed !important;
3189
    width: 275px !important;
3190
    top: 72px !important;
3191
    padding: 0 !important;
3192
    text-align: right;
3193
    left:  33% !important;
3194
    z-index: 500 !important;
3195
}
3196
#RelativeSearch {
3197
    display: inline-block;
3198
    width: 120px !important;
3199
    padding: 1px 10px !important;
3200
    text-align: center;
3201
    border-radius: 3px;
3202
    cursor: pointer;
3203
    background-color: orange;
3204
}
3205
3206
/* (new102) USER SET - HEADER - TXT "SETS" / HOVER - - === */
3207-
/* (new79) GREASYFORK - with/without TS CITRUS - SCRIPT INFOS  -
3207+
3208
    width: 53px !important;
3209
    left: 5px !important;
3210
    text-indent: 0px !important;
3211
    z-index: 20000 !important;
3212
}
3213
#UserSets:hover::before {
3214
    position: absolute !important;
3215
    width: 53px !important;
3216
    left: -5px !important;
3217
    top: 0px !important;
3218
    text-indent: 0px !important;
3219
    z-index: 20000 !important;
3220
    background: green !important;
3221
}
3222
#UserSets {
3223
    position: fixed !important;
3224
    display: inline-block !important;
3225
    float: none !important;
3226
    left: 22% !important;
3227
    padding: 6px 5px !important;
3228
    top: 52px !important;
3229
    border-radius: 5px;
3230
    opacity: 1 !important;
3231
    visibility: hidden !important;
3232
    z-index: 20000 !important;
3233
    cursor: pointer !important;
3234
}
3235
#UserSets:hover {
3236
    width: 510px !important;
3237
    height: 834px !important;
3238
    top: 34px !important;
3239
    left: 22.5% !important;
3240
    padding: 25px 6px 5px 50px !important;
3241
    overflow: hidden !important;
3242
    overflow-y: auto!important;
3243
    opacity: 1 !important;
3244
    visibility: visible !important;
3245
}
3246
#UserSets li {
3247
    width: 480px !important;
3248
    text-indent: 0px !important;
3249
}
3250
3251
/* SCRIPT INFOS PAGE  - ADAPTATION for GM: Linkify Plus Plus - === */
3252
#script-info #script-description .linkifyplus>img {
3253
    display: inline-block !important;
3254
    max-width: 15% !important;
3255
    margin-bottom: -27px !important;
3256
}
3257
3258
/* SCRIPT INFOS PAGE - IN CODE SECTION - ADAPTATION for GM: Linkify Plus Plus - === */
3259-
    width: 393px !important;
3259+
3260
    height: auto !important;
3261
    max-height: 64px !important;
3262
    max-width: 64px !important;
3263
    width: auto !important;
3264
    background: rgba(191, 191, 190, 0.33) none repeat scroll 0 0 !important;
3265
    border-radius: 5px !important;
3266
    box-shadow: 0 0 2px #cccccc inset !important;
3267
    padding: 2px !important;
3268-
/* (new88) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER + META + INFOS + SCREENSHOTS - 
3268+
3269-
https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
3269+
3270
.width-constraint #script-info>#script-links li > * {
3271
    display: block;
3272
    padding: 2px!important;
3273
    font-size: 14px!important;
3274
}
3275
3276
3277
/* (new88) GREASYFORK - PROFILE - TS CITRUS - === */
3278
#user-control-panel > li  ,
3279
body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel li {
3280
    display: inline-block !important;
3281
    width: 45% !important;
3282
    line-height: 13px!important;
3283
    margin-left: 25px !important;
3284
    padding: 2px 1px!important;
3285
    border: 1px solid #404040;
3286
    border-radius: 5px;
3287
    box-shadow: 3px 3px 2px black !important;
3288
    text-align: center!important;
3289
    font-size: 13px!important;
3290
    background-color: #333 !important;
3291-
/* (new89) */
3291+
3292-
.script-in-sets {
3292+
3293
/*  GREASYFORK - TS CITRUS - SCRIPT PAGE - TXT "Show your appreciation..." - === */
3294
.width-constraint #script-info>#script-content>div[style*="background-color: yellow;"]  {
3295-
    min-width: 291px ;
3295+
3296-
    max-width: 291px ;
3296+
3297-
    max-height: 37px ;
3297+
3298-
    top: 215px ;
3298+
3299
    line-height: 15px !important;
3300
    margin-left: 580px !important;
3301
    margin-top: -45px !important;
3302
    padding: 3px 5px 3px 5px !important;
3303
    border-radius: 4px;
3304
    text-align: left !important;
3305
    background-color: #D6D6D1 !important;
3306-
.script-in-sets>a {
3306+
3307
    transition: opacity ease 0.7s !important;
3308
}
3309
.width-constraint #script-info>#script-content:hover >div[style*="background-color: yellow;"] {
3310
    opacity: 1!important;
3311
    z-index: 5000 !important;
3312
}
3313
3314
.width-constraint #script-info>#script-content>#install-area>div[style*="background-color: yellow;"] {
3315
    position: fixed !important;
3316
    display: inline-block !important;
3317
    width: 310px !important;
3318
    height: 30px !important;
3319
    line-height: 15px !important;
3320
    margin-left: -100px !important;
3321
    margin-top: -50px !important;
3322
    padding: 3px 5px 3px 5px !important;
3323
    border-radius: 4px;
3324
    text-align: left !important;
3325
    background-color: #D6D6D1 !important;
3326-
.script-in-sets:hover > select {
3326+
3327-
    margin-top: 10px ;
3327+
3328
}
3329-
.script-in-sets>input {
3329+
3330
    position: fixed!important;
3331-
    height: 24px;
3331+
3332-
    line-height: 13px;
3332+
3333
    margin-left: 95px !important;
3334
    margin-top: -205px!important;
3335-
/* (new65) */
3335+
3336
}
3337
3338
/* (new78) USERSCRIPT PAGES INFOS - - FEEDBACK - === */
3339
#script-feedback-suggestion {
3340
    margin-top: 95px !important;
3341
    margin-bottom: -15px !important;
3342
}
3343
3344
/* (new94) SCRIPT INFO - VERSIONS - DIFF - === */
3345
.width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) {
3346
    margin-top: 38px !important;
3347
    margin-bottom: 5px;
3348
}
3349
.width-constraint #script-info > #script-content p + form[action$="/diff"] {
3350
    margin-top: -21px !important;
3351
}
3352
.width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form:not([action*="/script_sets/add_to_set"]) {
3353
    height: 40px !important;
3354
/*     margin-bottom: 100px; */
3355
/*     margin-top: -441px; */
3356
}
3357
3358
3359
/* (new93) GREASYFORK - with/without TS CITRUS - SCRIPT INFOS  -
3360-
display: table-row !important;
3360+
3361
 === */
3362
.width-constraint #script-info>#script-content>p {
3363
    margin-top: 42px !important;
3364
    margin-bottom: -88px;
3365
}
3366
.width-constraint #script-info>#script-content{
3367
    position: relative !important;
3368
    display: inline-block!important;
3369-
/* (new71) */
3369+
3370
    min-width: 959px !important;
3371-
display: table-cell !important;
3371+
3372
    margin-top: 174px !important;
3373
    margin-left: -1px !important;
3374
    padding-left: 9px !important;
3375
    padding-right: 0 !important;
3376
    padding-top: 0px !important;
3377
    border: 1px solid black !important;
3378
    background-color: #2B2B2B !important;
3379-
white-space: nowrap !important;
3379+
3380
}
3381
.width-constraint #script-info>#script-content>h3:not([id="feedback-favoriters"]) {
3382
    min-width: 930px !important;
3383
    max-width: 930px !important;
3384
    margin-left: 0px !important;
3385
    border-bottom: 1px solid gray !important;
3386-
display: table-cell !important;
3386+
3387
    background: #222222!important;
3388
}
3389
.width-constraint #discussions {
3390
    min-width: 850px !important;
3391
    max-width: 850px !important;
3392
    margin-top: -10px !important;
3393
    margin-left: -10px !important;
3394
    padding: 20px 53px !important;
3395
    border: 1px solid gray !important;
3396
}
3397
.width-constraint #discussions li:nth-child(odd) {
3398
    border-bottom: 1px solid gray!important;
3399
    background: #222222 !important;
3400-
/*     min-width: 45% !important;
3400+
3401-
    max-width: 45% !important; */
3401+
3402
    border-bottom: 1px solid gray!important;
3403
    background: #333333 !important;
3404
}
3405-
/* (new67) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER - "APPLIES" TO CONTAINER - 
3405+
3406-
https://greasyfork.org/fr/scripts/109-handy-image
3406+
3407
    background: rgba(0, 0, 0, 0.8)!important;
3408
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
3409
    transition: background 0.8s ease 0s !important;
3410
}
3411
body[pagetype="ListingPage"] #script-table +.width-constraint h3 {
3412
    position: fixed !important;
3413-
    width: 493px !important;
3413+
3414
    line-height: 20px !important;
3415-
    margin-right: 35px !important;
3415+
    width: 483px !important;
3416
    margin-left: -5px !important;
3417
    top: 32px !important;
3418
    padding: 1px 1px 1px 20px  !important;
3419
    border-radius: 5px !important;
3420
    font-size: 13px ;
3421
    text-align: center !important;
3422
    border: 1px solid gray !important;
3423
    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);
3424
    z-index: 0 !important;
3425-
    width: 485px !important;
3425+
3426
}
3427
body[pagetype="ListingPage"] #script-table +.width-constraint h3>a {
3428
    z-index: 100 !important;
3429
    pointer-events: auto !important;
3430
}
3431
3432
3433
/* (new103) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER + META + INFOS + SCREENSHOTS - === */
3434
#install-area {
3435
    position: fixed !important;
3436
    display: inline-block!important;
3437
    min-width: 950px !important;
3438
    max-width: 950px !important;
3439
    top: 213px !important;
3440
    margin-left: -8px !important;
3441
    padding: 5px 9px !important;
3442
    border-bottom: 1px solid gray;
3443
    background-color: #f9ecdb!important;
3444
    z-index: 1!important;
3445
}
3446
.width-constraint #script-info > #script-content  #script-meta {
3447
    display: table;
3448
    min-width: 950px !important;
3449
    margin-top: 15px !important;
3450
    padding: 5px !important;
3451
    border-bottom: 1px dotted gray !important;
3452
}
3453
3454
/* (new105) */
3455
.script-in-sets:not(:hover) {
3456
    position: fixed ;
3457
    display: inline-block ;
3458
    min-width: 298px ;
3459
    max-width: 298px ;
3460
    min-height: 34px !important;
3461
    max-height: 34px !important;
3462
    top: 216px ;
3463
    left: 40% ;
3464
    margin-left: 0 ;
3465
    font-size: 0 ;
3466
    overflow: hidden ;
3467
    overflow-y: auto ;
3468
    border: 1px solid #404040;
3469
    background: #222 ;
3470
z-index: 5000 !important;
3471
}
3472
.script-in-sets:hover {
3473
    position: fixed ;
3474
    display: inline-block ;
3475
    min-width: 298px ;
3476
    max-width: 298px ;
3477
    max-height: 100% ;
3478
    top: 216px ;
3479
    left: 40% ;
3480
    margin-left: 0 ;
3481
    padding: 0 0 50px 0 !important;
3482
    font-size: 0 ;
3483
    overflow: hidden ;
3484
    overflow-y: auto ;
3485
    border: 1px solid #404040;
3486
    background: #222 ;
3487
z-index: 5000 !important;
3488
}
3489
.script-in-sets > a {
3490
    display: inline-block ;
3491
    width: 291px ;
3492
    margin-left: 0 ;
3493
    font-size: 13px ;
3494
    text-indent: 5px ;
3495
    white-space: nowrap ;
3496
    overflow: hidden ;
3497
    text-overflow: ellipsis ;
3498
}
3499
.script-in-sets:hover {
3500
    height: auto ;
3501
    padding-bottom: 50px ;
3502
}
3503
3504
.script-in-sets > select {
3505
    display: inline-block ;
3506-
/* (new71) GREASYFORK - SCRIPT PAGE - INFOS CONTAINER - 
3506+
3507-
TEST LINKS :
3507+
3508-
https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
3508+
3509-
https://greasyfork.org/fr/scripts/9456-cursor-mod
3509+
3510-
https://greasyfork.org/fr/scripts/740-bili-fix-player
3510+
3511
/* (new94) SET CHOICE - FIRT VALUE SELECTED - === */
3512
.script-in-sets>select[name="action-set"] {
3513
    position: relative ;
3514
    display: inline-block ;
3515
    height: 15px !important;
3516
    line-height: 15px !important;
3517
    top: -2px ;
3518
    border: none ;
3519
    -moz-appearance: none ;
3520
}
3521
/* .script-in-sets>select option[value^="ri-"]:first-of-type */
3522
.script-in-sets>select option[value^="ri-"] {
3523
    color: peru ;
3524
    background: black ;
3525
    -moz-appearance: none ;
3526
    outline: 1px solid peru ;
3527
}
3528
/* SET NEW */
3529
.script-in-sets>select option[value="ai-new"] {
3530
    color: gold ;
3531
    background: black ;
3532
    -moz-appearance: none ;
3533
}
3534
/* SET SUBMIT ARROW */
3535
.script-in-sets > input[value="→"][type="submit"] {
3536
    position: relative ;
3537
    display: inline-block ;
3538
    height: 15px ;
3539
    line-height: 15px;
3540
    top: -2px !important;
3541
    margin-left: 2px ;
3542-
/* (new62) CODE in SCRIPT INFO PAGE -
3542+
    border: none ;
3543-
https://greasyfork.org/fr/scripts/7596-decloak-links-and-open-directly
3543+
    cursor: pointer ;
3544
    -moz-appearance: none;
3545
}
3546
.script-in-sets:before {
3547
    content: "sets ⏬" ;
3548
    position: absolute ;
3549
    display: inline-block ;
3550
    height: 10px ;
3551
    line-height: 15px ;
3552-
/* ===
3552+
    width: 25px ;
3553-
https://greasyfork.org/fr/scripts/2229-change-search-result-for-google
3553+
    top: -2px ;
3554-
CODE IN IT :
3554+
    right: 17px ;
3555-
https://greasyfork.org/fr/scripts/9456-cursor-mod
3555+
    font-size: 12px ;
3556
    text-align: center ;
3557
    color: red  ;
3558
}
3559
#script-stats {
3560
    display: inline-table !important;
3561
    -moz-column-count: unset !important;
3562
    float: left !important;
3563
    clear: none !important;
3564
    width: 100% !important;
3565
    max-width: 399px !important;
3566
    min-width: 399px !important;
3567
    outline: 1px solid gray !important;
3568
    padding-right: 0 !important;
3569
}
3570
#script-stats dt {
3571
    display: table-row !important;
3572
    clear: none !important;
3573
    float: left !important;
3574
    height: 18px !important;
3575
    line-height: 18px !important;
3576
    min-width: 45% !important;
3577
    max-width: 45% !important;
3578
    border-bottom: 1px solid gray !important;
3579
    text-indent: 10px !important;
3580
}
3581
3582
#script-stats dt.script-show-compatibility {
3583
    display: table-row !important;
3584
    clear: none !important;
3585
    float: left !important;
3586
    height: 30px !important;
3587
    line-height: 30px !important;
3588
    min-width: 45% !important;
3589
    max-width: 45% !important;
3590
}
3591
#script-stats dd {
3592
    display: table-cell !important;
3593-
/* (new62) GREASYFORK - SCRIPT INFO - HISTORIC - WATCH DIFF (HOVER BUTTON) - 
3593+
3594-
https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables/versions
3594+
3595-
https://greasyfork.org/fr/scripts/4407-ts-linx-amender/versions
3595+
3596
    line-height: 18px !important;
3597
    min-width: 55% !important;
3598
    max-width: 55% !important;
3599
    margin-left: -50px !important;
3600
    white-space: nowrap !important;
3601
    overflow: hidden !important;
3602
    text-overflow: ellipsis !important;
3603
}
3604
3605
#script-meta dd:not(.script-show-applies-to) {
3606
    display: table-cell !important;
3607
    clear: none !important;
3608
    float: right !important;
3609
    height: 18px !important;
3610
    line-height: 18px !important;
3611
    border-bottom: 1px solid gray !important;
3612
    text-indent: 10px !important;
3613
}
3614
/* (new106) */
3615
#script-meta dd.script-show-compatibility {
3616
    display: table-row !important;
3617-
    top: 29.9%!important;
3617+
3618
    float: right !important;
3619
    height: 30px !important;
3620
    line-height: 34px !important;
3621
}
3622
3623
3624
/* (new106) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER - "APPLIES" TO CONTAINER - === */
3625
#script-meta>div {
3626
    position: relative;
3627
    display: inline-block !important;
3628
    float: right !important;
3629
    clear: none !important;
3630-
    transition: width ease 0.1s, margin ease 0.1s  !important;
3630+
    width: 425px !important;
3631
    max-height: 186px !important;
3632
    margin-right: -5px !important;
3633-
    margin-left: -130px !important;
3633+
3634
    padding: 5px 5px 5px 5px !important;
3635
    overflow-x: hidden !important;
3636
    overflow-y: hidden !important;
3637
}
3638
3639
#script-applies-to dd.script-show-applies-to {
3640
    display: inline-block !important;
3641
    width: 425px !important;
3642-
    transition: width ease 0.2s, margin ease 1.5s !important;
3642+
3643
    padding: 5px 5px 5px 5px !important;
3644
    border-radius: 3px !important;
3645
    border: 1px solid gray !important;
3646
    overflow: hidden !important;
3647
    overflow-y: auto !important;
3648
}
3649
#script-meta>div code {
3650
    position: relative;
3651
    display: inline-block !important;
3652
    height: 15px !important;
3653
    line-height: 15px !important;
3654
    background-color: #262626 !important;
3655
    border-radius: 3px !important;
3656
    border: none !important;
3657
    color: #aba2a4 !important;
3658
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
3659
    font-size: 90%;
3660
    padding: 1px 4px !important;
3661
    white-space: nowrap;
3662
}
3663
#script-meta>div  .inline-list>li:nth-child(even) code {
3664
    color: #BAA591  !important;
3665
    background-color: #1A1919 !important
3666
}
3667
#script-meta>div  .inline-list>li:nth-child(odd) code {
3668
    color: #BAA591  !important;
3669
    background-color: #363535 !important
3670
}
3671
3672
/*LINKYFY PLUS */
3673
.script-show-applies-to .inline-list li a.linkifyplus {
3674
    position: relative;
3675
    display: inline-block !important;
3676
    height: 15px !important;
3677
    line-height: 15px !important;
3678
    padding: 1px 4px !important;
3679
    border-radius: 3px !important;
3680
    color: #BAA591  !important;
3681
    background-color: #1A1919 !important
3682
}
3683
3684
.script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {
3685
    color: #D0A070  !important;
3686
    background-color: #1A1919 !important
3687
}
3688
.script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {
3689
    color: #BAA591  !important;
3690
    background-color: #1A1919 !important
3691
}
3692
.script-show-applies-to .inline-list li:hover a.linkifyplus {
3693
    color: tomato  !important;
3694-
/* (new62) */
3694+
3695-
.width-constraint #script-info > #script-content > form > ul {
3695+
3696
.expander {
3697
    display: none !important;
3698-
.width-constraint #script-info > #script-content > form > ul li {
3698+
3699
3700
/* GREASYFORK - SCRIPT PAGE - LIST "FAVORITED BY" - ==== */
3701
#script-content>#feedback-favoriters + div {
3702
    display: inline-block !important;
3703
    width: 953px !important;
3704
    margin-top: -10px !important;
3705
    font-size: 14px !important;
3706
}
3707
.inline-list>li:nth-child(odd)>a ,
3708
.inline-list>li:nth-child(even)>a {
3709
    display: inline-block !important;
3710
    padding: 1px 3px !important;
3711
    border-radius: 3px !important;
3712
}
3713
.inline-list>li:nth-child(odd)>a {
3714
    background: #222 !important;
3715
}
3716
.inline-list>li:nth-child(even)>a {
3717
    background: #333 !important;
3718
}
3719
3720
3721
/* (new117) GREASYFORK - SCRIPT PAGE - INFOS CONTAINER - 
3722
ADAPT FOR TABLE IN TABLE:
3723
https://greasyfork.org/fr/scripts/7251-enhanced-word-highlight
3724
=== */
3725
.width-constraint #script-info > #script-content #additional-info {
3726
    position: relative !important;
3727
    display: inline-block !important;
3728
    min-width: 950px !important;
3729
    max-width: 950px !important;
3730
    top: 10px !important;
3731
    margin-left: -4px !important;
3732
    margin-bottom: 50px !important;
3733
    padding: 0 5px 15px 5px !important;
3734
    background-color: #f9dacd;
3735
    border-radius: 5px;
3736
    word-wrap: break-word !important;
3737
}
3738
3739
.script-author-description>table td blockquote ,
3740
.script-author-description>table td  {
3741
    vertical-align: top !important;
3742
    min-width: 455px !important;
3743-
/* (new72) GREASYFORK - FORUM TABLE -
3743+
    max-width: 455px !important;
3744-
Test LIKNK : MouseOver PopUP Viewer rules : 
3744+
3745-
https://greasyfork.org/fr/forum/discussion/593/x
3745+
3746
    word-wrap: break-word !important;
3747
border: 1px solid gray ;
3748
}
3749
.script-author-description>table td blockquote   {
3750
    min-width: 440px !important;
3751
    max-width: 440px !important;
3752
border: 1px solid yellow ;
3753
}
3754
3755
3756
.width-constraint #script-info > #script-content #additional-info {
3757
    margin-bottom: -14px !important;
3758
    margin-top: 0 !important;
3759
}
3760
.script-author-description>p>code {
3761
    display: inline-block!important;
3762
    white-space: pre-line !important;
3763
}
3764
#additional-info > .script-author-description> pre ,
3765
.script-author-description>blockquote>pre {
3766
    margin-left: 30px;
3767
    padding: 5px 10px;
3768
    border: 1px solid gray !important;
3769
    border-radius: 2px;
3770
    word-wrap: break-word !important;
3771
    background-color: #5c5c5c !important;
3772
}
3773
/* (new62) CODE in SCRIPT INFO PAGE - === */
3774
.script-author-description>p>code ,
3775
#additional-info > .script-author-description > pre > code ,
3776
#additional-info > .script-author-description  > blockquote > pre > code {
3777
    border: 1px solid gray !important;
3778
    max-width: 99% !important;
3779
}
3780
.width-constraint #script-info > #script-content #additional-info > div {
3781
    padding: 5px !important;
3782-
    border: 1px solid blue !important;
3782+
3783
}
3784
.width-constraint #script-info > #script-content #additional-info>div>p>img {
3785
    max-width: 895px !important;
3786
}
3787
3788
/* GREASYFORK - CODE PAGE - === */
3789
#code-container {
3790
    max-height: 620px!important;
3791
    width: 100% ;
3792-
    margin-left: -6px !important;;
3792+
3793
    margin-top: 8px !important;
3794
    overflow-x: hidden !important;
3795
    background-color: white !important;
3796
}
3797-
/* GREASYFORK - BROWSE / USER SCRIPTS  - === */
3797+
3798
    max-height: 615px!important;
3799
    width: 100% ;
3800-
    padding: 5px !important;;
3800+
3801
    margin-top: 22px !important;
3802
    overflow-x: hidden !important;
3803
    background-color: white !important;
3804
}
3805
/* GREASYFORK - DISCUSS / HISTORIC etc - === */
3806
#feedback-favoriters ,
3807
#script-content>p:not(:empty):not(:first-of-type):not(:empty) {
3808
    margin-top: 10px !important;
3809
    margin-bottom: 20px !important;
3810
    padding: 5px !important;
3811
    border-radius: 4px !important;
3812
    text-align: center !important;
3813
    background-color: #f9dacd !important;
3814
}
3815
3816
/* (new117) GREASYFORK - SCRIPT INFO - HISTORIC - WATCH DIFF (HOVER BUTTON) - === */
3817
.diff {
3818
    margin-top: 80px !important;
3819
}
3820
3821
.width-constraint #script-info > #script-content >form[action$="/diff"]  {
3822
    margin-top: 90px!important;
3823
    width: 934px !important;
3824
}
3825
3826
.width-constraint #script-info > #script-content > form > ul  {
3827
    width: 950px !important;
3828
    height: 610px !important;
3829
    margin-top: 0px !important;
3830
    margin-bottom: 0 !important;
3831
    border-top: 1px dashed gray !important;
3832
    border-bottom: 1px dashed gray !important;
3833
    padding-left: 5px !important;
3834
    overflow-x: hidden !important;
3835
    overflow-y: auto !important;
3836
}
3837
3838
.width-constraint #script-info > #script-content >form[action$="/diff"]>input:first-of-type  {
3839
    margin-bottom: 15px !important;
3840
    cursor: pointer !important;
3841
    visibility: hidden !important;
3842
}
3843-
/* (new79) PB ?? - overflow-wrap */
3843+
3844
    top: 27.9%!important;
3845
    margin-left: -40px!important;
3846
    position: fixed !important;
3847
    width: 10px !important;
3848-
/* overflow-wrap: break-word !important; */
3848+
3849
    border-left: 19px solid #AAAAAA;
3850
    border-bottom: 9px solid transparent;
3851
    border-top: 9px solid transparent;
3852
    border-right: none !important;
3853
    padding-right: 0px !important;
3854
    color: transparent!important;
3855
    cursor: pointer !important;
3856-
/* (new76) GREASYFORK - BROWSE SCRIPTS - LEFT SORT PANEL (WIth/Without TS CITRUS) - === */
3856+
3857-
/* (new76) without */
3857+
3858
    transition: width ease 0s, margin ease 0.1s  !important;
3859
}
3860
3861-
    margin-left: -12px !important;
3861+
3862
    margin-left: -140px !important;
3863
    width: 145px !important;
3864
    height: auto !important;
3865
    line-height: 12px !important;
3866
    -moz-appearance: button !important;
3867
    white-space: normal !important;
3868
    border: none !important;
3869
    color: black !important;
3870
    cursor: pointer !important;
3871
    transition: width ease 0s, margin ease 0.7s !important;
3872
}
3873
3874
/* (new117) DIFF CODE - === */
3875
.width-constraint #script-info > #script-content >form + p + .diff ul {
3876
    background: #fff none repeat scroll 0 0;
3877
    display: table;
3878
    font-size: 13px;
3879
    list-style: outside none none;
3880
    margin: 0;
3881-
/* (new66) */
3881+
    overflow: auto;
3882
    padding: 5px !important;
3883
    max-width: 945px !important;
3884
    min-width: 945px !important;
3885
}
3886
.width-constraint #script-info > #script-content >form + p + .diff ul  li {
3887
    display: inline-block !important;
3888
    max-width: 945px !important;
3889
    min-width: 945px !important;
3890
    height: 1em;
3891
    margin: 0;
3892
    padding: 0;
3893
    word-wrap: break-word !important;
3894
    white-space: pre-wrap !important;
3895-
/* margin-top: -20px !important; */
3895+
3896
}
3897
.diff li.diff-block-info {
3898
    display: table-row;
3899
    height: 1.4em !important;
3900
    margin: 0;
3901
    padding: 0;
3902
    background: rgba(128, 128, 128, 0.17) !important;
3903
}
3904
3905
/* (new62) GREASYFORK - SCRIPT STATS - === */
3906
#script-content> script[src*="assets"] ~h3 {
3907
    margin-top: 10px !important;
3908
    margin-bottom: 20px !important;
3909
    padding: 5px !important;
3910
    border-radius: 4px !important;
3911
    text-align: center! important;
3912
}
3913
[id$="-chart-container"] {
3914
    background: white !important;
3915
}
3916
td.numeric, 
3917
th.numeric {
3918
    text-align: left!important;
3919
    text-align: center!important;
3920
}
3921
/* GREASYFORK - SCRIPT - DISCUSSION TABLE - ITEMS - === */
3922
.width-constraint #discussions li>a:first-of-type {
3923
    width: 835px !important;
3924
    display: inline-block !important;
3925
    color: #B4A393  !important;
3926
}
3927
.width-constraint #discussions li>a:first-of-type:hover {
3928
    color: tomato  !important;
3929
}
3930
.width-constraint #discussions li>time:first-of-type {
3931
    display: inline-block !important;
3932
    width: 95px !important;
3933
    margin-right: 20px!important;
3934
    text-align: center !important;
3935
}
3936
.width-constraint #discussions li>time:last-of-type {
3937
    display: inline-block!important;
3938
    width: 125px !important;
3939
    margin-left: -30px !important;
3940
    text-align: center !important;
3941
    white-space: nowrap !important;
3942
}
3943
.width-constraint #discussions li>a:nth-child(2) {
3944
    width: 180px !important;
3945
    display: inline-block !important;
3946
    margin-left: 10px !important;
3947
}
3948
.width-constraint #discussions li>a:nth-child(4) {
3949
    width: 160px !important;
3950
    display: inline-block !important;
3951
    margin-left: 20px !important;
3952
}
3953
3954
3955
/* (new93) GM VERSIONS - CONTAINER - MORE of ONE VERSION - 
3956
#script-content>form > input:first-of-type + ul
3957
https://greasyfork.org/fr/scripts/50-userstyles-tableview-enhancer-dark-grey-59-1-addstylish-lib-leoncastro/versions
3958
==== */
3959
.width-constraint #script-info > #script-content>form > input:first-of-type + ul {
3960
    margin-top: -5px  !important;
3961
}
3962
/* (new115) VERSIONS - CONTAINER - ONLY ONE VERSION - NOT DIFF VERSION) -
3963
.width-constraint #script-info > #script-content > form > ul
3964
https://greasyfork.org/fr/scripts/29600-flickr-auto-showallgroups-photo-page-v-2/versions
3965
=== */
3966
.width-constraint #script-info > #script-content > form:not(.diff_options) > ul {
3967
    margin-top: -42px  !important;
3968
outline: 4px solid red !important;
3969
}
3970
/* (new93) GM VERSIONS - ITEMS - ALL - === */
3971
.width-constraint #script-info > #script-content>form > input:first-of-type {
3972
    margin-bottom: -3px !important;
3973
    padding-bottom: 4px !important;
3974
    border-top: 1px solid gray !important;
3975
    overflow: hidden !important;
3976
    text-overflow: ellipsis !important;
3977
    white-space: nowrap !important;
3978
}
3979
3980
.width-constraint #script-info > #script-content > form > ul li:not(:hover) {
3981
    margin-bottom: -3px !important;
3982
    padding-bottom: 4px !important;
3983
    border-top: 1px solid gray !important;
3984
    overflow: hidden !important;
3985
    text-overflow: ellipsis !important;
3986
    white-space: nowrap !important;
3987
}
3988
3989-
/* TEST - FORUM IMAGE IN DISSCUSSION - 
3989+
3990-
https://forum.userstyles.org/discussion/comment/92068#Comment_92068
3990+
3991-
.Discussion.comment.Section-Discussion #Frame .CommentsWrap .DataBox.DataBox-Comments ul.MessageList.DataList.Comments li.Item.Alt.ItemComment div.Comment .Item-BodyWrap .Item-Body .Message div
3991+
3992
    border-top: 1px solid gray !important;
3993
    overflow: visible !important;
3994
    text-overflow: ellipsis !important;
3995
    background: black !important;
3996
    transition: all ease 0.7s !important;
3997
}
3998
#script-content>form>ul>li>input + a {
3999
    display: inline-block !important;
4000
    width: 15% !important;
4001
    padding: 1px 5px !important;
4002
    background: #222222 !important;
4003
}
4004
#script-content>form>ul>li:nth-child(odd)>input + a {
4005
    background: #222222 !important;
4006
}
4007
#script-content>form>ul>li:nth-child(even)>input + a {
4008
    background: #333333 !important;
4009
}
4010
4011
4012
.width-constraint #script-info > #script-content > form > ul li time {
4013
    display: inline-block!important;
4014
    min-width: 202px !important;
4015
    max-width: 202px !important;
4016
    padding: 1px 5px !important;
4017
    letter-spacing: 1.4px !important;
4018
    text-align: center !important;
4019
}
4020
.width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
4021
    background: #222222 !important;
4022
}
4023
.width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
4024-
/* ===
4024+
4025-
PB: https://forum.userstyles.org/discussion/27971/useful-extensions-keys-scripts-css-etc-for-stylish/p1
4025+
4026-
.Message>pre[id*="b"]
4026+
/* (new115) CHECKED */
4027-
.Message>ul>li>ul>li>pre
4027+
/* .width-constraint #script-info > #script-content > form > ul.history_versions>li:selected {
4028-
.Message>ul>li>pre
4028+
    background: aqua !important;
4029-
.Message pre
4029+
color: white !important;
4030
} */
4031
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v1"]:checked + input + a ,
4032
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v1"]:checked + input + a + time {
4033
    background: green !important;
4034
color: white !important;
4035
}
4036
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v2"]:checked + a ,
4037
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v2"]:checked + a + time {
4038
    background: tomato !important;
4039
color: white !important;
4040
}
4041
4042
/* (new72) GREASYFORK - FORUM TABLE - === */
4043
.Message table {
4044
    border-collapse: separate;
4045
    border-spacing: 4px;
4046
    margin: 1em -4px;
4047
    width:  650px !important;
4048
}
4049
.Message table thead{
4050
    width:  600px !important;
4051
}
4052
.Message th {
4053
    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;
4054
    font-size: 105%;
4055
    font-weight: bold;
4056
    padding-bottom: 0.5em;
4057
    padding-top: 0.5em;
4058
}
4059
.Message table tbody {
4060
    width:  600px !important;
4061
}
4062
.Message table tbody tr td:first-of-type  {
4063
    width:  120px !important;
4064
    vertical-align: middle !important;
4065
    color: gold !important;
4066
border: 1px solid red !important;
4067
}
4068
.Message table tbody tr td:first-of-type + td  {
4069
    min-width:  75px !important;
4070
    max-width:  75px !important;
4071
    color: gold !important;
4072
    vertical-align: middle !important;
4073
    border: 1px solid green !important;
4074
}
4075
.Message table tbody tr td:last-of-type  {
4076
    min-width:  280px !important;
4077
    max-width:  280px !important;
4078
border: 1px solid blue !important;
4079
}
4080
/* (COR) */
4081
.Message table tbody tr td:last-of-type code {
4082
    float: left!important;
4083-
/* FORUM USERTYLES / GREASY FORK - CODE (BACKROUND STRIPED) - for .linenums.prettyprinted  - 
4083+
4084
    max-width:  290px !important;
4085
    background-color: #f9ebd2;
4086
    border: 1px solid;
4087
    border-radius: 3px;
4088
    color: #eb5100;
4089
    margin-left: -6px !important;
4090
    padding: 1px 3px;
4091
    white-space: pre-line !important;
4092
}
4093-
    left: -20px !important;
4093+
4094
/* (COR) GREASYFORK - BROWSE / USER SCRIPTS  - === */
4095
#user-script-list>li ,
4096
#browse-script-list>li {
4097
padding: 5px !important;
4098
}
4099
#user-script-list>li:nth-child(odd) ,
4100
#browse-script-list>li:nth-child(odd) {
4101
    background-color: #222 !important;
4102
}
4103
#user-script-list>li:nth-child(odd):hover ,
4104
#browse-script-list>li:nth-child(odd):hover {
4105
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
4106
    background-color: rgba(7, 7, 7, 0.67) !important;
4107
    transition: background 0.8s ease 0s !important;
4108
}
4109
#user-script-list>li:nth-child(even) ,
4110
#browse-script-list>li:nth-child(even) {
4111
    background-color: #414141 !important;
4112
}
4113
#user-script-list>li:nth-child(even):hover ,
4114
#browse-script-list>li:nth-child(even):hover {
4115
    background-color: rgba(7, 7, 7, 0.57) !important;
4116
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
4117
    transition: background 0.8s ease 0s !important;
4118
}
4119
#user-script-list>li:hover ,
4120
#browse-script-list>li:hover {
4121
    background-color: black !important;
4122
    z-index: 1 !important;
4123
}
4124
/* (new66) without script */
4125
#user-script-list>li h2 ,
4126
#browse-script-list>li h2 {
4127
    display: inline-block !important;
4128
    width: 100% !important;
4129
    max-width: 762px !important;
4130
    word-wrap: break-word !important;
4131
    overflow: hidden !important;
4132
}
4133
#user-script-list>li h2 a ,
4134
#browse-script-list>li h2 a {
4135
    display: inline-block!important;
4136
    width: 100% !important;
4137
    line-height: 17px !important;
4138
}
4139
#browse-script-list>li h2 span {
4140
    width: 100% !important;
4141
    max-width: 720px !important;
4142
    overflow: hidden !important;
4143
}
4144
#user-script-list>li h2 span.name-description-separator ,
4145
#browse-script-list>li h2 span.name-description-separator {
4146
    display: none !important;
4147
}
4148
4149
4150
/* (new102) GREASYFORK - BROWSE SCRIPTS - LEFT SORT PANEL (WIth/Without TS CITRUS) - === */
4151
/* (new102) without CITRUS*/
4152
.width-constraint  #script-list-option-groups.list-option-groups {
4153
    display: inline-block !important;
4154
    float: left !important;
4155
    margin-left: -120px !important;
4156
    margin-top: 0px !important;
4157
}
4158
.width-constraint  #script-list-option-groups.list-option-groups #script-list-sort>div {
4159
    margin-top: 19px;
4160
}
4161
.width-constraint  #script-list-option-groups.list-option-groups .list-option-group {
4162
    margin-bottom: 0.5em;
4163
    padding: 0.5em;
4164
    box-shadow: 3px 3px 2px black !important;
4165
    border-radius: 5px 0 0 5px !important;
4166
    border: 1px solid gray !important;
4167
    background-color: #2d2d2d !important;
4168-
/* (new88) */
4168+
4169
.list-option-group ul {
4170
    box-shadow: 3px 3px 2px black !important;
4171
    background-color: transparent !important;
4172
    padding: 2px 0 !important;
4173
}
4174-
/* line-height: 13px !important; */
4174+
4175-
vertical-align: middle !important;
4175+
4176-
/* margin-top: 0px !important; */
4176+
4177-
/* margin-bottom: 0px !important; */
4177+
    margin-right: 106px !important;
4178
}
4179-
/* letter-spacing: initial; */
4179+
.list-option-group .list-current {
4180
    height: 19px !important;
4181
    line-height: 15px !important;
4182
    margin-bottom: 2px !important;
4183
    padding: 2px 0 0 0 !important;
4184
}
4185
.list-option-group .list-option {
4186-
/*(new70) CODE - USERSTLES / GREASYFORK  - FIRST TOP DISSCUSSION -
4186+
    height: 19px ;
4187-
https://forum.userstyles.org/discussion/53223/firefoxs-developer-toolbar-readable-userstyles-name-for-css-selector-lines-like-firebug?new=1
4187+
    line-height: 9px ;
4188
    border: 1px solid #404040;
4189
}
4190
.list-option-group .list-option a {
4191
    white-space: nowrap ;
4192
    overflow: hidden ;
4193
    text-overflow: ellipsis ;
4194
}
4195-
/* === (new77) ===
4195+
4196-
https://greasyfork.org/fr/forum/discussion/7111/forum-upgraded-please-report-any-issues#latest
4196+
4197-
PB:
4197+
4198-
https://greasyfork.org/fr/forum/discussion/10685/how-to-manage-greasemonkey-userscripts-using-git
4198+
4199-
ZIP :
4199+
4200-
https://greasyfork.org/fr/forum/discussion/12928/resolved-make-dubious-tlds-optional#latest
4200+
4201
    width: 727px !important;
4202
    margin-bottom: 8px !important;
4203
    margin-left: 59px !important;
4204
    margin-top: -15px !important;
4205
    padding: 5px !important;
4206
    background: #222 !important;
4207
}
4208
.width-constraint #script-list-option-groups.list-option-groups + h3 {
4209
    margin-top: 0px !important;
4210
    margin-bottom: 18px !important;
4211
    border-bottom: 1px solid gray !important;
4212
}
4213
4214
#browse-script-list + .pagination + p {
4215
    margin-bottom: 10px !important;
4216
    margin-left: 242px !important;
4217
    margin-top: -10px !important;
4218
    background: #222 !important;
4219
}
4220
4221
/* STATISTICS - ADD LABEL on HOVER - === */
4222
#install-stats-chart-container + table>thead>tr>th>abbr:before {
4223
    position: fixed !important;
4224
    display: inline-block !important;
4225
    width: 100px !important;
4226
    transform: rotate(-90deg)!important;
4227
    content: attr(title) !important;
4228
    margin-top: 65px !important;
4229
    margin-left: -83px !important;
4230
    font-size: 13px !important;
4231
    text-align: right !important;
4232
    color: peru !important;
4233
}
4234
#install-stats-chart-container + table:hover>thead>tr>th>abbr:after {
4235
    position: fixed !important;
4236
    display: inline-block !important;
4237
    width: 20px !important;
4238
    height: 17px !important;
4239
    transform: rotate(-90deg)!important;
4240
    content: "."!important;
4241
    margin-top: 22px !important;
4242
    margin-left: -44px !important;
4243
    border-radius: 5px !important;
4244
    font-size: 13px !important;
4245
    text-align: center !important;
4246
    color: peru!important;
4247
    background: rgba(255, 211, 0, 0.16)!important;
4248
}
4249
#install-stats-chart-container + table>thead>tr>th:nth-of-type(7):before {
4250
    position: fixed !important;
4251
    display: inline-block !important;
4252-
/* width: 820px!important; */
4252+
4253
    transform: rotate(-90deg) !important;
4254
    content: "Opera JS" !important;
4255
    margin-top: 80px !important;
4256
    margin-left: -40px !important;
4257
    font-size: 20px !important;
4258
    text-align: right !important;
4259
    color: peru !important;
4260
}
4261
#install-stats-chart-container + table>thead>tr>th:nth-of-type(8):before {
4262
    position: fixed !important;
4263
    display: inline-block !important;
4264
    width: 100px !important;
4265
    transform: rotate(-90deg) !important;
4266
    content: "Opera JS" !important;
4267
    margin-top: 80px! important;
4268
    margin-left: -29px !important;
4269
    font-size: 20px !important;
4270
    text-align: right !important;
4271
    color: peru!important;
4272
}
4273
4274
#install-stats-chart-container + table>tbody>tr:nth-child(odd) {
4275
    background: rgba(255, 0, 0, 0.23) !important;
4276
}
4277
#install-stats-chart-container + table>tbody>tr:nth-child(even) {
4278
    background: rgba(255, 254, 0, 0.23) !important;
4279
}
4280
#install-stats-chart-container + table>tbody>tr:hover th {
4281
    background: blue !important;
4282
}
4283
#install-stats-chart-container + table>tbody>tr:hover th {
4284
    background: blue  !important;
4285
}
4286
#install-stats-chart-container + table>tbody>tr:hover td {
4287
    background: black !important;
4288
}
4289
#install-stats-chart-container + table>tbody>tr:hover td:last-of-type {
4290
    background: red !important;
4291
}
4292-
/* GREASYFORK - SCRIPT PAGE INFO - CODE - 
4292+
4293-
TEST LINK 
4293+
4294-
- (bili_fix_player - CHINESE) :
4294+
4295-
https://greasyfork.org/fr/scripts/740-bili-fix-player
4295+
4296-
- userstyles.org css highlighter :
4296+
4297-
https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
4297+
4298
    left: -13px !important;
4299
    top: 15px !important;
4300
}
4301
4302
/* (new96) TEST - FORUM IMAGE IN DISSCUSSION - === */
4303
#vanilla_discussion_comment .Message>img{
4304
    max-height: 200px !important;
4305
    max-width: 50% !important;
4306
    margin-bottom: 25px !important;
4307
}
4308
4309
.Discussion.comment .Message>div {
4310
    display: inline-block !important;
4311
    float: right;
4312
    height: 150px;
4313
    width: 719px !important;
4314
    margin: auto auto 20px 50px !important;
4315
    left: 50px !important;
4316
    overflow: hidden;
4317
}
4318
4319
.Message>div>a>a>img {
4320
    margin-left: 56px !important;
4321
    text-align: center;
4322
}
4323
4324
.Message .ImageResized {
4325
    cursor: pointer;
4326
    font-size: 11px;
4327
    font-weight: normal;
4328
    height: 20px !important;
4329
    margin-bottom: 5px !important;
4330
    max-width: 668px !important;
4331
    color: peru !important;
4332
}
4333
.Message .ImageResized:hover {
4334
    color: tomato !important;
4335-
padding-left: 15px !important;
4335+
4336-
/* padding-right: 5px !important; */
4336+
4337-
/* padding-bottom: 10px !important; */
4337+
4338
/* TEST - CODE IN DISCUSSION - === */
4339
.Message>table>tbody>tr>td>code {
4340
    display: inline-block !important;
4341
    min-width: 688px !important;
4342
    max-width: 688px !important;
4343
    letter-spacing: initial;
4344
    white-space: pre-line !important;
4345
    word-wrap: break-word !important;
4346
    background-color: #5c5c5c !important;
4347
    color: white!important;
4348
}
4349
.Message>pre {
4350
    position: relative !important;
4351
    display: inline-block !important;
4352
    min-width: 650px !important;
4353
    max-width: 650px !important;
4354
    margin-left: 5px !important;
4355
    letter-spacing: initial;
4356
    white-space: pre-line !important;
4357
    word-wrap: break-word !important;
4358
    background-color: #5c5c5c !important;
4359
    color: white!important;
4360
}
4361
.Message>ul>li>pre {
4362
    position: relative !important;
4363
    display: inline-block !important;
4364
    min-width: 580px !important;
4365
    max-width: 580px !important;
4366
    margin-left: 5px !important;
4367
    letter-spacing: initial;
4368
    white-space: pre-line !important;
4369
    word-wrap: break-word !important;
4370
    background-color: #5c5c5c !important;
4371
    color: white !important;
4372
}
4373
.Message>ul>li>ul>li>pre{
4374
    position: relative !important;
4375
    display: inline-block !important;
4376
    min-width: 580px !important;
4377
    max-width: 580px !important;
4378
    margin-left: -35px !important;
4379
    letter-spacing: initial;
4380
    white-space: pre-line !important;
4381
    word-wrap: break-word !important;
4382
    background-color: #5c5c5c !important;
4383
    color: white !important;
4384
}
4385
4386
/* TEST code in discussion - === */
4387
.Message ol li pre {
4388
    display: inline-block !important;
4389
    min-width: 650px !important;
4390
    max-width: 650px !important;
4391
    margin-left: -35px !important;
4392-
/* padding:  0 !important; */
4392+
4393
    white-space: pre-line !important;
4394
    word-wrap: break-word !important;
4395
    background-color: #5c5c5c !important;
4396
    color: white !important;
4397
}
4398
4399
/* (new96) FORUM USERTYLES / GREASY FORK - CODE (BACKROUND STRIPED) - for .linenums.prettyprinted  - 
4400
TEST different:
4401
https://greasyfork.org/en/forum/discussion/6928/gm-xmlhttprequest-vs-xmlhttprequest#latest
4402
https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help#latest
4403
===  */    
4404
.Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
4405
    position: relative !important;
4406
    display: inline-block !important;
4407-
/* TEST TO SOLVE PB OVERFLOW ON SMALL SCREEN (no horizontal scrollbar) + FONT VERANDA - === */
4407+
4408
    max-width: 670px !important;
4409
    left: 0px !important;
4410
    top: -10px !important;
4411
    letter-spacing: initial;
4412
    white-space: pre-line !important;
4413
    word-wrap: break-word !important;
4414
    background-color: white !important;
4415-
/* (new79) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN - 
4415+
4416-
IN GREASY FORK DISCUSS:
4416+
4417-
https://greasyfork.org/fr/forum/discussion/179/x
4417+
4418
    outline: 1px solid green !important;
4419
}
4420
.Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
4421-
/* .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems , */
4421+
4422
    display: inline-block !important;
4423
    min-width: 670px !important;
4424
    max-width: 670px !important;
4425-
/*     width: auto !important; */
4425+
4426-
width: 15px !important;
4426+
4427-
height: 15px !important;
4427+
4428-
/* left: 75px ; */
4428+
4429-
padding: 0 !important;
4429+
4430
    background-color: white !important;
4431
    background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent)!important;
4432
    background-size: 30px 15px !important;
4433-
/* background: aqua !important; */
4433+
4434-
/* outline: 1px solid pink !important; */
4434+
4435
}
4436
pre.linenums.prettyprinted .linenums {
4437
    background: transparent !important;
4438
    padding: 8px;
4439
}
4440
    pre.linenums.prettyprinted li.L0, 
4441-
/*     left: 7px; */
4441+
4442-
/*     top: 0; */
4442+
4443
pre.linenums.prettyprinted li.L3, 
4444
    pre.linenums.prettyprinted li.L4, 
4445
pre.linenums.prettyprinted li.L5, 
4446
    pre.linenums.prettyprinted li.L6, 
4447
pre.linenums.prettyprinted li.L7,
4448
    pre.linenums.prettyprinted li.L8, 
4449
pre.linenums.prettyprinted li.L9 {
4450
    min-width: 600px !important;
4451
    max-width: 600px !important;
4452
    margin-left: -20px!important;
4453
    background:transparent !important;
4454
}
4455
    pre.linenums.prettyprinted li.L0 code,
4456
pre.linenums.prettyprinted li.L1 code,
4457
    pre.linenums.prettyprinted li.L2 code, 
4458
pre.linenums.prettyprinted li.L3 code , 
4459
    pre.linenums.prettyprinted li.L4 code, 
4460
pre.linenums.prettyprinted li.L5 code , 
4461
    pre.linenums.prettyprinted li.L6 code , 
4462
pre.linenums.prettyprinted li.L7 code ,
4463-
/* (new79) ALL */
4463+
4464
pre.linenums.prettyprinted li.L9 code {
4465
    min-width: 600px !important;
4466
    max-width: 600px !important;
4467
    background: #5c5c5c !important;
4468
    background:transparent !important;
4469-
height: 15px !important;
4469+
4470-
/*     margin-left: 35px !important; */
4470+
4471-
/*     left: 24px !important; */
4471+
4472-
/*     top: -16px !important; */
4472+
4473
}
4474
    
4475
/* === 
4476
https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help/p1
4477
=== */
4478
#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 {
4479
    display: inline-block !important;
4480
    min-width: 630px !important;
4481
    max-width: 630px !important;
4482
    margin-left: -5px !important;
4483
}
4484
.Quote>p>code ,
4485
.Message pre code , 
4486-
/*     margin-left: 25px !important; */
4486+
4487-
/*     top: 0px !important; */
4487+
4488
    max-width: 648px !important;
4489
    vertical-align: middle !important;
4490
    padding: 1px 2px 1px 4px !important;
4491
    white-space: pre-line !important;
4492
    word-wrap: break-word !important;
4493
    background-color: #5c5c5c !important;
4494
    color: white !important;
4495
}
4496
4497
/*(new96) CODE - USERSTLES / GREASYFORK  - FIRST TOP DISSCUSSION -
4498
OK for : https://forum.userstyles.org/discussion/53223/firefoxs-developer-toolbar-readable-userstyles-name-for-css-selector-lines-like-firebug?new=1
4499
PB fixed for : https://greasyfork.org/fr/forum/discussion/27373/x
4500
=== */
4501
.Discussion .Item-BodyWrap .Item-Body .Message code ,
4502
.MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code  {
4503
    display: inline-block !important;
4504
    max-width: 600px !important;
4505
    position: relative;
4506
    letter-spacing: initial;
4507
    line-height: 15px;
4508
    min-height: 0px !important;
4509
    min-width: 0px !important;
4510
    top: 0;
4511
        overflow-y: hidden !important;
4512-
/* TEST - MARK AS RED / HIDE - 
4512+
4513-
EDIT : 
4513+
4514-
https://greasyfork.org/fr/forum/discussions/mineEDIT:
4514+
4515-
READ:
4515+
4516-
https://greasyfork.org/fr/forum/categories
4516+
4517-
DISMISS :
4517+
4518-
https://forum.userstyles.org/discussions
4518+
4519-
#vanilla_discussions_mine
4519+
4520
    min-height: 15px !important;
4521
    line-height: 15px !important;
4522
    top: 0px !important;
4523
    margin-top: 0px!important;
4524
    margin-bottom: -2px !important;
4525
    margin-left: 2px !important;
4526
    padding: 0px 2px !important;
4527
    letter-spacing: initial;
4528
    white-space: pre-line !important;
4529
    word-wrap: break-word !important;
4530
    background-color: #5c5c5c!important;
4531-
/* height: 15px !important; */
4531+
4532-
padding: 0 !important;
4532+
4533-
line-height: 15px !important;
4533+
4534
.Message>ul>li>code  {
4535
    position: relative !important;
4536
    display: inline-block!important;
4537
    min-width: 10px !important;
4538
    max-width: 670px !important;
4539
    height: 13px !important;
4540
    line-height: 13px !important;
4541
    top: 0px !important;
4542
    margin-top:0px!important;
4543
    margin-bottom: -2px !important;
4544
    margin-left: 2px !important;
4545-
/*     float: left !important; */
4545+
4546
    letter-spacing: initial;
4547
    white-space: pre-line !important;
4548
    word-wrap: break-word !important;
4549
    background-color: #5c5c5c!important;
4550
    color: white!important;
4551
}
4552
.QuoteText>pre {
4553
    width: 660px!important;
4554
    padding: 2px 2px 2px 4px !important;
4555
    letter-spacing: initial;
4556
    white-space: pre-line !important;
4557
    word-wrap: break-word !important;
4558
}
4559
4560
/* USERSTYLES PAGE INFO - CODE - === */
4561
#additional-info-text>code:not(:empty),
4562
#long-description>code:not(:empty)  {
4563
    display: inline-block !important;
4564
    margin-left: 1px!important;
4565
    padding: 5px 10px!important;
4566
    border-radius: 2px!important;
4567
    letter-spacing: initial;
4568
    white-space: pre-line !important;
4569
    word-wrap: break-word !important;
4570
    background-color: #e9e8e5!important;
4571
    background-color: #5c5c5c !important;
4572
    color: white !important;
4573
}
4574
#additional-info-text>pre ,
4575
#additional-info-text>code pre code ,
4576
#additional-info-text>code pre {
4577
    display: inline-block !important;
4578
    width: 850px!important;
4579
    margin-left: 1px!important;
4580
    padding: 5px 10px!important;
4581
    border-radius: 2px!important;
4582
    letter-spacing: initial;
4583
    white-space: pre-line !important;
4584
    word-wrap: break-word !important;
4585
    background-color: #e9e8e5!important;
4586
    background-color: #5c5c5c !important;
4587
    color: white !important;
4588
}
4589
4590
/* CODE - IN STYLE INFO - LONG DESCRIPTION - === */
4591
#long-description>code:not(:empty)  {
4592
    display: inline-block !important;
4593-
/* (new79) TEST - USERSTYLES - EDIT COMMENT */
4593+
4594
    max-width: 540px!important;
4595
}
4596-
/*     margin-top: -12px !important; */
4596+
4597-
/* left: 60px !important; */
4597+
4598
    display: inline-block !important;
4599
    width: auto !important;
4600
    max-width: 820px!important;
4601
}
4602
4603
/* GREASYFORK - SCRIPT PAGE INFO - CODE - === */
4604
#additional-info>div>blockquote>pre>code  {
4605
    display: inline-block !important;
4606
    width: 99%!important;
4607
    margin-left: -6px!important;
4608
    padding: 5px 10px!important;
4609
    border-radius: 2px!important;
4610-
height: 15px !important;
4610+
4611-
left: 30px ;
4611+
4612-
/* margin-left: 57px!important; */
4612+
4613-
/* margin-top: 34px !important; */
4613+
4614-
/* top: 4px !important; */
4614+
4615
    background-color: #5c5c5c !important;
4616
    color: white !important;
4617
}
4618
#additional-info>div>pre>code  {
4619-
/* outline: 1px solid red !important; */
4619+
4620
    width: 99%!important;
4621
    margin-left: -6px!important;
4622
    padding: 5px 10px!important;
4623
    border-radius: 2px!important;
4624-
/* (new79) USERSTYLES / GREASYFORK - EDIT BUTTON - IN HEADER DISSCUSS IN GREASY FORK DISCUS :
4624+
4625-
== GREASYFORK ==
4625+
4626-
.Discussion.comment.Section-Discussion #Frame #Body #Content.Column.ContentColumn  .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout.OptionsMenu:not(.Open)
4626+
4627-
https://greasyfork.org/fr/forum/discussion/179/x
4627+
4628
    background-color: #5c5c5c !important;
4629
    color: white !important;
4630
}
4631
4632
/* (new75) WITH / WITHOUT GM - MY ACCOUNT PAGE / EDIT PAGE - === */
4633
#main-header + #content-wrapper> #main-article>ul {
4634
    position: fixed !important;
4635-
/* (new79) EDIT - USERSTYLES */
4635+
4636
    width: 50px !important;
4637-
/*     left: -19px; */
4637+
4638-
/*     top: -27px; */
4638+
4639
    top: 18px !important;
4640
    padding-left: 15px !important;
4641-
.MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion:before  {
4641+
4642-
/*     margin-left: -70px !important; */
4642+
4643-
/*     top: -13px !important; */
4643+
4644
    background: #222 !important;
4645-
/* (new79) EDIT - GREASYFORK */
4645+
4646-
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before{
4646+
4647-
/*     margin-left: 20px !important; */
4647+
4648-
/*     top: -23px !important; */
4648+
4649
#main-header + #content-wrapper > #main-article > p ~ ul {
4650
    position: relative !important;
4651-
/* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style - 
4651+
4652-
https://greasyfork.org/forum/discussion/1122/help-converting-this-not-too-lengthy-google-chrome-extension-into-greasemonkey
4652+
4653
    height: auto!important;
4654
    margin-left: 200px !important;
4655
    margin-top: -5px !important;
4656
    border-radius: 3px !important;
4657
    border: 1px solid gray !important;
4658
    background: #222 !important;
4659
    overflow: visible !important;
4660
    z-index: 10 !important;
4661
}
4662
#main-header + #content-wrapper > #main-article > table + p {
4663
    position: fixed!important;
4664
    display: inline-block !important;
4665
    width: 600px !important;
4666
    height: auto !important;
4667
    top: 73px !important;
4668
    left: 320px !important;
4669
    opacity: 0 !important;
4670
}
4671
#main-header + #content-wrapper > #main-article > table:hover + p {
4672
    position: fixed!important;
4673
    display: inline-block !important;
4674
    width: 600px !important;
4675
    height: auto!important;
4676
    top: 73px!important;
4677
    left: 320px!important;
4678
    opacity: 1!important;
4679
    transition: opacity ease 0.7s !important;
4680
}
4681
#main-header + #content-wrapper> #main-article>ul:hover {
4682
    width: 200px !important;
4683
    height: auto!important;
4684
    box-shadow: 0 0 4px #999999 !important;
4685
}
4686
#main-header + #content-wrapper > #main-article > p ~ ul:hover{
4687
    width: 700px !important;
4688
    height: auto!important;
4689
}
4690
#main-header + #content-wrapper> #main-article>ul:before {
4691
    width: 200px !important;
4692
    height: 10px !important;
4693
    line-height: 10px !important;
4694
    content: "More..."!important;
4695
}
4696
#main-header + #content-wrapper > #main-article > p ~ ul:before{
4697
    content: ""!important;
4698
}
4699
/* HELP STYLES - === */
4700
 #main-header + #content-wrapper > #main-article > p ~ ul ~h3 {
4701
    width: 700px !important;
4702
    margin-left: 200px !important;
4703
    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);
4704
    text-align: center!important;
4705
    color: peru!important;
4706
}
4707
4708
4709
/* (new109) TEST TO SOLVE PB OVERFLOW ON SMALL SCREEN (no horizontal scrollbar) + FONT VERANDA - === */
4710
body {
4711
    display: inline-block !important;
4712
    width: 100% !important;
4713-
    content: "week   :   " attr(weekly-install-count) ;;
4713+
    max-width: 1910px !important;
4714
    overflow: hidden !important;
4715
    overflow-x: hidden !important;
4716
    overflow-y: auto !important;
4717
    font-family: Verdana,sans-serif!important;
4718
    background-color: green !important;
4719-
    color: gold;;
4719+
4720
4721
4722
/* (new79) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN - === */
4723
4724
/* (new79) ALL - USERSTYLE / GREASY FORK - EDIT COMMENT - ICON PENCIL GRAY - TOP TITLE DISCUS / OK COMMENTS - === */
4725
.ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
4726
    display: inline-block !important;
4727
    float: left !important;
4728
    width: 15px !important;
4729
    height: 15px !important;
4730
    padding: 0 !important;
4731
    border: none !important;
4732
    background-color: transparent !important;
4733
    box-shadow: none !important;
4734
}
4735
#Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
4736
    left: -5px !important;
4737
    top: 21px !important;
4738
}
4739
.OptionsMenu .Flyout {
4740
  right: 6px;
4741
  top: -1px;
4742
}
4743
.ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before, 
4744
.ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
4745
    border: none !important;
4746
}
4747
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment ,
4748
.ToggleFlyout:not(.Open) .EditDiscussion {
4749
    display: inline-block !important;
4750
    width: 18px !important;
4751
    background-color: transparent!important;
4752
    font-size: 0px!important;
4753
    visibility: hidden!important;
4754
    outline: 1px solid peru !important;
4755
}
4756
/* (new109) ALL */
4757
.ToggleFlyout:not(.Open) a.EditDiscussion:before {
4758
    content: " "!important;
4759
    position: relative!important;
4760
    display: inline-block !important;
4761
    width: 18px !important;
4762
    height: 15px !important;
4763-
/* USERSTYLES - PAGE INFO - HIDDEN METDATA - === */
4763+
4764-
#main-article #hidden-meta {
4764+
4765
    font-size: 15px !important;
4766-
    width: 190px!important;
4766+
4767-
    top: 460px !important;  
4767+
4768
}
4769
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
4770-
    text-shadow: 1px 1px 2px #000000 !important;
4770+
4771
    position: relative!important;
4772
    display: inline-block !important;
4773-
/* body .Pager .Highlight , */
4773+
4774
    height: 18px !important;
4775
    left: 17px !important;
4776
    top: -12px !important;
4777
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
4778
    background-color: black !important;
4779
    font-size: 15px !important;
4780
    visibility: visible !important;
4781
    outline: 1px solid gray !important;
4782
}
4783
/* EDIT BUTTON */
4784
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems  {
4785
    display: inline-block !important;
4786
    height: 15px !important;
4787
    line-height: 15 !important;
4788
    padding: 1px !important;
4789
}
4790
4791
4792
4793
/* (new62) COMMENT DISCUSSION - COMMENT EDIT PAGE - === */
4794
#DiscussionForm.FormTitleWrapper.DiscussionForm {
4795
    margin-top: -74px !important;
4796
}
4797
#DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {
4798
    padding: 0px 20px !important;
4799
}
4800
4801
.ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a {
4802
    position: relative !important;
4803
    display: inline-block !important;
4804
    float: left !important;
4805
    width: 18px !important;
4806
    padding: 0 !important;
4807
    line-height: 15px !important;
4808
outline: 1px solid pink !important;
4809
}
4810
4811
.ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a:hover {
4812
    background-color: #ACB1B7 !important;
4813
    color: white !important;
4814
    text-decoration: none;
4815
}
4816
4817
/* (new79) EDIT COMMENT - === */
4818
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
4819
    font-size: 15px !important;
4820
    visibility: hidden !important;
4821
    outline: 1px solid gray !important;
4822-
/* font-size: 18px !important; */
4822+
4823
#vanilla_discussions_index .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
4824
#vanilla_discussions_mine .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
4825
#vanilla_discussions_bookmarked .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before {
4826
/* outline: 1px solid violet !important; */
4827
}
4828
4829
/* COMMENT DISCUSS  */
4830
.Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle ,
4831
.Section-Discussion .Item.Mine.ItemComment .OptionsTitle ,
4832
.Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle  {
4833
    visibility: hidden!important;
4834
}
4835
/* COMMENT DISCUSS ALT (BLACK) */
4836
.Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle ,
4837
.Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle {
4838
    visibility: hidden !important;
4839
}
4840
/* LIST BOOKMARKED */
4841
.Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle ,
4842
.Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle {
4843
    visibility: hidden !important;
4844
}
4845
/* LIST BOOKMARKED ALT (BLACK) */
4846
.Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle ,
4847
.Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
4848
    outline: 1px solid red!important;
4849
    visibility: hidden !important;
4850
}
4851
.DismissAnnouncement.Hijack {
4852-
/* (new63) */
4852+
4853
    margin-top: -31px !important;
4854
    color: peru !important;
4855
}
4856
#vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {
4857
    margin-right: 19px !important;
4858
    margin-top: 0px !important;
4859
    color: peru !important;
4860
}
4861
4862
/* (new118) TEST - USERSTYLES - EDIT COMMENT */
4863
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion  {
4864
    font-size: 15px !important;
4865
/*     visibility: visible !important; */
4866
    visibility: hidden !important;
4867
    z-index: 10000 !important;
4868
}
4869
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit  {
4870
    margin-left: 32px !important;
4871
    padding: 0 !important;
4872
    font-size: 0px !important;
4873
}
4874
/* (new116) */
4875
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before ,
4876
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {
4877
    content: " "!important;
4878
    position: relative !important;
4879
    display: inline-block !important;
4880
    float: left !important;
4881
    width: 18px !important;
4882
    height: 18px !important;
4883
/*     left: 762px !important; */
4884
top: -2px !important;
4885
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
4886
    background-color: black !important;
4887
    font-size: 15px !important;
4888
    visibility: visible !important;
4889
    outline: 1px solid gray !important;
4890-
/* ==== TEST - USERSTYLES LIGHTBOX - === */
4890+
    z-index: 10000 !important;
4891-
/* LIGHTBOX - STOP LINKIFYPLS to DOUBLE IMG SCREENSHOT - === */
4891+
4892-
.lb-caption .linkifyplus>img {
4892+
4893
/* (new79) USERSTYLES / GREASYFORK - EDIT BUTTON - IN HEADER DISSCUSS IN GREASY FORK DISCUS - === */
4894
/* GREASYFORK */
4895
.MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
4896-
/* USERSTYLES LIGHTBOX - CONTAINER IMAGE */
4896+
4897-
.lightbox {
4897+
4898
}
4899
4900-
    line-height: 0;
4900+
/* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style - === */
4901
.Attachment .FilePreview .Thumb-Default img ,
4902-
    top: 93.9px !important;
4902+
4903
    display: inline-block !important;
4904-
    z-index: 10000;
4904+
4905
    min-height: 25px !important;
4906-
.lb-outerContainer {
4906+
4907-
    width: 92% !important;
4907+
4908
}
4909-
    height: 90px!important;
4909+
4910
/* START PAGE - === */
4911-
    top: -50px!important;
4911+
4912
    position: relative !important;
4913
    display: inline-block !important;
4914-
    background-color: rgb(62, 62, 62) !important;
4914+
4915-
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
4915+
4916-
    border: 1px solid rgb(0, 0, 0) !important;
4916+
4917-
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
4917+
4918-
    color: rgb(170, 170, 170) !important;
4918+
4919-
    font-weight: bold !important;
4919+
4920-
    outline: 0 none !important;
4920+
4921-
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
4921+
4922
#front-page-newest {
4923-
.lb-container {
4923+
4924
    margin-left: 200px !important;
4925
}
4926
#front-page-best h2 ,
4927
#front-page-newest  h2 {
4928-
    padding-top: 95px !important;
4928+
4929
    width: 300px !important;
4930-
.lb-dataContainer {
4930+
4931
    padding-left: 29px !important;
4932
    border-radius: 5px !important;
4933-
    width: 85%!important;
4933+
4934-
    top: -120px!important;
4934+
4935
}
4936
#front-page-best ul li  ,
4937-
.lb-data {
4937+
4938-
    color: #bbb;
4938+
4939
    padding: 2px 5px ! important;
4940-
    margin-top: -20px!important;
4940+
4941
#front-page-best ul li:nth-child(even) ,
4942
#front-page-newest ul li:nth-child(even) {
4943-
.lb-data .lb-details {
4943+
4944
}
4945
#front-page-best ul li:nth-child(odd) ,
4946
#front-page-newest ul li:nth-child(odd) {
4947
    background: #222222 ! important;
4948
}
4949-
.lb-data .lb-number {
4949+
4950
#front-page-best ul li:not(.additional-link):after {
4951-
    width: 97%!important;
4951+
4952
    display: inline-block ;
4953-
    margin-top: 28px!important;
4953+
4954
    width: 250px ;
4955-
    font-size: 29px !important;
4955+
4956
    text-align: left ;
4957-
.lb-data .lb-caption {
4957+
4958
}
4959
/* (COR) */
4960
#front-page-best ul li:not(.additional-link):before {
4961
content: "week   :   " attr(weekly-install-count) ;
4962
    display: inline-block ;
4963
    float: right ;
4964
    width: 120px ;
4965
    margin-left: 10px ;
4966-
.lb-closeContainer {
4966+
4967
color: gold;
4968-
    margin-bottom: -2px!important;
4968+
4969-
    top: -45px!important;
4969+
4970
/* for GM "ENHANCER" / "TABLE VIEW" - === */
4971
table#summary + #table-container > table#style-table  {
4972-
.lb-nav {
4972+
4973
    margin-bottom: 0;
4974-
    width: 99.5%!important;
4974+
4975
    margin-right: 0;
4976-
    height: 47px !important;
4976+
4977
table#summary + #table-container > table#style-table > tr:first-of-type {
4978
    position: fixed !important;
4979
    height: 100% !important;
4980-
.lb-prev:not([style="display: none;"]) , 
4980+
4981-
.lb-next:not([style="display: none;"])  {
4981+
4982
    width: 100% !important;
4983-
    width: 50%!important;
4983+
4984
    min-height: 50px !important;
4985
    border-bottom: 4px solid #D2B48C !important;
4986-
    transition: opacity ease 1.2s !important;
4986+
4987
    z-index: 200 !important;
4988-
.lb-prev:not([style="display: none;"])  {
4988+
4989
/* TABLE VIEW - FIXED HEADER CELLS */
4990-
    opacity: 0.2 !important;
4990+
4991
    height: 100%!important;
4992-
.lb-prev:not([style="display: none;"]):hover {
4992+
4993
    max-height: 35px!important;
4994
    text-shadow: 1px 1px 2px #000000;
4995
}
4996-
/* (new60) PREV ICON - PB IMAGE BACKGROUND - leoncastro - OK  */
4996+
4997-
.lb-prev:not([style="display: none;"]) {
4997+
4998-
    background: url("https://assets.luscious.net/static/_generated/images/left-arrow-0aecbb8326f253634264b11277a9450b1232960a.png") no-repeat scroll 80% 45% transparent !important;
4998+
4999-
color: transparent !important;
4999+
5000
    text-shadow: 1px 1px 2px #000000;
5001-
.lb-next:not([style="display: none;"])  {
5001+
5002
/* PAGINATION - HIGHLIGHT - === */
5003-
    opacity: 0.2 !important;
5003+
5004
#PagerBefore.Pager a.Highlight{
5005-
.lb-next:not([style="display: none;"]):hover {
5005+
5006
    color: red !important;
5007
}
5008
5009-
/* (new60) NEXT ICON - PB IMAGE BACKGROUND - leoncastro - OK */
5009+
5010-
.lb-next:not([style="display: none;"])  {
5010+
5011-
    background: url("https://assets.luscious.net/static/_generated/images/right-arrow-653e746cd869a26e294b6bc5d8bc908f535056a8.png") no-repeat scroll 20% 48% transparent !important;
5011+
5012-
color: transparent !important;
5012+
5013
.Pager a, 
5014
.Pager span {
5015
    position: relative !important;
5016-
/* GREASYFORK - ALL - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)- 
5016+
5017-
TEST - MAX HEIGHT for PREVIEW :
5017+
5018-
OK : 
5018+
5019-
https://greasyfork.org/fr/scripts/4685-ts-pixiv
5019+
5020-
https://greasyfork.org/fr/scripts/4407-ts-linx-amender
5020+
5021-
A voir : 
5021+
5022-
https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
5022+
5023
    vertical-align: middle !important;
5024-
/* #additional-info .script-author-description  img + br ~ br , */
5024+
5025
    box-shadow: 3px 3px 2px black !important;
5026
    background: #222 !important;
5027
}
5028
.NumberedPager a.Next, 
5029
.NumberedPager span.Next, 
5030
.NumberedPager a.Previous, 
5031
.NumberedPager span.Previous {
5032
    position: relative !important;
5033
    display: inline-block !important;
5034
    height: 14px !important;
5035
    line-height: 11px !important;
5036
    font-size: 23px !important;
5037
    border-radius: 3px !important;
5038
    box-shadow: 3px 3px 2px black !important;
5039-
    box-shadow: 5px 5px 2px #888888 !important;
5039+
5040
    vertical-align: middle !important;
5041
}
5042
.NumberedPager .Next:hover, 
5043
.NumberedPager .Previous:hover {
5044
    position: relative !important;
5045
    display: inline-block !important;
5046
    height: 14px !important;
5047
    line-height: 11px !important;
5048
    border-radius: 3px !important;
5049
    top: 5px!important;
5050
    left: 0px !important;
5051
    margin-left: 3px !important;
5052
    right: 0px !important;
5053
    font-size: 26px !important;
5054
    vertical-align: middle !important;
5055
}
5056
#PagerAfter>a:hover,
5057
#PagerBefore>a:hover,
5058
body .Pager .Highlight:hover,
5059-
/* USERSTYLES - EDIT/CREATE PAGE - SAVE BUTT - === */
5059+
5060
    display: inline-block !important;
5061-
#main-article   form[action="/styles/update"] input[name="commit"] {
5061+
5062
}
5063-
    width: 81px !important;
5063+
5064-
    height: 54px !important;
5064+
5065-
    left: 200px !important;
5065+
5066-
    top: 490px !important;
5066+
5067
position: relative !important;
5068
    display: inline-block !important;
5069
    height: 20px !important;
5070
    line-height: 17px!important;
5071-
/* USERSTYLES - ACCOUNT- INSTAL WEEK - === */
5071+
5072
    font-size: 23px !important;
5073
    vertical-align: middle !important;
5074
    color: tomato !important;
5075
}
5076
5077
#PagerAfter> .Previous:hover,
5078
#PagerBefore> .Previous:hover,
5079-
/* (new60) USERSTYLES - (ALL) "Contact Admin" ETC ....- === */
5079+
5080
.NumberedPager span.Previous:hover {
5081
    position: relative !important;
5082
    display: inline-block !important;
5083
    height: 20px !important;
5084
    line-height: 17px!important;
5085
    margin-top: -10px !important;
5086-
padding: 0 5px 5px 20px !important;
5086+
5087
    vertical-align: middle !important;
5088
    color: tomato !important;
5089
}
5090
.p-100.LastPage:hover {
5091
    position: relative !important;
5092
    display: inline-block !important;
5093
    height: 20px !important;
5094
    line-height: 17px!important;
5095
    font-size: 16px !important;
5096
    vertical-align: middle !important;
5097-
padding: 0 5px 5px 20px !important;
5097+
5098
}
5099
/* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
5100
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous ,
5101
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next {
5102
    position: relative !important;
5103-
content: "🔻" !important;
5103+
5104
    vertical-align: middle !important;
5105
    line-height: 20px !important;
5106
    height: 20px!important;
5107
    padding: 2px!important;
5108
    top: -10px!important;
5109-
padding: 0px  !important;
5109+
5110
    color: peru !important;
5111
}
5112
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous:hover {
5113
    display: inline-block !important;
5114
    left: -11px!important;
5115
    font-size: 20px !important;
5116-
/* USERSTYLES - MENUS POPUP - SIDEBAR - "Home" etc... === */
5116+
5117-
#left-sidebar > nav {
5117+
5118
}
5119-
    width: 197px !important;
5119+
5120-
    left: 7px !important;
5120+
5121
    margin-right: -9px!important;
5122
    margin-left: 2px!important;
5123
    font-size: 20px !important;
5124
    transition: all ease  0.5s  !important;
5125
    color: tomato !important;
5126-
#left-sidebar nav ul li a {
5126+
5127-
    margin-left: 12px !important;
5127+
5128
5129-
#left-sidebar>nav>ul>li>a{
5129+
5130-
    font-family: Verdana,sans-serif;
5130+
5131
/* GREASYFORK - ALL - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)- === */
5132
#additional-info .script-author-description>p  img ~ br {
5133
    display : none !important;
5134-
/* USERSTYLES - MENUS POPUP - ONE MENU === */
5134+
5135-
#left-sidebar a {
5135+
5136
.lightbox .lb-image {
5137
    position: relative  !important;
5138-
#left-sidebar>nav>ul>li:nth-child(3) {
5138+
5139
    height: auto !important;
5140
    max-width: 80% !important;
5141
    margin: 0 auto !important;
5142-
    min-width: 95px !important;
5142+
5143-
    max-width: 95px !important;
5143+
5144
#additional-info img {
5145-
    left: 25px !important;
5145+
5146-
    padding: 1px 5px  ! important;
5146+
5147
    max-width: 98%!important;
5148-
    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%); 
5148+
5149-
    list-style: none !important;
5149+
5150
    color: yellow!important;
5151
/* box-shadow: 5px 5px 2px #888888 !important; */
5152
    box-shadow: 5px 5px 2px #181818 !important;
5153
    background-color: #2b2b2b !important;
5154-
/* (new75) USERSTYLES -  MENUS POPUP - "Home" = MENU2 sans "my account"  >>> "Home/Help/Forum/Categorie" - === */
5154+
border: 1px solid orange !important;	
5155-
#left-sidebar>nav {
5155+
5156
#additional-info .fancybox img {
5157-
    height: 0px !important;
5157+
5158-
    margin-bottom: -28px !important;
5158+
5159-
    padding-left: 5px;
5159+
5160-
    visibility: hidden;
5160+
border: 1px solid orange !important;
5161
}
5162-
#left-sidebar>nav>ul:hover {
5162+
5163
/* USERSTYLES - MAIN ARTICLE (inside CONTENT-WRAPPER) - === */
5164
#main-article {
5165
    margin-left: 215px !important;
5166
}
5167-
    top : -20px !important;
5167+
5168-
    left: 13px !important;
5168+
/* (new119) USERSTYLES -ACCOUNT PAGE - USER NAME */
5169-
    padding: 20px 5px 5px 5px !important;
5169+
.PageContent>dl>dt:not(:last-of-type) {
5170
    position: absolute !important;
5171
    display: inline-block !important;
5172
    width: 21% ;
5173-
    list-style: none !important;
5173+
    height: 15px;
5174-
    transition: height 1.5s ease 1s!important;
5174+
5175
    margin-left: 15%;
5176-
    z-index: 800 !important;
5176+
    margin-top: -20px !important;
5177
    padding: 5px;
5178-
#left-sidebar>nav>ul:hover li:not([id="sidebar-search"]):not([id="sidebar-my-account"]) {
5178+
5179
    text-align: center !important;
5180-
    width: 90px !important;
5180+
    border: 1px solid #404040 ;
5181-
    top: -13px!important;
5181+
5182-
    margin-bottom: 10px!important;
5182+
5183
/* TXT "HOMEPAGE" in STYLES PAGES */
5184-
/* USERSTYLES -  "Home" = MENU2 sans "my account" - WITHOUT HOVER - === */
5184+
html>body>dl dt:not(:last-of-type) + #user-about + dt {
5185-
#left-sidebar>nav>ul>li {
5185+
5186-
    width: 200px ! important;
5186+
5187
5188
/* (new119) USERSTYLES -ACCOUNT PAGE - USER CONTACT */
5189
#user-about + dt {
5190
    position: absolute !important;
5191-
/* USERSTYLES - "Home" = MENU2 sans "my account" - HOVER -  === */
5191+
5192-
#left-sidebar>nav>ul>li:hover {
5192+
    width: 1% ;
5193
    min-height: 14px;
5194
    max-height: 14px;
5195
    line-height: 14px;
5196
    margin-left: 37%;
5197
    margin-top: -20px !important;
5198
    padding: 5px;
5199
    text-align: left ;
5200
    font-size: 0 !important;
5201
    border: 1px solid #404040 ;
5202
}
5203
.PageContent>dl dd:last-of-type {
5204
    position: absolute !important;
5205
    display: inline-block !important;
5206
    width: 1.5% ;
5207
    height: 100% !important;
5208
    min-height: 22px !important;
5209
    max-height: 22px !important;
5210
    margin-left: 37% !important;
5211
    margin-top: -18px !important;
5212
    padding: 0px;
5213
    overflow: hidden !important;
5214
    white-space: nowrap !important;
5215
    text-align: left ;
5216
    font-size: 10px !important;
5217
    color: transparent !important;
5218
}
5219
.PageContent>dl dd:last-of-type:before {
5220
    content: "📧" ;
5221
    position: absolute !important;
5222
    display: inline-block !important;
5223
    width: 42px ;
5224
    height: 100% !important;
5225
    min-height: 22px !important;
5226
    max-height: 22px !important;
5227
    line-height: 20px ;
5228
    margin-left: -7px !important;
5229
    padding: 0px;
5230
    text-align: center ;
5231
    font-size: 26px ;
5232
    color: red !important;
5233
    border: 1px solid #404040 ;
5234
    pointer-events: none !important;
5235
}
5236
/* (new119) USERSTYLES - ACCOUNT PAGE - USER ABOUT /HOVER */
5237
#user-about {
5238
    position: absolute !important;
5239
    display: inline-block;
5240
    width: 30% ;
5241
    min-height: 14px !important;
5242
    max-height: 14px !important;
5243
    margin-left: 39% !important;
5244
    margin-top: -20px !important;
5245
    padding: 5px;
5246
    overflow: hidden;
5247
    border: 1px solid lime !important;
5248
transition: all ease 0.7s !important;
5249
}
5250
#user-about:hover {
5251
    position: absolute !important;
5252
    display: inline-block;
5253
    width: 40% !important;
5254
    max-height: 700px !important;
5255
    padding: 5px;
5256
    overflow: hidden;
5257
    overflow-y: auto;
5258-
/*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - AUTH - === */
5258+
    border: 1px solid blue;
5259
    background: #333 !important;
5260
    transition: all ease 0.7s !important;
5261
    z-index: 500 !important;
5262
}
5263
5264
5265
/* (new119) USERSTYLES - ACCOUNT PAGE - - INSTAL WEEK - === */
5266
.numeric-value {
5267
    color: gold !important;
5268
}
5269
.numeric-value + .numeric-value {
5270-
/*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */
5270+
5271
}
5272
5273
/* (new118) USERSTYLES - (ALL) "Contact Admin" ETC ....- === */
5274
5275
5276
5277
/* (new118) USERSTYLES - FOOTER - === */
5278
footer {
5279
    position: fixed !important;
5280
    display: inline-block !important;
5281
    width: auto !important;
5282
    top: 00px !important;
5283-
/*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */
5283+
5284
    padding: 0 5px 5px 20px !important;
5285
    z-index: 5000 ! important;
5286
    visibility: hidden !important;
5287
background: red !important;
5288
}
5289
footer:hover {
5290
    position: fixed !important;
5291-
/*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
5291+
5292
    width: auto !important;
5293
    top: 00px !important;
5294
    left: 10px ! important;
5295
    padding: 0 5px 5px 20px !important;
5296
    z-index: 5000 ! important;
5297
    visibility: visible !important;
5298
background: black !important;
5299
}
5300
footer:before {
5301
    content: "🔻" !important;
5302
    position: fixed !important;
5303
    display: inline-block !important;
5304
    width: auto !important;
5305
    top: 10px !important;
5306
    left: 5px ! important;
5307
    padding: 0px  !important;
5308
    z-index: 5000 ! important;
5309
    visibility: visible !important;
5310
background: gold !important;
5311
}
5312
/* ==== (ALL)  - USERSTYLES - MENUS POPUP ==== */
5313
5314
5315
5316
/* (new79) USERSTYLES - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL - === */
5317
#style-author-info {
5318
    position: fixed !important;
5319
    width: 205px ! important;
5320
    height: 100% ! important;
5321
    min-height: 292px ! important;
5322
    max-height: 792px ! important;
5323
    left: 5px !important;
5324
    top: 80px !important;
5325
    padding-left: 5px !important;
5326
    padding-bottom: 3px !important;
5327
    border-radius: 5px !important;
5328
    box-shadow: 3px 3px 2px black !important;
5329
    background: #222222 !important;
5330
}
5331
#style-install-info {
5332
    position: fixed !important;
5333
    width: 195px ! important;
5334
    left: 23px !important;
5335
    top: 320px !important;
5336
    padding-left: 5px !important;
5337
    padding-bottom: 3px !important;
5338
    border-radius: 5px !important;
5339
    background: #222222 !important;
5340
    z-index: 700 !important;
5341
}
5342
5343
/*  - USERSTYLES - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA - === */
5344
#style-install-info>tbody>tr:nth-child(2n+1) ,
5345
#style-author-info>tbody>tr:nth-child(2n+1) {
5346
    background: #262626 !important;
5347
 }
5348
5349
/*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE - === */
5350
#style-install-info>tbody>tr ,
5351
#style-author-info>tbody>tr {
5352
    color: gold !important;
5353
}
5354
/*  (new79) USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS - === */
5355
#style-install-info>tbody>tr th+td ,
5356
#style-author-info>tbody>tr th+td {
5357
    position: relative ! important;
5358
    display: inline-block ! important;
5359
    width: 95% ! important;
5360
    bottom: 3px ! important;
5361
    left: 3px ! important;
5362
    border-radius: 5px ! important;
5363
    border : #434141 solid 1px !important;
5364
    box-shadow: 3px 3px 2px black !important;
5365
    color: #6999A6 !important;
5366
    text-align: center ! important;
5367
    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%);
5368
}
5369
5370
/*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE - === */
5371
#style-install-info>tbody>tr ,
5372
#style-author-info>tbody>tr {
5373
    display: block !important;
5374
    position: relative !important;
5375
    width: 190px !important;
5376
    font-size: 11px !important;
5377
}
5378
/* USERSTYLES - STY INFOS - AUTH PANEL INFOS - AUTH - === */
5379
#style-author-info>tbody>tr:first-child {
5380
    position: relative !important;
5381
    display: inline-block !important;
5382
    margin-top: 5px ! important;
5383
    margin-left: 0px ! important;
5384
    width: 190px !important;
5385
    height: 89px ! important;
5386
    border-radius: 5px ! important;
5387
    border: 1px gray solid ! important;
5388-
/* (new79) USERSTYLES - STY INFOS - LG DESC - TXT - 
5388+
5389-
<a href="http://userstyles.org/styles/69350/">Flickr WideScreen - SCRIPT/Flickr Functional Suite</a>
5389+
5390
/* USERSTYLES - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */
5391
#style-author-info>tbody>tr:nth-child(1)>th {
5392
    display: inline-block !important;
5393
    position: relative !important;
5394
    width: 184px !important;
5395
    margin-top: 1px ! important;
5396
    padding: 0 5px 2px 0 !important;
5397
    border-radius: 5px 5px 0 0  ! important;
5398
    color: transparent !important;
5399
    font-size: 0px !important;
5400
    text-align: center ! important;
5401
    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%);
5402
}
5403
/* USERSTYLES - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */
5404
#style-author-info>tbody>tr:nth-child(1)>th:before {
5405
    position: relative ;
5406
    display: inline-block ;
5407
    content:url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
5408-
/* (new60) NEDD CONVERT for Addstylish lib -  USERSTYLES - STY INFOS - STYLE OPTIONS -
5408+
5409
}
5410
5411
/* (COR) USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
5412
#style-author-info>tbody>tr:nth-child(1)>td a {
5413
    position: relative !important;
5414
    display: block !important;
5415
    max-width: 182px !important;
5416
    height: 51px ! important;
5417
    left: -2px ! important;
5418-
    width: 49px ! important;
5418+
5419-
    height: 27px !important;
5419+
5420-
    top: -44px !important;
5420+
5421-
    margin-left: 620px !important;
5421+
5422-
    left: 40px ! important;
5422+
5423
    border-radius: 0 0 5px 5px ! important;
5424
    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%);
5425
    border :none !important;
5426
    white-space: pre-wrap ! important;
5427
    word-break: break-all ! important;
5428
    -moz-hyphens: auto ! important;
5429
}
5430
5431
/* USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
5432
#style-author-info>tbody>tr:first-of-type th+td {
5433-
    width: 535px ! important;
5433+
5434-
    min-height: 427px !important;
5434+
5435-
    top: -37px !important;
5435+
5436-
    margin-left: 769px !important;
5436+
5437-
    left: -385px ! important;
5437+
5438
    text-align: center ! important;
5439
    border :none !important;
5440
    background: transparent ! important;
5441
}
5442
5443
/* USERSTYLES - INFOS - SCREENSHOT + INFOS - (GM + NO GM) - === */
5444
#content-wrapper #main-article #left-info {
5445
    position: absolute ! important;
5446
    display: inline-block ! important;
5447
    vertical-align: top ! important;
5448
    top: 5px !important;
5449
    margin-left: 2% !important;
5450
}
5451
5452
/* (new79) USERSTYLES - STY INFOS - SCREENSHOT - (GM + NO GM) - === */
5453
#screenshots {
5454-
    height: 13px ;
5454+
5455
    display: inline-block ;
5456
    float: none ;
5457-
    left: 2px ;
5457+
5458
    height: 395px ;
5459
    width: 360px ;
5460
    top: 0px ;
5461
    border: 1px solid #434141 !important;
5462
    box-shadow: 3px 3px 2px black ;
5463
    background-color: #222222 ;
5464
    z-index: 10 ;
5465
}
5466
.screenshot-thumbnail {
5467
    border: 1px solid #434141 !important;
5468
    box-shadow: 3px 3px 2px black ;
5469
}
5470
#more-screenshots {
5471
    font-size: 0 !important;
5472
}
5473
#more-screenshots span {
5474
    position: absolute !important;
5475
    display: inline-block !important;
5476
    padding: 2px 5px !important;
5477
    border-radius: 5px !important;
5478
    background: black !important;
5479
    font-size: 15px !important;
5480-
z-index: 600!important;
5480+
5481
#screenshots #more-screenshots a  {
5482
    position: relative !important;
5483
    display: inline-block !important;
5484
    width: 98% !important;
5485
    bottom: -20px !important;
5486
    font-size: small !important;
5487
}
5488
#screenshots #more-screenshots a:before  {
5489
    content: "\25BA" ;
5490-
margin-top: -4px ! important;
5490+
5491-
top: 30px !important;
5491+
5492
/* USERSTYLES - STY INFOS - LONG DESC - (GM + NO GM) - === */
5493
#style-info {
5494
    position: absolute ! important;
5495
    width: 78.5% !important;
5496
    margin-top : 1px !important;
5497
    left: 249px !important;
5498
    word-wrap: break-word ! important;
5499
}
5500
#main-style-info {
5501
    width: 60% !important;
5502
    margin-bottom: 1em;
5503
    margin-left: 380px !important;
5504
    padding-left: 1em;
5505
}
5506
5507
/* (COR) USERSTYLES - STY INFOS - LG DESC - TXT - === */
5508
#long-description {
5509
    position: relative !important;
5510
    display: inline-block !important;
5511
    width: 565px ! important;
5512
    height: 395px !important;
5513
    min-height: 100px ! important;
5514
    top: 4px !important;
5515
    margin-top: 0px !important;
5516
    left: 10px ! important;
5517
    padding: 5px 5px 2px 10px !important;
5518
    border-radius: 5px !important;
5519
    border: 1px solid red !important;
5520
/*    box-shadow: 0 0 4px #999999 !important;*/	
5521
    box-shadow: 3px 3px 2px black !important;
5522
    overflow: hidden ! important;
5523
    overflow-y: auto ! important;
5524
}
5525
/* (new109) NEED CONVERT for Addstylish lib -  USERSTYLES - STY INFOS - STYLE OPTIONS -
5526
http://userstyles.org/styles/62204/dust-for-firefox-pale-moon
5527
<a href="http://userstyles.org/styles/75965/">Firefox 7+: Addon Manager and some interface items</a>
5528
- https://userstyles.org/styles/47886/facebook-dark-shiny-transparency-with-options
5529
=== SITE CHANGE :
5530
"#style-options" to "#style-settings"
5531
=== */
5532
.advanced_button {
5533
    position: absolute ;
5534
    height: 20px !important;
5535
    margin-left: 251px !important;
5536
    top: 68px !important;
5537
}
5538
#style-settings {
5539
    position: absolute !important;
5540
    display: inline-block !important;
5541
    width: 75px ! important;
5542
    height: 16px !important;
5543
    top: 65px !important;
5544
    margin-left: 1160px !important;
5545
    left: 100px ! important;
5546
    padding: 3px 5px ;
5547
    border: 1px solid gray !important;
5548
    border-radius: 5px !important;
5549
    background: gray !important;
5550
    overflow: hidden !important;
5551-
/* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3  - 
5551+
5552-
== hideheader : Wrong Install /Update button on my styles page... 
5552+
5553-
https://forum.userstyles.org/discussion/44498/wrong-install-update-button-on-my-styles-page#latest
5553+
5554-
== */
5554+
5555
    position: absolute !important;
5556
    display: inline-block !important;
5557
    width: 555px ! important;
5558
    min-height: 727px !important;
5559
left: -370px ! important;
5560
    border: 1px solid gray !important;
5561
    border-radius: 5px !important;
5562
    background: black !important;
5563
    overflow: hidden !important;
5564
    overflow-y: auto !important;
5565
    z-index: 500!important;
5566
    transition: all ease 0.6s !important;
5567
}
5568
#style-settings li:first-of-type {
5569
    margin-top: 35px !important;
5570
}
5571
5572
#style-settings:before {
5573
    content: "Options \01F53B " ;
5574
    position: absolute ;
5575
    display: inline-block ;
5576
    height: 15px ;
5577
    width: 75px !important;
5578
    line-height: 13px ;
5579
    top: 0px ;
5580
    left: -2px ;
5581
    padding: 5px ;
5582-
/* ==== (new77) USERSTYLES - STY INFOS - SHOW CODE - 
5582+
    border-radius: 3px ;
5583-
SYTLE INFOS PAGE :
5583+
5584-
<a href="http://userstyles.org/styles/56792/userstyles-tableview-enhancer-dark-grey-7-9-beta">Userstyles TableView+Enhancer - Dark-Grey 7.9 beta</a>
5584+
5585-
PAGE CODE :
5585+
5586-
<a href="http://forum.userstyles.org/uploads/FileUpload/9c/20298544f120ef30f482e9c94b44a5.txt">Youtube Black &amp; Red (-CyberationMicro-) V.12.1.5</a>
5586+
5587
}
5588-
 
5588+
#style-settings #advancedsettings_area.advancedsettings_shown ,
5589-
/* (new77) USERSTYLES -  CHROME PB - STY INFOS - SHOW CODE - BUTT - 
5589+
#style-settings #advancedsettings_area.advancedsettings_hidden  {
5590-
#style-install-info>tbody>tr:last-of-type #show-button
5590+
5591
    min-width: 495px !important;
5592-
#style-install-info>tbody>tr:last-of-type {
5592+
    max-width: 495px !important;
5593
    margin-left: 14px;
5594-
    width: 76px !important;
5594+
    margin-top: 28px;
5595
    padding: 15px !important;
5596-
    left: 820px !important;
5596+
    background-color: #ffffff;
5597
}
5598
5599-
#style-install-info #show-button {
5599+
5600
#style-info #control-panel {
5601
    position: fixed ! important;
5602
    display: inline-block ! important;
5603
    height: 17px !important;
5604
    line-height: 17px !important;
5605-
/*  - USERSTYLES - STY INFOS - CODE - (TABLE VIEW PLUS) - === */
5605+
5606-
#left-sidebar footer #show-code  #view-code {
5606+
5607-
    max-height: 90% !important;
5607+
5608-
    width: 650px ! important;
5608+
5609
    padding: 1px 6px !important;
5610
    border: 1px solid gray !important;
5611
    border-radius: 3px 3px 0 0 !important;
5612-
/*  - USERSTYLES - STY INFOS - Window CODE - (TABLE VIEW PLUS) - === */
5612+
5613-
#show-code pre {
5613+
    z-index: 600 !important;
5614-
    max-height: 730px !important;
5614+
5615
5616
#style-install-info > tbody > tr:last-of-type ,
5617-
    margin-top: 70px !important;
5617+
5618-
    left: calc(100% - 690px) ! important;
5618+
5619
#style-info #control-panel> a:nth-child(3){
5620-
    border-radius: 8px !important;
5620+
5621
    height: 14px !important;
5622
    line-height: 14px !important;
5623
    margin-top: -4px ! important;
5624
    top: 30px !important;
5625-
/* (new77) USERSTYLES -  CHROME - STY INFOS - SHOW CODE - Window CODE - WITHOUT GM SCRIPT - === */
5625+
5626-
#content-wrapper article#main-article section#style-info #show-code pre  {
5626+
5627
    box-shadow: 3px 3px 2px black !important;
5628-
    max-height: 800px !important;
5628+
5629
}
5630
5631-
    margin-left: -1% !important;
5631+
5632-
    top: -19px ! important;
5632+
5633
    color: #E0B81F !important;
5634-
    border-radius: 8px !important;
5634+
5635
}
5636
/* (new77) USERSTYLES - STY INFOS - INST BUTT + Switch Browser - === */
5637-
    z-index: 800 ! important;
5637+
5638
#stylish-installed-style-not-installed {
5639
    position: fixed !important;
5640-
/* USERSTYLES - STY INFOS - Window CODE - === */
5640+
5641-
#more-info #show-code pre {
5641+
5642
    line-height: 13px !important;
5643-
    max-height: 730px !important;
5643+
5644
    margin-bottom: 1px;
5645
    top: 16px !important;
5646-
    left: 45% ! important;
5646+
5647
    border-radius: 5px !important;
5648
    font-size: larger;
5649-
    border-radius: 8px !important;
5649+
5650
    vertical-align: middle;
5651
    z-index: 700!important;
5652
}
5653-
#stylish-code {
5653+
5654
/* (new77) INSTALL BUTTON - COR to SEE WITH STYLISH addon differents version - === */
5655
#stylish-installed-style-installed  {
5656
    position: fixed !important;
5657
    width: 230px !important;
5658
    height: 18px !important;
5659-
#view-code code {
5659+
5660
    top: 11px !important;
5661
    left: 930px !important;
5662
    margin-bottom: 1px;
5663-
    padding: 3px 0 5px 5px  !important;
5663+
5664
    border-radius: 5px !important;
5665
    font-size: larger;
5666
    color: white;
5667
    vertical-align: middle;
5668
    z-index: 650 !important;
5669
}
5670
#switch-browser-note {
5671
    position: absolute !important;
5672-
/* TEST - SHOW CODE - IMAGE - FOR GM - "LinkyFyPlus" -
5672+
5673-
TEST LINK - 
5673+
5674-
Pperfect for large screen....:
5674+
5675-
https://userstyles.org/styles/90834/youtube-black-red-destructiveburn-css3
5675+
5676
    margin-bottom: 1px;
5677
    margin-top: 13px !important;
5678
    padding: 0 4px 2px !important;
5679
    vertical-align: middle;
5680
    border-radius: 5px !important;
5681
    color: white;
5682
}
5683
5684
/* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3  - === */
5685
#style-install-mozilla-no-stylish {
5686
    display: none !important;
5687
}
5688
5689
/* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???)  */
5690
.install-status:not(.install) {
5691
    display: none;
5692
}
5693
5694
/* USERSTYLES -  INSTALL NOTE - === */
5695
.install-status:not(.install) {
5696
    position: absolute !important;
5697
    display: inline-block;
5698
    max-width: 450px;
5699
    margin-bottom: 1px;
5700
    margin-top: 15px;
5701
    right: 0 !important;
5702
    top: 0!important;
5703
    padding: 8px 16px 12px;
5704
    border-radius: 5px;
5705
    font-size: larger;
5706
    color: white;
5707
    vertical-align: middle;
5708
}
5709
5710
5711
5712
/* ==== (new108) USERSTYLES - STY INFOS - SHOW CODE - ==== */
5713
5714
5715
/* (new114) USERSTYLES - STY INFOS - NEW - SHOW CSS CODE */
5716
#stylish-code.cssHidden[style*="display: none;"] {
5717
    display: none !important;
5718
}
5719
#stylish-code.hiBeautted ,
5720
#stylish-code.cssHidden[style*="display: block;"] {
5721
    display: inline-block !important;
5722
    width: 650px !important;
5723
    min-height: 680px !important;
5724
    padding: 5px 5px 5px 15px  !important;
5725
    border-top: 30px solid red !important;
5726
    word-wrap: break-word !important;
5727
    -moz-hyphens: auto !important;
5728
    background: white !important;
5729
    background-color: #2e3e49 !important;
5730
}
5731
5732
5733
5734
/* TEST - SHOW CODE - IMAGE - FOR GM - "LinkyFyPlus" - === */
5735-
/* #show-code #view-code #stylish-code  a.linkifyplus:after */
5735+
5736
    display: inline-block !important;
5737
    height: 15px !important;
5738
    white-space: pre-wrap !important;
5739
    word-wrap: break-word !important;
5740
    font-size: 15px !important;
5741
    color: blue !important;
5742
    background: tan  !important;
5743
}
5744
5745
#show-code #view-code #stylish-code  a.linkifyplus > img {
5746
    position: absolute !important;
5747
    display: inline-block !important;
5748
    max-height: 100px !important;
5749
    padding: 3px 20px !important;
5750
    visibility: hidden !important;
5751
    transform: scale(0.2) !important;
5752
    transition: background ease 0.7s !important;
5753
    background: #333  !important;
5754
}
5755
#show-code #view-code #stylish-code  a.linkifyplus:hover > img {
5756
    position: fixed !important;
5757
    display: inline-block !important;
5758
    max-height: 50% !important;
5759
    max-width: 200px !important;
5760
    top: 25% !important;
5761
    margin: auto 0 !important;
5762
    right: 40% ! important;
5763
    padding: 3px 20px !important;
5764
    visibility: visible !important;
5765
    transform: scale(1.5) !important;
5766
    transition: background ease 0.1s !important;
5767
    z-index: 1000 !important;
5768
    background: black  !important;
5769
}
5770
5771
#show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:before  ,
5772
#show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:before  ,
5773
#show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:before {
5774
    content: " " !important;
5775
    position: relative !important;
5776
    display: inline-block !important;
5777
    width: 10px !important;
5778
    height: 18px !important;
5779
    line-height: 18px !important;
5780
    padding: 0 5px 0 10px !important;
5781
    border-radius: 3px !important;
5782
    font-size: 17px !important;
5783
    visibility: visible !important;
5784
    opacity: 1 !important;
5785
    background-image: url(http://findicons.com/files/icons/2652/gentleface/48/expand_icon.png) !important;
5786
    background-position: center  !important;
5787
    background-repeat: no-repeat !important;
5788
    background-size: 70% 140% !important;
5789
    transform: rotate(270deg) !important;
5790
    background-color: white  !important;
5791
}
5792
#show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:after ,
5793
#show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:after  ,
5794
#show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:after {
5795
    content: attr(href) !important;
5796
    position: relative !important;
5797
    display: inline-block !important;
5798
    height: 18px !important;
5799
    line-height: 18px !important;
5800
    padding: 0 20px !important;
5801
    font-size: 15px !important;
5802
    visibility: visible !important;
5803
    opacity: 1 !important;
5804
}
5805
5806
5807
/* (new77) USERSTYLES - STY INFOS - MORE - DESC - TITLE - === */
5808
#content-wrapper article#main-article #more-info h2 ,
5809
#content-wrapper article#main-article #additional-info h2 ,
5810
#content-wrapper article#main-article #discussions-area h2 {
5811
    display: inline-block ! important;
5812
    min-width: 965px !important;
5813
    max-width: 965px !important;
5814
    padding-left: 15px !important;
5815-
/* USERSTYLES - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */
5815+
5816
    border-radius: 5px !important;
5817
    box-shadow: 3px 3px 2px black !important;
5818
    color: #A3A4A4 !important;
5819
}
5820
#content-wrapper article#main-article #discussions-area h2 {
5821
    min-width: 965px !important;
5822
    max-width: 965px !important;
5823
}
5824-
    left: 220px !important;
5824+
5825-
    top: 730px !important;
5825+
5826
    display: inline-block !important;
5827
    left: 50px !important;
5828
    margin-bottom: -15px !important;
5829-
/* (new77) QUESTION ? - PB IMAGE BACKGROUD - leoncastro OK */
5829+
5830
section#discussions-area h3 {
5831
    display: none !important;
5832
}
5833
5834
/* (new77) USERSTYLES -  STY INFOS - MORE INFOS - DESC - === */
5835
#style-info + #additional-info {
5836
    position: relative ! important;
5837
    display: inline-block !important;
5838
    min-width: 90% !important;
5839-
/* border: 1px solid black !important; */
5839+
5840-
/* border-radius: 5px !important; */
5840+
5841-
/* box-shadow: 3px 3px 2px black !important; */
5841+
5842
}
5843
#additional-info-text {
5844
    position: relative !important;
5845
    display: inline-block !important;
5846
    min-width: 965px !important;
5847
    max-width: 965px !important;
5848
    margin-top: -10px !important;
5849
    overflow-y: auto;
5850
    overflow-x: hidden!important;
5851
    color: #ACAEB5 !important;
5852
}
5853
/* USERSTYLES - STY INFOS - MORE - DESC - Links Color - === */
5854
#additional-info #additional-info-text a{
5855
    color: #E0B81F !important;
5856
}
5857
#additional-info #additional-info-text a:visited {
5858
    color: #E7D590 !important;
5859
}
5860
5861
/* USERSTYLES - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ - === */
5862
#style-info + #additional-info #additional-info-text>mark>a {
5863
    color: black !important;
5864
}
5865
#additional-info #additional-info-text>mark>a b {
5866
    color: red!important;
5867
}
5868
5869
/* ===  - USERSTYLES - STY INFOS - FEED ==== */
5870
5871
/* (new118) USERSTYLES - FIX NEW DESIGN - TOP HEARDER - === */
5872
/* #top_logo ,  */
5873
.top_logo {
5874
    margin-top: -5px !important;
5875
}
5876
/* .header-search .search_input .input_text_search , */
5877
.header-search {
5878
    height: 25px !important;
5879
/*     margin-top: -27px !important; */
5880
}
5881-
/* background-color: #670000 !important; */
5881+
.header-search .search_input  {
5882-
/* background-image: linear-gradient(#670000, #900) !important; */
5882+
5883
    margin-top: 0px !important;
5884-
z-index: 50 !important;
5884+
5885
5886
/* (new118) USERSTYLES - CREATE NEW STYLE */
5887
#create_new_style ,
5888
.header_button  {
5889
    min-height: 20px !important;
5890
    margin-top: -27px !important;
5891
}
5892
#create_new_style  {
5893
    min-height: 20px !important;
5894-
/* width: 100% !important; */
5894+
5895-
/* max-width: 50%!important; */
5895+
    margin-left: 220px !important;
5896
    margin-right: -192px !important;
5897-
/* left: 0 !important; */
5897+
5898
#create_new_style a ,
5899-
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;
5899+
.header_button a  {
5900-
background-color: #670000 !important;
5900+
   font-weight: 600 !important;
5901-
/* background-image: linear-gradient(#670000, #900) !important; */
5901+
5902
}
5903-
/*     z-index: 200 !important; */
5903+
5904
5905
5906
/* (new118) USERSTYLES - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */
5907
#discussions-area{
5908
    position: absolute !important;
5909
    display: inline-block ! important;
5910
    float: none ! important;
5911
    clear: both ! important;
5912
    max-height: 100%!important;
5913
    min-height: 30px !important;
5914
    width: 330px !important;
5915
    left: 15px !important;
5916
    top: 370px !important;
5917
    padding: 1px !important;
5918
border: 1px solid red !important;
5919
}
5920
5921
/* (new118) USERSTYLES - NEW DESIGN FIX -  STYLE INFO - FEED BACK CONTAINER - === */
5922
#as_userscript + #headline {
5923
    position: absolute !important;
5924
    display: inline-block ! important;
5925
    float: none ! important;
5926
    clear: both ! important;
5927
    max-height: 100%!important;
5928
    min-height: 20px !important;
5929
    width: 330px !important;
5930
    left: 1% !important;
5931
    top: 300px !important;
5932
    padding: 1px !important;
5933
    color: gold !important;
5934-
/* USERSTYLES - SITE TITLE - TXT "User.org" -
5934+
5935-
+ POSTION SUB TITLE PAGE(user name or title of the page)
5935+
5936-
ADAPTAION FOR LONG SEARCH:
5936+
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"] {
5937-
https://userstyles.org/styles/browse?per_page=100&search_terms=%28greasyfork+%40subcategory+userstyles%29+|+%28userstyles+%40subcategory+greasyfork%29
5937+
5938
    display: inline-block ! important;
5939
    float: none ! important;
5940
    clear: both ! important;
5941
/*    max-height: 100%!important;*/
5942
    height: 100%!important;
5943
    min-height: 20px !important;
5944
    max-height: 20px !important;
5945
    width: 35px !important;
5946
    left: 15% !important;
5947
    top: 333px !important;
5948
    padding: 1px !important;
5949
    overflow: hidden ;
5950
}
5951
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover {
5952
    position: absolute !important;
5953
    display: inline-block ! important;
5954
    float: none ! important;
5955
    clear: both ! important;
5956
    max-height: 100%!important;
5957
    min-height: 20px !important;
5958
    width: 190px !important;
5959
    left: 8% !important;
5960
    padding: 1px !important;
5961
    overflow: hidden ;
5962
}
5963
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button {
5964
    height: 18px !important;
5965
    width: 30px !important;
5966
    margin-bottom: 18px;
5967
    margin-top: 0px !important;
5968
    box-shadow: none !important;
5969
    color: transparent !important;
5970
    border: none !important;
5971
    white-space: nowrap ;
5972
    background-color: blue !important;
5973
    transition: all ease 0.2s !important;
5974
}
5975
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button>div:last-of-type {
5976
    visibility: hidden ;
5977
}
5978
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div:first-of-type{
5979
    height: 20px ;
5980
    margin-right: -118px !important;
5981
    margin-top: 0px ;
5982
}
5983
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div .feedback-icon {
5984
    height: 15px ;
5985
    margin-top: 4px ;
5986
}
5987
/* HOVER */
5988
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button {
5989
    width: 172px !important;
5990
    height: 20px ;
5991
    margin-top: 0px !important;
5992
    color: gold !important;
5993
    transition: all ease 0.2s !important;
5994
}
5995
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:last-of-type {
5996
    display: inline-block ;
5997
    visibility: visible ;
5998
}
5999
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:first-of-type .feedback-icon {
6000
    height: 15px ;
6001
    margin-right: 15px !important;
6002
    margin-top: 5px !important;
6003
}
6004
#style_info .adContainer ~ #discussions-area {
6005
    position: absolute !important;
6006
    display: inline-block ! important;
6007
    float: none ! important;
6008
    clear: both ! important;
6009
    max-height: 450px !important;
6010
    min-height: 30px !important;
6011
    min-width: 100% !important;
6012
    max-width: 330px !important;
6013
    width: 330px !important;
6014
    left: 1% !important;
6015
    top: 360px !important;
6016
    padding: 1px !important;
6017
    overflow: hidden !important;
6018
    overflow-y: auto !important;
6019
    background: #222 ;
6020
border: 1px solid red !important;
6021
}
6022
6023
#single_discussion {
6024
    height: 70px !important;
6025
    padding: 5px !important;
6026
}
6027
#single_discussion:first-child {
6028
    margin-top: -15px !important;
6029
}
6030
#single_discussion:not(:first-child) {
6031
    margin-top: -10px !important;
6032
}
6033
#single_discussion_up {
6034
    height: 17px !important;
6035
    margin-bottom: 3px !important;
6036
    margin-top: 9px !important;
6037
}
6038
#single_discussion  .text_style_page {
6039
    width: 296px !important;
6040
    height: 41px !important;
6041
    line-height: 15px !important;
6042
    margin-top: 0px !important;
6043
    font-size: 13px !important;
6044
    color: gray !important;
6045
    outline: 1px solid gray !important;
6046
}
6047
6048
#rating_discussion[src="/ui/images/icons/rating_0.svg"] {
6049
    height: 13px;
6050
    width: 18px;
6051
    opacity: 0.2;
6052
}
6053
#style_info .adContainer ~#discussions-area .text_style_page {
6054
    color: #b3b3b3 ;
6055
}
6056
.see_more {
6057
    height: 21px !important;
6058
}
6059
.feedback-icon {
6060
    height: 17.3px;
6061
    margin-right: 6.8px !important;
6062
    margin-top: 3px !important;
6063
}
6064
/* (new108) */
6065
#archive_style_button {
6066
    position: absolute;
6067
    display: inline-block;
6068
    height: 15px !important;
6069
    line-height: 15px !important;
6070
    width: 120px !important;
6071
    right: 20% ;
6072
    top: 470px !important;
6073
    border-radius: 4px;
6074
    box-shadow: 5px 5px 2px black !important;
6075
    cursor: pointer;
6076
    font-size: 14px !important;
6077
    justify-content: center;
6078
    margin-top: 0px !important;
6079
    padding: 2px 2px !important;
6080
    text-align: center;
6081
}
6082
#as_userscript  {
6083
    position: absolute !important;
6084
    height: 18px !important;
6085
    line-height: 15px !important;
6086
    width: 120px !important;
6087
    right: 20% ;
6088
    margin-right: 0% !important;
6089
    top: 500px ;
6090
    margin-top: 0px !important;
6091
    padding: 2px 2px !important;
6092
    border-radius: 4px;
6093
border: 1px solid #222 !important;
6094
    box-shadow: 3px 3px 2px black !important;
6095
    cursor: pointer;
6096
    font-size: 5px ;
6097
    text-align: center;
6098
}
6099
#as_userscript a:before  {
6100
    content: "Userscript" ;
6101
    position: absolute !important;
6102
    display: inline-block;
6103
    height: 15px !important;
6104
    line-height: 15px !important;
6105
    width: 120px !important;
6106
    margin-left: -34px ;
6107
    margin-top: -2px ;
6108
    border-radius: 4px;
6109
    box-shadow: 3px 3px 2px black ;
6110
    font-size: 14px !important;
6111
    padding: 3px 2px !important;
6112
    text-align: center;
6113
    background-image: url("https://icons.duckduckgo.com/ip2/userscripts-mirror.org.ico") ;
6114
    background-position: 5px center;
6115
    background-repeat: no-repeat;
6116
    background-size: 12%;
6117
    background-color: #333 ;
6118
}
6119
6120
/* (new1114) TEST FIX NEW DESIGN - SHOW CSS - === */
6121
.css_button {
6122
    position: absolute;
6123
    display: inline-block;
6124-
    color: red 
6124+
    flex-direction: row;
6125
    align-items: center;
6126
    justify-content: center;
6127
    height: 21px !important;
6128
    line-height: 25px !important;
6129
    width: 136px  !important;
6130
    margin-top: 30px;
6131
    right: 19.2% ;
6132
    top: 36px !important;
6133
    border-radius: 4px;
6134
    color: #3498db;
6135
    font-size: 14px;
6136
    font-weight: normal ;
6137
    box-shadow: 3px 3px 2px black ;
6138
    background-color: #e2ebf8;
6139
}
6140
.css_button .no-select {
6141
    float: right !important;
6142
    height: 21px !important;
6143
    line-height: 20px !important;
6144
    margin-bottom: 0px !important;
6145
}
6146
6147
.css_open::after ,
6148
.css_close::after {
6149
    content: "🙈";
6150
/*     position: relative; */
6151
    float: left !important;
6152
    height: 21px !important;
6153
    width: 21px !important;
6154
    margin-bottom: 8px  !important;
6155
    margin-right: 14px !important;
6156
text-align: center !important;
6157
/*     opacity: 0.7 ; */
6158
6159
}
6160
/* (new114) Without GM ?? */
6161
#css_text_area_div textarea#stylish-code.cssVisible  {
6162
    display: inline-block ;
6163
    position: fixed ;
6164
    resize: vertical;
6165
    overflow: auto;
6166
    min-width: 674px ;
6167
    max-width: 674px  !important;
6168
    min-height: 70% ;
6169
    left: 850px !important;
6170
    top: 166px !important;
6171
    margin-bottom: 20px;
6172
    padding: 5px 5px 5px 15px;
6173
    border-radius: 4px;
6174
    font-size: 13px;
6175
    font-family: "Open Sans",sans-serif !important;
6176
    color: #ffffff;
6177
    background-color: #2e3e49 !important;
6178
    z-index: 5000;
6179
}
6180
/* (new114) TEST - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - === */
6181
#css_text_area_div {
6182
    position: absolute !important;
6183
    left: 870px !important;
6184
    top: 80px !important;
6185
    border-top: 2px solid red !important;
6186
    z-index: 1 !important;
6187
}
6188
6189
.hiBeautted{
6190
    border-top: 20px solid transparent !important;
6191
    background-color: #293134 !important;
6192
    color: #e0e2e4 !important;
6193
}
6194
#stylish-code ,
6195
code.hiBeautted#stylish-code[style*="display: block;"]  {
6196
    min-height: 600px !important;
6197
    top: -23px !important;
6198
    padding: 20px !important;
6199
    border-top: 40px solid transparent !important;
6200
    color: #B1B1B1 !important;
6201
6202
}
6203
code.hiBeautted#stylish-code[style*="display: none;"]  {
6204
    display: none !important;
6205
}
6206
#hiBeauty .hiBeautted:before ,
6207
#hiBeauty::before {
6208
    position: absolute;
6209
/*     position: fixed !important; */
6210
    display: inline-block !important;
6211
height: 20px !important;
6212
    top: 5px !important;
6213
    left: 10% !important;
6214
    padding: 1px 3px 0 1px !important;
6215
    border-radius: 0 !important;
6216
    background-color: rgba(255, 0, 0, 0.7) !important;
6217
    opacity: 1 !important;
6218
    z-index: 5000 !important;
6219
}
6220
#hiBeauty:hover::before {
6221
    padding: 4px !important;
6222
    border: 1px solid gray !important;
6223
    background-color: rgba(0, 0, 0, 0.4) !important;
6224
    opacity: 1 !important;
6225
    z-index: 1;
6226
    transition: all ease 1s !important;
6227
}
6228
#hiBeauty::after {
6229
    content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
6230
    position: absolute;
6231
    display: block;
6232
    left: 14% !important;
6233
    top: 5px;
6234
    padding: 0 5px !important;
6235
    border-radius: 0 5px 5px 0 !important;
6236
    font-size: 15px !important;
6237
    color: gold !important;
6238
    background: rgba(255, 0, 0, 1) !important;
6239
    opacity: 0.75;
6240
    z-index: 1;
6241
    transition: all ease 0.2s !important;
6242
}
6243
#hiBeauty:hover::after {
6244
    font-size: 15px !important;
6245
    color: white !important;
6246
    background: rgba(0, 0, 0, 0.61) !important;
6247
    transition: all ease 0.4s !important;
6248
}
6249
/* (new118) START - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - MEDIA QUERIE - === */
6250
@media screen and (max-width: 1400px) {
6251
#css_text_area_div {
6252
    left: 590px !important;
6253
}
6254
}
6255
/* (new118) END - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - MEDIA QUERIE - === */
6256
6257
/* (new118) USERTYLES - NEW DESIGN - ACTION BUTTON - === */
6258
#actions_div {
6259
    position: absolute;
6260
    display: flex;
6261
    flex-direction: row;
6262
    justify-content: space-between;
6263
    height: 25px !important;
6264
width: 583px !important;
6265
    right: 19.3% ;
6266
    padding: 1px 3px ;
6267
    box-shadow: 6px 5px 6px black;
6268
    background: #222 !important;
6269
}
6270
#share_div {
6271
    display: flex;
6272
    flex-direction: column;
6273
    padding: 0 2px !important;
6274
    color: #2c3e50;
6275
    font-size: 0 !important;
6276
}
6277
#social_networks {
6278
    height: 17px !important;
6279
    margin-top: 1px !important;
6280
}
6281
6282
#actions_div #buttons {
6283
    height: 20px !important;
6284
}
6285
6286
.white_button ,
6287
#style_installed_button ,
6288
#ownedButtons ,
6289
#update_style_button ,
6290
#style_installed_button {
6291
    height: 20px !important;
6292
}
6293
6294
.white_button {
6295
    align-items: center;
6296
    background-color: #ffffff;
6297
    border: 1px solid #cdcfd1;
6298
    border-radius: 4px;
6299
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
6300
    color: #2c3e50;
6301
    cursor: pointer;
6302
    display: flex;
6303
    font-size: 12px;
6304
    font-weight: bold;
6305
    height: 19px;
6306
    justify-content: center;
6307
    width: 87px;
6308
}
6309
#update_style_button, 
6310
#install_style_button {
6311
    display: flex;
6312
    flex-direction: row;
6313
    justify-content: center;
6314
    align-items: center;
6315
    height: 21px !important;
6316
    width: 173px;
6317
    margin-left: 9px;
6318
    border-radius: 4px;
6319
    font-size: 15px;
6320
    font-weight: bold;
6321
    color: white;
6322
    cursor: pointer;
6323
    box-shadow: 0 6px 16px 0 rgba(80, 178, 243, 0.35);
6324
    background-color: #3498db;
6325
}
6326
#install_style_button div:first-of-type {
6327
   height: 20px ;
6328
   margin-top: -2px;
6329
}
6330
6331
/* (new114) */
6332
6333
/* #install_style_button>div:last-of-type , */
6334
#install_style_button>div + div {
6335
   height: 20px !important;
6336
   line-height: 18px !important;
6337
   margin-top: -18px !important;
6338
   padding-left: 25px !important;
6339
}
6340
#update_style_button>div:first-of-type ,
6341
#style_installed_button>div:first-of-type {
6342
   float: left !important;
6343
   height: 22px !important;
6344
   width: 26px !important;
6345
}
6346
.update-icon ,
6347
.installed-icon ,
6348
#install_style_icon {
6349
   height: 20px !important;
6350
   margin-right: 10px;
6351
   margin-top: 3px !important;
6352
   width: 18px !important;
6353
}
6354
6355
#style_info {
6356
   display: flex;
6357
   flex-direction: column;
6358
   width: 100%;
6359
}
6360
.style_title {
6361
    display: inline-block !important;
6362
   width: 43% !important;
6363
    height: 32px ;
6364
    line-height: 26px  !important;
6365
    margin-bottom: -4px ;
6366
    margin-top: 25px ;
6367
    padding-left: 13px;
6368
    color: #ccc !important;
6369
    font-size: 20px !important;
6370
border: 1px solid red !important;
6371
}
6372
#information_div ,
6373
#actions_div + #headline,
6374
#actions_div + #headline + #information_div ,
6375
.adContainer + #headline ,
6376
.adContainer + #headline + #applies_link {
6377
    position: absolute !important;
6378
    display: inline-block !important;
6379
    width: 17% !important;
6380
    min-width: 320px !important;
6381
    left: 1% !important;
6382
    padding: 5px ;
6383
    border: 1px solid #404040;
6384
    color: #ccc !important;
6385
}
6386
6387
#left_information {
6388
    display: flex;
6389
    flex-direction: column;
6390
    min-width: 325px !important;
6391
    max-width: 325px !important;
6392
}
6393
/* (new102) 1* - "INFORMATION" */
6394
#style-settings + #headline ,
6395
#actions_div + #headline {
6396
    display: none !important;
6397
}
6398
6399
#right_information ,
6400
#center_information {
6401
    width: 46.5% ;
6402
    float: left ;
6403
    margin-top: 15px ;
6404
    padding: 5px ;
6405
    border-radius: 5px !important;
6406
    text-align: center ;
6407
    background-color: #d6deeb;
6408
}
6409
6410
#center_information  {
6411
    border-radius: 5px 0 0 5px !important;
6412
    margin-right: 2px ;
6413
    text-align: center ;
6414
    background-color: #d6deeb;
6415
}
6416
#right_information {
6417
    border-radius: 0 5px 5px 0 !important;
6418
    text-align: center ;
6419
    background-color: #d6deeb;
6420
}
6421
6422
#infomation_value_left ,
6423
#information_key_left  {
6424
    min-width: 46.5% !important;
6425
    float: left ;
6426
    line-height: 13px !important;
6427
    margin-top: -5px ;
6428
    margin-bottom: -8px ;
6429
    padding: 2px 5px ;
6430
    border-radius: 3px !important;
6431
    text-align: center ;
6432
    background-color: #d6deeb;
6433
}
6434
#information_key_left {
6435
    border-radius: 5px 0 0 5px !important;
6436
    margin-right: -37px ;
6437
    text-align: center ;
6438
    background-color: #d6deeb;
6439
}
6440
#infomation_value_left  {
6441
    border-radius: 0 5px 5px 0 !important;
6442
    text-align: center ;
6443
    background-color: #d6deeb;
6444
}
6445
6446
6447
#information_value {
6448
    color: #2c3e50;
6449
    font-size: 21px !important;
6450
}
6451
6452
/* 2* - "APPLIES TO" */
6453
.adContainer + #headline {
6454
    height: 15px !important;
6455
    line-height: 15px !important;
6456
    top: 237px !important;
6457
}
6458
.adContainer + #headline + #applies_link {
6459
    height: 15px !important;
6460
    line-height: 15px !important;
6461
    top: 287px ;
6462
}
6463
6464
6465
6466
/* (new118) - TEST FIX NEW DESIGN - STYLE INFO PAGE - === */
6467
/* (new118) USERTSTYLES INFOS - === */
6468
6469
/* #container , */
6470
#container-responsive  {
6471
    display: table;
6472
    margin: 0 auto;
6473
    width: 100% ;
6474
background: red !important;
6475
}
6476
#nav-view-responsive {
6477
/*     display: flex; */
6478
/*     display: inline-block !important; */
6479
    flex-direction: unset !important;
6480
    background-color: #333 !important;
6481
}
6482
/* #view , */
6483
#container-responsive #view-responsive  {
6484
    display: flex;
6485
    justify-content: center;
6486
    margin-right: 42px;
6487
    min-width: 100% !important;
6488
}
6489
6490
#style_info {
6491
    display: flex;
6492
    flex-direction: column;
6493
    margin-left: 19px;
6494
    width: 61% !important;
6495-
width: 223px !important;
6495+
6496
}
6497
/* (new108) NOTES */
6498
#style_info #css_text_area_div + #headline {
6499
    margin-top: 44px !important;
6500
}
6501
#style_info #headline +  #notes_textarea {
6502
    width: 100% !important;
6503
    max-width: 1154px !important;
6504
    margin-top: 0px !important;
6505
    color: gray !important;
6506
    font-size: 15px;
6507
    max-height: 270px !important;
6508
    padding: 5px !important;
6509
    overflow-y: scroll;
6510
    resize: none !important;
6511-
/*     border: gray 1px solid ! important; */
6511+
6512
    box-shadow: 3px 3px 2px black ;
6513
    background-color: #222 !important;
6514
}
6515
6516
#preview_image_div {
6517
    height: 353px ;
6518
    max-width: 500px !important;
6519
    margin-bottom: -39px !important;
6520-
margin: 0 2px 0 -15px !important;
6520+
    margin-top: 10px;
6521
    padding: 5px ;
6522
    background-position: center center !important;
6523
    background-repeat: no-repeat;
6524
    background-size: 90% !important;
6525
    box-shadow: 3px 3px 2px black !important;
6526
border: 1px solid red ;
6527
}
6528
#applies_link + #headline + .text_style_page {
6529
    position: absolute !important;
6530
    display: inline-block !important;
6531
    float: none !important;
6532
    width: 100% !important;
6533
    min-width: 610px !important;
6534
    max-width: 610px !important;
6535
    height: 100% !important;
6536
    height: 355px !important;
6537
    top: 87px ;
6538
    left: 48% !important;
6539
    padding: 5px ;
6540
    color: gray !important;
6541
    word-wrap: break-word;
6542
    white-space: pre-wrap !important;
6543
    overflow-x: hidden !important;
6544
    overflow-y: auto !important;
6545
    box-shadow: 3px 3px 2px black !important;
6546
    outline: 1px solid red !important;
6547
}
6548
6549
#headline {
6550
    color: #ccc !important;
6551
    font-size: 18px;
6552
    font-weight: bold;
6553
    margin-top: 30px;
6554
}
6555
#applies_link + #headline ,
6556
.adContainer + #headline + #applies_link + #headline{
6557
    display:none ;
6558
}
6559
6560
#notes_textarea {
6561
    width: 99% ;
6562
}
6563
6564
/* (new118) APLLIE TO  */
6565
#information_div + #headline  {
6566
6567
    margin-top: 44px !important;
6568
}
6569
#headline + #applies_link{
6570
    color: peru !important;
6571
    font-size: 15px;
6572
    margin-top: 0px !important;
6573
    margin-bottom: -40px !important;
6574
    max-width: 728px;
6575
}
6576
/* (new108) USERSTYLE INFO PAGE - ANDROID - MESSAGE + BUTTON - === */
6577
#top_android_button {
6578
    display: inline-block !important;
6579
/* display: none !important; */
6580
    flex-direction: unset !important;
6581
    justify-content: unset !important;
6582
    height: 44px;
6583
    width: 176px;
6584
    border-radius: 4px;
6585
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.43);
6586
    cursor: pointer;
6587
    background-color: #222 !important;
6588
}
6589
.android_button_banner {
6590
    display: none !important;
6591
}
6592
6593
/* (new108) STYLE INSTALL - BUTTON - === */
6594
.customize_button + div  ,
6595
#buttons>#ownedButtons + div {
6596
    position: relative !important;
6597
    display: inline-block !important;
6598
    height: 22px !important;
6599
    width: 160px !important;
6600
    margin-bottom: 0px !important;
6601
    margin-right: 0px !important;
6602
    margin-left: 5px !important;
6603
    border-radius: 3px !important;
6604
    box-shadow: 3px 3px 2px black !important;
6605
    border: 1px solid red !important;
6606
/* background: red !important; */
6607
}
6608
.customize_button  {
6609
    position: relative !important;
6610
    display: inline-block !important;
6611
    display: none !important;
6612
    height: 22px !important;
6613
    width: 130px !important;
6614
    margin-bottom: 0px !important;
6615
background: blue !important;
6616
}
6617
6618
#install_button  ,
6619
#buttons>#ownedButtons + div #install_button {
6620
    position: relative !important;
6621
    display: inline-block !important;
6622
    height: 19px !important;
6623
    width: 19px !important;
6624
    white-space: nowrap !important;
6625
    overflow-wrap: unset !important;
6626
    text-align: left !important;
6627
}
6628
6629
#install_button >div:first-of-type ,
6630
#buttons>#ownedButtons + div #install_button >div:first-of-type {
6631
    position: relative !important;
6632
    display: inline-block !important;
6633
    height: 19px !important;
6634
    width: 19px !important;
6635
    white-space: nowrap !important;
6636
    overflow-wrap: unset !important;
6637
    text-align: left !important;
6638
}
6639
.customize_button  .customize_button_text ,
6640
#install_button >div:last-of-type ,
6641
#buttons>#ownedButtons + div #install_button >div:last-of-type {
6642
    position: relative !important;
6643
    display: inline-block !important;
6644
    height: 20px !important;
6645
    line-height: 15px !important;
6646
    width: 150px !important;
6647
    left: -40px !important;
6648
    margin-top: 0 !important;
6649
    top: -4px !important;
6650
    white-space: nowrap !important;
6651
    overflow-wrap: unset !important;
6652
    text-align: right !important;
6653
    font-size: 12px !important;
6654
    color: peru !important;
6655
}
6656
img.stylish-icon {
6657
    height: 18px !important;
6658
    width: 18px !important;
6659
    margin-right: 10px;
6660
}
6661
.customize_button  .customize_button_text {
6662
    width: 100px !important;
6663
    left: 20px !important;
6664
    top: -21px !important;
6665
}
6666
6667
6668
6669
6670
/* (new118) CREATE / EDIT USERSTYLE PAGE - === */
6671
6672
#view_inner {
6673
    display: inline-block ;
6674
    width: 68% !important;
6675
    padding: 5px 200px !important;
6676
}
6677
html>body>ul + form[action="/styles/create"] ,
6678
html>body>ul + form[action="/styles/update"] {
6679
    display: inline-block;
6680
    margin-left: 112px !important;
6681
    width: 1067px !important;
6682
}
6683
/* (new118) USERSTYLES - EDIT/CREATE PAGE - SAVE BUTT - 
6684
html>body>ul + form[action="/styles/create"] input[name="commit"] ,
6685
form[action="/styles/create"] input[name="commit"] ,
6686
#main-article   form[action="/styles/update"] input[name="commit"]
6687
=== */
6688
.form-controls>input[name="commit"] {
6689
    position: fixed ;
6690
    display: inline-block;
6691
    left: 15% ;
6692
    top: 10% !important;
6693
    margin-left: -5px;
6694
    transform: scale(1.3);
6695
border: 5px solid red !important;
6696
}
6697
6698
.errorExplanation {
6699
    background-color: rgba(239, 81, 24, 0.54) !important;
6700
    border: 1px solid red ;
6701
}
6702
6703
6704
/* (new118) (VOIR) QUESTION ? - PB IMAGE BACKGROUD - leoncastro OK */
6705
#post-discussion + #login-form + #no-discussions  {
6706
    position: absolute!important;
6707
    display: inline-block !important;
6708
    width: 750px!important;
6709
    height: 17px !important;
6710
    line-height: 17px !important;
6711
    padding: 1px 0px 1px 14px  !important;
6712
    top: -9px !important;
6713
    margin-left: 160px !important;
6714
    text-align: center!important;
6715
    color: gold !important;
6716
    text-decoration: none !important;
6717
    background-color: transparent!important;
6718
    background-image: url("https://userstyles.org/images/question.png") !important;
6719
    background-position: 0px 3px !important;
6720
    background-repeat: no-repeat !important;
6721
    z-index: 500!important;
6722
}
6723
#discussions {
6724
    margin-left: 20px !important;
6725
    margin-top: 5px !important;
6726
}
6727
6728
/* USERSTYLES - STY INFOS - FEED LIST - (Title) - === */
6729
#discussions>li>a:nth-child(1){
6730
    margin-left: 8px !important;
6731
    margin-right: 30px !important;
6732
}
6733
/*  - USERSTYLES - STY INFOS - FEED LIST - (Member NAME) - === */
6734
#discussions>li>a:nth-child(2){
6735
    margin-left: 4px !important;
6736
    margin-right: 15px !important;
6737
}
6738
/* (new118) FOOTER - ==== */
6739
#footer {
6740
    margin-top: 129px !important;
6741
    background-color: #222 !important;
6742
}
6743
#footer-inside {
6744
    display: inline-block;
6745
    margin-left: 8px !important;
6746
    margin-top: -29px !important;
6747
    text-align: center !important;
6748
}
6749
#leftFooter {
6750
    width: 1905px !important;
6751
    margin-left: 0px;
6752
}
6753
#copyrights {
6754
    color: gold !important;
6755
    background: black ;
6756
}
6757
6758
/* START ===== NEW DESIGN - MEDIA QUERY ===== */
6759
6760
/* START ==== MEDIA QUERIES - 1400px - USERSTYLES FORUM ??? - TEST -  ==== */
6761
6762
@media screen and (max-width: 1400px){
6763
#Head + #Body {
6764
    margin-left: 12% !important;
6765
/* background: green !important; */
6766
}
6767
6768
/* ==== END ==== MEDIA QUERIES - USERSTYLES FORUM - TEST - === */
6769
}
6770
6771
/* ==== START ==== MEDIA QUERIES - USERSTYLES STYLE INFO - TEST - === */
6772
@media screen and (max-width: 1400px){
6773
#navigation {
6774-
/* TEST - RATING always visible =
6774+
    margin-left: 0px;
6775-
NOT RATING : #style-table td[rating="0.0"]
6775+
6776-
BAD / ONE RATING : #style-table td[rating="1.0"]
6776+
#style_info {
6777-
<td class="image-value">
6777+
    outline: 1px solid red !important;
6778-
<img class="bad-average-rating" alt="Bad" src="https://df6a.https.cdn.softlayer.net/80DF6A/static.userstyles.org/images/bad.gif" title="">
6778+
6779-
3 RATING : #style-table td[rating="3.0"]
6779+
#style_info {
6780
    margin-left: 341px !important;
6781
    width: 100%;
6782
    min-width: 900px;
6783
}
6784
.style_title {
6785
    border: 1px solid red;
6786
    display: inline-block;
6787
    height: 32px;
6788
    margin-top: 25px;
6789
    padding-left: 13px;
6790
    width: 55.5% !important;
6791-
/* width: 280px !important; */
6791+
6792
#applies_link + #headline + .text_style_page {
6793
    display: inline-block !important;
6794
    width: 100% !important;
6795
    min-width: 350px !important;
6796
    max-width: 350px !important;
6797
    max-height: 295px !important;
6798
    min-height: 295px !important;
6799
    left: 70% !important;
6800
    white-space: pre-wrap;
6801
    overflow-x: hidden !important;
6802
    overflow-y: auto !important;
6803
}
6804
.css_button {
6805
    position: absolute;
6806
    right: 4%;
6807-
/* background: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") repeat scroll 0 0 transparent !important; */
6807+
    top: 41px !important;
6808
}
6809
6810
/* USERTYLE ACCEUIL */
6811
.category_head {
6812
    display: inline-block !important;
6813
    width: 50% !important;
6814
    float: left !important;
6815
    clear: none;
6816
    margin-bottom: 14px;
6817
    align-items: center;
6818
    flex-direction: unset !important;
6819
    justify-content: unset !important;
6820
background: red !important;
6821
}
6822
.styles.boxes {
6823
    display: inline-block !important;
6824
    float: left !important;
6825
    width: 50% !important;
6826
    margin-bottom: 20px;
6827
    padding-top: 10px;
6828
    align-items: unset !important;
6829
    flex-flow: unset !important;
6830
    justify-content: unset !important;
6831
}
6832
.style_card {
6833
    display: inline-block !important;
6834
    width: 221px !important;
6835
    height: 225px;
6836
    background-color: #ffffff;
6837
    border-radius: 4px;
6838
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
6839
6840
    margin: 15px 0;
6841
6842
}
6843
6844
/* CREATE BUTTON */
6845
#create_new_style {
6846
    margin-left: 0px !important;
6847
    margin-top: 40px;
6848
}
6849
6850
/* ==== START ==== MEDIA QUERIES - USERSTYLES STYLE INFO - TEST - === */
6851
/* END ===== NEW DESIGN - MEDIA QUERY ===== */
6852
6853
}
6854
/* (new79) USERSTYLES / GREASEMONKEY - TOP HEADER - TITRE "User.org"/"User Name" - DARK BACKGROUD - === */
6855
#Frame {
6856
    margin-top: -8px !important;
6857
}
6858
#vanilla_discussions_index #Head.Head ,
6859
#main-header {
6860
    position: fixed !important;
6861
    display: inline-block ! important;
6862
    float: none ! important;
6863
    width: 99.9% !important;
6864
    height: 41px !important;
6865
    left: -0.2% !important;
6866
    top: -1px !important;
6867
    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;
6868
    border-bottom: 1px solid gray !important;
6869
    z-index: 50 !important;
6870
}
6871
6872
/* (new74) - GREASEMONKEY  - RED BACKGROUD */
6873
body:not(.Settings) #Head, 
6874
body[pagetype="ListingPage"]  #main-header ,
6875
body[pagetype="UserProfile"]  #main-header {
6876
    position: fixed !important;
6877
    display: inline-block ! important;
6878
    float: none ! important;
6879
    height: 40px !important;
6880
    top: -1px !important;
6881
    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;
6882
    background-color: #670000 !important;
6883
border-bottom: 1px solid red !important;
6884
}
6885
6886
/* === USERSTYLES - STY TITLE/Name === */
6887
6888
/* USERSTYLES - SITE TITLE "User.org" + "USER NAME" / NAME - === */
6889
#main-header > h1 {
6890
    position: relative ! important;
6891
    display: inline-block ! important;
6892
    width: 47% !important;
6893
    min-width: 895px !important;
6894
    height: 30px !important;
6895
    line-height: 28px !important;
6896
    margin-top: -3px !important;
6897
    border-radius: 5px ! important;
6898
    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%);
6899
    font-size: 23px ! important;
6900
    text-align: left !important;
6901
    text-indent: -117px !important;
6902
    overflow: hidden !important;
6903
    text-overflow: ellipsis !important;
6904
    white-space: nowrap !important;
6905
}
6906
#main-header > h1::-moz-selection {
6907
    background:#FFCC11 ! important;
6908
    color:#ffffff ! important;
6909
}
6910
#main-header > h1:hover {
6911
    color: gold ! important;
6912
}
6913
6914
/* USERSTYLES - SITE TITLE - TXT "User.org" - === */
6915
#main-header>h1>a {
6916
    display: inline-block ! important;
6917
    width: 161px !important;
6918
    margin-right: -100px !important;
6919
    margin-left: 28% !important;
6920
    margin-bottom: 30px ! important;
6921
}
6922
6923
6924
/* USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL - === */
6925
#left-sidebar nav ul dl:not(:hover) ,
6926
#main-article>dl:not(:hover) {
6927
    position: fixed ! important;
6928
    display: inline-block ! important;
6929
    float: none !important;
6930
    width: 50px !important;
6931
    max-height: 15px ! important;
6932
    top: 23px ! important;
6933
    margin-top: 5px ! important;
6934
    left: 275px !important;
6935
    font-size: 10px ! important;
6936
    text-align: left !important;
6937
    z-index: 900 ! important;
6938
    overflow: hidden !important;
6939
    visibility: visible !important;
6940
    transition: all ease .4s !important;
6941
}
6942
#left-sidebar nav ul dl:hover ,
6943
#main-article>dl:hover {
6944
    position: fixed ! important;
6945
    display: inline-block ! important;
6946
    float: none !important;
6947
    width: auto !important;
6948
    height: auto ! important;
6949
    top: 23px ! important;
6950
    margin-top: 5px ! important;
6951
    left: 210px !important;
6952
    padding: 3px 50px 1px 70px!important;
6953
    font-size: 10px ! important;
6954
    text-align: left !important;
6955
    overflow: visible !important;
6956
    z-index: 50000 !important;
6957
}
6958
6959
/* "About" / "Conact" - LABEL CONTAINER - NOT HOVER */
6960-
/* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT -  LAST CHEC - RESET BUTT- === */
6960+
6961
#main-article>dl:not(:hover)>dt {
6962
    position: relative ! important;
6963
    display: block !important;
6964
    float: none !important;
6965
    width: 74px !important;
6966
    height: 16px ! important;
6967
    line-height: 15px ! important;
6968
    top: 1px ! important;
6969
    margin-bottom: -14px !important;
6970
    left: 0px ! important;
6971
    padding: 0px 6px 1px 0px !important;
6972
    font-size: 10px ! important;
6973
    text-align: left !important;
6974
    color: transparent ! important;
6975
    overflow: hidden !important;
6976
    text-overflow: ellipsis !important;
6977
    white-space: nowrap !important;
6978
    z-index: 5000 !important;
6979
}
6980
#left-sidebar nav ul dl:not(:hover)>dt:before ,
6981
#main-article>dl:not(:hover)>dt:before {
6982
    content: "About \25B6  " !important;
6983
    color: red !important;
6984
}
6985
6986
6987
/* "About" / "Conact" - LABEL CONTAINER - HOVER */
6988
#left-sidebar nav ul dl:hover>dt ,
6989
#main-article>dl:hover>dt {
6990
    position: relative ! important;
6991
    display: block !important;
6992
    float: none !important;
6993
    width: 44px !important;
6994
    height: 12px ! important;
6995
    line-height: 12px ! important;
6996
    margin-bottom: -14px !important;
6997
    left: 0px ! important;
6998
    padding: 0px 6px 1px 2px !important;
6999
    font-size: 10px ! important;
7000
    text-align: left !important;
7001
    color: grey ! important;
7002
    overflow: hidden !important;
7003
    text-overflow: ellipsis !important;
7004
    white-space: nowrap !important;
7005
    background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
7006
    border-radius: 5px 0 0 5px !important;
7007
    border: 1px solid gray !important;
7008
    z-index: 5000 !important;
7009
}
7010
/* "About" / "Conact" - FULL CONTAINER - HOVER */
7011
#main-article>dl:hover>dd:first-of-type ,
7012
#left-sidebar nav ul dl:hover > dd, #main-article > dl:hover > dd:first-of-type {
7013
    position: relative ! important;
7014
    width: 0px !important;
7015
    height: 15px ! important;
7016
    top: -6px ! important;
7017
    margin-bottom: -3px !important;
7018
    margin-left: 55px ! important;
7019
    padding-left: 10px !important;
7020
    padding-right: 8px !important;
7021
    text-align: left !important;
7022
    background: black !important;
7023
    outline: 1px solid gray !important;
7024
    overflow: hidden !important;
7025
    transition: all ease 0.4s !important;
7026
}
7027
7028
/* "About" - FULL CONTAINER - NOT HOVER */
7029
#left-sidebar nav ul dl:not(:hover), 
7030
#main-article > dl:not(:hover) dd:first-of-type {
7031
    margin-left: 100px !important;
7032
}
7033
#main-article>dl:not(:hover)>dd:first-of-type:not(:hover) {
7034
    position: relative ! important;
7035
    display: inline-block ! important;
7036
    max-width: 0px !important;
7037
    height: 20px ! important;
7038
    top: -6px ! important;
7039
    margin-bottom: -3px !important;
7040
    margin-left: 47px ! important;
7041
    padding-left: 0px !important;
7042
    padding-right: 0px !important;
7043
    border: none !important;
7044
    text-align: left !important;
7045
    background: black !important;
7046
    overflow: hidden !important;
7047
    visibility: hidden !important;
7048
}
7049
7050
/* "About" - FULL CONTAINER - HOVER */
7051
#left-sidebar nav ul dl:hover>dd:first-of-type ,
7052
#main-article>dl:hover>dd:first-of-type {
7053
    display: inline-block ! important;
7054
    width: 100% !important;
7055
    min-width: 0px !important;
7056
    max-width: 500px !important;
7057
    height: 100% ! important;
7058
    min-height: 0px ! important;
7059
    max-height: 500px ! important;
7060
    margin-left: 15px ! important;
7061
    margin-top: 0px ! important;
7062
    padding: 2px 0 100px 90px !important;
7063-
/* BROWSE SEARCH RESULTS +  USER ACCOUNT + SEARCH RESULTS + TABLE VIEW PLUS - 
7063+
7064-
#summary + #table-container 
7064+
7065-
#main-header +#content-wrapper #main-article  ul+dl +h2 +#summary + #table-container (2GM)
7065+
7066
    overflow: hidden !important;
7067
    overflow-y: auto !important;
7068
    z-index: 900 ! important;
7069
}
7070
7071
/* SUB LABEL INFOS */
7072
#main-article>dl:hover>dt:first-of-type + dd +dt  {
7073
    position: absolute !important;
7074
    display: inline-block ! important;
7075
    top: 15px !important;
7076
    margin-left: 90px !important;
7077
}
7078
#main-article>dl>dt:first-of-type + dd +dt +dd+dt {
7079
    position: absolute !important;
7080
    display: inline-block ! important;
7081
    top: 30px !important;
7082
    margin-left: 90px !important;
7083
}
7084
#main-article>dl>dt:first-of-type + dd +dt +dd+dt+dd+dt {
7085
    position: absolute !important;
7086
    display: inline-block ! important;
7087
    top: 45px !important;
7088
    margin-left: 90px !important;
7089
}
7090
7091
/*  "About" - ARROW GRAY */
7092
#left-sidebar nav ul dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before ,
7093
#main-article>dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before {
7094
    position: relative ;
7095
    display: inline-block ;
7096
    content: "\25B6 " ;
7097
    margin-left: 1px ;
7098
    color: red ;
7099
}
7100
7101
/* ABOUT - LINKS */
7102
#main-article>dl>dd>a {
7103
    position: relative !important;
7104
    display: inline-block !important;
7105
    min-height: 15px !important;
7106
    max-height: 15px !important;
7107
    line-height: 14px !important;
7108
    font-size: 13px !important;
7109
}
7110-
/* TABLE VIEW PLUS - ??? ENHANCER -
7110+
7111-
#main-article> ul + dl +h2 + #summary + #table-container #style-table === */
7111+
7112-
#main-article> ul + dl +h2 + #summary + #table-container #style-table {
7112+
7113-
/* width: 100% !important; */
7113+
7114-
/* min-width: 103.9% !important; */
7114+
7115-
/* max-width: 103.9% !important; */
7115+
7116
    width: 170px !important;
7117
    top: 28px !important;
7118
    left: 360px !important;
7119
    padding: 1px 10px !important;
7120
    text-align: center !important;
7121
    color: red !important;
7122
    background: yellow !important;
7123
    z-index: 80000 !important;
7124
    visibility: visible !important;
7125
}
7126
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {
7127
    visibility: hidden !important;
7128
}
7129
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before ,
7130
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {
7131
    position: absolute !important;
7132
    display: inline-block ;
7133
    height: 15px !important;
7134
    width: 22px !important;
7135
    content: "✉" ;
7136
    color: peru !important;
7137
    left: -25px!important;
7138
    top: 0px !important;
7139
    font-size: 21px !important;
7140
    visibility: visible !important;
7141
}
7142
/* USERSTYLES -  PROFILE LINK - === */
7143
body:not(#f) a#userProfile {
7144
    position: absolute !important;
7145
    visibility: visible !important;
7146
    left: 256px !important;
7147
    top: -64px !important;
7148
    overflow: visible !important;
7149
    text-overflow: ellipsis !important;
7150
    white-space: nowrap !important;
7151
    font-size: 0 !important;
7152
    z-index: 500 !important;
7153
}
7154
7155
body:not(#f) a#userProfile:before {
7156
    display: inline-block ;
7157
    position: fixed ;
7158
    content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;
7159
    -moz-transform:scale(0.6,0.5) ;
7160
    margin-left: -90px ;
7161
    top: 1px ;
7162
}
7163
7164
/* END ==  - USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABT ME" - TXT + Back transpt - === */
7165
7166
/* USERSTYLES - "Following results" - "the results for all ..." - === */
7167
#page-description>a {
7168
    border-radius: 5px !important;
7169
    box-shadow: 0 0 4px #999999 !important;
7170
    display: inline-block !important;
7171
    left: 103px !important;
7172
    padding: 5px !important;
7173
    position: absolute !important;
7174
    top: -21px !important;
7175
    width: 994px !important;
7176
}
7177
7178
/* (new75) USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (TABLE VIEW PLUS) - === */
7179
#metaOption {
7180
    position: fixed !important;
7181
    display: inline-block !important;
7182
    -moz-appearance: none !important;
7183
    transform: scale(0.8) ! important;
7184
    height: 19px !important;
7185
    width: 19px ! important;
7186
    left: 0px !important;
7187
    top: 26px !important;
7188
    padding: 12px ! important;
7189
    color: transparent ! important;
7190
    border: none ! important;
7191
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QAbgCEALDyHHKDAAAACXBIWXMAAA9hAAAPYQGoP6dpAAAAB3RJTUUH1gIOETowjDhWUwAAAfhJREFUOMvlkk9oE1EQh78kajUpNlEoCCrBshcP2vYWsXrQpRC7Vw+CB6EiRa22SEgJtBgICYGeBdGTASmKBzc2Qos9CUrbJCY9VAhWpY39ZwhCRKS762W3bJJNW6/t7/bezPvezPwG9pxsVpexeKQHkAEpGAglG7zticUjdTn2Bsly741eAFmHW8Ju3exT9I+3Vywe0crlkhaLRzTrWNmIVX1oN7dpPDaqcjqbG42Dx08eEQyEJCBpCQTk/jv3tRcvxzRAvnd3kLWVZYQ2gVJp/WHtbAMPhmy1sCpTjOTbff2aomzYVFXVVFUhPTtjS3/KAEg7MKraZVMFm/J3XyGXz7NY/A4QDgZCI/+9Nma9Tb3RsvksHWc6yeTS6BWOA+qOgF5/9BhQNM7XfSrtpwVOHD9JpVLh48wHtmrbYQUbHRDp9rXR6nGSmFrjVMvP8MK3hYsdZzvxuD0sFRevXRYvzU5OvCsAmqXLXn+0HSg+HZaYzs0znZun9YgLAH1uUjL1GkEQuHCuy1j6unma1yYzOiAy8T7LhqJiP+hmtVTZDOotSonnzzjc4ua8rwtgeCsgAPv3OTjgOsqf339JpOYAxFpoMiVT+FKwNLEKuLT6i0MuD81NDl5NfQYQv44PTZpzdGh4eeXHHBBu6LLXH70KjJlidbDdoX/so9X2d8JO4gAAAABJRU5ErkJggg==") no-repeat scroll center center transparent;
7192
    background-color: #0064AA ! important;
7193
    border-radius: 10px 10px 10px 10px !important;
7194
    z-index: 200 !important;
7195
    opacity: 0.7 !important;
7196
    cursor: pointer ! important;
7197
}
7198
#metaOption:hover {
7199
    background-color: gold !important;
7200
    opacity: 1 !important;
7201
}
7202
7203
/* USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (ENHANCER) - === */
7204
#style-table #metaPrefs {
7205
    position: absolute!important;
7206
    left: 5px!important;
7207
    margin-top: -5px!important;
7208
}
7209
7210
/* ==== (new87) USERSTYLES - SEARCH BOX ==== */
7211
7212
/* USERSTYLES - ADV SEARCH - PAGE RESUL  - === */
7213-
/* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - ZEBRA SEARCH RESULTS - NOT LOGED / without GM - (option for  LOGED / GM)  - === */
7213+
7214-
/* (LOGED + NOT LOGED with  NO GM) === */
7214+
7215-
.author-styles {
7215+
7216
    position: fixed !important;
7217
    display: inline-block !important;
7218
    width: 62px !important;
7219-
    width: 1150px ! important;
7219+
7220
    right: calc(100% - 1202px)  ! important;
7221
    top: 1px ! important;
7222
    padding: 0 0 2px 0px  ! important;
7223
    border-radius: 4px ! important;
7224
    border: 1px solid #777777 !important;
7225-
/* BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc  - === */
7225+
7226
    color: #D7D7D7 !important;
7227
    text-align: center ! important;
7228
    text-decoration: none ! important;
7229
    box-shadow: 0 0 1px #777777 inset !important;
7230
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
7231
    cursor: pointer ! important;
7232
}
7233
#advanced-search-submit button:hover {
7234
    color: tomato !important;
7235
}
7236
/* (new87) USERSTYLES - ADV SEARCH - SHOW BUTT (TXT "Adv sear) - === */
7237
#left-sidebar nav ul li form #simple-search + #show-advanced-search {
7238
   -moz-appearance: none ! important;
7239
    position: absolute !important;
7240
    display: inline-block !important;
7241
    width: 60px !important;
7242
    height: 18px !important;
7243-
/*  EDIT/Delete/Statictic ICONS - === */
7243+
7244
    top: -16px ! important;
7245
    left: 85% ! important;
7246
    font-size: 10px! important;
7247-
/* (new60) NEDD CONVERT for Addstylish lib -  */
7247+
7248
    z-index: 200 ! important;
7249
    text-align: center ! important;
7250
    text-decoration: none ! important;
7251
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
7252
    border: 1px solid #777777 !important;
7253
    border-radius: 4px !important;
7254
    box-shadow: 0 0 1px #777777 inset !important;
7255
    cursor: pointer ! important;
7256-
    content : "\2717" ;
7256+
7257
7258
/* USERSTYLES - AVDV SEARCH - SUBMIT BUTT - === */
7259
#left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {
7260
   -moz-appearance: none ! important;
7261
    position: fixed !important;
7262
    display: inline-block !important;
7263
    width: 50px !important;
7264
    height: 20px !important;
7265
    right: calc(100% - 1138px)  ! important;
7266
    top: 1px ! important;
7267
    border-radius: 5px ! important;
7268
    font-size: 10px! important;
7269
    color: gold !important;
7270
    z-index: 200! important;
7271
    text-align: center ! important;
7272
    text-decoration: none ! important;
7273
    background: black ! important;
7274
    border: 1px gray solid ! important;
7275
    cursor: pointer ! important;
7276
}
7277
#left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {
7278
    color: tomato !important;
7279
}
7280
7281
/* (new87) USERSTYLES - ADV SEARCH - OPTIONS - BLOCK CONTAINER - PB when No GM "TABLE VIEW PLUS " - === */
7282
#advanced-search {
7283
    position: relative ! important;
7284
    position: fixed ! important;
7285
    height: 15px ! important;
7286
    width: 450px ! important;
7287
    top: 48px ! important;
7288
    left: 867px !important;
7289
    padding: 1px 2px 3px 2px  ! important;
7290
    border: none ! important;
7291-
/* (new75) BROWSE SEARCH RESULTS - Screenshot POPUP - MEDIA QUERIES */
7291+
7292
    z-index: 2000000 ! important;
7293
    color: gold !important;
7294
    background: #2C6C14 !important;
7295
}
7296
7297
/* USERSTYLES - SEARCH - TOP Right (Background) - === */
7298
#search{
7299
    background-color:  transparent !important
7300
}
7301
7302
/* USERSTYLES - SEARCH BOX - === */
7303
#search {
7304
    position: fixed !important;
7305
    width: 187px ! important;
7306
    height: 85px ! important;
7307
    top: 400px ! important;
7308
}
7309
7310
/* USERSTYLES - SEARCH BOX INPUT -  === */
7311
#left-sidebar > nav ul li form {
7312
    position: fixed ! important;
7313-
/* width: 100% !important; */
7313+
7314-
/* max-width: 28% !important; */
7314+
7315
    left: 970px ! important;
7316
    top: 25px ! important;
7317-
/* background-size: contain !important; */
7317+
7318
    z-index: 2000! important;
7319
}
7320
7321-
/* ==== END BROWSE SEARCH RESULTS - Screenshot POPUP - MEDIA QUERIES ==== */
7321+
7322
#search-terms {
7323
    position: absolute ! important;
7324
    display: inline-block !important;
7325
    min-width: 204px !important;
7326
    max-width: 204px !important;
7327
    height: 19px ! important;
7328
    margin-right: -50px ! important;
7329
    left: -65px ! important;
7330
    top: -16px ! important;
7331
}
7332
/* USERSTYLES /GREASY FORK - SIMPLE SEARCH - SEARCH BUTT - === */
7333
#search-submit {
7334
    position: relative ! important;
7335
    left: -38px ! important;
7336
    margin-top: -15px ! important;
7337
    font-size:11px !important;
7338
}
7339
#script-search > input[type="submit"] ,
7340
#search-submit  {
7341
    position: relative !important;
7342
    display: inline-block !important;
7343
    top: 0px !important;
7344
    -moz-appearance: none !important;
7345-
/*     width: 100% !important; */
7345+
7346
    border-radius: 0 3px 3px 0 !important;
7347
    cursor: pointer!important;
7348
    background: peru !important;
7349
}
7350
#script-search > input[type="submit"]:hover ,
7351
#search-submit:hover  {
7352-
/* right: 15% !important; */
7352+
7353
}
7354
7355
/* USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE SELECT - (ENHANCER) - === */
7356
#per-page-select {
7357
    width: 45px !important;
7358
    margin-left: -50px ! important;
7359
}
7360
*[id$="-select"] ,
7361
#advanced-search>[name="sort_direction"]  {
7362
    font-size: 11px ! important;
7363
    height: 17px ! important;
7364
}
7365
7366
/* USERSTYLES - ADV SEARCH - FILT BLOCK  - TXT "FILT" - SUPP (diplay:none) -(TABLE VIEW PLUS) - === */
7367
#fb-label {
7368
    display:none ! important;
7369
}
7370
7371
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK + TXT "FILTER" + BUTT - CONT - (TABLE VIEW PLUS) - === */
7372
#filter-block  {
7373
    position: fixed ! important;
7374
    display: inline-block ! important;
7375
    height: 24px !important;
7376
    width: 355px !important;
7377
    left: 620px !important;
7378
    margin-left: 288px !important;
7379
    top: 18px !important;
7380
    padding: 0 !important;
7381
    border-radius: 3px !important;
7382
    font-size: 10px ! important;
7383
    z-index: 2000 !important;
7384
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(19, 19, 19) 0%, rgb(51, 51, 51) 0%, rgb(17, 17, 17) 63%, rgb(0, 0, 0) 98%) repeat scroll 0 0 !important;
7385
}
7386
#left-sidebar #labelGroup {
7387
    height: 20px !important;
7388
    line-height: 20px !important;
7389
    padding: 0 3px !important;
7390
    text-align: center !important;
7391
    border: none !important;
7392
}
7393
/* (new87) USERSTYLES - ADV SEARCH - FILT - "Create " + "Show Flit" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
7394
#wordDiv button ,
7395
#filterGroup button {
7396
    height: 18px ! important;
7397
    line-height: 10px ! important;
7398
    padding: 1px ! important;
7399
    font-size: 10px !important;
7400
7401
7402
}
7403
/* (new87) USERSTYLES - ADV SEARCH - FILTBLOCK - "Create" BUTT - (TABLE VIEW PLUS) - === */
7404
#wordDiv button {
7405
    -moz-appearance: none ! important;
7406
    width: 40px ! important;
7407
    height: 20px !important;
7408
    margin-left: -430px ! important;
7409
    margin-top: 4px ! important;
7410
    padding: 0px 2px! important;
7411
    text-align: center ! important;
7412-
/*     background: red !important; */
7412+
7413
    border: 1px solid #404040;
7414
    box-shadow: 3px 3px 2px black ;
7415-
/* PAGINATION  - BROWSE SEARCH RESULTS - Paginat NEXT / NEXT DISABLE - 
7415+
7416-
https://greasyfork.org/fr/scripts?per_page=100&sort=created
7416+
7417
    cursor: pointer ! important;
7418
    z-index: 200 ! important;
7419
}
7420
7421
/* USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
7422
#filterGroup button {
7423
    position: absolute ! important;
7424
    display: inline-block ! important;
7425
    top: 0px ! important;
7426
    margin-left: 100px ! important;
7427
}
7428
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt"  BUTT - (TABLE VIEW PLUS) - === */
7429
#filterGroup button#showB {
7430
    position: absolute ! important;
7431
    display: inline-block ! important;
7432-
/* PAGINATION  - SEARCH / USERS - List USERSTYLES - (when Table View Plus don't catch them) - 
7432+
7433
    margin-left: 94px ! important;
7434-
http://userstyles.org/users/169?page=2&per_page=10 
7434+
7435
}
7436
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Clear" BUTT - (TABLE VIEW PLUS) - === */
7437
#filterGroup button {
7438
    position: absolute ! important;
7439
    display: inline-block ! important;
7440
    top: 2px ! important;
7441
    margin-left: 173px ! important;
7442
}
7443
7444
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - FILT INPUT (TABLE VIEW PLUS) - === */
7445
#wordIn {
7446
    -moz-appearance: none ! important;
7447
    position: absolute ! important;
7448
    display: inline-block ! important;
7449
    width: 138px ! important;
7450
    height: 15px ! important;
7451
    left: -82px ! important;
7452-
/* (new79) PAGINATION - SCRIPT PAGE (with / without GM CITRUS) - Not from link "Scripts from top header) = .width-constraint .pagination  - 
7452+
7453
    border: none ! important;
7454
    border-radius: 3px ! important;
7455
    padding: 2px 2px 3px 0px ! important;
7456
}
7457
7458
/* USERSTYLES - ADV SEARCH - FILT BLOCK - CREATE CONT - (TABLE VIEW PLUS) - === */
7459
#wordDiv {
7460
    position: absolute !important;
7461
    display: inline-block ! important;
7462
    width: 223px !important;
7463
    top: -6px !important;
7464
    left: 80px ! important;
7465
    text-align: center;
7466
}
7467
/*(new87)  USERSTYLES - ADV SEARCH - FILT BLOCK - FILT-GROUP CONTR (Filtd nbr / "Show Filt" / "Clear) - (TABLE VIEW PLUS) - === */
7468
#filterGroup {
7469
    position: absolute !important;
7470
    display: inline-block ! important;
7471
    height: 17px ! important;
7472
    max-width: 90px !important;
7473
    min-width: 90px ! important;
7474-
/* text-align: left !important; */
7474+
7475
    top: 0px !important;
7476
    padding: 1px 1px 1px 0px ! important;
7477
    border-radius: 5px ! important;
7478
    text-align: left !important;
7479-
/*     background: transparent!important; */
7479+
7480
7481
/* USERSTYLES - ADV SEARCH - FILT BLOCK - TXT "Filt" - (TABLE VIEW PLUS) - === */
7482-
/* (new66) PAGINATION - SCRIPT PAGE  - MEDIA QUERIE - === */
7482+
7483
    display: inline-block ! important;
7484
    padding: 0px !important;
7485-
left: 44% !important;
7485+
7486
    margin: 0 2px 0 -15px !important;
7487-
/* ==== END === PAGINATION - SCRIPT PAGE  - MEDIA QUERIE  ==== */
7487+
7488
}
7489
#left-sidebar #labCnt:after {
7490-
/* A VOIR USER SET PAGINATION - GM "CITRUS" ONLY OK - 
7490+
7491
    color: gold;
7492
    font-size: 11px ;
7493
}
7494
#left-sidebar #filterCount {
7495
    display: inline-block ! important;
7496
    padding: 0px !important;
7497
    color: gold;
7498
    font-size: 11px !important;
7499
}
7500
7501
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK -  PER PAGE CONT (+ TX "Tab Filt" +) - (TABLE VIEW PLUS) - === */
7502
#perPageGroup {
7503
    position: absolute !important;
7504
    display: inline-block!important;
7505
    width: 10px !important;
7506
    left: 305px ! important;
7507
    margin-top: -17px !important;
7508
    top: 5px !important;
7509
    padding: 0 0 0 0px !important;
7510
    color: gold !important;
7511
    font-size: 0px !important;
7512
    text-align: left !important;
7513
    background: black !important;
7514
}
7515
#perPageGroup:after {
7516
    content: "by"!important;
7517
    position: absolute !important;
7518
    display: inline-block!important;
7519
    width: 19px !important;
7520
    height: 19px!important;
7521
    line-height: 17px!important;
7522
    left: 8px ! important;
7523
    top: -10px !important;
7524
    padding: 0px !important;
7525
    color: gold !important;
7526
    font-size: 10px !important;
7527-
    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); 
7527+
7528
background: red !important;
7529
}
7530-
/* (new74) PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE - MEDIA QUERIE - === */
7530+
7531
#filter-block #perPageGroup input#sel {
7532
    -moz-appearance: none !important;
7533
    position: absolute! important;
7534
    display: inline-block!important;
7535-
/* ==== END === PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE === */
7535+
7536
    line-height: 25px !important;
7537
    width: 20px !important;
7538
    margin-left: 27px! important;
7539-
/* .pagination > *, 
7539+
7540-
.script-list + .pagination > *, 
7540+
7541-
.user-list + .pagination > * , */
7541+
7542
    font-size: 10px !important;
7543
    text-align: center !important;
7544
    background: #D6D6D6 ! important;
7545
}
7546
7547
7548
/* USERSTYLES - ADV SEARCH - FILT RESULT - ITEM FILT - ADD TXT "Filt" - (TABLE VIEW PLUS) - === */
7549
table#style-table tr[filtered="true"]:after {
7550
    display: inline-block ;
7551
    width: 15px ;
7552
    content: "Filtered" ;
7553
    padding-top: 2px ;
7554
    padding-bottom: 5px ;
7555
    padding-right: 4px ;
7556
    padding-left: 1px ;
7557
    transform: rotate(90deg) ;
7558
    font-size: 10px ;
7559
    text-align: center ;
7560
    color: gold ;
7561
}
7562
7563
/* ====  - USERSTYLES - STY INFOS - RELATED ==== */
7564
7565
/* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - BLOCK - === */
7566
#related {
7567
    position: fixed !important;
7568
    width: 185px !important;
7569
    left: 20px !important;
7570
    top: 550px !important;
7571
    background-color: #222222 !important;
7572-
/* color: white !important; */
7572+
7573
}
7574-
/* body[pagetype="ListingPage"] .pagination a:hover , */
7574+
7575
#left-sidebar footer#related ul li:not(.more) a:before {
7576
    display: inline-block ;
7577
    content: "\25B6" ;
7578
    padding-right: 5px ;
7579
    font-size: 8px ;
7580
    color: red ;
7581
}
7582
7583
/* ==== USERSTYLES - STY INFOS ==== */
7584
7585
/* USERSTYLES - STY INFOS - "Style" Bar - SUPP - === */
7586
#main-article>h2{
7587
    display: none ! important;
7588
}
7589
7590
7591
/* STY INFOS - DELETED STYLE - MESS - 
7592
https://userstyles.org/styles/46216/flickr-widescreen-wide-film-strip-thumbs-x2-v4?r=1431273300
7593
=== */
7594
section#obsoletion-message {
7595
    position: fixed !important;
7596
    line-height: 15px !important;
7597
    min-width: 400px !important;
7598
    max-width: 400px !important;
7599
    max-height: 425px !important;
7600
    top: 35px !important;
7601
    margin-left: -10px!important;
7602-
color: peru !important;
7602+
7603
    background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;
7604
    overflow: hidden !important;
7605
    overflow-y: auto !important;
7606
    z-index: 2000 !important;
7607
    transition: all ease 0.7s !important;
7608
    opacity: 1 !important;
7609
    visibility: visible !important;
7610
}
7611
#main-article section#obsoletion-message h2 + p + p , 
7612
#main-article section#obsoletion-message h2 + p  {
7613
    display: inline-block !important;
7614
    line-height: 15px !important;
7615
    width: 390px !important;
7616
    margin-left: -10px!important;
7617-
/* (new77) USERSTYLES)
7617+
7618-
/* #content-wrapper #main-article .pagination> .gap ,
7618+
7619
    text-align: center !important;
7620
    color: white !important;
7621
}
7622
7623
#main-article section#obsoletion-message h2 + p  q  {
7624
    display: inline-block !important;
7625
    width: 100% !important;
7626
    line-height: 16px !important;
7627
    margin-top: 10px !important;
7628
    margin-bottom: 5px !important;
7629
    padding: 5px !important;
7630-
/* EDIT - INFOS - Textarea Input === */
7630+
7631
    text-align: left !important;
7632
    font-size: 15px !important;
7633
    color: gray !important;
7634
    background: black !important;
7635
}
7636
/* #main-article section#obsoletion-message a  */
7637
#obsoletion-message>p + p>a:last-of-type ,
7638-
/* EDIT - INFOS - SHORT DESC - === */
7638+
7639
    position: relative!important;
7640
    display: inline-block!important;
7641
    width: 100%!important;
7642
    min-width: 375px!important;
7643
    margin-top: 10px !important;
7644-
/* EDIT - INFOS - ScreenShots (PreView) - Principal - BEFORE/AFTER === */
7644+
7645
    text-align: center!important;
7646
    font-size: 18px !important;
7647
    color: gold !important;
7648
}
7649
#obsoletion-message>p + p>a:nth-last-of-type(n+2) {
7650
    position: relative!important;
7651
    display: inline-block!important;
7652
    width: 100%!important;
7653
    min-width: 375px!important;
7654-
/* EDIT - INFOS - ScreenShots (PreView) - Additional === */
7654+
7655
    margin-bottom: 10px !important;
7656
    text-align: center!important;
7657
    font-size: 15px !important;
7658
    color: gold !important;
7659
}
7660-
/* EDIT - INFOS - ScreenShots - Additional (Table) === */
7660+
7661
#obsoletion-message:not(:hover) h2:not(:hover) ,
7662
#obsoletion-message h2 {
7663
    position: fixed !important;
7664
    display: inline-block !important;
7665-
/* (new91) EDIT - MAIN CONT - === */
7665+
7666
    top: 58px !important;
7667
    border-radius: 10px !important;
7668
    padding: 7px 6px !important;
7669
    background: #B50000 !important;
7670
    cursor: pointer !important;
7671
    visibility: visible !important;
7672
    opacity: 1 !important;
7673
}
7674-
/* EDIT - WIDGET - === */
7674+
7675
section#obsoletion-message:after {
7676
    position: fixed !important;
7677
    display: block;
7678
    content: "";
7679
    height: 0;
7680
    width: 0;
7681
    top: 82px !important;
7682
    bottom: -15px;
7683
    left: 200px ;
7684
    border-color: #B50000 transparent transparent transparent ;
7685
    border-style: solid;
7686
    border-width: 25px 5px 0px ;
7687
    transform: rotate(22deg) ;
7688
    visibility: visible !important;
7689
}
7690
section#obsoletion-message:before {
7691
    position: fixed !important;
7692
    display: inline-block !important;
7693
    content: " Deleted ....WHY ??? : Hover me !";
7694
    height: 15px !important;
7695
    width: 400px !important;
7696
    top: 62px !important;
7697
    left: 250px ;
7698
    text-align: center !important;
7699
    background: #B50000 !important;
7700
    white-space: nowrap !important; 
7701
    cursor: pointer !important;
7702
    visibility: visible !important;
7703
}
7704
section#obsoletion-message:hover:before {
7705
    visibility: hidden !important;
7706-
/* EDIT - USERSTYLES - DELETE STYLE PAGE - === */
7706+
7707
7708
#main-article section#obsoletion-message:not(:hover) {
7709
    visibility: hidden !important;
7710
    opacity: 1 !important;
7711
}
7712
#main-article section#obsoletion-message:hover {
7713
    visibility: visible !important;
7714
}
7715
7716
7717
/* #main-article section#obsoletion-message>p>q:first-letter , */
7718
#main-article section#obsoletion-message>p>q:first-line {
7719
    display: inline-block !important;
7720-
/* EDIT - STY NAME INPUT - === */
7720+
7721
    font-size: 18px !important;
7722
}
7723
7724-
/* EDIT - SCREENSHOTS NAME/UPLOAD FOLDER/BUTTON INPUT - === */
7724+
7725
/* ==== BROWSE STY - ZEBRA ==== */
7726
7727
/* BROWSE STY - ZEBRA - FIRST - === */
7728
#style-table tr:nth-child(even) td {
7729
    background-color: #262626 !important;
7730
}
7731
/* BROWSE STY - ZEBRA - SECOND - ==== */
7732
#style-table tr:nth-child(odd) td {
7733
    background: #444444 !important;
7734
}
7735
#style-table > tr:hover:not(:first-child) {
7736-
/* EDIT - CHECK BOX (REMOVE/CHANGE) - === */
7736+
7737
    color: red ! important;
7738
}
7739
7740
/* TEST - RATING always visible =  === */
7741
#style-table tr:not(:hover) .ratingfg ,
7742
#style-table tr:hover .ratingfg {
7743
    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;
7744
}
7745
7746
/* TEST - META DISCUSSION - HOVER TOOLTIP - === */
7747-
    margin-top: -22px ;
7747+
7748-
    margin-left: 45px ;;
7748+
7749
    content: attr(title) !important;
7750
    display: inline-block !important;
7751
    height: 16px !important;
7752-
/* EDIT - LABELS - === */
7752+
7753
    top: -5px !important;
7754
    margin-left: -240px !important;
7755
    padding: 0 5px 0 5px !important;
7756-
/* EDIT - SCREENSHOTS - TITLES SECT - === */
7756+
7757
    color: gold !important;
7758
    background: red !important;
7759
    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;
7760
}
7761-
/* EDIT - ADDIT SCREENSHOT - ZEBBRA - === */
7761+
7762
7763
/* OBSOLETE DELETED STYLE - === */
7764
#table-container table#style-table tr.obsolete td:nth-child(7){
7765
    background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031")  !important;
7766
    opacity: 0.4 !important;
7767
}
7768
#table-container table#style-table tr.obsolete td:nth-child(7):hover{
7769
    opacity: 1!important;
7770
}
7771
7772
/* BROWSE STY - Text INFO - "For tips on making....etc..." - === */
7773
#main-article>p {
7774
    margin-left: 95px !important;
7775-
/* EDIT - ADDIT SCREENSHOT - === */
7775+
7776
/* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
7777
#lastcheck {
7778
    position :fixed !important;
7779
    width: 650px !important;
7780
    width: auto !important;
7781
    margin-left: -322px !important;
7782
    margin-top: 0px !important;
7783
    border-radius: 5px !important;
7784
    color: gray;
7785
    z-index: 300 !important;
7786
}
7787
/* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */ 
7788
#summary + #lastcheck{
7789
    position :fixed !important;
7790
    width: 650px !important;
7791
    width: auto !important;
7792
    margin-left: 28px !important;
7793
    margin-top: -26px !important;
7794-
/* EDIT - ADD A NEW SCREENSHOT - === */
7794+
7795
    font-size: 11px !important;
7796
    color: tan !important;
7797
    background: black !important;
7798
    z-index: 300 !important;
7799
}
7800
7801
7802
/* ==== BROWSE STY - SUMMARY ==== */
7803
7804
/* ==== BROWSE STY - SUMMARY (USERSTYLE SUMMARY)
7805-
/* ==== NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT 
7805+
7806-
OLD:
7806+
7807-
#content-wrapper article#main-article dl + h2 ~ 
7807+
7808
7809-
.style-brief:nth-child(-n+4) .style-brief-text > p ,
7809+
7810-
.style-brief:nth-child(n+11) .style-brief-text > p 
7810+
7811
    position: fixed !important;
7812-
===== */
7812+
7813
    height: 15px !important;
7814
    line-height: 15px !important;
7815
    left: 252px !important;
7816
    top: 83px ! important;
7817
    padding: 2px !important;
7818
    border-radius: 5px !important;
7819
    background-color: transparent !important;
7820
    z-index: 220 !important;
7821
}
7822
7823
7824
/* (new75) BROWSE STY - SUMMARY (TABLE VIEW PLUS) - ADD TXT "SummaRy" - === */
7825
*[class="label total"]:before {
7826-
/* NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN - 
7826+
7827
    position: fixed ;
7828
    display: inline-block ;
7829
    width: auto ;
7830
    height: 10px ;
7831
    line-height: 8px ;
7832
    top: 83px ;
7833
    left: 48px ;
7834
    padding: 1px 5px 3px 6px ;
7835
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
7836
    border: 1px solid #777777 ;
7837
    border-radius: 4px 4px 4px 4px ;
7838
    box-shadow: 0 0 1px #777777 inset ;
7839
    color: #E5E5E5;
7840
    font-weight: bold ;
7841
    z-index: 500 ;
7842
}
7843
/* BROWSE STY - SUMMARY (ENHANCER - ADD TXT "SuMmary") - === */
7844
#summary>tbody:after {
7845
    position: fixed ;
7846
    visibility: visible ;
7847
    content: "SuMmary " ;
7848
    height: 15px ;
7849
    line-height: 15px ;
7850
    top: 48px ;
7851
    left: 270px ;
7852
    padding: 1px 5px ;
7853
    color: #E5E5E5 ;
7854
    font-weight: bold ;
7855
    border-radius: 5px ;
7856
    box-shadow: 0 0 4px #999999 ;
7857
    background-color: green ;
7858
}
7859
#summary>tbody {
7860
    position: fixed !important;
7861
    display: block !important;
7862
    visibility: hidden!important;
7863
}
7864
/* BROWSE STY - SUMMARY (TABLE VIEW PLUS - ADD TXT "SummaRy" )- HOVER - === */
7865
#summary>tbody:hover {
7866
    position: fixed !important;
7867
    display: inline-block !important;
7868
    left: 240px !important;
7869
    top: 73px !important;
7870
    visibility: visible!important;
7871
    border-radius: 5px !important;
7872
    box-shadow: 0 0 4px #999999 !important;
7873
    background: red !important;
7874
}
7875
7876-
/* overflow: hidden !important; */
7876+
7877-
/* overflow-y: auto !important; */
7877+
7878-
/* white-space: pre-line !important; */
7878+
7879
    color: gray ! important;
7880
}
7881
#good ,
7882
#ok ,
7883-
content: "⏪ " !important;
7883+
7884
    font-size: 11px ! important;
7885
}
7886-
height: 17px !important;
7886+
7887-
line-height: 17px !important;
7887+
7888-
left: -10px;
7888+
7889-
color: gold !important;
7889+
7890-
background: green !important;
7890+
7891-
z-index: 500 ;
7891+
7892
    top: 81px !important;
7893
    left: 377px ! important;
7894-
content: "⏩ " !important;
7894+
7895
    font-size: 0px ! important;
7896-
/*     padding-top: 0 !important; */
7896+
7897-
width: 20px ;
7897+
7898-
left: -20px;
7898+
7899-
/*     top: 28px; */
7899+
7900-
color: white  !important;
7900+
7901-
text-align: center ;
7901+
7902-
z-index: 500 ;
7902+
7903
    text-align: left !important;
7904
    background: red ! important;
7905
}
7906
#content-wrapper article#main-article table#summary label  + b ,
7907-
width: 10px !important;
7907+
7908
    position: relative ! important;
7909
    display: inline ! important;
7910-
color: peru !important;
7910+
7911-
white-space: nowrap !important;
7911+
7912-
z-index: 500 ;
7912+
7913
    font-size: 10px ! important;
7914
    color: gold ! important;
7915
    text-align: left !important;
7916
    background: transparent ! important;
7917-
color: peru !important;
7917+
7918-
background: green !important;
7918+
/* (COR) BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT -  LAST CHEC - RESET BUTT- === */
7919-
z-index: 500 ;
7919+
7920
    position: fixed !important;
7921
/*    height: 15px !important;*/
7922
    height: 38px !important;	
7923
    line-height: 12px !important;
7924
    width: 40px ! important;
7925
    top: 79.5px !important;
7926
    left: -2px ! important;
7927
    padding: 0px 1px 4px 1px !important;
7928
    border: 1px solid #777777 !important;
7929
    border-radius: 4px !important;
7930
    box-shadow: 0 0 1px #777777 inset !important;
7931
    font-size: 11px !important;
7932-
/* vertical-align: top !important; */
7932+
7933-
/* vertical-align: top !important; */
7933+
7934
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
7935
}
7936-
    left: 51px;
7936+
7937-
top: 25px !important;
7937+
7938-
/*     margin-top: 8px !important; */
7938+
7939-
margin: 0 auto !important;
7939+
7940
/* BROWSE STY - SUMMARY - TABLE VIEW PLUS - PROFILE without ABOUT and STYLES - 
7941
https://userstyles.org/users/190305
7942-
overflow-y: auto !important;
7942+
7943-
white-space: pre-line !important;
7943+
7944-
/* border: 1px solid aqua !important; */
7944+
7945
    display: inline-block ! important;
7946
    left: 252px !important;
7947
    top: 112px ! important;
7948-
/*#content-wrapper article#main-article h2 ~ article.style-brief:nth-child(-n+3) .style-brief-text > p ,
7948+
7949-
#content-wrapper article#main-article h2 ~ article.style-brief:nth-child(n+10) .style-brief-text > p*/
7949+
7950
    z-index: 220 !important;
7951
}
7952
#main-article dl + #summary *[class="label total"]:before {
7953-
/*     position: relative !important; */
7953+
7954
    position: fixed ;
7955
    display: inline-block ;
7956
    width: auto ;
7957
    height: 10px ;
7958
    line-height: 7px ;
7959
    top: 112px ;
7960
    left: 48px ;
7961
    padding: 1px 5px 1px 6px ;
7962
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
7963
    border: 1px solid #777777 ;
7964
    border-radius: 4px 4px 4px 4px ;
7965
    box-shadow: 0 0 1px #777777 inset ;
7966
    color: #E5E5E5;
7967
    font-weight: bold ;
7968
    z-index: 500 !important;
7969
}
7970
/* BROWSE STY - TABLE VIEW PLUS - TABLE OPT - === */
7971
#optBtn-container {
7972
    position: absolute !important;
7973
    display: inline-block !important;
7974
    visibility: visible !important;
7975
    width: 100px !important;
7976
    height: 20px !important;
7977
    line-height: 14px! important;
7978
    top: -21px !important;
7979
    left: 172px !important;
7980
    border-radius : 5px! important;
7981
    text-align: center !important;
7982
    z-index: 200 !important;
7983
    background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
7984
}
7985
#optBtn-container a {
7986
    text-align: center !important;
7987
    text-decoration: none ! important;
7988
    color: gray ! important;
7989
}
7990
#tohr {
7991
    display: none! important;
7992
}
7993
7994
/* ==== BROWSE SEARCH RESULTS ==== */
7995-
/* NOT LOGGED - STYLES NAME - BIG
7995+
7996
/* (new75) TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) === */
7997
/*(NOT LOGED / with GM) */
7998
body> #main-header + #content-wrapper {
7999
    position: absolute ! important;
8000
    display: inline-block ! important;
8001
    float: left !important;
8002
    clear: both !important;
8003
    height: 100% !important;
8004
    min-height: 200px !important;
8005
    width: 100% !important;
8006
    max-width: 95% !important;
8007
    top: 55px !important;
8008
    left: 0px !important;
8009
    margin-left: 20px ! important;
8010
}
8011
8012
/* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS - === */
8013
#content-wrapper article#main-article #social.listing +script + .ad +  #table-container {
8014
    position: absolute !important;
8015
    display: inline-block ! important;
8016
    width: 82%! important;
8017
    left: -27% !important;
8018
    top: -24px !important;
8019
}
8020
8021
/* BROWSE SEARCH RESULTS +  USER ACCOUNT + SEARCH RESULTS + TABLE VIEW PLUS - === */
8022
/* SEARCH*/
8023
#table-container {
8024
    position: absolute !important;
8025
    display: inline-block ! important;
8026
    width: 100% !important;
8027
    max-width: 68.9% !important;
8028
    min-width: 68.8% !important;
8029
    left: 0px !important;
8030
    margin-top: -1px !important;
8031
}
8032
/*MY SYTLES */
8033
#summary + #table-container  {
8034
    position: absolute !important;
8035
    display: inline-block ! important;
8036
    width: 100% !important;
8037
    max-width: 68.9% !important;
8038
    min-width: 68.8% !important;
8039
    left: 0px !important;
8040
    margin-top: 3px !important;
8041
}
8042
/* TABLE HEADER FIXED - === */
8043
#style-table {
8044
    width: 100% !important;
8045
    min-width: 100% !important;
8046
    max-width: 100% !important;
8047
    margin-top: 42px !important;
8048
}
8049
/* (COR) */
8050
#style-table>tr:first-of-type {
8051
    display: inline-table  !important;
8052
    position: fixed !important;
8053
    height: 100%!important;
8054
    max-height: 42px!important;
8055
    min-height: 42px!important;
8056
/*	max-height: 42px!important;*/
8057
    width: 100% !important;
8058
    max-width: 65.7% !important;
8059
    min-width: 65.7% !important;
8060
    margin-top: -46px !important;
8061
    border-top: 4px solid tan !important;
8062
    border-bottom: 4px solid tan !important;
8063
    z-index: 200 !important;
8064
}
8065
8066
/* TABLE VIEW PLUS - ??? ENHANCER - === */
8067
#main-article> ul + dl +h2 + #summary + #table-container #style-table>tr:first-of-type {
8068
    position: fixed !important;
8069-
/* (new86) ICON RATING - GOOD / BAD - 
8069+
8070-
.style-brief.good-rating .style-brief-stats img
8070+
8071
    border-bottom: 4px solid tan !important;
8072
    z-index: 200 !important;
8073
}
8074
8075-
top: 2px !important;
8075+
8076
#style-table th {
8077
    color: tan;
8078
    height: 25px !important;
8079
    line-height: 3px !important;
8080
    padding: 0 4px;
8081
    text-shadow: 1px 1px 2px #000000;
8082
}
8083
8084
/* A SUPP ?? - HEIGHT HEADER - ENHANCER HEADER - === */
8085
#summary+ p + #table-container #style-table th  {
8086
    display: inline-table  !important;
8087
    color: tan;
8088
    line-height: 3px !important;
8089
    padding: 0 4px;
8090
    text-shadow: 1px 1px 2px #000000;
8091
}
8092
8093
/* POSITION COLUMN - TABLE VIEW PLUS */
8094
#table-container #style-table th:first-of-type  {
8095
    width: 1% !important;
8096
    padding-left: 10px !important;
8097
}
8098
#table-container #style-table th:nth-child(2)  {
8099
    max-width: 57% !important;
8100
    min-width: 57% !important;
8101
    padding-left: 10px !important;
8102
}
8103
#table-container #style-table th:last-of-type  {
8104
    width: 7% !important;
8105
    padding-right: 0px !important;
8106
}
8107
8108
/* A VOIR ??? - === */
8109
#content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
8110-
/* border: 1px solid pink !important; */
8110+
8111
    position: fixed !important;
8112
    width: 970px !important;
8113
}
8114
8115
/* POSITION COLUMN - ENHANCER */
8116
#summary+ p + #table-container #style-table th:first-of-type  {
8117
    width: 4% !important;
8118-
/* vertical-align: middle !important; */
8118+
8119-
/* vertical-align: middle !important; */
8119+
8120-
/* margin: auto 0 !important; */
8120+
8121
    height: 20px!important;
8122
    line-height: 20px!important;
8123-
/* .style-brief.no-rating>div[style="clear:left"] {
8123+
8124
#summary+ p + #table-container #style-table th:nth-child(2)  {
8125
    min-width: 61.5% !important;
8126
    max-width: 61.5% !important;
8127
    border-right: 1px solid red!important;
8128
}
8129
8130
/* A VOIR ??? - === */
8131-
vertical-align: middle !important;
8131+
8132
    display: inline-table  !important;
8133
    position: fixed !important;
8134
    width: 970px !important;
8135
}
8136
8137
/* MY ACCOUNT - ENHANCER (#summary+ p + #table-container) - CONTAINER - === */
8138
#summary+ p + #table-container {
8139-
/* border: 1px solid tan !important; */
8139+
8140
    max-width: 100% !important;
8141
    min-width: 100% !important;
8142
    width: 100% !important;
8143
}
8144
#summary+ p + #table-container #style-table {
8145
    width: 100% !important;
8146
    min-width: 67%! important;
8147
    max-width: 67% !important;
8148
}
8149
 #summary+ p + #table-container #style-table#style-table > tr:first-of-type {
8150
    position: fixed !important;
8151
    display: inline-block ! important;
8152
    display: inline-table !important;
8153
    top: 120px !important;
8154
    min-width: 63.6%! important;
8155
    max-width: 63.6% !important;
8156
    height: 20px! important;
8157
    line-height: 20px!important;
8158
    border-bottom: 4px solid tan !important;
8159
    border-top: 4px solid tan !important;
8160
    background: red!important;
8161
    z-index: 200 !important;
8162
}
8163
8164
/* (NOT LOGED / with GM) */
8165
.author-styles>tbody>tr:nth-child(odd) {
8166
    background: #222222 ! important;
8167
}
8168
8169
/* (new118) USERSTYLES - PROFILE USER - === */
8170
#container-responsive .view_inner {
8171
/*     display: inline-block !important; */
8172
    flex-direction: unset;
8173
    justify-content: unset;
8174
    margin-top: 10px;
8175
    width: 100% !important;
8176
}
8177
.author-styles.tablesorter.tablesorter-default ,
8178
table.author-styles {
8179
    border-collapse: collapse;
8180
    width: 70% !important;
8181
}
8182
/* (new118) USERSTYLES - USER PROFILE LIST / BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc  - === */
8183
.author-styles>tbody>tr>td[valign="top"]>a {
8184
    color: #CF9C28  !important;
8185
}
8186
.author-styles>tbody>tr>td[valign="top"]>a:visited {
8187
    color: #DDB46D  !important;
8188
}
8189
.author-styles>tbody>tr>td[valign="top"]>a:hover {
8190
    color: tan !important;
8191-
/* TEST - GM "AUTOPAGERIZE" ADAPTATION  -
8191+
8192-
https://userstyles.org/users/131844
8192+
8193
.author-styles>thead>tr>th:nth-child(4) ,
8194
.author-styles>thead>tr>th:nth-child(5){
8195
    width: 43px !important;
8196
}
8197
.author-styles>thead>tr>th:nth-child(6){
8198
    width: 100px !important;
8199
}
8200
/* (new118) USERSTYLES - EDIT/Delete/Statictic ICONS - === */
8201
table.author-styles tbody tr td+td a:nth-child(1) {
8202
    font-size: 0px ! important;
8203
}
8204
/*  NEDD CONVERT for Addstylish lib -  */
8205
table.author-styles tbody tr td+td a[href$="/edit"]:before {
8206
    content : "\270E " ! important;
8207
    font-size: 18px ! important;
8208
}
8209
table.author-styles tbody tr td+td a:nth-child(2) {
8210
    font-size: 0px ! important;
8211
}
8212
table.author-styles tbody tr td+td a[href^="/styles/delete"]:before {
8213
    content : "✅" ;
8214
    font-size: 18px ;
8215
    color: green ;
8216
}
8217
.obsolete ~ td:last-of-type a[href^="/styles/delete/"]:before{
8218
    content : "➖" ;
8219
    font-size: 18px ;
8220
    color: red ;
8221
}
8222
8223
/* Text Shadow === */
8224
#style-table tr td * {
8225
    text-shadow: none !important;
8226
}
8227
8228
/* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT - === */
8229
#popup_container.popup_right,
8230
#popup_container.popup_left {
8231
    position: fixed !important;
8232
    display: inline-block !important;
8233
    float: right !important;
8234
    top: 25% !important;
8235
    right: 0% !important;
8236
    padding: 0 !important;
8237
    background: transparent !important;
8238
    border: none !important;
8239
    box-shadow: none !important;
8240
    z-index: -5000 !important;
8241
}
8242
#popup_container img {
8243
    position: absolute !important;
8244
    display:  inline-block !important;
8245
    float: none !important;
8246
    float: right !important;
8247
    min-width: 30% !important;
8248
    max-width: 30% !important;
8249
    box-shadow: 4px 4px 8px #000000;
8250
    right: 0% !important;
8251
    z-index: 500000 !important;
8252
    border: 1px solid peru !important;
8253
}
8254
8255
8256
/* (new75) MEDIA QUERIES - BROWSE SEARCH RESULTS - Screenshot POPUP - */
8257
@media screen and (max-width: 1400px){
8258
#popup_container.popup_right,
8259
#popup_container.popup_left {
8260
    position: fixed !important;
8261
    display: inline-block !important;
8262
    height: 13000px !important;
8263
    width: 1300px !important;
8264
    float: right !important;
8265
    top: 25% !important;
8266
    right: 0% !important;
8267
    padding: 0 !important;
8268
    background: transparent !important;
8269
    border: none !important;
8270
    box-shadow: none !important;
8271
    z-index: -5000 !important;
8272
}
8273
#popup_container img {
8274
    position: absolute !important;
8275
    display:  inline-block !important;
8276
    float: none !important;
8277
    float: right !important;
8278
    box-shadow: 4px 4px 8px #000000;
8279
    right: 1% !important;
8280
    z-index: 500000 !important;
8281
}
8282
/* ==== END === MEDIA QUERIES === BROWSE SEARCH RESULTS - Screenshot POPUP - ==== */
8283
}
8284
8285
8286
8287
/* BROWSE SEARCH RESULTS - Title === */
8288
.style-brief-text>header>a:link {
8289
    color: #CCCDCD !important;
8290
    text-decoration: none !important;
8291
}
8292
/* BROWSE SEARCH RESULTS - Desc - === */
8293
.style-brief-text > a:visited {
8294
    color: #929292 !important;
8295
    text-decoration: none !important;
8296
}
8297
.style-brief-text > a:active {
8298
    color: #929292 !important;
8299
    text-decoration: none !important;
8300-
/* USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON -
8300+
8301-
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)
8301+
8302
8303
/* (new84) PAGINATION ALL - PB NOT LOGED - === */
8304
 .pagination {
8305
    position: fixed !important;
8306
    display: inline-block !important;
8307
    max-width: 350px !important;
8308
    min-width: 350px !important;
8309
    height: 17px!important;
8310
    line-height: 17px!important;
8311
    top: 29px !important;
8312
    left: 550px !important;
8313
    padding: 1px !important;
8314
    text-align: center !important;
8315
    z-index: 200 !important;
8316
    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);
8317
    border-radius: 3px 3px 0 0 !important;
8318
} 
8319
.pagination > a {
8320
    display: inline-block !important;
8321
    border: 1px solid #999999;
8322
    border-radius: 3px !important;
8323
    font-size: 10px;
8324
    margin-left: -1px;
8325
    margin-right: -1px;
8326
    top: -5px !important;
8327
    padding: 0 3px !important;
8328
}
8329
/* PAGINATION - ALL -  Link - === */
8330
.pagination > a {
8331
    margin-left: -1px;
8332
    margin-right: -1px;
8333
    padding: 0 3px !important;
8334
    border: 1px solid #999999;
8335
    border-radius: 3px  !important;
8336
    font-size: 10px;
8337
}
8338
.pagination>a:hover {
8339
    padding: 0 3px !important;
8340
    font-size: 12px !important;
8341
    text-decoration: none;
8342
    color: #000000;
8343
    border-radius: 3px;
8344
    border: 1px solid #A7A7A7;
8345
    background-color: white;
8346
}
8347
/* PAGINATION  - BROWSE SEARCH RESULTS - CURRENT - === */
8348
.current {
8349
    margin-left: 1px;
8350
    margin-right: 1px;
8351
    padding: 0 3px !important;
8352
    font-size: 12px !important;
8353
    text-decoration: none;
8354
    font-weight: bold;
8355
    color: #000000;
8356
    border-radius: 3px;
8357
    border: 1px solid #336699;
8358
    background-color: #F5F7FA;
8359
}
8360
/* PAGINATION  - BROWSE SEARCH RESULTS - PREV DISABLED - === */
8361
.previous_page.disabled ,
8362
.disabled.prev_page {
8363
    display: none !important;
8364
}
8365
8366
/* (new84) PAGINATION USERSTYLES - with GM " TABLE VIEW PLUS" - === */
8367
#table-container + .pagination {
8368
    line-height: 13px!important;
8369
    top: 32px !important;
8370
    left: 450px !important;
8371
    padding: 1px !important;
8372-
/* background: red ; */
8372+
8373
8374
/* PAGINATION  - BROWSE SEARCH RESULTS - Paginat NEXT / NEXT DISABLE - === */
8375
.next_page {
8376
    display: inline-block!important;
8377
    width: 80px !important;
8378
}
8379
.next_page.disabled {
8380
    display: none !important;
8381
}
8382
8383
/* A VOIR - PAGINATION  - BROWSE STYLES/SCRIPT SEARCH RESULTS - ONLY ONE Pagination (MOVE TO TOP) -
8384
USER : MAKONDO : http://userstyles.org/users/169?page=2&per_page=10 (SCRIPT Table View Plus NOT WORKING : Alternate Userstyle)
8385
GREASY FORK SCRIPT LIST: https://greasyfork.org/fr/scripts/
8386
==== */
8387
8388
8389
/* PAGINATION  - SEARCH / USERS - List USERSTYLES - (when Table View Plus don't catch them) - === */
8390
.ad + .pagination {
8391
    position: fixed !important;
8392
    display: inline-block !important;
8393
    height: 20px!important;
8394
    width: 100% !important;
8395
    width: auto !important;
8396
    max-width: 600px !important;
8397
    min-width: 600px !important;
8398
    left: 270px !important;
8399
    top: 35px !important;
8400
    padding: 1px 5px !important;
8401-
z-index: 50 !important;
8401+
8402
outline: 1px solid green !important;
8403
}
8404
8405
8406
/* (COR) PAGINATION - SCRIPT PAGE (with / without GM CITRUS) - Not from link "Scripts from top header) = .width-constraint .pagination  - 
8407
Without CITRUS :
8408
#browse-script-list + .pagination
8409
WITH CITRUS :
8410
#script-table + .pagination
8411
BUT NOT for SET VIEW (CITRUS) :
8412
#UserSets + .width-constraint .pagination
8413
=== */
8414
.width-constraint .pagination {
8415
    position: fixed !important;
8416
    display: inline-block !important;
8417
    vertical-align: bottom !important;
8418
/*    min-width: 100% !important;*/
8419
/*    max-width: 100% !important;*/
8420
    max-width: 450px !important;
8421
    min-width: 450px !important;
8422
    height: 17px !important;
8423
    line-height: 15px !important;
8424
    top: 27px !important;
8425
    left: 51.4% !important;
8426
    padding: 1px !important;
8427
    border-radius: 3px 3px 0 0 !important;
8428
    box-shadow: none !important; 
8429
    text-align: center !important;
8430
    border: 1px solid peru !important;
8431
}
8432
8433
8434
/* (new66) MEDIA QUERIE - PAGINATION - SCRIPT PAGE  -  === */
8435
@media screen and (max-width: 1400px) {
8436
.width-constraint .pagination {
8437
   left: 44% !important;
8438
}
8439
/* ==== END === MEDIA QUERIE  === PAGINATION - SCRIPT PAGE  - ==== */
8440
}
8441
8442
8443
/* (COR) A VOIR USER SET PAGINATION - GM "CITRUS" ONLY OK - 
8444
https://greasyfork.org/en/scripts?page=3&per_page=100&set=367&sort=updated
8445
=== */
8446
#UserSets + .width-constraint .pagination {
8447
    position: fixed !important;
8448
    display: inline-block !important;
8449
/*    min-width: 100% !important;*/
8450
/*    max-width: 100% !important;*/
8451
    max-width: 550px !important;
8452
    min-width: 550px !important;
8453
    height: 15px !important;
8454
    line-height: 15px !important;
8455
    top: 49px !important;
8456
    left: 34% !important;
8457
    padding: 1px !important;
8458
    
8459
    background: transparent !important;
8460
    border-radius: 5px !important;
8461
    box-shadow: none !important; 
8462
/*	text-align: left !important;*/
8463
    text-align: center !important;
8464
}
8465
8466
/* (new79) - PAGINATION - SCRIPT PAGE (with GM CITRUS) - Not from link "Scripts from top header) = #script-table + .pagination   - === */
8467
#script-table + .pagination  {
8468
    position: fixed !important;
8469
    display: inline-block !important;
8470
    width: 100% !important;
8471
    max-width: 459px !important;
8472
    min-width: 459px !important;
8473
    height: 15px!important;
8474
    line-height: 15px!important;
8475
    top: 28px !important;
8476
    left: 51% !important;
8477
    padding: 1px !important;
8478
    border-radius: 3px 3px 0 0 !important;
8479
    text-align: center !important;
8480
    box-shadow: 0 0 4px #999999 !important;
8481
    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);
8482
    z-index: 200 !important;
8483
}
8484
8485
8486-
/* (new81) GREASYFORK OK - VOIR FORUM USERSTYLES */
8486+
/* (new74) START - MEDIA QUERIE - PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE - === */
8487
@media screen and (max-width: 1400px) {
8488
#script-table + .pagination  {
8489
    left: 43.5% !important;
8490
} 
8491
/* ==== END === MEDIA QUERIE === PAGINATION - SCRIPT PAGE (with GM CITRUS) - === */
8492
}
8493
8494
8495
/* (new87) A VOIR - PAGINATION - LISTING SCRIPTS PAGE (with // without GM CITRUS) - === */
8496
/* ALL */
8497
.pagination .current, 
8498
.pagination .gap ,
8499
.pagination a ,
8500
body[pagetype="ListingPage"] .gap ,
8501
body[pagetype="ListingPage"] .current ,
8502
body[pagetype="ListingPage"] .pagination a {
8503
display: inline-block !important;
8504
    position: relative !important;
8505-
/*     background-color: red !important; */
8505+
8506
    line-height: 14px !important;
8507
    margin-top: -5px !important;
8508
    top: -1px !important;
8509
    padding: 0 3px !important;
8510
    border: none !important;
8511
    border-radius: 3px !important;
8512
    box-shadow: 3px 3px 2px black !important;
8513
    background: #222 !important;
8514
}
8515-
/* (new83) GREASYFORK FORUM - PANEL LEFT - ALL - VOIR PB GREASYFORK: ABOUT SCRIPT / POPUP NOTIFICATION MENU - USER WITHOUT ICON - === */
8515+
8516
.pagination .current, 
8517
.pagination .gap ,
8518
body[pagetype="ListingPage"] .pagination .gap ,
8519
body[pagetype="ListingPage"]  .pagination .current {
8520
    color: white !important;
8521
}
8522
8523
.pagination .current, 
8524
body[pagetype="ListingPage"] .pagination .current {
8525
    margin-top: 0px !important;
8526
    top: -2px !important;
8527
}
8528
8529
.pagination > a.next_page ,
8530
.pagination > a.next_page:hover ,
8531
.pagination > a.previous_page,
8532
.pagination > a.previous_page:hover  {
8533
    width: 20px !important;
8534
    font-size: 0px !important;
8535
}
8536
.previous_page:before {
8537
    content: "<" ;
8538
    font-size: 10px !important;
8539
}
8540
.next_page:before {
8541
    content: ">" ;
8542
    font-size: 10px !important;
8543
}
8544
8545
/* (new87) USERSTYLES */
8546
#content-wrapper #main-article .pagination>.current {
8547
    margin-top: 0px !important;
8548
    top: 0px !important;
8549
    color: white !important;
8550
}
8551
span.Ellipsis {
8552
    height: 14px !important;
8553
    line-height: 7px !important;
8554
    border-radius: 3px !important;
8555
    box-shadow: 3px 3px 2px black !important;
8556
    color: peru !important;
8557
}
8558
.pagination .gap ,
8559
body[pagetype="ListingPage"] .pagination .gap {
8560
    line-height: 2px !important;
8561
    top: -7px !important;
8562
    border-radius: 3px !important;
8563
    box-shadow: 3px 3px 2px black !important;
8564
}
8565
#content-wrapper #main-article .pagination> .gap {
8566
    vertical-align: middle !important;
8567
    line-height: 7px !important;
8568
    top: 2px !important;
8569
}
8570
8571
/* (new77) USERSTYLES - === */
8572
.pagination a:hover ,
8573
body[pagetype="ListingPage"] .pagination a:hover {
8574
    padding: 0 3px !important;
8575
}
8576
8577
/* ==== EDIT PAGE ==== */
8578
8579
/* (new118)USERSTYLES - INFOS - Textarea Input === */
8580
.PageContent form[action="/styles/update"] {
8581
    min-width: 940px !important;
8582-
/* (new81) DISSCUSSION COMMMENTS -  (+ TEST GREASY FORK)- 
8582+
    max-width: 940px !important;
8583
margin-left: 20% !important;
8584
}
8585
table.form-controls,
8586
.form-controls > tbody > tr > td , 
8587
    textarea#style_long_description ,
8588
    textarea#style_additional_info ,
8589
    textarea#css {
8590
    min-width: 940px !important;
8591
    max-width: 940px !important;
8592
margin-left: 5% !important;
8593
}
8594
/* (new118)USERSTYLES - INFOS - SHORT DESC - === */
8595-
/* margin-top: -3px !important; */
8595+
8596-
    top: 53px;
8596+
8597
    resize: both !important;
8598
    overflow:auto !important;
8599
}
8600
/* (new118)USERSTYLES - NFOS - ScreenShots (PreView) - Principal - BEFORE/AFTER === */
8601
.form-controls>tbody>tr>td>dl>dd>img{
8602-
/* background-color: green !important; */
8602+
8603-
/* border: 1px dashed green !important; */
8603+
8604
    margin-left: 200px !important;
8605
    max-width: 900px !important;
8606
}
8607
.form-controls>tbody>tr>td>dl>dd{
8608
    margin-left: -169px !important;
8609
}
8610
/* (new118)USERSTYLES - INFOS - ScreenShots (PreView) - Additional === */
8611
.form-controls>tbody>tr>td>table>tbody>tr>td>img{
8612
    box-shadow: 0 0 4px #999999 !important;
8613
    height: auto;
8614
    max-width: 900px !important;
8615
}
8616
/* (new118)USERSTYLES - INFOS - ScreenShots - Additional (Table) === */
8617
.form-controls>tbody>tr>td>table{
8618
    margin-left: -149px !important;
8619
}
8620
8621
/* (new118)USERSTYLES - EDIT - EDIT - MAIN CONT - === */
8622
#main-article>form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
8623-
/* (new80) USERTYLES / GREASEMONKEY OK:
8623+
8624
    display: inline-block !important;
8625
    max-width: 800px !important;
8626
    margin-top: 35px ! important;
8627
    margin-left: 5% ! important;
8628
}
8629
8630
/* (new118)USERSTYLES - EDIT - EDIT - WIDGET - === */
8631
#main-article>form[action="/help/widget"] {
8632
    position: relative !important;
8633
    display: table !important;
8634
    min-width: 910px !important;
8635
    max-width: 910px !important;
8636
    margin-top: 3px ! important;
8637
    margin-left: -3px ! important;
8638
    background: #222 !important;
8639
}
8640
8641
#main-article>form[action="/help/widget"] .form-controls {
8642-
/* (new79) GREASYFORK FORUM */
8642+
8643
    max-width: 910px !important;
8644
}
8645
#main-article>form[action="/help/widget"] .form-controls tbody tr {
8646
    display: inline-block !important;
8647
    width: 100% !important;
8648
    min-width: 910px !important;
8649-
    min-width: 726px !important;
8649+
8650-
    max-width: 726px !important;
8650+
8651
    text-align: center !important;
8652
}
8653
#main-article>form[action="/help/widget"] .form-controls tbody tr td ,
8654
#main-article>form[action="/help/widget"] .form-controls tbody tr th {
8655
    display: inline-block !important;
8656
    min-width: 870px !important;
8657
    max-width: 870px !important;
8658-
/* (new80) PB USERSTYLE - DISC LAST PAGE z-index*/
8658+
8659
    text-align: center !important;
8660
}
8661
8662
/* (new118)USERSTYLES - EDIT - DELETE STYLE PAGE - === */
8663
#main-article>form[action="/styles/delete_save"] {
8664
    position: absolute !important;
8665
    display: inline-block !important;
8666
    max-width: 800px !important;
8667
    min-height: 400px !important;
8668-
/* (new81) FORUM USERSTYLES - TITLE - MEDIA QUERIE - === */
8668+
8669
    margin-left: -55% !important
8670
}
8671
#main-article>form[action="/styles/delete_save"] .form-controls > tbody >tr:first-of-type>td textarea {
8672
    min-height: 400px !important;
8673
}
8674
8675-
/* width: 54.7% !important; */
8675+
8676
/* (new118)USERSTYLES - EDIT - STY NAME INPUT - === */
8677
article#main-article form .form-controls input#style_short_description {
8678
    width: 600px !important;
8679
}
8680
/* (new118)USERSTYLES - EDIT - SCREENSHOTS NAME/UPLOAD FOLDER/BUTTON INPUT - === */
8681
article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
8682
    display: block !important;
8683
    position: relative !important;
8684
    width: auto !important;
8685
}
8686
.form-controls>table>tbody>tr>td:first-of-type>input {
8687
    width: 462px !important;
8688
}
8689
.form-controls>table>tbody>tr>td:nth-child(2)>input {
8690
    width: 465px !important;
8691
}
8692
/* (new118)USERSTYLES - EDIT - CHECK BOX (REMOVE/CHANGE) - === */
8693-
/* === END === FORUM USERSTYLES - TITLE - MEDIA QUERIE ==== */
8693+
8694
    position: absolute !important;
8695
    top: -20px !important;
8696
}
8697
.form-controls>table>tbody>tr>td:nth-child(3):after {
8698
    position: absolute ;
8699
    display: inline-block ;
8700
    content: "Remove / Change" ;
8701
    width: 200px ;
8702
    height: 15px ;
8703
margin-top: -22px ;
8704
    margin-left: 45px ;
8705
    font-size: 15px ;
8706
    color: red ;
8707
}
8708
/* (new118)USERSTYLES - EDIT - LABELS - === */
8709
.form-controls>label {
8710
    color: gold ! important;
8711
}
8712
/* (new118)USERSTYLES - EDIT - SCREENSHOTS - TITLES SECT - === */
8713
.form-controls>table>thead>tr {
8714
    display: none ! important;
8715
}
8716
8717
/* (new118)USERSTYLES - EDIT - ADDIT SCREENSHOT - ZEBBRA - === */
8718
.form-controls>table>tbody>tr:nth-child(odd) {
8719
    display: inline-block ! important;
8720
    min-width: 900px ! important;
8721
    background: #222222 ! important;
8722
    padding: 10px 50px 20px 50px ! important;
8723
}
8724
.form-controls>table>tbody>tr:nth-child(even) {
8725
    display: inline-block ! important;
8726
    background: #0B0909 ! important;
8727
    padding: 10px 50px 20px 50px ! important;
8728
    min-width: 900px ! important;
8729
}
8730
8731
/* (new118)USERSTYLES - EDIT - ADDIT SCREENSHOT - === */
8732
.form-controls>table>tbody>tr>td:nth-child(4) {
8733
    position: relative !important;
8734
    display: inline-block !important;
8735
    left: -2% !important;
8736
    top: 20px ! important;
8737
    margin-bottom: 60px ! important;
8738
    text-align: left !important;
8739
}
8740
.form-controls>table>tbody>tr>td:nth-child(4) img {
8741
    position: relative !important;
8742
    display: inline-block !important;
8743
    max-width: 850px !important;
8744
    left: -2% !important;
8745
    top: 20px ! important;
8746
    margin-bottom: 60px ! important;
8747
    text-align: left !important;
8748-
    z-index: -1 !important;
8748+
8749
8750
/* (new118)USERSTYLES - EDIT - ADD A NEW SCREENSHOT - === */
8751
.form-controls>table>tbody>tr:last-of-type:before {
8752-
/* background-color: red ! important; */
8752+
8753
    display: inline-block ;
8754
    font-size: 10px ;
8755
    color: gold ;
8756
}
8757
8758
8759
/* [[1]==== END ==== */
8760
8761
/* ==== NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT - === */
8762
.listing-left-info {
8763
    position: absolute !important;
8764
    display: inline-block !important;
8765
    float: none !important;
8766-
    z-index: -1 !important;
8766+
8767
    width: 100% !important;
8768
}
8769
8770
/* NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN - === */
8771
.style-brief:nth-child(odd) {
8772
    background: #222222 !important;
8773
}
8774
8775
/* (new96) NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN - 
8776
CF user USerstles Pages:
8777
https://userstyles.org/users/275816
8778
===
8779
PB - SEARCH (BIG) :
8780
http://userstyles.org/styles/browse/facebook?page=2&per_page=100
8781
#social ~article.style-brief:nth-child( 4n + 2 )
8782
=== */
8783
.style-brief {
8784
    position: relative ! important;
8785
    display: inline-block ! important;
8786
    width: 32.72% !important;
8787
    height: 163px ! important;
8788
    right: 0% ! important;
8789
    margin-top: 6px !important;
8790
    margin-bottom: 0px !important;
8791
    border-radius: 5px !important;
8792
    box-shadow: 6px 5px 6px black !important;
8793
    border: 1px solid gray ! important;
8794
    overflow: hidden ! important;
8795
}
8796
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4),
8797
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) {
8798
    position: relative ! important;
8799
    display: inline-block ! important;
8800
    float: left !important;
8801
    width: 49.6% !important;
8802
    height: 224px ! important;
8803
    right: 7.7% ! important;
8804
    margin-top: 6px !important;
8805-
/* (new79) GREASYFORK (PB z-index)  cf PB USERSTYLE - DISC LAST PAGE : .BeforeCommentHeading + .DataBox.DataBox-Comments */
8805+
8806
    border-radius: 5px !important;
8807
    box-shadow: 6px 5px 6px black !important;
8808
    border: 1px solid gray ! important;
8809
    overflow: hidden ! important;
8810
}
8811
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text ,
8812
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text  {
8813
    left: 180px;
8814
}
8815
8816
8817
/* NOT LOGGED - STYLES INFOS */
8818
.style-brief-text {
8819
    position: absolute !important;
8820
    display: inline-block !important;
8821
    float: none !important;
8822
    height: 150px ! important;
8823
    width: 100% !important;
8824
    max-width: 67% !important;
8825
    margin-left: 10% !important;
8826
    left: 119px;
8827
    top: 2px !important;
8828
}
8829
8830
/* (new84) NOT LOGGED - TEXT DESCRIPTION - ALL and ODD/EVEN - === */
8831
.style-brief-control-links:before {
8832
    content: "⏪ " !important;
8833
    position: absolute !important;
8834
    width: 20px !important;
8835
    height: 17px !important;
8836
    line-height: 17px !important;
8837
    left: -10px;
8838
    color: gold !important;
8839
    background: green !important;
8840
    z-index: 500 ;
8841
}
8842
.style-brief-control-links:hover:before {
8843
    content: "⏩ " !important;
8844
    position: absolute !important;
8845
    width: 20px ;
8846
    left: -20px;
8847
    color: white  !important;
8848
    text-align: center ;
8849
    z-index: 500 ;
8850
}
8851
.style-brief-control-links {
8852
    position: absolute !important;
8853-
/* (new83) */
8853+
8854
    width: 10px !important;
8855
    right: -12px;
8856
    top: 22px;
8857
    color: peru !important;
8858
    white-space: nowrap !important;
8859
    z-index: 500 ;
8860
}
8861
.style-brief-control-links:hover {
8862-
.CommentsWrap .MessageList.DataList.Comments .ItemComment {
8862+
8863
    right: 0px;
8864
    color: peru !important;
8865
    background: green !important;
8866
    z-index: 500 ;
8867
}
8868
.style-brief-control-links a:hover {
8869
    color: tomato !important;
8870
    background: black !important;
8871
}
8872
.style-brief-text>p::first-line {
8873
    color: red !important;
8874
}
8875
.style-brief-text>p {
8876
    position: absolute !important;
8877
    display: inline-block !important;
8878
    width: 81.5% !important;
8879
    height: 115px !important;
8880
    left: 87px;
8881
    top: 25px !important;
8882
    margin: 0 auto !important;
8883-
/* ICON PROFILE - PANEL LEFT - DISCUSSION LIST / COMMENTS -  (not Notification or comments) - === */
8883+
8884
    overflow: hidden !important;
8885
    overflow-y: auto !important;
8886
    white-space: pre-line !important;
8887
}
8888
8889
/* (new84) NOT LOGGED - TEXT DESCRIPTION - BIG - === */
8890-
    top: 6px!important;
8890+
8891
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text > p  {
8892
    width: 90.5% !important;
8893
    height: 178px !important;
8894
    left: 37px;
8895
    top: 24px !important;
8896
    padding: 0 5px !important;
8897
    overflow: hidden !important;
8898
    overflow-y: auto !important;
8899
}
8900
8901
/* NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) - 
8902
.style-brief-text > header > a:link 
8903
=== */
8904
.style-brief header {
8905
    font-size: 0.89vw !important;
8906
    position: absolute !important;
8907
    display: inline-block ! important;
8908
    width: 150% !important;
8909
    height: 100% !important;
8910
    min-height: 25px ! important;
8911
    max-height: 25px ! important;
8912
    line-height: 25px !important;
8913
    top: -3px !important;
8914
    left: -49.5% !important;
8915
    padding-bottom: 0px ! important;
8916
    overflow: hidden !important;
8917
    white-space: nowrap !important;
8918
    text-overflow: ellipsis !important;
8919
    text-align: center !important;
8920
}
8921
.style-brief-text > header > a:link  {
8922
    position: relative !important;
8923
    display: inline-block ! important;
8924-
  }
8924+
8925
    left: 0px!important;
8926
    overflow: hidden !important;
8927
    white-space: nowrap !important;
8928
    text-overflow: ellipsis !important;
8929
    background: black !important;
8930
}
8931
/* NOT LOGGED - STYLES NAME - BIG - === */
8932
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) header ,
8933
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) header {
8934
    font-size: 1.1vw !important;
8935
}
8936
8937
/* NOT LOGGED - STATS */
8938
.style-brief-stats {
8939
    position: absolute !important;
8940
    display: inline-block !important;
8941
    float: right!important;
8942
    height: 16px !important;
8943
    line-height: 16px !important;
8944
    width: 100% !important;
8945
    right: 0px !important;
8946-
  }
8946+
8947
    bottom: -12px !important;
8948
    padding: 2px 0 2px 12px !important;
8949
    text-align: left !important;
8950
    background: black ! important;
8951
}
8952
.style-brief-stats span {
8953
    display: inline !important;
8954
    min-width: 16em;
8955
    width: auto !important;
8956
    border: 1px solid gray !important;
8957
    margin-right: 10px !important;
8958
    margin-left: 10px !important;
8959
    padding: 1px !important;
8960
    color: tan !important;
8961
}
8962
8963
/* NOT LOGGED - RATING AVERAGE - SMALL - ICON css OR SPRITE - === */
8964
.style-brief-text .style-brief-stats span:last-child {
8965
    position: absolute !important;
8966
    left: -5px !important;
8967
    min-width: 10px !important;
8968
    max-width: 10px !important;
8969
    min-height: 16px !important;
8970
    max-height: 16px !important;
8971
    line-height: 16px !important;
8972
    padding: 0 3px 0 15px !important;
8973
    border: none !important;
8974
    cursor: pointer !important;
8975
    font-size: 0 !important;
8976
}
8977
8978
.style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {
8979
    content: ". " ;
8980
    position: absolute ;
8981
    display: inline-block ;
8982
    left: 0 ;
8983
    min-width: 19px ;
8984
    max-width: 19px ;
8985
    min-height: 14px ;
8986
    max-height: 15px ;
8987
    line-height: 15px ;
8988
    margin-top: -1px ;
8989
    font-size: 15px ;
8990
    color: transparent ;
8991
    background-image:url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);
8992
    background-position:-101px -457px ;
8993
}
8994
.style-brief-text .style-brief-stats span:hover:last-child {
8995
    position: absolute !important;
8996
    min-width: 100% !important;
8997
    height: 15px !important;
8998
    line-height: 15px !important;
8999
    font-size: 11px !important;
9000
    color: gold !important;
9001
    background: black !important;
9002
}
9003
/* (new86) ICON RATING - GOOD / BAD - === */
9004
.style-brief-stats .bad-average-rating {
9005
    position: absolute !important;
9006
    left: -2px !important;
9007
    top: 2px !important;
9008
}
9009
.style-brief.good-rating .style-brief-stats img {
9010
    position: absolute !important;
9011
    left: -2px !important;
9012
}
9013
/* NOT LOGGED - RATING AVERAGE - BIG - === */
9014
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-stats ,
9015
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-stats {
9016
    position: absolute !important;
9017
    display: inline-block !important;
9018
    float: left !important;
9019
    width: auto !important;
9020
    left: 4px !important;
9021
    bottom: -72px !important;
9022
    right: 0 !important;
9023
    padding: 2px 0 0 4% !important;
9024
    font-size: smaller !important;
9025
    text-align: left !important;
9026
    background: black !important;
9027
}
9028
9029
/* (new84) NOT LOGGED - STYLES SCREENSHOT - ALL - === */
9030
.style-brief .listing-left-info figure.screenshot-thumbnail {
9031
    position: relative !important;
9032
    display: inline-block ! important;
9033-
/* outline: 1px solid aqua !important; */
9033+
9034
    margin-top: 28px  ! important;
9035
    margin-bottom: 0 ! important;
9036-
/* (new79) PAGER TOP - USERSTLE DISC LAST PAGE - === */
9036+
9037
    height: 265px;
9038
    max-height: 130px !important;
9039
    min-height: 130px !important;
9040
    overflow-y: hidden ! important;
9041
    text-align: center ! important;
9042
}
9043
/* to prevent small screenshots became too bigger */ 
9044
 .style-brief .listing-left-info figure.screenshot-thumbnail img {
9045
    position: relative !important;
9046
    display: inline-block !important;
9047
    max-width: 77% !important;
9048
    max-height: 128px !important;
9049
    border: 1px dotted gray !important;
9050
}
9051
9052
/* NOT LOGGED - SCREENSHOT - BIG - === */
9053
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .listing-left-info figure.screenshot-thumbnail ,
9054
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .listing-left-info figure.screenshot-thumbnail {
9055
    position: relative !important;
9056
    display: inline-block !important;
9057
    vertical-align: middle !important;
9058-
/* (new79) PAGER TOP - MEDIA QUERIE - === */
9058+
9059
    min-height: 195px !important;
9060
    width: 36.5% !important;
9061
    margin-top: 25px !important;
9062
    margin-left: 0.3% !important;
9063
    text-align: center !important;
9064
    overflow-y: hidden !important;
9065
}
9066
9067
/* NOT LOGGED - NO SCREENSHOT - === */
9068
.style-brief .listing-no-screenshot {
9069-
/* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
9069+
9070
    margin: 27px 0 0 3px !important;
9071
}
9072
.listing-no-screenshot {
9073
    width: 70% !important;
9074
    height: 110px !important;
9075
    background-color: black !important;
9076
}
9077
9078
/* GM "AUTOPAGERIZE" - GENERAL - OK - === */
9079
.autopagerize_page_info {
9080
    text-align: center !important;
9081
    font-size: 8px !important;
9082
    color: white !important;
9083
    background: #222 !important;
9084
}
9085
.autopagerize_page_info a {
9086
    display: inline-block !important;
9087
    min-width: 20px !important;
9088
    height: 20px !important;
9089
    line-height: 20px !important;
9090
    margin-top: 3px !important;
9091
    border-radius: 100% !important;
9092
    text-align: center !important;
9093
    font-size: 14px !important;
9094
    color: white !important;
9095
    background: red !important;
9096
}
9097
9098
/* GM "AUTOPAGERIZE" - 2 FIRST USERSTYLES by PAGE - DISABLE */
9099
/* GM "AUTOPAGERIZE - DISABLE  */
9100
.autopagerize_page_info ~ article.style-brief  {
9101
    position: relative ! important;
9102
    display: inline-block ! important;
9103
    width: 32.72% !important;
9104
    height: 163px ! important;
9105
    right: 7.5% ! important;
9106
    margin-top: 6px !important;
9107
    margin-bottom: 0px !important;
9108
    border-radius: 5px !important;
9109
    box-shadow: 6px 5px 6px black !important;
9110
    border: 1px solid gray ! important;
9111
    overflow: hidden ! important;
9112
}
9113
9114
/* TEST - GM "AUTOPAGERIZE" ADAPTATION  - === */
9115
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator {
9116
    display: inline-block !important;
9117
    clear: both;
9118
    width: 100% !important;
9119
    top: 5px !important;
9120
    margin-left: -75px !important;
9121
    margin-bottom: -15px !important;
9122
}
9123
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_info {
9124
    width: 100% !important;
9125
    margin-left: -145px !important;
9126
    top: 5px !important;
9127
    color: white !important;
9128
    font-size: 8px !important;
9129
    text-align: center !important;
9130
    background: #222  !important;
9131
}
9132
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .listing-left-info figure.screenshot-thumbnail {
9133
    display: inline-block !important;
9134
    height: 265px;
9135
    margin-bottom: 0 !important;
9136
    margin-top: 28px !important;
9137
    max-height: 160px !important;
9138
    min-height: 160px !important;
9139
    overflow-y: hidden !important;
9140
    position: relative !important;
9141
    text-align: left !important;
9142
    vertical-align: top !important;
9143
    width: 42% !important;
9144
}
9145
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text {
9146
    display: inline-block !important;
9147
    float: right !important;
9148
    height: 150px !important;
9149
    margin-left: 10% !important;
9150
    max-width: 67% !important;
9151
    position: relative !important;
9152
    top: 2px !important;
9153
    width: 100% !important;
9154
}
9155
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text > header > a:link {
9156
    background: black none repeat scroll 0 0 !important;
9157
    display: inline-block !important;
9158
    left: 0 !important;
9159
    overflow: hidden !important;
9160
    position: relative !important;
9161
    text-overflow: ellipsis !important;
9162
    white-space: nowrap !important;
9163
    width: 100% !important;
9164
}
9165
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-stats {
9166
margin-bottom: 61px !important;
9167
    background: black !important;
9168
    bottom: -12px !important;
9169
    display: inline-block !important;
9170
    float: right !important;
9171
    height: 16px !important;
9172
    left: 0 !important;
9173
    line-height: 16px !important;
9174
    padding: 2px 0 2px 12px !important;
9175
    position: absolute !important;
9176
    right: 0 !important;
9177
    text-align: left !important;
9178
    width: 100% !important;
9179
}
9180
/* GM "AUTOPAGERIZE - 2 USERTYLES BY ROW - ENABLE OK  */
9181
#content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text .style-brief-stats {
9182
    position: absolute !important;
9183
    display: inline-block !important;
9184
    float: left !important;
9185
    width: auto !important;
9186
    left: 0px !important;
9187
    bottom: -132px !important;
9188
    padding: 2px 0 0 4% !important;
9189
    font-size: smaller !important;
9190
    text-align: left !important;
9191
    background: black !important;
9192
}
9193
#content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > p {
9194
    position: relative !important;
9195
    display: inline-block !important;
9196
    width: 97% !important;
9197
    min-height: 185px !important;
9198
    max-height: 185px !important;
9199
    top: 12px !important;
9200
    overflow-x: hidden !important;
9201
    overflow-y: auto !important;
9202
    padding: 0 5px !important;
9203
}
9204
9205
9206
/* [[2]==== END ==== */
9207
9208
9209
/* [[1]] +[[2]==== END ==== */
9210
9211
9212
/* ======== NEW FORUM ==== */
9213
9214
/* USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON - === */
9215
.UserBox .WhoIs, 
9216
.MeBox .WhoIs {
9217
    position: relative !important;
9218
    display: inline-block !important;
9219
    width: 200px !important;
9220
    height: 100px!important;
9221
    padding: 0 5px 2px 0 !important;
9222
    border-radius: 5px !important;
9223
    border: 1px solid gray !important;
9224
    text-align: center !important;
9225
}
9226
/* (new74) With USER ICON */
9227
.MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,
9228
.UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {
9229
    position: relative !important;
9230
    display: inline-block !important;
9231
    width: 196px !important;
9232
    height: 100px!important;
9233
    left: 0px !important;
9234
    margin-top: -50px !important;
9235
    padding: 0 0px 2px 0 !important;
9236
    border-radius: 5px !important;
9237
    border: 1px solid gray !important;
9238
    box-shadow: 3px 3px 2px black !important;
9239
    text-align: center !important;
9240
}
9241
.UserBox a.Username:before, 
9242
.MeBox a.Username:before {
9243
    content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
9244
    position: relative ;
9245
    display: inline-block ;
9246
    width: 157px !important;
9247
    margin-left: 0 !important;
9248
    padding: 0 2px 2px 2px ;
9249
    transform: scale(1.2, 1) ;
9250
    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) ;
9251
    border-radius: 5px 5px 0 0 ;
9252
    text-align: center ;
9253
}
9254
/* (new72) */
9255
.UserBox {
9256
    margin-top: 28px !important;
9257
}
9258
9259
.MeMenu {
9260
    width: 195px !important;
9261
    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;
9262
    line-height: 24px;
9263
    margin-top: 5px ! important;
9264
    margin-bottom: -2px ! important;
9265
    border-radius: 0 0 5px 5px !important;
9266
}
9267
.FlyoutMenu {
9268
    width: 300px;
9269
    border: 1px solid #999;
9270
    color: gray !important;
9271
    box-shadow: 3px 3px 2px black !important;
9272
    background: #222 !important;
9273
}
9274
.PopList.Activities li.Item:nth-child(odd){
9275
    background: #333 !important;
9276
}
9277
9278
.FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"] ,
9279
.FlyoutMenu  .ItemContent.Activity>a + a {
9280
    display: inline-block;
9281
    width: 100% !important;
9282
    text-align: left !important;
9283
}
9284
.FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"]{
9285
    text-indent: 25px !important;
9286
}
9287
9288
/* ALL HEADER - BACKGOUND COLOR - === */
9289
#Head {
9290
    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;
9291
}
9292
9293
/* TEST - FOR TS CITRUS - FORUM HEADER + FORUM EDIT POST - SAME WIDTH THAN THE PUBLIED POST - ADPT for GM - GREASY FORK TABLE VIEW - === */
9294
#Form_Body  {
9295
    display: inline-block ! important;
9296
    height: 133px;
9297
    max-width: 660px !important;
9298
    min-width: 660px !important;
9299
    overflow: hidden;
9300
}
9301
/* (new79) */
9302
body > #Frame > .Head {
9303
    position: fixed !important;
9304
    width: 100% !important;
9305
    max-height: 41px ! important;
9306
    min-height: 41px !important;
9307
    top: 0px !important;
9308
    padding-top: 7px ! important;
9309
    border-bottom: 1px solid #828182 !important;
9310
    box-shadow: 0 0 9px 0 #000000 !important;
9311
    z-index: 50 !important;
9312
}
9313
9314
9315
/* FOR TS CITRUS - SITE TITLE " GREASY FORUM" + ICON - = */
9316
.SiteTitle {
9317
    position: relative!important;
9318
    display: inline-block !important;
9319
    top: -5px !important;
9320
    font-size: 24px ! important;
9321
}
9322
/* FORUM USERSTYLE TITLE */
9323
#Head .SiteTitle a {
9324
    position: relative !important;
9325
    display: inline-block!important;
9326
    min-width: 250px !important;
9327
    max-width: 250px !important;
9328
    margin-left: -105px ! important;
9329
    text-align: right ! important;
9330
    font-size: 19px !important;
9331
}
9332
.SiteTitle>a img  {
9333
    position: absolute ! important;
9334
    max-height: 40px !important;
9335
    width: 40px !important;
9336
    margin-left: -60px ! important;
9337
    margin-top: -5px !important;
9338
}
9339
9340
/* TEST - SITE MENU - FOR GM TS CITRUS - === */
9341
#Head a {
9342
    font-weight: bold ! important;
9343
}
9344
.SiteMenu a {
9345
    font-size: 14px ! important;
9346
    padding: 6px;
9347
}
9348
9349
/* (new90) SEARCH - FOR/WITHOUT GM TS CITRUS - === */
9350
#Head .SiteSearch {
9351
    float: right !important;
9352
    margin-top: -5px !important;
9353
    margin-right: 6.5% !important;
9354
}
9355
.MeBox + .SiteSearch {
9356
    margin-top: 25px !important;
9357
}
9358
.SiteSearch>form {
9359
    height: 21px !important;
9360
}
9361
.SiteSearch>form  div {
9362
    height: 21px !important;
9363
}
9364
9365
.SiteSearch>form  div .InputBox {
9366
    height: 21px !important;
9367
    font-size: 11px;
9368
    padding: 2px 25px 2px 5px!important;
9369
}
9370
.SiteSearch>form  div input.Button {
9371
    height: 15px !important;
9372
}
9373
9374
/* GREASYFORK / USERSTYLES - FORUM - CF at end : URL-PREF USERSTYLES FORUM - === */
9375
#Body {
9376
    max-width: 980px !important;
9377-
@-moz-document url-prefix("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") { 
9377+
9378
    margin: 14px auto auto;
9379
    border: 1px solid #bbbbbb !important;
9380
    border-radius: 0 !important;
9381
    box-shadow: none !important;
9382
    background-color: transparent !important;
9383
}
9384
#Head + #Body {
9385
    margin-top: 61px !important;
9386
}
9387
9388
/* new79) - USERSTYLES */
9389
#Body .Row {
9390
    display: inline-block !important;
9391
    width: 960px !important;
9392
    margin-top: 24px !important;
9393
}
9394
9395
/* (new109) GREASYFORK OK - VOIR FORUM USERSTYLES */
9396
.DiscussionAboutShowDiscussion  {
9397
    position: fixed !important;
9398
    display: inline-block !important;
9399
    height: 34px !important;
9400
    line-height: 15px !important;
9401
    max-width: 206px !important;
9402
    min-width: 206px !important;
9403
    top: 53px !important;
9404
    left: 24.5% !important;
9405
    padding: 2px 5px !important;
9406
    border-radius: 0 0 0 5px !important;
9407
    color: gold ! important;
9408
    text-align: left !important;
9409
    white-space: nowrap ! important;
9410
    overflow: hidden !important;
9411
    text-overflow: ellipsis !important;
9412
    z-index: 500 !important;
9413
    background-color: #222 !important;
9414
}
9415
.DiscussionAboutShowDiscussion + img {
9416
    position: fixed!important;
9417
    display: inline-block !important;
9418
    margin-left: -25px !important;
9419
    top: 56px !important;
9420
    z-index: 500 !important;
9421
}
9422
.DiscussionAboutShowDiscussion + img.rating-image {
9423
    position: fixed!important;
9424
    display: inline-block !important;
9425
    margin-left: -45px !important;
9426
    top: 75px !important;
9427
    z-index: 500 !important;
9428
}
9429
/* (new118) GREASYFORK / USERTYLES FORUM - PANEL LEFT - ALL - VOIR PB GREASYFORK: ABOUT SCRIPT / POPUP NOTIFICATION MENU - USER WITHOUT ICON - === */
9430
#Panel.Column.PanelColumn {
9431
    position: fixed !important;
9432
    display: inline-block !important;
9433
    float: left !important;
9434
    width: 200px;
9435
    margin-top: 90px !important;
9436
    top: 0px !important;
9437
    z-index: 100 !important;
9438
border-top: 1px solid red !important;
9439
}
9440
#Panel.Column.PanelColumn .MeBox {
9441
    position: relative !important;
9442
    display: inline-block !important;
9443
    width: 198px ! important;
9444
    margin-top: -30px !important;
9445
    bottom: -32px !important;
9446
    padding: 0 !important;
9447
    box-shadow: none !important;
9448
    background-color: #222 !important;
9449
}
9450
9451
.Profile .MeBox {
9452
    display: none !important;
9453
}
9454
.Profile .Box.GuestBox {
9455
    position: relative ;
9456
/*     margin-top: -13px; */
9457
    top: -407px !important;
9458
padding: 0 3px !important;
9459
background: black !important;
9460
}
9461
9462
.BoxFilter.BoxDiscussionFilter ,
9463
.SiteSearch {
9464
    box-shadow: 3px 3px 2px black !important;
9465
}
9466
#vanilla_post_discussion .SiteSearch ,
9467
#vanilla_post_editdiscussion .SiteSearch {
9468
    top: 27px;
9469
}
9470
9471
.UserBox .Username, 
9472
.MeBox .Username {
9473
    color: peru !important;
9474
    font-size: 23px ! important;
9475
    font-weight: bold;
9476
    vertical-align: top;
9477
    text-shadow: 2px 2px 3px #000;
9478
}
9479
/* (new72) == #Panel.Column.PanelColumn .MeBox +   */
9480
.Button.BigButton.NewConversation.Primary {
9481
    margin-top: 28px !important;
9482
}
9483
9484
9485
/* (new76) Forum Userstyles - LEFT PANEL - BOX FILTER - 
9486
WIth AVATAR :
9487
https://greasyfork.org/fr/forum/profile/323/wOxxOm
9488
NO AVATAR:
9489
https://greasyfork.org/fr/forum/profile/2694/zeus007
9490
=== */
9491
#Panel .FilterMenu, 
9492
#Panel .PanelCategories {
9493
    background-color: #222 !important;
9494
    border: 1px solid #bbbbbb !important;
9495
    border-radius: 5px !important;
9496
    box-shadow: 3px 3px 2px black !important;
9497
}
9498
9499
.Box.BoxCategories ,
9500
#Panel .BoxFilter {
9501
    margin: 10px 0;
9502
}
9503
.Column.PanelColumn .MeBox +  .BoxFilter.BoxProfileFilter  {
9504
    margin-top: 65px !important;
9505
}
9506
9507
9508
/* (new104) DISSCUSSION COMMMENTS -  (+ TEST GREASY FORK)- 
9509
USERSTYLES FORUM ??:
9510
#vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
9511
=== */
9512-
outline: none !important;
9512+
/* (new104) GREASYFORK */
9513
#Item_0 {
9514
    position: fixed !important;
9515
    display: inline-block !important;
9516
    width: 100% !important;
9517
    min-width: 28px !important;
9518
    max-width: 28px !important;
9519
    height: 37px !important;
9520
    vertical-align: top !important;
9521
    top: 53px ;
9522
    left: 35.8% !important;
9523
    color: gold !important;
9524
    color: white !important;
9525
    text-align: center !important;
9526
    background-color: black !important;
9527
    z-index: 0 !important;
9528
}
9529
.ToggleFlyout.OptionsMenu {
9530
    display: inline-block !important;
9531
    height: 14px;
9532
    width: 28px !important;
9533
    left: -15px !important;
9534
    margin-right: -23px !important;
9535
    top: -9px;
9536
z-index: 500 !important;
9537
}
9538
#Item_0 .ToggleFlyout.OptionsMenu {
9539
    display: inline-block !important;
9540
    height: 14px;
9541
    width: 28px !important;
9542
    left: -45px !important;
9543
    margin-right: -23px !important;
9544
    top: -9px;
9545
}
9546
.Flyout::before ,
9547
.Flyout::after {
9548
    display: none !important;
9549
/* display: inline-block!important; */
9550
}
9551
9552
/* (new107) - GREASYFORUM - NEW FORUM - EDIT COMMENT -  MARKDOWN NAV BAR -  
9553
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown .editor-insert-dialog .file-title
9554
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout.MenuItems.editor-file-image .file-title
9555
=== */
9556
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout ,
9557
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog  {
9558
    visibility: hidden !important;
9559
}
9560
9561
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout.MenuItems.editor-file-image {
9562
display: none !important;
9563
    visibility: hidden !important;
9564
/*     background: tomato !important; */
9565
}
9566
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image{
9567
    display: inline-block !important;
9568
    width: 320px !important;
9569
    min-height: 100px !important;
9570
    max-height: 100px !important;
9571
    visibility: visible !important;
9572
    background: #333 !important;
9573
}
9574
9575
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image .file-title {
9576
    display: inline-block !important;
9577
height: 70px !important;
9578
    width: 316px !important;
9579
    font-weight: 700;
9580
    padding: 2px !important;
9581
    visibility:visible !important;
9582
    background: black !important;
9583
}
9584
9585
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image   .image-input ,
9586
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image  .file-input{
9587
    position: absolute !important;
9588
    display: inline-block !important;
9589
height: 100px !important;
9590
    width: 296px !important;
9591
    top: 0 !important;
9592
    padding: 2px !important;
9593
    visibility:visible !important;
9594
/* background: yellow !important; */
9595
}
9596-
/* START ==== (new79) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
9596+
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image   .image-input  .InputBox.editor-input-image ,
9597
.editor-file-image .file-input input[type="file"] {
9598
    position: absolute !important;
9599
    display: inline-block !important;
9600
    top: 30px !important;
9601
    visibility: visible;
9602
}
9603
9604-
/* (new79) URL-PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFOR different than USERSTYLES - DISSCUSSION CONTAINER - === */
9604+
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image {
9605-
.HomepageTitle, 
9605+
    height: 80px !important;
9606
/* border: 1px solid red !important; */
9607
}
9608
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open  .editor-insert-dialog.Flyout.MenuItems {
9609
/* border: 1px solid green !important; */
9610
}
9611
9612
9613
/* (new116) USERTYLES / GREASEMONKEY OK:
9614
#vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
9615
*/
9616
.MessageList.Discussion {
9617
    margin-top: 42px;
9618
}
9619
/* (new116) */
9620
.MessageList.Discussion #Item_0.PageTitle h1 ,
9621
.Discussion .PageTitle h1 {
9622
    position: fixed !important;
9623
    display: inline-block !important;
9624
    height: 37px !important;
9625
    line-height: 18px!important;
9626
    width: 38.4% !important;
9627
    min-width: 705px !important;
9628
    top: 48px !important;
9629
    right: 24.4% !important;
9630
    font-size: 15px !important;
9631
background-color: black !important;
9632
z-index: 5000 !important;
9633
}
9634
/* (new119) GREASYFORK/ USERSTYLES FORUM */
9635
.MessageList.Discussion #Item_0.PageTitle h1 ,
9636-
/* (new80) */
9636+
9637
.Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
9638
    position: fixed !important;
9639
    display: inline-block !important;
9640
    height: 38px !important;
9641
    line-height: 18px!important;
9642
    min-width: 720px !important;
9643-
/* background-color: green !important; */
9643+
9644
    top: 48px !important;
9645
    right: 24.8% !important;
9646
    padding-left: 30px !important;
9647
    font-size: 15px !important;
9648
    text-align: left !important;
9649
z-index: 0 !important;
9650
/* outline: 1px solid violet !important; */
9651
}
9652
9653
/* (new119) PB USERSTYLE - DISC LAST PAGE z-index*/
9654
.MessageList.Discussion .PageTitle .Options {
9655-
/*     min-width: 750px !important; */
9655+
9656
    height: 33px !important;
9657
    z-index: 5000  !important;
9658
}
9659
.MessageList.Discussion .PageTitle .Options .Hijack.Bookmark {
9660
    display: inline-block !important;
9661
}
9662
9663
.MessageList.Discussion #Item_0.PageTitle + img.rating-image  {
9664-
/* (new90) URL-PREF - USERSTYLES FORUM - PROFILE BUTTON */
9664+
9665
    display: inline-block !important;
9666
/* float: left !important; */
9667
margin-top: -20px !important;
9668
margin-left: -5px !important;
9669
    z-index: 5000;
9670
/* outline: 1px solid violet !important; */
9671
}
9672
9673
/* (new81) START - MEDIA QUERIE - FORUM USERSTYLES - TITLE - === */
9674
@media screen and (max-width: 1400px) {
9675
#Item_0 {
9676
    left: 28.6% !important;
9677
}
9678
.Discussion .PageTitle h1 {
9679
     width: 725px !important;
9680
    right: 11.7% !important;
9681-
/*     top: 103px !important; */
9681+
9682
.Discussion.comment.Section-Discussion .Discussion h1, 
9683
.Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
9684
    max-width: 720px !important;
9685
    min-width: 720px !important;
9686
    right: 11.9% !important;
9687
}
9688
.DiscussionAboutShowDiscussion {
9689
    left: 11.7% !important;
9690
}
9691
.MessageList.Discussion .PageTitle .Options {
9692
    margin-left: 78px !important;
9693
}
9694
/* === END === MEDIA QUERIE === FORUM USERSTYLES - TITLE - ==== */
9695
}
9696-
/* (new82) START === URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - MEDIA QUERIE - 1400px - === */
9696+
9697
9698
9699
a.Bookmark, 
9700
a.Bookmarked, 
9701
a.Bookmarking {
9702
    margin-left: -5px !important;
9703
    margin-right: 9px !important;
9704
}
9705-
/* width: 37% !important; */
9705+
9706
    position: relative;
9707
    display: inline-block;
9708
    margin-top: 1px !important;
9709
    z-index: 5000;
9710
}
9711
9712
/* GREASYFORK SPRITE UI : 
9713
https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png 
9714
=== */
9715
.Hijack.Bookmark[title="Bookmark"] {
9716
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0) !important;
9717
}
9718
.Hijack.Bookmark.Bookmarked  {
9719
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0) !important;
9720
}
9721
9722
/* (new62) BOOKMARKS LIST*/
9723
.ItemDiscussion span.Options a.Hijack.Bookmark {
9724-
/* ==== END === URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - MEDIA QUERIE - 1400px - === */
9724+
9725
    display: inline-block !important;
9726
    left: 37px !important;
9727
    top: -6px !important;
9728
}
9729
.ItemDiscussion span.Options .ToggleFlyout.OptionsMenu +  a.Hijack.Bookmark {
9730
    position: relative !important;
9731
    display: inline-block !important;
9732
    top: -6px !important;
9733
}
9734
.ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {
9735
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0) ! important;
9736
}
9737
9738
/* (new79) DISCUSSIONS - === */
9739-
/* outline: 1px solid red !important; */
9739+
9740
    border: 1px solid gray !important;
9741
    border-top: 1px solid peru !important;
9742
    padding: 10px 15px ! important;
9743
}
9744
9745
.MessageList.DataList.Comments {
9746
    position: relative !important;
9747-
/* START ==== URL-PREF- USERSTYLES FORUM ??? - TEST - MEDIA QUERIES - 1400px  ==== */
9747+
9748
    width: 100% ;
9749
    border-top: 1px solid gray !important;
9750
    margin-top: 0px !important;
9751
/* z-index: -1 !important; */
9752
}
9753
.MessageList .Item {
9754
/* z-index: 0 !important; */
9755-
/* ==== END ==== URL-PREF- USERSTYLES FORUM - TEST - MEDIA QUERIES === */
9755+
9756
.MessageList .Item:hover {
9757
/* z-index: 1 !important; */
9758-
/* ==== END === URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION ==== */
9758+
9759
}
9760
9761-
/* ========== END === URL-PREF - ALL ======= */
9761+
9762
    position: relative !important;
9763-
}
9763+
9764
    width: 94% !important;
9765
    margin-bottom: -17px;
9766
    margin-top: 37px;
9767
    top: 28px;
9768
z-index: -1 !important;
9769
}
9770
9771
9772
#vanilla_discussions_bookmarked .Item:nth-child(odd) ,
9773
#vanilla_discussions_mine .Item:nth-child(odd) ,
9774
#vanilla_discussions_participated .Item:nth-child(odd) ,
9775
.DataList.CategoryList .Item:nth-child(odd) , 
9776
.DataList .ItemDiscussion:nth-child(odd) ,
9777
.Item.ItemComment:nth-child(odd) {
9778
    background-color: #222  ! important;
9779
}
9780
#vanilla_discussions_bookmarked .Item:nth-child(even) ,
9781
#vanilla_discussions_participated .Item:nth-child(even) ,
9782
.DataList.CategoryList .Item:nth-child(even) ,
9783
.DataList .ItemDiscussion:nth-child(even) ,
9784
.Item.ItemComment:nth-child(even) {
9785
    background-color: #414141  ! important;
9786
}
9787
#vanilla_discussions_bookmarked .Item:hover ,
9788
#vanilla_discussions_participated .Item:hover ,
9789
#vanilla_discussions_participated .Item:hover ,
9790
.DataList.CategoryList .Item:hover ,
9791
.DataList .ItemDiscussion:hover ,
9792
.Item.ItemComment:hover {
9793
    box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.7) inset !important;
9794
    background-color: rgba(7, 7, 7, 0.57)! important;
9795
    transition: background ease 0.8s !important;
9796
}
9797
#vanilla_discussions_bookmarked .Item:nth-child(odd):hover ,
9798
#vanilla_discussions_participated .Item:nth-child(odd):hover ,
9799
#vanilla_discussions_participated .Item:nth-child(odd):hover ,
9800
.DataList.CategoryList .Item:nth-child(odd):hover ,
9801
.DataList .ItemDiscussion:nth-child(odd):hover ,
9802
.Item.ItemComment:nth-child(odd):hover {
9803
    background-color: rgba(7, 7, 7, 0.67)! important;
9804
    transition: background ease 0.8s !important;
9805
}
9806
9807
/* (new110) FORUM DISC - TITLE  (from Comments Numbering) - ==== */
9808
.DataList:not(.Activities) .Item .ItemContent .Title {
9809
margin-top: 0px !important;
9810
}
9811
.DataList:not(.Activities) .Item .ItemContent .Title > a {
9812
position: relative !important;
9813
display: inline-block !important;
9814
    width: 665px !important;
9815
/*     margin-left: 22px; */
9816
margin-top: -55px !important;
9817
margin-bottom: -20px !important;
9818
    vertical-align: middle  !important;
9819
    font-size: 14px;
9820
    white-space: nowrap !important;
9821
overflow: hidden !important;
9822
text-overflow: ellipsis !important;
9823
/* outline: 1px solid yellow !important; */
9824
}
9825
9826
/* (new110) - TEST - LAST USER COMMENT */
9827
.MItem.LastCommentBy a {
9828
    display: inline-block;
9829
    height: 18px;
9830
    overflow: hidden;
9831
    text-overflow: ellipsis;
9832
    vertical-align: top;
9833
    width: 140px;
9834
}
9835
9836
/* (new116) GREASYFORK (PB z-index)  cf PB USERSTYLE - DISC LAST PAGE : .BeforeCommentHeading + .DataBox.DataBox-Comments */
9837
.BeforeCommentHeading + .DataBox.DataBox-Comments {
9838
    position: relative !important;
9839
    display: inline-block ;
9840
    margin-top: 42px !important;
9841
    left: 0px;
9842
    z-index: 1 !important;
9843
}
9844
9845
/* DISCUSSION LIST - RATNG ICON */
9846
.DataList .rating-image {
9847
    height: 16px !important;
9848
    line-height: 16px !important;
9849
    margin-top: 3px ;
9850
}
9851
9852
/* DISCUSSION LIST - READ - === */
9853
.DataList .ItemDiscussion.Item.Read {
9854
    background-color: rgba(47, 47, 47, 0.84)  ! important;
9855
}
9856
.Item.Read .BlockTitle a:before ,
9857
.Item.Read .Title a:before {
9858
    content: ">>  " ;
9859
    color: gold ;
9860
}
9861
/* ADD ICON "VIEW" from MOZILLA ADDONS PAGES */
9862
.Bookmarked .Title a::before, 
9863
.Item.Read .Title a::before {
9864
    background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
9865
    background-position: 3px -650px !important;
9866
    background-repeat: no-repeat;
9867
    color: transparent;
9868
    content: ">> ";
9869
    display: inline-block !important;
9870
    position: relative !important;
9871
    height: 100% !important;
9872
    max-height: 15px !important;
9873
    min-height: 15px !important;
9874
    top: 4px !important;
9875
    margin-right: 3px !important;
9876
    margin-left: -2px !important;
9877
    background-color: rgba(55, 173, 227, 0.4) !important;
9878
}
9879
.DataList .ItemDiscussion {
9880
    border-bottom: 1px solid gray !important;
9881
    padding-left: 22px;
9882
    position: relative;
9883
}
9884
.MessageList.DataList.Comments .ItemComment ,
9885
.ItemDiscussion {
9886
    display: inline-block !important;
9887
    width: 94% ;
9888
    min-width: 656px;
9889
    margin-top: 37px;
9890
    padding-right: 35px !important;
9891
}
9892
9893
9894
#vanilla_discussions_index.index.Section-DiscussionList .ItemDiscussion {
9895
    left: 0px !important;
9896
    z-index: 0 !important;
9897
}
9898
/* FORUM DISSCUSSION - ITEMS - MINE - === */
9899
.Item.Bookmarked.Mine.ItemDiscussion {
9900
    border: 1px solid peru !important;
9901
    padding-left: 22px;
9902
    position: relative;
9903
}
9904
.Item.Bookmarked.Mine.ItemDiscussion  .Options {
9905
position: absolute !important;
9906
float: none !important;
9907
    width: 28px !important;
9908
height: 76px !important; 
9909
/*     left: -15px !important; */
9910
right: 0px !important;
9911
top: 0 !important;
9912
/*     padding-left: 22px; */
9913
z-index: 500 !important;
9914
    border: 1px solid peru !important;
9915
}
9916
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu {
9917
/* position: absolute !important; */
9918
    display: inline-block !important;
9919
/* float: right !important; */
9920
height: 20px !important;
9921
width: 20px !important;
9922
    top: -3px;
9923
margin-right: 0px !important;
9924
left: 4px !important;
9925
z-index: 500 !important;
9926
/* background-color: red !important; */
9927
}
9928
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:hover ,
9929
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:not(:hover) {
9930
    position: absolute !important;
9931
    display: inline-block !important;
9932
height: 18px !important;
9933
width: 18px !important;
9934
    top: -17px !important;
9935
    left: -13px !important;
9936
visibility: visible !important;
9937
opacity: 1 !important;
9938
/*     z-index: 10000 !important; */
9939
/* background-color: yellow !important; */
9940
}
9941
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit {
9942
    position: absolute !important;
9943
    display: inline-block !important;
9944
    min-width: 18px !important;
9945
    max-width: 18px !important;
9946
/*     left: -23px !important; */
9947
/*     top: -20px; */
9948
    margin-left: 0 !important;
9949
    visibility: visible !important;
9950
opacity: 1 !important;
9951
z-index: 10000 !important;
9952
}
9953
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before {
9954
/* position: absolute !important; */
9955
/*     display: inline-block !important; */
9956
    width: 18px !important;
9957
    content: " ";
9958
    background: black url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px !important;
9959
    font-size: 15px;
9960
    height: 15px;
9961
/*     left: 762px !important; */
9962
    margin-left: 0 !important;
9963
    outline: 1px solid gray;
9964
/*     top: -5px; */
9965
    visibility: visible !important;
9966
    z-index: 10000 !important;
9967
}
9968
9969
9970
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark {
9971
/* position: relative !important; */
9972
float: left !important;
9973
    top: 2px !important;
9974
left: 10px !important;
9975
}
9976
/* PROFILE */
9977
.ProfilePhotoLarge {
9978
    margin-top: 55px !important;
9979
    position: relative !important;
9980
    width: 200px;
9981
}
9982
9983
/* (new118) ICON PROFILE - PANEL LEFT - DISCUSSION LIST / COMMENTS -  (not Notification or comments) - === */
9984
.MeBox > .PhotoWrap[href*="/profile/"] ,
9985
.UserBox > .PhotoWrap[href*="/profile/"] {
9986
    position: relative ! important;
9987
    display: inline-block !important;
9988
    height: 50px!important;
9989
    width: 198px ! important;
9990
    top: 3px!important;
9991
    text-align: center ! important;
9992
    z-index: 500 ! important;
9993
}
9994
/* (new79 GREASYFORK FORUM - DISCUSSION - TOP POSITION - === */
9995
#vanilla_discussion_comment .Column.ContentColumn  {
9996
    border-top: 1px solid peru !important;
9997
    margin-top: 26px !important;
9998
}
9999
10000
.MeBox + .BoxButtons.BoxNewDiscussion {
10001
    margin-top: 30px !important;
10002
    box-shadow: 3px 3px 2px black !important;
10003
}
10004
10005
/* ==== Userstyles.org Review - Style Name in First v.1 ==== */
10006
.Section-Category-style-reviews.Section-DiscussionList   .DataList .Title {
10007
    display: inline-block !important;
10008
    font-size: 14px;
10009
    font-weight: bold;
10010
    margin: 0;
10011
}
10012
10013
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .DiscussionAboutListDiscussion {
10014
    position: relative !important;
10015
    display: inline-block !important;
10016
    float: left !important;
10017
    width: 600px!important;
10018
    height: 100%!important;
10019
    min-height: 10px!important;
10020
    max-height: 10px!important;
10021
    line-height: 10px!important;
10022
    margin-top: -31px!important;
10023
    margin-left: -10px!important;
10024
 }
10025
/* GOOD RATING - OK - THUMB UP  */
10026
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image  {
10027
    display: inline-block !important;
10028
    float: left;
10029
    margin-left: 0px!important;
10030
}
10031
/* BAD RATING - THUMB DOWN */
10032
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"]  {
10033
    display: inline-block !important;
10034
    float: left;
10035
    margin-left: 0px!important;
10036
    margin-top: 5px !important;
10037
}
10038
10039
/* (new79) */
10040
/* .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title a */
10041
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title > a {
10042
    display: inline-block !important;
10043
    float: left!important;
10044
    width: 670px!important;
10045
    margin-bottom: -9px!important;
10046
 }
10047
10048
/* FORUM NOTIFICATION - TXT - === */
10049
.Flyout .Author .PhotoWrap  {
10050
    height: 10px !important;
10051
    width: 20px !important;
10052
}
10053
10054
.PopList.Activities .PhotoWrap.PhotoWrapMedium {
10055
    height: 20px !important;
10056
    margin-bottom: -18px !important;
10057
    background-color: black !important;
10058
}
10059
.Flyout .Author .ProfilePhoto {
10060
    width: 20px !important;
10061
    height: 20px !important;
10062
    background-size: cover !important; 
10063
}
10064
.PopList .ItemContent {
10065
    line-height: 1.2!important;
10066
    margin-left: -1px!important;
10067
}
10068
/* DRAFT */
10069
.DataList.Drafts {
10070
    margin-top: 98px!important; 
10071
    border-top: 1px solid gray !important;
10072
}
10073
10074
/* ATTACHEMENTS - === */
10075
.Attachment img {
10076
    max-width: 100% ! important;
10077
    height: auto ! important;
10078
    vertical-align: bottom;
10079
}
10080
10081
.Attachment {
10082
    max-width: 100px !important;
10083
    min-width: 100px !important;
10084
    padding: 3px 8px 8px 5px !important;
10085
    border-radius: 5px !important;
10086
    background-color: black !important;
10087
}
10088
10089
/* ATTACHEMENT COUNTER - === */
10090
.Attachments {
10091
    background-color: #222222 !important;
10092
    border-radius: 5px !important;
10093
    counter-reset: image !important;
10094
}
10095
.Attachment:before {
10096
    position: absolute ;
10097
    display: inline-block ;
10098
    height: 20px ;
10099
    content: counter(image, decimal);
10100
    top: 10px ;
10101
    padding: 0 3px ;
10102
    border-radius: 5px ;
10103
    counter-increment: image ;
10104
    background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3) ;
10105
}
10106
10107
/* FORUM PAGINATION - PAGE WRAP (bottom) */
10108
.PagerWrap {
10109
    margin-top: 20px!important;
10110
    overflow: visible!important;
10111
}
10112
/* (new79) FORUM PAGINATION - ALL */
10113
.PageControls {
10114
    display: inline-block !important;
10115
    width: 95%!important;
10116
    height: 100% !important;
10117
    min-height: 15px !important;
10118
    max-height: 15px !important;
10119
    line-height: 15px !important;
10120
    text-align: right !important;
10121
}
10122
.PageControls.Top {
10123
    position: fixed !important;
10124
    display: inline-block !important;
10125
    width: 560px ! important;
10126
    min-height: 22px !important;
10127
    margin-left: 190px !important;
10128
    top: 25px !important;
10129
    opacity: 1 !important;
10130
    visibility: visible !important;
10131
    z-index: 200 !important;
10132
}
10133
10134
/* (COR) PAGER TOP - USERSTLE DISC LAST PAGE - === */
10135
#PagerBefore.Pager  {
10136
    position: fixed !important;
10137
    display: inline-block !important;
10138
    float: right !important;
10139
    vertical-align: bottom !important;
10140
    max-width: 560px !important;
10141
    min-width: 560px !important;
10142
    height: 17px !important;
10143
    line-height: 12px !important;
10144
    top: 30px;
10145
    right: 24.2% !important;
10146
    padding: 1px !important;
10147
    border: 1px solid peru !important;
10148
    border-radius: 3px 3px 0 0 !important;
10149
    background-color: transparent !important;
10150
    text-align: center !important;
10151
    z-index: 500 !important;
10152
}
10153
10154
10155
10156
/* (new79) START - MEDIA QUERIE - PAGER TOP - === */
10157
@media screen and (max-width: 1400px) {
10158
10159
#PagerBefore.Pager  {
10160
position: fixed !important;
10161
10162
    max-width: 530px !important;
10163
    min-width: 530px !important;
10164
    right: 0% !important;
10165
}
10166
/* ==== END === MEDIA QUERIE === FAVORITS / SETS PAGES - === */
10167
}
10168
10169
10170
10171
10172
/* ICONS */
10173
10174
/* SPRITE GREASY FORK :
10175
https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png
10176
==== */
10177
10178
.SpNotifications, 
10179
.SpGlobe {
10180
    background-position: -32px -212px !important;
10181
}
10182
.SpInbox, 
10183
.SpEnvelope {
10184
    background-position: 0 -228px !important;
10185
}
10186
.SpBookmarks, 
10187
.SpStar {
10188
    background-position: -80px -245px!important;
10189
}
10190
.SpDashboard, 
10191
.SpOptions, 
10192
.SpCog {
10193
     background-position: 0 -212px !important;
10194
}
10195
10196
/* MY NAME */
10197
.QuoteAuthor>a[href*="/decembre"] ,
10198
.Item .Author a[href*="/decembre"] {
10199
    font-size: 18px ! important;
10200
    color: peru ! important;
10201
}
10202
10203
10204
/* ==== (ALL) STYLE ==== */
10205
10206
/* (ALL) BackGround Color === */
10207
10208
htlm, body {
10209
    background:#333333 !important;
10210
    color: #929292 !important;
10211
    width: 100% !important;
10212
}
10213
10214
/* (ALL) LINKS - === */
10215
10216
a:link {
10217
    color: #6D878F !important;
10218
    text-decoration: none !important;
10219
}
10220
10221
10222
/* LINK / TXT  SPECIAL - === */
10223
10224
#Head a, 
10225
#site-nav a {
10226
    color: peru !important;
10227
}
10228
.MItem.MCount.CommentCount ,
10229
.MItem.MCount.ViewCount {
10230
    color: #b7b7b7!important;
10231
}
10232
table#style-table .meta span.date.date1{
10233
    color: #23A4A2  !important;
10234
    text-decoration: none !important;
10235
}
10236
table#style-table .meta span.date.date2{
10237
    color: #0DD6D3 !important;
10238
    text-decoration: none !important;
10239
}
10240
#main-article #style-table a[href^="/styles/"]{
10241
    color: #DD9E0F !important;
10242
    text-decoration: none !important;
10243
}
10244
#main-article #style-table a:visited[href^="/styles/"]{
10245
    color: #EAC060 !important;
10246
    text-decoration: none !important;
10247
}
10248
10249
/* LINKS HOVER - COLOR tomato / TOMATO - === */
10250
10251
#show-code + #control-panel>a:hover ,
10252
#main-header>h1>a:hover ,
10253
#style-author-info>tbody>tr>td>a:not(.license-image):hover ,
10254
#long-description>a:hover ,
10255
.MItem.LastCommentBy>a:hover ,
10256
.About>dt:last-of-type a:hover ,
10257
.script-author-description>ul>li>ul>li:hover a:hover ,
10258
.About dt a:hover ,
10259
#main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover ,
10260
#script-list-option-groups .list-option>a:hover ,
10261
#user-script-list > li h2 a:hover , 
10262
#browse-script-list > li h2 a:hover ,
10263
.script-list-author>span>a:hover ,
10264
10265
.DataList.SearchResults .Item .ItemContent:hover .Meta a ,  
10266
#script-content > form > ul > li:hover ,
10267
#contact a:hover ,
10268
#related>ul>li>a:hover ,
10269
#screenshots #more-screenshots a:hover ,
10270
.Message>b>a:hover ,
10271
.Buttons .Back>a:hover ,
10272
.AttachFileWrapper .AttachFileLink>a:hover ,
10273
.AuthorWrap .Author .PhotoWrap +.Username:hover ,
10274
#Item_0 +  .DiscussionAboutShowDiscussion>a:hover ,
10275
.Item-Body .Message>a:hover ,
10276
.MItem.Category>a:hover , 
10277
.ReactButton.Quote.Visible:hover , 
10278
.Box.BoxCategories a:hover , 
10279
#Panel .FilterMenu a:hover ,
10280
.SiteMenu>li>a:hover ,
10281
.ItemContent.Discussion .Title>a:hover ,
10282
#main-article>dl>dd>a:hover ,
10283
#main-article>dl>dt:hover ,
10284
#main-header + #content-wrapper > #main-article > ul:hover:before ,
10285
#main-article>ul>li>a:hover ,
10286
#sidebar-forum>a:hover ,
10287
#sidebar-help>a:hover ,
10288
#sidebar-browse>a:hover ,
10289
#sidebar-my-account>a:hover ,
10290
#show-button:hover ,
10291
#control-panel > a:nth-child(1):hover ,
10292
#control-panel>a:hover ,
10293
10294
#long-description>a>b:hover ,
10295
10296
#main-article #hidden-meta a:hover ,
10297
#no-discussions>a:hover ,
10298
#site-name > a[href="/"] span:hover ,
10299
.thetitle>.theauthor>a:hover ,
10300
.thetitle>a>b:hover ,
10301
.width-constraint>h3>a:hover ,
10302
#script-content>form>ul>li>a:hover ,
10303
#script-content>p>a:hover ,
10304
#install-area .script-in-sets>a:hover ,
10305
#additional-info-text>a>b:hover ,
10306
#additional-info>div>ul>li>a:hover ,
10307
#additional-info>div>p>a:hover ,
10308
#additional-info>div>p>b>a:hover ,
10309
.script-show-author>span>a:hover ,
10310
10311
#title-subtext:hover > b ,
10312
#site-name > a span#settings-subtext:hover ,
10313
#nav-user-info .user-profile-link>a:hover ,
10314
#nav-user-info>li>a:hover ,
10315
#nav-user-info + nav .help-link>a:hover ,
10316
#nav-user-info + nav .forum-link>a:hover ,
10317
#nav-user-info + nav .scripts-index-link>a:hover ,
10318
#nav-user-info + nav a:hover ,
10319
#nav-user-info .sign-out-link>a:hover ,
10320
#start-discussion:hover ,
10321
#start-discussion-top:hover ,
10322
#start-discussion-bottom:hover ,
10323
.inline-list>li>a:hover {
10324
    color: TOMATO  !important;
10325
}
10326
10327
/* LINK HOVER - SPECIAL - === */
10328
10329
#discussions-area #discussions li:hover a:not(:last-of-type),
10330
.CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]) ,
10331
.CommentsWrap .Comment a.FlagContent:hover ,
10332
.width-constraint #discussions li>a:nth-child(4):hover  ,
10333
.width-constraint #discussions li>a:nth-child(2):hover , 
10334
.width-constraint #discussions li>a:first-of-type:hover ,
10335
.width-constraint #discussions li:hover > a:nth-child(4) ,
10336
.width-constraint #discussions li:hover>time {
10337
    color: tomato  !important;
10338
}
10339
10340
10341
/* GREASYFORK - CODE PAGE - STRIPP BACKGROUND  - 
10342
TEST CODERAY HUGE CODE: https://greasyfork.org/en/scripts/1896-nwpb/code
10343
=== */
10344
#script-info .CodeRay {
10345
    display: inline-block!important;
10346
    max-width: 99.8% !important;
10347
    background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
10348
    background-size: 30px 15px!important;
10349
}
10350
#script-info .CodeRay tbody {
10351
    display: inline-block !important;
10352
    width: 99.98% !important;
10353
}
10354
10355
#script-info .CodeRay tbody .code {
10356
    display: inline-block !important;
10357
    min-width: 905px !important;
10358
    max-width: 905px !important;
10359
}
10360
#script-info .CodeRay tbody .code pre {
10361
    min-width: 900px !important;
10362
    max-width: 900px !important;
10363
    word-wrap: break-word !important;
10364
    white-space: pre-line!important;
10365
}
10366
10367
/* (ALL) LINKS VISITED / VISITED HOVER - === */
10368
a:visited {
10369
    color: #278CAD  !important
10370
}
10371
#additional-info>a:visited {
10372
    color: #6BA9BE  !important
10373
}
10374
a:hover {
10375
    color: #73B379 !important;
10376
}
10377
a:visited:hover  {
10378
    color: #B9D56E !important;
10379
    text-decoration: none !important;
10380
}
10381
10382
/* VISITED - gold / GOLD - === */
10383
section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note ,
10384
#style-install-unknown>p>a, 
10385
#style-install-unknown>p>a:visited, 
10386
#style-install-unknown>p>a:active {
10387
    color: GOLD !important;
10388
}
10389
10390
/* VISITED - tan  /TAN - === */
10391
.discussion-list>li>a:visited ,
10392
.About>dt>a:visited ,
10393
.Item-Body .Message>a:visited ,
10394
.script-author-description>p>a:visited ,
10395
.script-author-description>ul>li>ul>li>a:visited ,
10396
.script-author-description>ul>li>a:visited ,
10397
.DataList .Item .Title>a:visited ,
10398
.inline-list>li>a:visited ,
10399
.DataList .ItemDiscussion.Item.Read a:visited {
10400
    color: TAN !important;
10401
}
10402
/* VISITED - goldenrod / GOLDENROD - === */
10403
.thetitle>a:visited>b  {
10404
    color: GOLDENROD !important;
10405
}
10406
/* VISITED - hover tomato / TOMATO - === */
10407
.Message>ol>li>small>a:hover ,
10408
.Message>dl>dd>a:hover ,
10409
.UserQuote .QuoteAuthor a:hover ,
10410
.inline-list>li>a:visited:hover ,
10411
.DataList .ItemDiscussion.Item.Read a:visited:hover {
10412
    color: TOMATO !important;
10413
}
10414
10415
/* VISITED - rosybrown / ROSYBROWN - === */
10416
.width-constraint #discussions li > a:first-of-type:visited {
10417
    color: ROSYBROWN  !important;
10418
}
10419
/* (new79) NEW TOP HEADER NAV MENU - VISITED - === */
10420
#Frame .Row .SiteMenu  a:hover {
10421
    color: tomato !important;
10422
/* outline: 1px solid tomato !important; */
10423
}
10424
10425
/* ============ END VISITED LINKS ====== */
10426
10427
10428
10429
/* TEST - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - FIGHT AGAINST a VERY STRANGE TYPO EFFECT - with / without GM "CITRUS" - 
10430
in SCRIPT NAME of:
10431
DIEP.IO by Terjanq
10432
10433
IT'S USER (terjanq) LIST:
10434
https://greasyfork.org/fr/users/33759-terjanq
10435
10436
SEARCH "DIEP.IO+":
10437
https://greasyfork.org/fr/scripts/search?q=DIEP.IO+
10438
10439
MY DISSCUS about it :
10440
https://greasyfork.org/fr/forum/discussion/9570/i%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87-very-strange-typo-effect-in-your-script-name?new=1
10441
=== */
10442
10443
/* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in FORUM - MY COMMENT ABOUT IT */
10444
.Title a[href*="https://greasyfork.org/fr/forum/discussion/9570/"]{
10445
    overflow: hidden !important;
10446
    background: rgba(255, 0, 0, 0.2) !important;
10447
}
10448
#Discussion_9570 .Discussion .Item-BodyWrap .Message  {
10449
    overflow: hidden !important;
10450
    background: rgba(255, 0, 0, 0.2) !important;
10451
}
10452
10453
10454
/* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in SCRIPT LIST - USER PROFILE / SEARCH   */
10455
#script-table #s19838 .thetitle + div ,
10456
#user-script-list > li > article  a[href$="/19838-diep-io-by-terjanq"] + span +  .description ,
10457
#user-script-list > li[data-script-name*="Diepiomods.com"] > article .description,
10458
#browse-script-list>li>article>h2>a[href*="diep-io-by-terjanq"] ~ span.description  {
10459
    overflow: hidden !important;
10460
    background: rgba(255, 0, 0, 0.2) !important;
10461
}
10462
10463
.discussion-list>li>a[href="https://greasyfork.org/fr/scripts/19838"] + a   {
10464
    position: relative !important;
10465
    display: inline-block !important;
10466
    top: 4px !important;
10467
    overflow: hidden !important;
10468
    background: rgba(255, 0, 0, 0.2) !important;
10469
}
10470
10471
/* ========== END GENERAL SITE ======= */
10472
}
10473
10474
10475
10476
10477
/* ========== START URL PREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
10478
/*@-moz-document url("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") */
10479
10480
@-moz-document url-prefix("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") {
10481
/* URL PREF - GM "DIEP.IO by Terjanq" - GOOD : in SCRIPT INFO PAGE - DESCRIPTION */
10482
#script-info header p {
10483
    overflow: hidden !important;
10484
    background: rgba(255, 0, 0, 0.2) !important;
10485
}
10486
/* ========== END URLPREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
10487
}
10488
10489
10490
10491
/* ========== START - DOMAIN SLEASYFORK TEST ======= */
10492
10493
@-moz-document domain("sleazyfork.org") {
10494
/* ==== Userstyles TableView+Enhancer - DarkGrey 60 (new60) - SLEASYFORK TEST - CLEAN02 ==== */
10495
10496
/* TEST LINK :
10497
https://sleazyfork.org/fr/scripts/9478-vporn-com-a-new-layout-ii-updated/code
10498
==== */
10499
10500
/* (new60)CHANGE ICON of SLEAZY FORK SITE TITLE ADD TXT "SKEAZY" where That's "GREASY" - === */
10501
/* (new60) SLEAZYFORK - SITE NAME + ICON - === */
10502
.width-constraint #site-name  #site-name-text h1 {
10503
    font-size: 20px!important;
10504
    letter-spacing: 2px !important;
10505
}
10506
.width-constraint #site-name  #site-name-text h1  {
10507
    color: blue !important;
10508
}
10509
.width-constraint #site-name  #site-name-text h1 a {
10510
    display: none !important;
10511
}
10512
#site-name  #site-name-text h1 +.subtitle {
10513
    margin-left: 46px !important;
10514
    margin-top: 16px !important;
10515
    font-size: 10px!important;
10516
    letter-spacing: 1px !important;
10517
}
10518
#site-nav > nav li a{
10519
    font-size: 14px !important;
10520
}
10521
10522
.width-constraint #site-name a img ,
10523
.width-constraint #site-name a span ,
10524
#site-name-text>h1>a {
10525
    display: none !important;
10526
}
10527
10528
.width-constraint #site-name > a:before ,
10529
.width-constraint #site-name > h1:before {
10530
    content: "SleasyFork" !important;
10531
    display: inline-block !important;
10532
    position: absolute !important;
10533
    margin-left: 40px !important;
10534
    font-size: 22px !important;
10535
    color: green !important;
10536
}
10537
#Head #site-name-text h1:before {
10538
content: "SleasyFork" !important;
10539
    display: inline-block !important;
10540
    position: absolute !important;
10541
    top: -5px !important;
10542
    margin-left: 0px !important;
10543
    font-size: 22px !important;
10544
    color: red !important;
10545
}
10546
10547
.width-constraint #site-name > a:after {
10548
    content: " " !important;
10549
    display: inline-block !important;
10550
    height: 30px !important;
10551
    width: 30px !important;
10552
    padding: 2px !important;
10553
    border-radius: 5px !important;
10554
    box-shadow: 0 0 2px #cccccc inset !important;
10555
    background-color: rgba(191, 191, 190, 0.33) !important;
10556
    background-image: url("https://sleazyfork.org/fr/forum/uploads/SCN2YQGWLIU4.jpg") !important;
10557
    background-position: 50% 50% !important;
10558
    background-size: contain !important;
10559
}
10560
10561
10562
/* ========== (new60) END - DOMAIN SLEASYFORK TEST ======= */
10563
}
10564
10565
10566
10567
/* ========== START === URL-PREF - ALL ======= */
10568
10569
/* ========== START - URL-PREF - USERSTYLES HELP ======= */
10570
10571
@-moz-document url-prefix("https://userstyles.org/help") {
10572
/* HEPLS PAGES - === */
10573
body > #main-header + #content-wrapper {
10574
    position: absolute !important;
10575
    display: inline-block !important;
10576
    float: none !important;
10577
    clear: both !important;
10578
    min-height: 200px !important;
10579
    height: auto !important;
10580
    width: 71em !important;
10581
    margin: auto auto auto 21em !important;
10582
    top: 75px !important;
10583
    border-radius: 5px !important;
10584
    border: 1px solid green !important;
10585
}
10586
#main-article {
10587
    width: 70em !important;
10588
    margin: 0.5em auto 2em 0.5em !important;
10589
    padding-bottom : 20px !important;
10590
}
10591
#main-header + #content-wrapper > #main-article > p ~ ul ~ h3 ,
10592
#main-article>h3  {
10593
    width: 58em !important;
10594
    margin-left: 1em !important;
10595
    text-align: left !important;
10596
    text-indent: 20px !important;
10597
    background: black !important;
10598
}
10599
10600
#main-article>ol {
10601
    width: 65em !important;
10602
    margin-left: 1em !important;
10603
    margin-top: -7px !important;
10604
    outline: 1px solid peru !important;
10605
}
10606
10607
#main-article>p:first-of-type {
10608
    position: relative !important;
10609
    display: inline-block !important;
10610
    width: 867px !important;
10611
    left: 0px !important;
10612
    margin-top:  auto !important;
10613
    margin-bottom: 20px!important;
10614
    padding: 15px 20px !important;
10615
    border: 1px solid gray !important;
10616
    outline: none !important;
10617
}
10618
#main-article>p {
10619
    position: relative !important;
10620
    display: inline-block !important;
10621
    width: 840px !important;
10622
    left: 1em !important;
10623
    margin:  auto !important;
10624
    padding: 8px 20px !important;
10625
}
10626
#main-article>p +p {
10627
    position: relative !important;
10628
    display: inline-block !important;
10629
    width: 840px !important;
10630
    left: 1em !important;
10631
    margin:  auto !important;
10632
    margin-bottom: 15px !important;
10633
    padding: 8px 20px !important;
10634
}
10635
#main-article>p:nth-child(even) {
10636
    border: 1px solid gray !important;
10637
    background: #222222 !important;
10638
}
10639
#main-article>p:nth-child(odd) {
10640
    border: 1px solid gray !important;
10641
    background: #171717 !important;
10642
}
10643
#main-article>iframe {
10644
    margin-left: 10% !important;
10645
}
10646
#help-style-settings-edit ~pre ,
10647
#main-header + #content-wrapper > #main-article > p ~ ul ,
10648
#main-header + #content-wrapper > #main-article > p ~ ul:hover ,
10649
#main-header + #content-wrapper > #main-article > ul:hover ,
10650
#main-header + #content-wrapper > #main-article > ul {
10651
    position: relative !important;
10652
    display: inline-block !important;
10653
    width: 66em !important;
10654
    height: auto !important;
10655
    margin-left: 10px !important;
10656
    padding-bottom: 10px !important;
10657
    padding-left: 20px !important;
10658
    padding-right: 5px !important;
10659
    border-radius: 3px !important;
10660
    border: 1px solid gray !important;
10661
    background: #222222 !important;
10662
}
10663
#main-header + #content-wrapper > #main-article > ul:only-of-type {
10664
    position: relative !important;
10665
    display: inline-block !important;
10666
    width: 43em !important;
10667
    height: auto !important;
10668
    margin-left: 10px !important;
10669
    margin-top: 29px !important;
10670
    padding-bottom: 10px !important;
10671
    padding-left: 30px !important;
10672
    padding-right: 5px !important;
10673
    border-radius: 3px !important;
10674
    border: 1px solid gray !important;
10675
    font-size: 20px !important;
10676
}
10677
#help-style-settings-edit ~pre {
10678
    position: relative !important;
10679
    display: inline-block !important;
10680
    width: 72em !important;
10681
    height: auto!important;
10682
    margin-top: 5px!important;
10683
    border-radius: 3px!important;
10684
    border: 1px solid gray!important;
10685
    background: #222222!important;
10686
    overflow: visible!important;
10687
    z-index: 10 !important;
10688
}
10689
#help-style-settings-edit ~pre >code {
10690
    position: relative !important;
10691
    display: inline-block !important;
10692
    width: 63em !important;
10693
    height: auto !important;
10694
    margin-left: 0px !important;
10695
    border-radius: 3px !important;
10696
}
10697
/* ========== END === URL-PREF - HELP ======= */
10698
}
10699
10700
10701
10702
/* START ==== (new119) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
10703
10704
@-moz-document url-prefix("https://forum.userstyles.org") {
10705
#Head + #Body {
10706
    margin-left: 22% !important;
10707
/* background: yellow !important; */
10708
}
10709
/* (new118) URL-PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFOR different than USERSTYLES - DISSCUSSION CONTAINER - === */
10710
10711
#PagerBefore.Pager {
10712
    right: 26% !important;
10713
}
10714
#Content.Column.ContentColumn  {
10715
    display: inline-block !important;
10716
    float: right !important;
10717
    width: 689px !important;
10718
    min-height: 750px !important;
10719
    margin-top: -8px!important;
10720
    margin-right: 50px !important;
10721
    z-index: 0 !important;
10722
}
10723
#vanilla_discussion_index #Content.Column.ContentColumn {
10724
    display: inline-block !important;
10725
    float: right !important;
10726
    width: 689px!important;
10727
    min-height: 750px !important;
10728
    margin-top: -8px!important;
10729
    margin-right: 20px !important;
10730
}
10731
#vanilla_discussion_index #Content.Column.ContentColumn  .MessageList.Discussion {
10732
    margin-bottom: -21px;
10733
}
10734
.P.PageDescription {
10735
    width: 753px!important;
10736
}
10737
10738
#Item_0 {
10739
    left: 33% !important;
10740
    top: 53px !important;
10741
    background: black ;
10742
    z-index: 500 !important;
10743
}
10744
10745
#Item_0 .ToggleFlyout.OptionsMenu {
10746
    left: -15px !important;
10747
}
10748
/* (new118) URL-PREF - USERSTYLES FORUM */
10749
.MessageList.Discussion h1 ,
10750
.Discussion.comment.Section-Discussion .Discussion h1 {
10751
    position: fixed !important;
10752
    display: inline-block !important;
10753
    height: 38px !important;
10754
    line-height: 18px !important;
10755
    width: 39.1% !important;
10756
    right: 26.4% !important;
10757
    top: 47px !important;
10758
    font-size: 15px !important;
10759
    text-align: left !important;
10760
    background-color: black !important;
10761
z-index: 1 !important;
10762
}
10763
/* (new118) URL-PREF - USERSTYLES FORUM */
10764
.MessageList.Discussion #Item_0.PageTitle h1 ,
10765
.Discussion.comment.Section-Discussion .Discussion  h1  ,
10766
.Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
10767
    min-width: 752px !important;
10768
    max-width: 752px !important;
10769
    right: 26.1% !important;
10770
/* outline: 1px solid yellow !important; */
10771
}
10772
.Vanilla.Discussion .MessageList.Discussion #Item_0 span.ToggleFlyout.OptionsMenu {
10773
    top: 0px !important;
10774
    left: 0 !important;
10775
    margin: 0 !important;
10776
}
10777
10778
10779
10780
/* (new118) URL-PREF - USERSTYLES FORUM - PROFILE BUTTON */
10781
#dashboard_profile_discussions .About>dt:last-of-type  {
10782
    position: relative !important;
10783
    display: inline-block !important;
10784
    width: 23% !important;
10785
    height: 18px !important;
10786
    line-height: 18px !important;
10787
    top: -56px !important;
10788
    left: 74%!important;
10789
    padding: 2px 2px 2px 15px !important;
10790
    border-radius: 3px !important;
10791
    font-size: 15px !important;
10792
    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;
10793
}
10794
10795
#Panel.Column.PanelColumn {
10796
    z-index: 100 !important;
10797
}
10798
#Panel.Column.PanelColumn .MeBox {
10799
    margin-top: -29px !important;
10800
    z-index: 200 !important;
10801
}
10802
.DiscussionAboutShowDiscussion  {
10803
    max-width: 200px !important;
10804
    min-width: 200px !important;
10805
    top: 53px !important;
10806
    left: 22.1% !important;
10807
    z-index: 100 !important;
10808
}
10809
10810
10811
/* (new83) URL-PREF - USERSTYLES FORUM - ADOUT Userstyles DISCUSS */
10812
10813
10814
/* (new82) START === MEDIA QUERIE - 1400px -  URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - === */
10815
@media screen and (max-width: 1400px) {
10816
10817
#PagerBefore.Pager {
10818
    right: 3.8% !important;
10819
}
10820
.MessageList.Discussion h1 ,
10821
.Discussion.comment.Section-Discussion .Discussion h1 {
10822
    min-width: 736px !important;
10823
    right: 9.9% !important;
10824
}
10825
.MessageList.Discussion #Item_0 {
10826
    left: 30% !important;
10827
    top: 53px !important;
10828
    z-index: 500 !important;
10829
}
10830
.DiscussionAboutShowDiscussion  {
10831
    max-width: 217px !important;
10832
    min-width: 217px !important;
10833
    top: 53px !important;
10834
    left: 12.2% !important;
10835
    z-index: 100 !important;
10836
}
10837
.MessageList.Discussion {
10838
    margin-top: 36px;
10839
}
10840
#Item_0 .ToggleFlyout.OptionsMenu .Flyout.MenuItems{
10841
    left: 4px !important;
10842
    top: -1px !important;
10843
}
10844
10845
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before ,
10846
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion::before {
10847
    left: 32px !important;
10848
}
10849
.MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion::before {
10850
    left: 0px !important;
10851
    top: 0px !important;
10852
}
10853
/* ==== END === MEDIA QUERIE - URL-PREF - 1400px - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - === */
10854
}
10855
10856
10857
/* END ==== (new79) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
10858
}
10859
10860
10861
/* ========== END === URL-PREF - ALL ======= */