View difference between Paste ID: 5mzJkfBw and yLt14Sqx
SHOW: | | - or go back to the newest paste.
1
/* AGENT_SHEET */
2-
@namespace url(http://www.w3.org/1999/xhtml);
2+
3
4
5
/* AGENT_SHEET */
6
/* @namespace url(http://www.w3.org/1999/xhtml); */
7
@-moz-document domain("userstyles.org")
8
, domain("greasyfork.org")
9
, domain("sleazyfork.org") 
10
, url-prefix("https://greasyfork.org/forum/") ,
11
url-prefix("https://74.86.192.75/")  {
12
13
/* ==== Userstyles TableView+Enhancer - TEST - DarkGrey 94 (new94) - BIB Tweak - TEST FIX NEW DESIGN USERSTYLES  - -  AGENT_SHEET ==== */
14
15
/*
16
 ________________________________________________________________________
17
|                                                                        |
18
|                                                                        |
19
|                                                                        |
20
|          Title:  |  Userstyles TableView+Enhancer - DarkGrey v.94      |
21
|                                                                        |
22
|    Description:  |                                                     |
23
|                      GREASY FORK - With / without (GM) TS CITRUS       |           
24
|                      FORUM Styles in first + Forum GREASY Fork -       |
25-
/* ==== Userstyles TableView+Enhancer - TEST - DarkGrey 93 (new93) - - TEST FIX NEW DESIGN USERSTYLES  - -  AGENT_SHEET ==== */
25+
26
|                      With / Without GM                                 |
27
|                      AGENT_SHEET                                       |
28
|                                                                        |
29
|         Author:  |  decembre                                           |
30
|                                                                        |
31
|   Date Created:  |  23-11-2011                                         |
32
|                                                                        |
33
|   Last Updated:  |  31-05-2017                                         |
34
|                                                                        |
35
|________________________________________________________________________|
36
*/
37
38
/* ETS - for TEST GM SETS SORT - === */
39
/* #user-script-sets:before {
40
content: ">>" ;
41
display: inline-block ;
42
position: relative ;
43
color: red ;
44
background: gold ;
45
height: 20px ;
46
width: 20px  ;
47
    margin-top: 0;
48
    padding-left: 0;
49
    padding-top: 10px;
50
} */
51
52
/* (new94) - GM - Greasyfork Display Update Checks - (not working with CITRUS) -
53
https://greasyfork.org/fr/scripts/21484-greasyfork-display-update-checks
54
=== */
55
#browse-script-list>li>article>p>span[style*="border: 1px ridge #817F82;)"]>b  {
56
    color: gold !important;
57
/* OK - FINE TOP OF THE BACKGROUND - BLACK */
58
    text-shadow: 0px 1px 1px #000;
59
} 
60
61
/* (new92) SUPP - ALL  */
62
/* USERSTYLES - DONATE BUTT - SUPP (display:none) - === */
63
#donate,
64
#donate input {
65
    display: none !important;
66
}
67
/* CHROME/FIREFOX - SUPP SOCIAL - without adblock - === */
68
#discussions-area #social.single-style ,
69
#social ,
70
.twitter-share-button ,
71
#twitter-widget-0 ,
72
.fb-like {
73
    display: none!important;
74
}
75
/* USERSTYLES - STY INFOS - SUPP(display:none) - INST PUB - (PB EDIT SCRIPT PAGE) - 
76
[id*="-ad"] ,
77
=== */
78
#google_ads_frame1 ,
79
#adContent-clickOverlay ,
80
#adContent ,
81
#post-install-ad ,
82
#below-install-ad ,
83
.ad {
84
    display: none !important;
85
}
86
87
/* (new93) SET - LISTING PAGE - DESCRIPTION - === */
88
body[pagetype="ListingPage"] #main-header +  #script-table +.width-constraint h3 + p ,
89
body[pagetype="ListingPage"]  #script-table +.width-constraint h3 + p ,
90
body[pagetype="ListingPage"]  .width-constraint h3 + p {
91
    display: inline-block;
92
    border: 1px solid violet ;
93
}
94
95
96
/* (new80) TEST - USERSTYLES FORUME PROFILE DISCUSSINS LIST - COMMENTS LIST - === */
97
.DataList.SearchResults .Item .ItemContent .Meta .MItem:first-of-type {
98
    display: inline-block ;
99
    width: 100% ;
100
    line-height: 14px  ;
101
    padding: 5px 2px 5px 5px !important;
102
    white-space: pre-line;
103
    margin-left: -5px !important;
104
    color: gold  ;
105
    background: black ;
106
}
107
108
/* (new79) GREASYFORK - Without SCRIPT - === */
109
.width-constraint > p {
110
    display: inline-block;
111
}
112
#script-links .current > * {
113
    color: red !important;
114
}
115
116
117
/* CITRUS SETTINGS - POPUP - === */
118
#CForkSettings {
119
    z-index: 5000 !important;
120
}
121
122
/* (new79) PB HOVER - NEW TOP HEADER NAV MENU - MORE - 
123
.SiteMenu 
124
=== */
125
.with-submenu {
126
    position: relative !important;
127
    display: inline-block !important;
128
/* z-index: 4000060 !important; */
129
}
130
131
li.with-submenu a + nav ,
132
li.with-submenu a + nav:hover ,
133
li.with-submenu a:hover + nav {
134
position: absolute  !important;
135
    min-width: 100%; 
136
    margin-top: -5px !important;
137
    padding: 2px 5px 5px 15px !important;
138
    text-align: left !important;
139
    box-shadow: 3px 3px 2px black !important;
140
    background-color: #333 !important;
141
/* z-index: 50000000 !important; */
142
}
143
li.with-submenu a + nav li {
144
    height: 20px !important;
145
    line-height: 20px !important;
146
    z-index: 50000000 !important;
147
}
148
li.with-submenu a + nav li a {
149
    padding: 2px 2px !important;
150
    text-align: left !important;
151
}
152
153
/* (new78) - USERSTYLES - AADAPTATION TABLE VIEW PLUS - EDIT USER PROFILE PAGE - === */
154
#main-article>form[accept-charset="UTF-8"] + table#summary ,
155
#main-article>form[accept-charset="UTF-8"] + table#summary + #table-container {
156
display: none !important;
157
}
158
159
/* (new60) - ADAPTATION for GM "Greasyfork install button on search" - 
160
https://greasyfork.org/fr/scripts/23340-greasyfork-install-button-on-search
161
=== */
162
.thetitle + div #install-area {
163
    position: relative !important;
164
    display: inline-block !important;
165
    float: left !important;
166
    max-width: 460px !important;
167
    min-width: 460px !important;
168
    margin-left: 0px !important;
169
    top: 0 !important;
170
    padding: 1px 9px !important;
171
    background-color: #f9ecdb !important;
172
    border-bottom: 1px solid gray;
173
    z-index: 1 !important;
174
    overflow: hidden !important;
175
}
176
.thetitle + div:hover #install-area {
177
    position: relative !important;
178
    display: inline-block !important;
179
    float: left !important;
180
    max-width: 460px !important;
181
    min-width: 460px !important;
182
    margin-left: 0px !important;
183
    height: auto !important;
184
    top: 0 !important;
185
    padding: 5px 9px !important;
186
    background-color: #f9ecdb !important;
187
    border-bottom: 1px solid gray;
188
    z-index: 1 !important;
189
}
190
.thetitle + div #install-area> a {
191
    display: inline-block;
192
    float: left !important;
193
    clear: both !important;
194
    max-width: 50px !important;
195
    min-width: 50px !important;
196
    line-height: 13px !important;
197
    font-size: 12px !important;
198
    margin-left: 0 !important;
199
    text-align: center !important;
200
}
201
.thetitle + div #install-area a:last-of-type {
202
    display: inline-block;
203
    float: left !important;
204
    clear: both !important;
205
    height: 15px !important;
206
    max-width: 50px !important;
207
    min-width: 50px !important;
208
    line-height: 13px !important;
209
    margin-left: 0 !important;
210
    padding: 1px 12px !important;
211
    line-height: 13px !important;
212
    font-size: 12px !important;
213
    text-align: center !important;
214
}
215
.thetitle + div #install-area .script-in-sets {
216
    display: inline-block;
217
    height: 65px !important;
218
    max-width: 330px !important;
219
    min-width: 330px !important;
220
    margin-left: 10px !important;
221
    font-size: 0px !important;
222
}
223
224
.thetitle + div #install-area .script-in-sets a:first-of-type {
225
    display: inline-block;
226
    max-width: 300px !important;
227
    min-width: 300px !important;
228
    margin-left: 0 !important;
229
    font-size: 12px !important;
230
    text-align: center !important;
231
}
232
.thetitle + div #install-area .script-in-sets a:first-of-type + a {
233
    display: inline-block;
234
    max-width: 300px !important;
235
    min-width: 300px !important;
236
    margin-left: 0 !important;
237
    font-size: 12px !important;
238
    text-align: center !important;
239
}
240
.thetitle + div #install-area .script-in-sets select {
241
    display: inline-block;
242
    max-width: 287px !important;
243
    min-width: 287px !important;
244
    margin-left: 0px !important;
245
}
246
/* ADAPTATION for GM : userstyles.org css highlighter
247
https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
248
==== */
249
#view-code.hiBeautted {
250
    background-color: #293134 !important;
251
    color: #e0e2e4 !important;
252
}
253
#view-code.hiBeautted #stylish-code {
254
    color: #B1B1B1 !important;
255
    background-color: #293134 !important;
256
}
257
#hiBeauty::before {
258
    position: absolute;
259
    display: block;
260
    top: 0px;
261
    left: 0% !important;
262
    padding: 1px 3px 0 1px !important;
263
    border-radius: 0 0 5px 0 !important;
264
    background-color: rgba(255, 0, 0, 0.7) !important;
265
}
266
#hiBeauty:hover::before {
267
    padding: 4px !important;
268
    border: 1px solid gray !important;
269
    border-radius: 0 0 5px 0 !important;
270
    background-color: rgba(0, 0, 0, 0.4) !important;
271
    opacity: 1 !important;
272
    z-index: 1;
273
    transition: all ease 1s !important;
274
}
275
#hiBeauty::after {
276
    content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
277
    display: block;
278
    left: -50% !important;
279
    opacity: 0.75;
280
    position: absolute;
281
    top: 2px;
282
    padding: 0 5px !important;
283
    border-radius: 0 5px 5px 0 !important;
284
    font-size: 15px !important;
285
    background: rgba(255, 0, 0, 1) !important;
286
    z-index: 1;
287
    transition: all ease 0.2s !important;
288
}
289
#hiBeauty:hover::after {
290
    content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
291
    display: block;
292
    left: 4% !important;
293
    opacity: 0.75;
294
    position: absolute;
295
    top: 2px;
296
    padding: 0 5px !important;
297
    border-radius: 0 5px 5px 0 !important;
298
    font-size: 15px !important;
299
    color: white !important;
300
    background: rgba(0, 0, 0, 0.61) !important;
301
    z-index: 1;
302
    transition: all ease 0.4s !important;
303
}
304
305
.tk.sel {
306
    color: #25B300 !important;
307
}
308
.tk.pro {
309
    color: #2a7da3 !important;
310
}
311
.tk.pun {
312
    color: #0F40A7 !important;
313
}
314
.tk.com {
315
    color: #9F7E15 !important;
316
}
317
318
/* (new60) - ADAPTATION for GM :
319
== GreasyFork Bullshit Filter :
320
https://greasyfork.org/en/scripts/12179-greasyfork-bull-filter
321
== GreasyFork Bullshit Filter (compatible with Citrus GFork)
322
https://greasyfork.org/en/scripts/13514-greasyfork-bull-filter-compatible-with-citrus-gfork
323
324
AND (TEST):
325
GreasyFork - filter discussions on scripts by review type and author
326
https://greasyfork.org/fr/scripts/23626-greasyfork-filter-discussions-on-scripts-by-review-type-and-author
327
328
=== */
329
.MessageList.DataList.Comments .ItemComment.filtered, 
330
.ItemDiscussion.filtered  {
331
/*     display: none !important; */
332
/*     width: 100% !important; */
333
    height: 10px!important;
334
font-size: 3px !important;
335
overflow: hidden !important;
336
opacity: 0.4 !important;
337
}
338
.MessageList.DataList.Comments .ItemComment.filtered:hover, 
339
.ItemDiscussion.filtered:hover  {
340
/*     display: none !important; */
341
/*     width: 100% !important; */
342
    height: 10px!important;
343
font-size: 3px !important;
344
overflow: hidden !important;
345
opacity: 1 !important;
346
}
347
.ItemDiscussion.filtered .ItemContent.Discussion .Title  {
348
/*     display: none !important; */
349
/*     width: 100% !important; */
350
height: 10px!important;
351
line-height: 6px!important;
352
/*     margin-top: -25px !important; */
353
font-size: 8px !important;
354
/* overflow: hidden !important; */
355
/* opacity: 0.4 !important; */
356
background: red !important;
357
}
358
.ItemDiscussion.filtered .ItemContent.Discussion .Title a {
359
/*     display: none !important; */
360
min-width: 600px !important;
361
max-width: 600px !important;
362
height: 10px!important;
363
line-height: 10px!important;
364
    margin-top: -45px !important;
365
font-size: 8px !important;
366
/* overflow: hidden !important; */
367
/* opacity: 0.4 !important; */
368
/* background: blue !important; */
369
}
370
.ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion  {
371
/*     display: none !important; */
372
min-width: 600px !important;
373
max-width: 600px !important;
374
height: 10px!important;
375
line-height: 10px!important;
376
margin-left: 20px !important;
377
/*     margin-top: -45px !important; */
378
font-size: 9px !important;
379
/* overflow: hidden !important; */
380
/* opacity: 0.4 !important; */
381
/* background: blue !important; */
382
}
383
.ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion::before {
384
margin-top: -8px !important;
385
    transform: scale(0.7) !important;
386
}
387
/* FILTERED SCRIPTS - DISPLAY MINIMUM - === */
388
body[pagetype="ListingPage"] #script-table tr.filtered {
389
    display: table-row !important;
390
    width: 100% !important;
391
    height: 10px!important;
392
}
393
body[pagetype="ListingPage"] #script-table tr.filtered:hover td {
394
    background: black !important;
395
}
396
body[pagetype="ListingPage"] #script-table tr.filtered > td {
397
    display: table-cell !important;
398
    height: 100% !important;
399
    min-height: 10px!important;
400
    max-height: 10px!important;
401
    padding: 0 !important;
402
    font-size: 7px !important;
403
background-color: #F7F6E9 !important;
404
}
405
body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {
406
    font-size: 8px !important;
407
}
408
409
body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {
410
    font-size: 8px !important;
411
}
412
body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {
413
    border-left: 1px solid red !important;
414
}
415
416
/* HIDDE SCRIPT DESCRIPTION FOR FILTERED */
417
body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {
418
    display: none !important;
419
}
420
421
/* (new93) SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
422
body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {
423
    position: absolute !important;
424
    display: inline-block !important;
425
    width: 914px !important;
426
    background-color: #f7f6e9 !important;
427
    border: 1px solid peru !important;
428
    border-left: 3px solid red !important;
429
    border-right: 3px solid red !important;
430
    border-bottom: 4px solid red !important;
431
font-size: 15px !important;
432
}
433
body[pagetype="ListingPage"] #script-table tr.filtered > td span + span ,
434
body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {
435
    display: inline-block !important;
436
    display: none !important;
437
    height: 100% !important;
438
    min-height: 15px!important;
439
    max-height: 15px!important;
440
    padding: 0 !important;
441
    font-size: 8px !important;
442
}
443
body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {
444
    display: inline-block !important;
445
    height: 100% !important;
446
    min-height: 10px!important;
447
    max-height: 10px!important;
448
    line-height: 8px!important;
449
    padding: 0 !important;
450
    font-size: 9px !important;
451
}
452
.filter-status:not(:empty) ,
453
#script-content .filter-status:not(:empty) {
454
box-sizing: border-box;
455
    position: fixed !important;
456
height: 35px !important;
457
line-height: 17px !important;
458
    max-width: 190px !important;
459
    min-width: 190px !important;
460
    left: calc(83.95%) !important;
461
    top: 55px !important;
462
    padding: 1px 0px  !important;
463
    border-radius: 5px 5px 0 0 !important;
464
    text-align: center !important;
465
    font-size: 13px !important;
466
/*     letter-spacing: 5px !important; */
467
    color: white !important;
468
    cursor: default !important;
469
    z-index: 500000 !important;
470
    background: #B38C25 !important;
471
}
472
.filter-status:first-of-type + .filter-switches:hover ,
473
.filter-status:first-of-type:hover + .filter-switches ,
474
.filter-status:first-of-type + .filter-switches {
475
    position: fixed !important;
476
    width: 190px !important;
477
    left: calc(84.3%) !important;
478
    top: 88px !important;
479
    border-radius: 0 0 5px 5px !important;
480
    background: #B38C25 !important;
481
    z-index: 50000 !important;
482
}
483
.filter-status:first-of-type + .filter-switches ~  .filter-switches ,
484
.filter-status:first-of-type + .filter-switches ~ .filter-status {
485
display: none !important;
486
}
487
/* .filter-on, .filter-off {
488
    display: inline-block;
489
    width: 190px !important;
490
} */
491
:hover > .filter-switches a ,
492
.filter-switches  a ,
493
#main-header  .width-constraint + .filter-status ~  .filter-switches a ,
494
#Frame #Head.Head .filter-switches a
495
#script-content .filter-switches  a {
496
    display: inline-block  !important;
497
    width: 160px !important;
498
    height: 15px !important;
499
    line-height: 15px !important;
500
    margin-top: -2px !important;
501
    bottom: 0px !important;
502
    margin-left: 0px !important;
503
    font-size: 14px !important;
504
color: white !important;
505
    cursor: pointer !important;
506
}
507
508
/* :hover > .filter-switches a.filter-on , 
509
:hover > .filter-switches a.filter-off ,
510
#main-header:not(:hover)> .filter-switches a.filter-on , 
511
#main-header:not(:hover)> .filter-switches a.filter-off {
512
    color: white !important;
513
} */
514
/* :hover > #script-content .filter-switches  a.filter-on ,
515
:hover > #script-content .filter-switches  a.filter-off {
516
    color: peru !important;
517
} */
518
#Frame #Head.Head .filter-switches a {
519
    color: white !important;
520
}
521
522
.ui-widget {
523
    position: fixed !important;
524
    width: 190px !important;
525
    top: 175px !important;
526
    left: calc(84.5%) !important;
527
}
528
.ui-widget #myform {
529
    width: 185px !important;
530
}
531
532
.ui-widget #myform input#authors {
533
    width: 180px !important;
534
}
535
.dropdown {
536
    position: fixed !important;
537
    width: 185px !important;
538
    left: calc(84.5%) !important;
539
    top: 228px !important
540
}
541
542
.dropbtn {
543
    width: 185px !important;
544
    padding: 5px 0px 5px 20px !important;
545
}
546
.dropdown-content {
547
    width: 185px !important;
548
    height: 400px !important;
549
    padding: 16px 0px 5px 0px !important;
550
    background-color: #222 !important;
551
}
552
#myDropdown.dropdown-content a {
553
    padding: 1px 0px 2px 5px !important;
554
    font-size: 15px !important;
555
    color: gray !important;
556
    background-color: #333 !important;
557
    text-align: left !important;
558
    cursor: default !important;
559
}
560
#myDropdown.dropdown-content a:hover {
561
    font-size: 15px !important;
562
    color: gold !important;
563
    background-color: #222 !important;
564
}
565
566
/* FILTER - ALL COMMENTS (on top)  */
567
/* body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches a:first-of-type */
568
569
.dropdown:hover   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] ,
570
.dropdown:not(:hover)   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] {
571
    position: fixed !important;
572
    display: inline-block !important;
573
    left: calc(85.56%) !important;
574
    top: 232px !important;
575
    padding: 3px !important;
576
    border-radius: 100% !important;
577
    text-align: center !important;
578
}
579
580
/* for FITTER SCRIPT */
581
.width-constraint + .filter-status {
582
    position: fixed !important;
583
    width: 190px !important;
584
/* left: calc(86.7%) !important; */
585
}
586
.width-constraint + .filter-status + .filter-switches {
587
/* left: calc(87%) !important; */
588
}
589
.width-constraint + .filter-status + .filter-switches a {
590
    margin-left: 10px !important;
591
}
592
593
/* (new94) FITER COMMENTS on USER PROFILE - CONTAINER - === */
594
body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches {
595
    background: #222;
596
    display: inline-block;
597
    position: absolute;
598
    right: 110px;
599
    width: 189px;
600
    top: 91px;
601
    text-align: center;
602
}
603
body[pagetype="PersonalProfile"] #user-profile +  #control-panel .ui-widget {
604
    left: calc(84.5%);
605
    top: 195px !important;
606
    width: 190px;
607
}
608
609
610
body[pagetype="PersonalProfile"] #user-profile +  #control-panel .dropdown {
611
    left: calc(84.5%);
612
    top: 241px !important;
613
    width: 185px;
614
}
615
616
/* GREASEAFORK FORUM - CLEAR CONVERSTAION BUTTON - Small TXT - === */
617
.Button.Danger.BigButton.ClearConversation {
618
    display: block;
619
    font-size: 11px!important;
620
    font-weight: bold;
621
    margin: 0 0 10px;
622
    padding: 8px 10px;
623
    text-align: center;
624
}
625
626
/* ALL SITES PAGE - 
627
https://greasyfork.org/en/scripts/by-site
628
=== */
629
#by-site-list li[style="font-size: 5.0em"] {
630
    font-size: 3.28em  !important;
631
}
632
#by-site-list li[style="font-size: 5.0em"] a {
633
    color: darkturquoise !important;
634
}
635
636
637
#by-site-list li[style="font-size: 4.07em"] {
638
    font-size: 3.27em !important;
639
}
640
#by-site-list li[style="font-size: 4.07em"] a {
641
    color: lightsalmon!important;
642
}
643
644
#by-site-list li[style="font-size: 3.86em"] {
645
    font-size: 3.26em !important;
646
}
647
#by-site-list li[style="font-size: 3.86em"] a {
648
    color: darkturquoise !important;
649
}
650
651
#by-site-list li[style="font-size: 2.86em"] {
652
    font-size: 3.25em!important;
653
}
654
#by-site-list li[style="font-size: 2.86em"] a {
655
    color: deepskyblue !important;
656
}
657
658
#by-site-list li[style="font-size: 2.02em"] {
659
    font-size: 3.24em!important;
660
}
661
#by-site-list li[style="font-size: 2.02em"] a {
662
    color: darkturquoise !important;
663
}
664
665
#by-site-list li[style="font-size: 2.1em"] {
666
    font-size: 3.23em !important;
667
}
668
#by-site-list li[style="font-size: 2.1em"] a {
669
    color: darkturquoise !important;
670
}
671
672
#by-site-list li[style="font-size: 2.06em"] {
673
    font-size: 3.22em !important;
674
}
675
#by-site-list li[style="font-size: 2.06em"] a {
676
    color: deepskyblue !important;
677
}
678
679
#by-site-list li[style="font-size: 1.99em"] {
680
    font-size: 3.21em !important;
681
}
682
#by-site-list li[style="font-size: 1.99em"] a {
683
    color: darkturquoise !important;
684
}
685
686
#by-site-list li[style="font-size: 1.92em"] {
687
    font-size: 3.20em !important;
688
}
689
#by-site-list li[style="font-size: 1.92em"] a {
690
    color: darkturquoise !important;
691
}
692
693
#by-site-list li[style="font-size: 1.87em"] {
694
    font-size: 3.19em!important;
695
}
696
#by-site-list li[style="font-size: 1.87em"] a {
697
    color: darkturquoise !important;
698
}
699
700
#by-site-list li[style="font-size: 1.7em"] {
701
    font-size: 3.18em!important;
702
}
703
#by-site-list li[style="font-size: 1.7em"] a {
704
    color: darkturquoise !important;
705
}
706
707
#by-site-list li[style="font-size: 1.66em"] {
708
    font-size: 3.17em !important;
709
}
710
#by-site-list li[style="font-size: 1.66em"] a {
711
    color: darkturquoise !important;
712
}
713
714
#by-site-list li[style="font-size: 1.61em"] {
715
    font-size: 3.16em !important;
716
}
717
#by-site-list li[style="font-size: 1.61em"] a {
718
    color: deeppink !important;
719
}
720
721
#by-site-list li[style="font-size: 1.5em"] {
722
    font-size: 3.15em !important;
723
}
724
#by-site-list li[style="font-size: 1.5em"] a {
725
    color: darkturquoise !important;
726
}
727
728
#by-site-list li[style="font-size: 1.4em"] {
729
    font-size: 3.14em !important;
730
}
731
#by-site-list li[style="font-size: 1.4em"] a {
732
    color: darkturquoise !important;
733
}
734
735
#by-site-list li[style="font-size: 1.41em"] {
736
    font-size: 3.13em !important;
737
}
738
#by-site-list li[style="font-size: 1.41em"] a {
739
    color: deeppink !important;
740
}
741
742
#by-site-list li[style="font-size: 1.3em"] {
743
    font-size: 3.12em !important;
744
}
745
#by-site-list li[style="font-size: 1.3em"] a {
746
color: deeppink !important;
747
}
748
749
#by-site-list li[style="font-size: 1.39em"] {
750
    font-size: 3.11em !important;
751
}
752
#by-site-list li[style="font-size: 1.39em"] a {
753
    color: darkturquoise !important;
754
}
755
756
#by-site-list li[style="font-size: 1.38em"] {
757
    font-size: 3.10em!important;
758
}
759
#by-site-list li[style="font-size: 1.38em"] a {
760
    color: darkturquoise !important;
761
}
762
763
#by-site-list li[style="font-size: 1.35em"] {
764
    font-size: 3.09em !important;
765
}
766
#by-site-list li[style="font-size: 1.35em"] a {
767
color: darkturquoise !important;
768
}
769
770
#by-site-list li[style="font-size: 1.34em"] {
771
    font-size: 3.08em !important;
772
}
773
#by-site-list li[style="font-size: 1.34em"] a {
774
    color: darkturquoise !important;
775
}
776
777
#by-site-list li[style="font-size: 1.32em"] {
778
    font-size: 3.07em !important;
779
}
780
#by-site-list li[style="font-size: 1.32em"] a {
781
    color: darkturquoise !important;
782
}
783
784
#by-site-list li[style="font-size: 1.31em"] {
785
    font-size: 3.06em !important;
786
}
787
#by-site-list li[style="font-size: 1.31em"] a {
788
    color: darkturquoise !important;
789
}
790
791
#by-site-list li[style="font-size: 1.29em"] {
792
    font-size: 3.05em !important;
793
}
794
#by-site-list li[style="font-size: 1.29em"] a {
795
    color: deeppink !important;
796
}
797
798
#by-site-list li[style="font-size: 1.26em"] {
799
    font-size: 3.04em !important;
800
}
801
#by-site-list li[style="font-size: 1.26em"] a {
802
    color: darkturquoise !important;
803
}
804
805
806
#by-site-list li[style="font-size: 1.23em"] {
807
    font-size: 3.03em !important;
808
}
809
#by-site-list li[style="font-size: 1.23em"]:nth-child(odd) a {
810
    color: lightcyan !important;
811
}
812
#by-site-list li[style="font-size: 1.23em"]:nth-child(even) a {
813
    color: wheat !important;
814
}
815
816
817
#by-site-list li[style="font-size: 1.21em"] {
818
    font-size: 3.02em !important;
819
}
820
#by-site-list li[style="font-size: 1.21em"] a {
821
    color: deeppink !important;
822
}
823
824
#by-site-list li[style="font-size: 1.08em"] {
825
    font-size: 3.01em !important;
826
}
827
#by-site-list li[style="font-size: 1.08em"] a {
828
    color: darkturquoise !important;
829
}
830
831
#by-site-list li[style="font-size: 1.07em"] {
832
    font-size: 3.00em !important;
833
}
834
#by-site-list li[style="font-size: 1.07em"] a {
835
    color: darkturquoise !important;
836
}
837
838
#by-site-list li[style="font-size: 1.05em"] {
839
    font-size: 2.99em  !important;
840
}
841
#by-site-list li[style="font-size: 1.05em"] a {
842
    color: darkturquoise !important;
843
}
844
845
#by-site-list li[style="font-size: 1.0em"] {
846
    font-size: 2.98em  !important;
847
}
848
#by-site-list li[style="font-size: 1.0em"] a {
849
    color: darkturquoise !important;
850
}
851
852
#by-site-list li[style="font-size: 1.01em"] {
853
    font-size: 2.97em  !important;
854
}
855
#by-site-list li[style="font-size: 1.01em"] a {
856
    color: darkturquoise !important;
857
}
858
859
860
#by-site-list li[style="font-size: 0.6em"] {
861
    font-size: 1em !important;
862
}
863
#by-site-list li[style="font-size: 0.6em"]:nth-child(odd) a {
864
    color: lightblue!important;
865
}
866
#by-site-list li[style="font-size: 0.6em"]:nth-child(even) a {
867
    color: aquamarine !important;
868
}
869
#by-site-list li[style="font-size: 0.6em"]:nth-child(3n+2) a {
870
    color: tomato !important;
871
}
872
#by-site-list li[style="font-size: 0.6em"]:nth-child(3n+3) a {
873
    color: powderblue !important;
874
}
875
#by-site-list li[style="font-size: 0.6em"]:nth-child(4n+7) a {
876
    color: greenyellow !important;
877
}
878
879
880
881
#by-site-list li[style="font-size: 0.61em"]{
882
    font-size: 1.1em !important;
883
}
884
#by-site-list li[style="font-size: 0.61em"]:nth-child(odd) a {
885
    color: turquoise !important;
886
}
887
#by-site-list li[style="font-size: 0.61em"]:nth-child(even) a {
888
    color: azure !important;
889
}
890
#by-site-list li[style="font-size: 0.61em"]:nth-child(3n+2) a {
891
    color: mediumvioletred !important;
892
}
893
894
895
896
#by-site-list li[style="font-size: 0.62em"]{
897
    font-size: 1.2em !important;
898
}
899
#by-site-list li[style="font-size: 0.62em"] a {
900
    color: blueviolet !important;
901
}
902
#by-site-list li[style="font-size: 0.62em"]:nth-child(odd) a {
903
    color: cornflowerblue !important;
904
}
905
#by-site-list li[style="font-size: 0.62em"]:nth-child(even) a {
906
    color: peachpuff !important;
907
}
908
#by-site-list li[style="font-size: 0.62em"]:nth-child(3n+2) a {
909
    color: tomato !important;
910
}
911
#by-site-list li[style="font-size: 0.62em"]:nth-child(3n+3) a {
912
    color: powderblue !important;
913
}
914
#by-site-list li[style="font-size: 0.62em"]:nth-child(4n+7) a {
915
    color: greenyellow !important;
916
}
917
918
919
#by-site-list li[style="font-size: 0.63em"]{
920
    font-size: 1.3em !important;
921
}
922
#by-site-list li[style="font-size: 0.63em"]:nth-child(odd) a  {
923
    color: lightsalmon !important;
924
}
925
#by-site-list li[style="font-size: 0.63em"]:nth-child(even) a {
926
    color: darkcyan !important;
927
}
928
929
930
931
#by-site-list li[style="font-size: 0.64em"]{
932
    font-size: 1.4em !important;
933
}
934
#by-site-list li[style="font-size: 0.64em"] a {
935
    color: peru !important;
936
}
937
#by-site-list li[style="font-size: 0.64em"]:nth-child(odd) a {
938
    color: deepskyblue !important;
939
}
940
#by-site-list li[style="font-size: 0.64em"]:nth-child(even) a {
941
    color: dodgerblue !important;
942
}
943
#by-site-list li[style="font-size: 0.64em"]:nth-child(3n+2) a {
944
    color: tomato !important;
945
}
946
#by-site-list li[style="font-size: 0.64em"]:nth-child(3n+3) a {
947
    color: powderblue !important;
948
}
949
#by-site-list li[style="font-size: 0.64em"]:nth-child(4n+7) a {
950
    color: greenyellow !important;
951
}
952
953
#by-site-list li[style="font-size: 0.65em"]{
954
    font-size: 1.5em !important;
955
}
956
#by-site-list li[style="font-size: 0.65em"]:nth-child(odd) a {
957
    color: violet !important;
958
}
959
#by-site-list li[style="font-size: 0.65em"]:nth-child(even) a {
960
    color: goldenrod !important;
961
}
962
963
964
#by-site-list li[style="font-size: 0.66em"]{
965
    font-size: 1.6em !important;
966
}
967
#by-site-list li[style="font-size: 0.66em"]:nth-child(odd) a {
968
    color: greenyellow !important;
969
}
970
#by-site-list li[style="font-size: 0.66em"]:nth-child(even) a {
971
    color: indianred !important;
972
}
973
974
975
#by-site-list li[style="font-size: 0.67em"]{
976
    font-size: 1.7em !important;
977
}
978
#by-site-list li[style="font-size: 0.67em"] a {
979
    color: lawngreen !important;
980
}
981
982
983
984
#by-site-list li[style="font-size: 0.68em"]{
985
    font-size: 1.8em !important;
986
}
987
#by-site-list li[style="font-size: 0.68em"]:nth-child(odd) a {
988
    color: lightblue !important;
989
}
990
#by-site-list li[style="font-size: 0.68em"]:nth-child(even) a {
991
    color: lavender !important;
992
}
993
#by-site-list li[style="font-size: 0.68em"]:nth-child(3n+2) a {
994
    color: tomato !important;
995
}
996
#by-site-list li[style="font-size: 0.68em"]:nth-child(3n+3) a {
997
    color: powderblue !important;
998
}
999
#by-site-list li[style="font-size: 0.68em"]:nth-child(4n+7) a {
1000
    color: greenyellow !important;
1001
}
1002
1003
1004
1005
#by-site-list li[style="font-size: 0.69em"]{
1006
    font-size: 1.9em !important;
1007
}
1008
#by-site-list li[style="font-size: 0.69em"] a {
1009
    color: lemonchiffon !important;
1010
}
1011
1012
1013
#by-site-list li[style="font-size: 0.7em"]{
1014
    font-size: 2em !important;
1015
}
1016
#by-site-list li[style="font-size: 0.7em"]:nth-child(odd) a {
1017
    color: thistle !important;
1018
}
1019
#by-site-list li[style="font-size: 0.7em"]:nth-child(even) a {
1020
    color:  blanchedalmond !important;
1021
}
1022
1023
1024
#by-site-list li[style="font-size: 0.71em"]{
1025
    font-size: 2.1em !important;
1026
}
1027
#by-site-list li[style="font-size: 0.71em"] a {
1028
    color: antiquewhite !important;
1029
}
1030
1031
#by-site-list li[style="font-size: 0.72em"]{
1032
    font-size: 2.2em !important;
1033
}
1034
#by-site-list li[style="font-size: 0.72em"] a {
1035
    color: aqua !important;
1036
}
1037
1038
#by-site-list li[style="font-size: 0.73em"]{
1039
    font-size: 2.3em !important;
1040
}
1041
#by-site-list li[style="font-size: 0.73em"] a {
1042
    color: aquamarine !important;
1043
}
1044
1045
#by-site-list li[style="font-size: 0.74em"]{
1046
    font-size: 2.4em !important;
1047
}
1048
#by-site-list li[style="font-size: 0.74em"] a {
1049
    color: bisque !important;
1050
}
1051
1052
1053
#by-site-list li[style="font-size: 0.75em"]{
1054
    font-size: 2.5em !important;
1055
}
1056
#by-site-list li[style="font-size: 0.75em"]:nth-child(odd) a {
1057
    color: darkgray !important;
1058
}
1059
#by-site-list li[style="font-size: 0.75em"]:nth-child(even) a {
1060
    color: palevioletred !important;
1061
}
1062
1063
1064
1065
#by-site-list li[style="font-size: 0.76em"]{
1066
    font-size: 2.6em !important;
1067
}
1068
#by-site-list li[style="font-size: 0.76em"] a {
1069
color: darkcyan !important;
1070
}
1071
1072
#by-site-list li[style="font-size: 0.77em"]{
1073
    font-size: 2.7em !important;
1074
}
1075
#by-site-list li[style="font-size: 0.77em"] a {
1076
    color: darkorange !important;
1077
}
1078
1079
#by-site-list li[style="font-size: 0.78em"]{
1080
    font-size: 2.8em !important;
1081
}
1082
#by-site-list li[style="font-size: 0.78em"] a {
1083
    color: crimson !important;
1084
}
1085
1086
#by-site-list li[style="font-size: 0.79em"]{
1087
    font-size: 2.9em !important;
1088
}
1089
#by-site-list li[style="font-size: 0.79em"] a {
1090
    color: cornsilk  !important;
1091
}
1092
1093
/* ==== > 2.91em ===  */
1094
1095
#by-site-list li[style="font-size: 0.8em"]{
1096
    font-size: 2.91em !important;
1097
}
1098
#by-site-list li[style="font-size: 0.8em"] a {
1099
    color: cornflowerblue  !important;
1100
}
1101
1102
#by-site-list li[style="font-size: 0.81em"]{
1103
    font-size: 2.92em !important;
1104
}
1105
#by-site-list li[style="font-size: 0.81em"] a {
1106
    color: coral  !important;
1107
}
1108
1109
#by-site-list li[style="font-size: 0.82em"]{
1110
    font-size: 2.93em !important;
1111
}
1112
#by-site-list li[style="font-size: 0.82em"] a {
1113
    color: chocolate !important;
1114
}
1115
1116
#by-site-list li[style="font-size: 0.83em"]{
1117
    font-size: 2.94em !important;
1118
}
1119
#by-site-list li[style="font-size: 0.83em"] a {
1120
    color: chartreuse !important;
1121
}
1122
1123
1124
1125
#by-site-list li[style="font-size: 0.85em"]{
1126
    font-size: 2.945em !important;
1127
}
1128
#by-site-list li[style="font-size: 0.85em"] a {
1129
    color: cadetblue !important;
1130
}
1131
#by-site-list li[style="font-size: 0.85em"]:nth-child(odd) a {
1132
    color: orangered!important;
1133
}
1134
#by-site-list li[style="font-size: 0.85em"]:nth-child(even) a {
1135
    color: indianred !important;
1136
}
1137
#by-site-list li[style="font-size: 0.85em"]:nth-child(3n+2) a {
1138
    color: tomato !important;
1139
}
1140
#by-site-list li[style="font-size: 0.85em"]:nth-child(3n+3) a {
1141
    color: mediumturquoise !important;
1142
}
1143
#by-site-list li[style="font-size: 0.85em"]:nth-child(4n+7) a {
1144
    color: greenyellow !important;
1145
}
1146
1147
1148
1149
#by-site-list li[style="font-size: 0.89em"] {
1150
    font-size: 2.96em !important;
1151
}
1152
#by-site-list li[style="font-size: 0.89em"]:nth-child(odd) a {
1153
    color: darkturquoise !important;
1154
}
1155
#by-site-list li[style="font-size: 0.89em"]:nth-child(even) a {
1156
    color: mediumorchid !important;
1157
}
1158
1159
#by-site-list li[style="font-size: 0.99em"] {
1160
    font-size: 2.965em !important;
1161
}
1162
#by-site-list li[style="font-size: 0.99em"]:nth-child(odd) a {
1163
    color: darkturquoise !important;
1164
}
1165
#by-site-list li[style="font-size: 0.99em"]:nth-child(even) a {
1166
    color: mediumorchid !important;
1167
}
1168
1169
1170
1171
1172
/* GREASEY FORK - LIGHTBOX - POSITION - 
1173
https://greasyfork.org/fr/scripts/7732-custom-styles-kaskus
1174
https://greasyfork.org/fr/scripts/7863-gmail-delete-highlight
1175
https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
1176
https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables
1177
https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
1178
HEIGHT ++ : https://greasyfork.org/en/scripts/7275-pinterest-add-ons
1179
1180
ALT (alt="Capture" title="YES" style="">):
1181
- https://greasyfork.org/fr/scripts/7483-fa-content-filter
1182
1183
ALT (alt="Capture" title="NO" style="">):
1184
- https://greasyfork.org/fr/scripts/7827-auto-open
1185
- https://greasyfork.org/fr/scripts/7828-cleaner-androidpolice-ap2
1186
=== */
1187
/* ============  SOURCE - SUPP "Source" - 
1188
La propriété de feuille de style clip css peut prendre la valeur de :
1189
- auto, s'adapte au contenu,
1190
- rect(v1, v2, v3, v4) : 
1191
v1 début de la zone visible verticale, 
1192
v2 fin de la zone visible horizontale, 
1193
v3 fin de la zone visible verticale, 
1194
v4 début de la zone visible horizontale. 
1195
L'unité "%" ne semble pas être acceptée.
1196
- inherit, hérite de son parent
1197
EXEMPLE :
1198
    clip: rect(0px, 185px, 25px , 54px)!important;
1199
================== */
1200
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after {
1201
    position: relative !important;
1202
    display: inline-block !important;
1203
    float: right !important;
1204
    clear: both !important;
1205
    content: " 🔻 Preview 🔻 " !important;
1206
    height: 15px !important;
1207
    line-height: 12px !important;
1208
    width: 140px!important;
1209
    margin-top: -63px!important;
1210
    margin-right: -83px !important;
1211
    border-right: 1px solid peru !important;
1212
    border-left: 1px solid peru !important;
1213
    border-top: 1px solid peru !important;
1214
    transform: rotate(90deg) !important;
1215
    text-align: center !important;
1216
    letter-spacing: 1.7px;
1217
    background: black !important;
1218
    z-index: 5000 !important;
1219
    border: 1px solid gold !important;
1220
}
1221
1222
/* === 
1223
CLIP:
1224
 rect (top, right, bottom, left)
1225
image:clip:rect(0px,60px,200px,0px);
1226
=== */
1227
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots {
1228
    position: absolute!important;
1229
    display: inline-block!important;
1230
    height: 130px !important;
1231
    width: 97.5%!important;
1232
    top: -160px!important;
1233
    text-align: right!important;
1234
    border: 1px solid peru !important;
1235
    background-color: transparent!important;
1236
    background: black !important;
1237
    clip: rect(0px, 990px, 145px , 945px)!important;
1238
    transition: all ease 1.5s !important;
1239
}
1240
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover {
1241
    background: red !important;
1242
    clip: rect(0px, 947px, 145px , 0px)!important;
1243
    z-index: 5000!important;
1244
}
1245
1246
.script-screenshots .fancybox {
1247
    position: relative !important;
1248
    display: inline-block !important;
1249
    float: right !important;
1250
    clear:left !important;
1251
    height: 120px !important;
1252
    width: 160px!important;
1253
    margin-right: 5px!important;
1254
    margin-left: 5px !important;
1255
}
1256
.script-screenshots .fancybox:not([title=""]):after {
1257
    content: attr(title) !important;
1258
    position: relative !important;
1259
    display: inline-block !important;
1260
    height: 10px !important;
1261
    line-height: 10px !important;
1262
    width: 145px!important;
1263
    float: right !important;
1264
    clear: both !important;
1265
    margin-right: 0px !important;
1266
    margin-top: 5px!important;
1267
    padding: 2px 5px !important;
1268
    border-radius: 5px !important;
1269
    font-size: 10px !important;
1270
    text-align: left !important;
1271
    text-overflow: ellipsis !important;
1272
    white-space: nowrap !important;
1273
    overflow: hidden !important;
1274
    background: #333 !important;
1275
}
1276
1277
1278
/* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :
1279
reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338
1280
https://greasyfork.org/fr/scripts/13725-youtube-fairblock
1281
==== */
1282
img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {
1283
    display: inline-block !important;
1284
}
1285
.width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {
1286
    position: relative !important;
1287
    display: inline-block !important;
1288
    height: 100% !important;
1289
    min-height: 100px !important;
1290
    max-height: 100px !important;
1291
    max-width: 98% !important;
1292
    margin: 0 auto !important;
1293
    border: 1px solid orange !important;
1294
    border-radius: 3px;
1295
    box-shadow: 5px 5px 2px #181818 !important;
1296
    color: yellow !important;
1297
/* font-size: 0 !important; */
1298
    padding: 2px !important;
1299
    background-color: #2b2b2b !important;
1300
}
1301
1302
/* TEST - GM - LANG FILTER - 
1303
https://greasyfork.org/fr/scripts/3043-greasyfork-org-langfilter
1304
PB compatibility with TS CITRUS in SCRIPTS LIST 
1305
=== */
1306
#greazy-forq-info  {
1307
    background: rgba(255, 255, 255, 0.55);
1308
    color: #670000;
1309
    cursor: pointer;
1310
    left: 2px;
1311
    position: fixed;
1312
    text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
1313
    top: 2px;
1314
    z-index: 5000!important;
1315
}
1316
li.greazy-forq-hiden ,
1317
.greazy-forq-hiden {
1318
    border-width: 1px 0 1px 9px !important;
1319
}
1320
/* USERSTYLES - - STYLE INFOS for TXT in "small"
1321
https://userstyles.org/styles/109335/greasyfork-wide-scriptlist
1322
=== */
1323
#additional-info-text small {
1324
    color: #acaeb5 !important;
1325
    font-size: 12px!important;
1326
}
1327
1328
/* (new79) SCRIPT TABLE - RATING NUMBER - TS CITRUS - === */
1329
.good-rating-count, 
1330
.ok-rating-count, 
1331
.bad-rating-count {
1332
    border-radius: 2px!important;
1333
    display: inline-block !important;
1334
    min-width: 15px!important;
1335
    height: 13px !important;
1336
    line-height: 11px !important;
1337
    padding: 0px 2px !important;
1338
    margin-right: 2px!important;
1339
    margin-left: -2px!important;
1340
    text-align: center !important;
1341
text-indent: 0px !important;
1342
}
1343
.total-rating-count  {
1344
    display: table-cell !important;
1345
/*     display: inline-block; */
1346
    width: 100% !important;
1347
/* min-width: 100% !important; */
1348
/* max-width: 100% !important; */
1349
    height: 13px !important;
1350
    line-height: 13px !important;
1351
    padding: 0px 2px !important;
1352
    border-radius: 2px!important;
1353
}
1354
1355
/* USERSTYLES COMMENT FORM - 
1356
https://forum.userstyles.org/discussion/48485/how-do-i-remove-pop-ups-in-lower-left-corner-in-firefox#latest
1357
=== */
1358
.Form-HeaderWrap {
1359
    margin-left: -71px !important;
1360
}
1361
.MessageForm .H {
1362
text-indent: 30px !important;
1363
}
1364
.CommentFormWrap .Form-HeaderWrap .Form-Header .Author {
1365
    position: absolute !important;
1366
    margin-left: 51px !important;
1367
    margin-top: -50px !important;
1368
}
1369
.CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap {
1370
    height: 30px !important;
1371
    width: 30px !important;
1372
}
1373
.CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap img.ProfilePhotoMedium {
1374
    height: 30px !important;
1375
    width: 30px !important;
1376
}
1377
1378
#Form_Comment {
1379
    width: 701px !important;
1380-
    min-width: 675px !important;
1380+
1381
    margin-top: -10px !important;
1382
    padding-left: 72px !important;
1383
}
1384
/* (new94) TEST GREASYFORK - POST COMMENT - FIRST (cf #Form_Body) + RE EDIT */
1385
/* FIRST  */
1386
/* #vanilla_post_discussion #DiscussionForm */
1387
1388
textarea#Form_Body.textarea-autosize {
1389
    height: 138px;
1390
    min-height: 50px;
1391
    min-width: 670px !important;
1392
    overflow: hidden;
1393
    resize: vertical !important;
1394
    word-wrap: break-word;
1395
outline: 1px solid red ;
1396
}
1397
.FormWrapper>form {
1398
    margin-left: -23px;
1399
    margin-top: 27px;
1400
    width: 681px !important;
1401
outline: 1px solid red ;
1402
}
1403
/* FIRST */
1404
#vanilla_post_discussion #DiscussionForm {
1405
    position: relative;
1406
    display: inline-block;
1407
    width: 682px ;
1408
    top: 25px ;
1409
    margin-top: -144px !important;
1410
}
1411
#vanilla_post_discussion .FormWrapper {
1412
    margin-top: -8px ;
1413
}
1414
1415
/* RE EDIT / MODIF  */
1416
#vanilla_post_editdiscussion #DiscussionForm {
1417
    position: relative;
1418
    display: inline-block;
1419
    width: 682px ;
1420
    top: 39px ;
1421
    margin-top: -144px !important;
1422
    left: -22px;
1423
}
1424
#vanilla_post_editdiscussion  .FormWrapper>form {
1425
    margin-left: 0px ;
1426
}
1427
1428
/* LARGE - HTLM EDIT COMMENT - FORUM USERSTYLES - HELPER on HOVER -  GM - === */
1429
.RadioLabel[for="Form_Format"] {
1430
    display: inline-block!important;
1431
    width: 116px !important;
1432
    border: 1px solid green !important;
1433
    margin-bottom: 2px !important;
1434
}
1435
/* (new60) NEDD CONVERT for Addstylish lib -  HTLM - WITHOUT GM */
1436
.bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
1437
    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;
1438
    position: absolute !important;
1439
    display: inline-block !important;
1440
    width: 659px !important;
1441
    height: 325px !important;
1442
    margin-top: -338px !important;
1443
    margin-left: -40px !important;
1444
    padding: 5px !important;
1445
    color: peru !important;
1446
    border-radius: 4px 4px 20px 20px !important;
1447
    background: black !important;
1448
    white-space: pre-line !important;
1449
    z-index: 500 !important;
1450
    opacity: 1 !important;
1451
    overflow:hidden !important;
1452
    overflow-y: auto !important;
1453
    transition: all 0.7s!important;
1454
    transition: all ease 0.7s !important;
1455
    border: 4px solid GREEN !important;
1456
}
1457
1458
/* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
1459
#vanilla_post_discussion .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
1460
    position: absolute !important;
1461
    display: inline-block !important;
1462
    width: 430px !important;
1463
    height: 500px !important;
1464
    top: 460px !important;
1465
    left: 40px !important;
1466
    border: 4px DOTTED GREEN !important;
1467
}
1468
1469
1470
1471
1472
/* HTLM WITH GM */
1473
.bodybox-wrap .Button +  .RadioLabel[for="Form_Format"]:hover:after {
1474
    display: none !important;
1475
}
1476
/* .bodybox-wrap:hover:after , */
1477
.bodybox-wrap .Button +  .RadioLabel[for="Form_Format"] a:hover:after {
1478
    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;
1479
    position: absolute !important;
1480
    display: inline-block !important;
1481
    width: 638px !important;
1482
    height: 400px !important;
1483
    margin-top: -398px !important;
1484
    margin-left: -40px !important;
1485
    padding: 5px !important;
1486
    color: peru !important;
1487
    border: 1px dotted GREEN !important;
1488
    border-radius: 4px 4px 0px 20px !important;
1489
    background: black !important;
1490
    white-space: pre-line !important;
1491
    z-index: 500 !important;
1492
    opacity: 1 !important;
1493
    overflow:hidden !important;
1494
    overflow-y: auto !important;
1495
    transition: all 0.7s!important;
1496
    transition: all ease 0.7s !important;
1497
}
1498
1499
1500
/* (new60) LARGE - MARKDOWN - Hover on (?)  FOR for GM "Markdown toolbar for GreasyFork and UserStyles":
1501
https://greasyfork.org/scripts/6779
1502
.bodybox-wrap .RadioLabel[for="Form_Format1"] a
1503
=== */
1504
/* .RadioLabel[for="Form_Format1"]:hover , */
1505
.RadioLabel[for="Form_Format1"] {
1506
    position: relative !important;
1507
    display: inline-block !important;
1508
    width: 130px !important;
1509
    border: 1px solid YELLOW !important;
1510
}
1511
1512
/* (new60) NEDD CONVERT for Addstylish lib -  MARKDOWN - WITH GM */
1513
.bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"] a:hover:after {
1514
    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;
1515
    position: absolute !important;
1516
    display: inline-block !important;
1517
    width: 500px !important;
1518
    height: 390px !important;
1519
    margin-top: -398px !important;
1520
    margin-left: -66px !important;
1521
    padding: 10px !important;
1522
    color: peru !important;
1523
    border: 1px dotted YELLOW !important;
1524
    border-radius: 4px 4px 0px 20px !important;
1525
    background: black !important;
1526
    white-space: pre-line !important;
1527
    z-index: 500 !important;
1528
    opacity: 1 !important;
1529
    visibility: visible !important;
1530
    overflow:hidden !important;
1531
    overflow-y: auto !important;
1532
    transition: all 0.7s!important;
1533
}
1534
1535
/* HTLM WITH GM */
1536
.bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"]:hover:after {
1537
display: none !important;
1538
}
1539
/* (new60) NEDD CONVERT for Addstylish lib -  HTLM WITHOUT GM */
1540
.bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
1541
    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;
1542
    position: absolute !important;
1543
    display: inline-block !important;
1544
    width: 520px !important;
1545
    height: 320px !important;
1546
    margin-top: -342px !important;
1547
    margin-left: -66px !important;
1548
    padding: 10px !important;
1549
    color: peru !important;
1550
    border-radius: 4px 4px 20px 20px !important;
1551
    white-space: pre-line !important;
1552
    z-index: 500 !important;
1553
    opacity: 1 !important;
1554
    visibility: visible !important;
1555
    overflow:hidden !important;
1556
    overflow-y: auto !important;
1557
    transition: all 0.7s!important;
1558
    border: 4px solid YELLOW !important;
1559
    background: black !important;
1560
}
1561
/* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
1562
#vanilla_post_discussion .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
1563
    position: absolute !important;
1564
    display: inline-block !important;
1565
    width: 420px !important;
1566
    height: 500px !important;
1567
    margin-left: 80px !important;
1568
    top: 255px !important;
1569
    left: -525px !important;
1570
    font-size: 12px !important;
1571
    border: 4px DOTTED YELLOW !important;
1572
}
1573
1574
.bodybox-wrap .RadioLabel[for="Form_Format2"] a:after ,
1575
.bodybox-wrap .RadioLabel[for="Form_Format2"]:after ,
1576
.bodybox-wrap .RadioLabel[for="Form_Format1"]:after {
1577
visibility: hidden !important;
1578
    opacity: 0!important;
1579
}
1580
1581
/* (new66) PROFILE INFOS - without sript - === */
1582
#main-header + .width-constraint .text-content #user-profile + section header {
1583
    margin-bottom: 2px !important;
1584
    margin-top: -18px !important;
1585
}
1586
/* (new76) PROFILE INFOS - CITRUS */
1587
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {
1588
    margin-bottom: 2px !important;
1589
    margin-top: -9px !important;
1590
} 
1591
.width-constraint #script-list-option-groups.list-option-groups + header {
1592
    display: inline-block !important;
1593
    float: right !important;
1594
    width: 778px !important;
1595
    min-height: 25px !important;
1596
    max-height: 25px !important;
1597
    line-height: 0px !important;
1598
    margin-right: -26px !important;
1599
    margin-top: 0px !important;
1600
/* margin-bottom: -37px !important; */
1601
/* background: red !important; */
1602
}
1603
.width-constraint #script-list-option-groups.list-option-groups + header h3 {
1604
    display: inline-block !important;
1605
    width: 779px !important;
1606
    min-height: 25px !important;
1607
    max-height: 25px !important;
1608
    line-height: 20px !important;
1609
    margin-top: -3px !important;
1610
/* margin-bottom: -37px !important; */
1611
    text-align: center !important;
1612
background: #222 !important;
1613
}
1614
.width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {
1615
    display: inline-block !important;
1616
    float: right !important;
1617
    width: 778px !important;
1618
    min-height: 844px !important;
1619
    margin-top: 25px !important;
1620
    margin-right: -29px !important;
1621
}
1622
1623
1624
/* (new94) USER PROFILE - === */
1625
.script-list, 
1626
.user-list, 
1627
.text-content {
1628
    display: inline-block !important;
1629
/* width: 100% !important; */
1630
    margin-top: 0px !important;
1631
    box-shadow: 3px 3px 2px black !important;
1632
    background-color: #222 !important;
1633
}
1634
#user-profile>p {
1635
    margin-top: 0 !important;
1636
}
1637
.text-content {
1638
width: 100% !important;
1639
}
1640
1641
.white-panel, 
1642
#user-discussions-on-scripts-written, 
1643
#control-panel, 
1644
#user-profile {
1645
    background-color: transparent !important;
1646
}
1647
1648
/* (new74) PROFILE INFOS - WITH / WITHOUT CITRUS  - PERSONALPROFILE and USREPROFILE - 
1649
https://greasyfork.org/fr/users/8-decembre?sort=updated
1650
https://greasyfork.org/fr/users/2482-lazza?sort=updated
1651
=== */
1652
body[pagetype="PersonalProfile"] #main-header + .width-constraint ,
1653
body[pagetype="UserProfile"] #main-header + .width-constraint {
1654
    margin-top: 45px !important;
1655
    max-width: 980px !important;
1656
background: #222 !important;
1657
}
1658
body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel ,
1659
body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content {
1660
    display: inline-block  !important;
1661
    max-width: 980px !important;
1662
    box-shadow: none !important;
1663
}
1664
1665
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content {
1666
    box-shadow: none !important;
1667
    padding-bottom: 0 !important;
1668
}
1669
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content .white-panel {
1670
    padding: 0 0 0 10px !important;
1671
}
1672
1673
/* (new73) FAVORIS SCRIPTS - without CITRUS */
1674
.width-constraint section.text-content + section {
1675
    margin-top: 25px !important;
1676
    margin-bottom: 10px !important;
1677
/* background: blue !important; */
1678
}
1679
.width-constraint section.text-content + section header {
1680
    margin-top: -31px !important;
1681
    margin-bottom: -10px !important;
1682
}
1683
#user-script-sets {
1684
    margin-top: 0px !important;
1685
padding-top: 10px !important;
1686
    padding-left: 0px !important;
1687
}
1688
1689
1690
/* (new73) FAVORIS SCRIPTS - CITRUS - PERSONALPROFILE and USREPROFILE */
1691
body[pagetype="UserProfile"] #main-header + .width-constraint >section.text-content + section .white-panel {
1692
    display: inline-block  !important;
1693
    margin-top: -18px !important;
1694
/* background: red !important; */
1695
}
1696
body[pagetype="UserProfile"] #main-header + .width-constraint section.text-content + section header {
1697
    margin-top: -31px !important;
1698
    margin-bottom: 10px !important;
1699
}
1700
1701
1702
/* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE */
1703
1704
#user-profile {
1705
    display: inline-block !important;
1706
    min-width: 910px;
1707
    max-width: 910px;
1708
    min-height: 21px!important;
1709
    max-height: 21px!important;
1710
    padding-bottom: 8px !important;
1711
    padding-top: 2px !important;
1712
    overflow: hidden!important;
1713
    transition: all ease 0.2s !important;
1714
/* background-color: red !important; */
1715
}
1716
1717
body[pagetype="PersonalProfile"] #user-profile ,
1718
body[pagetype="UserProfile"] #user-profile {
1719
    display: inline-block !important;
1720
    min-width: 930px;
1721
    max-width: 930px;
1722
    background-color: white;
1723
    min-height: 21px!important;
1724
    max-height: 21px!important;
1725
    padding-bottom: 18px !important;
1726
    padding-top: 0px !important;
1727
    overflow: hidden!important;
1728
    transition: all ease 0.2s !important;
1729
}
1730
/* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - HOVER */
1731
#user-profile:hover {
1732
    display: inline-block !important;
1733
    min-height: 21px !important;
1734
    max-height: 200px !important;
1735
    background: black!important;
1736
    overflow-y: auto !important;
1737
    transition: all ease 0.7s !important;
1738
}
1739
body[pagetype="PersonalProfile"] #user-profile:hover ,
1740
body[pagetype="UserProfile"] #user-profile:hover {
1741
    display: inline-block !important;
1742
    min-height: 21px !important;
1743
    max-height: 200px !important;
1744
    background: black!important;
1745
    overflow-y: auto !important;
1746
    transition: all ease 0.7s !important;
1747
}
1748
1749
1750
/* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - TXT "HOVER IT" - HOVER */
1751
1752
.width-constraint > .text-content #user-profile:after {
1753
    position: absolute !important;
1754
    display: inline-block !important;
1755
    top: 107px !important;
1756
    margin-left: -255px !important;
1757
    content: " (hover it !)" !important;
1758
    font-size: 9px !important;
1759
    color: tomato !important;
1760
/* background: red !important; */
1761
}
1762
body[pagetype="UserProfile"] .width-constraint > .text-content #user-profile:after  {
1763
    top: 99px !important;
1764
    margin-left: 0px !important;
1765
    color: red !important;
1766
}
1767
1768
body[pagetype="PersonalProfile"] .width-constraint > .text-content #user-profile:after {
1769
    top: 99px !important;
1770
    margin-left: -220px !important;
1771
    color: green !important;
1772
}
1773
1774
1775
/* A SUPP ?? */
1776
1777
#user-profile>h1:not(:hover){
1778
    margin-bottom: -5px !important;
1779
}
1780
#user-profile>h1:not(:hover):after {
1781
    margin-top: -3px !important;
1782
    content: " (hover it !)" !important;
1783
    font-size: 9px !important;
1784
    color: tomato !important;
1785
}
1786
#user-profile>a:hover {
1787
    color: tomato !important;
1788
}
1789
#user-discussions-on-scripts-written  {
1790
    min-width: 930px !important;
1791
    max-width: 930px !important;
1792
    margin: auto !important;
1793
    padding-bottom: 18px !important;
1794
    padding-top: 0px !important;
1795
    background-color: white;
1796
}
1797
#user-discussions-on-scripts-written ~ #script-table tbody tr td:nth-child(2) {
1798
    max-width: 385px !important;
1799
    word-wrap: break-word !important;
1800
}
1801
.width-constraint .text-content section#user-profile  + section + section #script-list-option-groups.list-option-groups {
1802
    display: inline-block !important;
1803
    float: left !important;
1804
    margin-left: -15px !important;
1805
    margin-top: 20px !important;
1806
}
1807
1808
1809
/* (new66) USER PROFILE -  SETS - for long SETS DESCRIPTION - wiyh / without GM " CITRUS" OK - 
1810
https://greasyfork.org/en/users/11263-azazello
1811
https://greasyfork.org/en/users/3171-clickhappier?sort=updated
1812
=== */
1813
#main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
1814
    display: inline-block!important;
1815
    margin-left: -13px !important;
1816
    margin-bottom: 0 !important;
1817
margin-top: -14px !important;
1818
    padding-left: 6px !important;
1819
}
1820
1821
/* CITRUS */
1822
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
1823
    display: inline-block!important;
1824
    margin-left: -13px !important;
1825
margin-top: 4px !important;
1826
    padding-left: 6px !important;
1827
}
1828
1829
#user-script-sets>li {
1830
    display: inline-block !important;
1831
    float: right ;
1832
    clear: both ;
1833
    width: 935px !important;
1834
    line-height: 20px !important;
1835
    margin-bottom: 2px !important;
1836
    padding: 0 5px !important;
1837
    text-indent: -18px !important;
1838
}
1839
#user-script-sets>li:nth-child(odd)  {
1840
    background: #333 !important;
1841
}
1842
#user-script-sets>li:nth-child(even) {
1843
    background: black !important;
1844
}
1845
#user-script-sets>li:hover {
1846
    color: tomato !important;
1847
}
1848
#user-script-sets>li:before {
1849
    content: " ▶   " ;
1850
}
1851
1852
#user-script-sets>li a[href*="/scripts?set="] {
1853
    display: inline-block !important;
1854
/* float: left !important; */
1855
    width: 17px !important;
1856
    line-height: 20px !important;
1857
    margin-bottom: -3px !important;
1858
    font-size: 10px !important;
1859
    color: transparent !important;
1860
    white-space: nowrap !important;
1861
    overflow: hidden !important;
1862
}
1863
/* (new60) */
1864
#user-script-sets>li a[href*="/scripts?set="]:before {
1865
    position: relative ;
1866
    display: inline-block !important;
1867
    float: left ;
1868
    height: 100% ;
1869
    max-height: 15px ;
1870
    min-height: 15px ;
1871
    width: 100% ;
1872
    min-width: 25px ;
1873
    max-width: 25px ;
1874
    margin-left: -2px ;
1875
    top: 4px ;
1876
    color: transparent;
1877
    content: " ";
1878
    background-repeat: no-repeat;
1879
    background-color: rgba(55, 173, 227, 0.4) ;
1880
    background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
1881
    background-position: 3px -650px !important;
1882
}
1883
#user-script-sets>li:hover>a[href$="/edit"] {
1884
    display: inline-block !important;
1885
    height: 15px !important;
1886
    line-height: 18px !important;
1887
    margin-left: 15px !important;
1888
    color: gold !important;
1889
/* background: rgba(11, 11, 11, 0.5) !important; */
1890
    padding: 2px 4px !important;
1891
/* border-radius: 5px !important; */
1892
/* transition: background ease 1.5s !important; */
1893
}
1894
/* (new60 */
1895
#user-script-sets>li:hover>a:not([href$="/edit"]) {
1896
    display: inline-block !important;
1897
/*     color: gold !important; */
1898
/*     background: rgba(11, 11, 11, 0.5) !important; */
1899
/*     border-radius: 5px !important; */
1900
/*     transition: background ease 0.8s !important; */
1901
}
1902
#user-script-sets>li>a[href$="/edit"]:hover  ,
1903
#user-script-sets>li>a:not([href$="/edit"]):hover {
1904
/*     color: white !important; */
1905
/*     transition: background ease 0.8s !important; */
1906
}
1907
1908
/* TS CITRUS - SETS - USER SETS (ON HOVER) - #script-table +  - === */
1909
#main-header + #script-table + .pagination + #UserSets ,
1910
#main-header + #script-table + #UserSets {
1911
    position: fixed !important;
1912
    left: 27.5% !important;
1913
    top: 48px!important;
1914
    padding: 2px 10px;
1915
    background-color: yellow;
1916
    border-radius: 5px;
1917
    z-index: 200!important;
1918
    z-index: 200000 !important;
1919
    opacity: 1 !important;
1920
}
1921
1922
#main-header + #script-table + .pagination + #UserSets:before ,
1923
#main-header + #script-table + #UserSets:before {
1924
    background-color: yellow;
1925
    border-radius: 5px;
1926
    content: "Your Sets ▼ " !important;
1927
    display: inline-block !important;
1928
    left: 27.5% !important;
1929
    padding: 1px 5px !important;
1930
    position: fixed !important;
1931
    top: 48px !important;
1932
    font-size: 12px !important;
1933
    visibility: visible !important;
1934
    z-index: 200000 !important;
1935
    opacity: 1 !important;
1936
}
1937
#main-header + #script-table + .pagination + #UserSets:hover ,
1938
#main-header + #script-table + #UserSets:hover {
1939
    opacity: 1 !important;
1940
    visibility: visible !important;
1941
}
1942
1943
/* ==== TEST - FAVORITS  /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" - - 
1944
VOIR SET without scripts list:
1945
https://greasyfork.org/fr/scripts?set=24
1946
=== */
1947
1948
/* TEST - FAVORITS / SETS PAGES - TXT "FAVORIS BY...." - === */
1949
#UserSets +.width-constraint>h3 {
1950
    position: fixed !important;
1951
    display: inline-block !important;
1952
    width: 300px !important;
1953
    height: 20px !important;
1954
    line-height: 17px !important;
1955
    top: 60px !important;
1956
    margin-left: 250px !important;
1957
    padding: 0 2px !important;
1958
    font-size: 12px !important;
1959
    text-align: left !important;
1960
    border-radius: 3px !important;
1961
    background: #333 !important;
1962
}
1963
#UserSets +.width-constraint>h3 a {
1964
    display: inline-block !important;
1965
    max-width: 80px !important;
1966
    height: 15px !important;
1967
    line-height: 15px !important;
1968
    margin-top: 0px !important;
1969
    font-size: 13px !important;
1970
    color: gold !important;
1971
    white-space: nowrap !important;
1972
    overflow: hidden !important;
1973
    text-overflow: ellipsis !important;
1974
}
1975
#UserSets +.width-constraint>h3 a:hover {
1976
    color: tomato !important;
1977
}
1978
#UserSets +.width-constraint>h3 >a[href$="/edit"] {
1979
    position: absolute !important;
1980
    display: inline-block !important;
1981
    height: 15px !important;
1982
    line-height: 15px !important;
1983
    width: 40px !important;
1984
    top: 2px !important;
1985
    margin-left: 25% !important;
1986
    padding: 2px 2px 2px 15px !important;
1987
    border-radius: 3px !important;
1988
    font-size: 14px !important;
1989
    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;
1990
    opacity: 0 !important;
1991
    z-index: 1500 !important;
1992
}
1993
#UserSets +.width-constraint>h3:hover >a[href$="/edit"] {
1994
    position: absolute !important;
1995
    display: inline-block !important;
1996
    height: 15px !important;
1997
    line-height: 15px !important;
1998
    width: 40px !important;
1999
    top: 20px !important;
2000
    margin-left: 27% !important;
2001
    padding: 2px 2px 2px 15px !important;
2002
    border-radius: 3px !important;
2003
    font-size: 14px !important;
2004
    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;
2005
    opacity: 1 !important;
2006
    z-index: 1500 !important;
2007
}
2008
2009
/* TEST - FAVORITS / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" - === */
2010
#UserSets + .width-constraint>p {
2011
    padding: 2px 2px 2px 20px !important;
2012
    z-index: 500 !important;
2013
    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;
2014
}
2015
#UserSets + .width-constraint>p {
2016
    padding: 2px 2px 2px 20px !important;
2017
    z-index: 500 !important;
2018
    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;
2019
}
2020
2021
/* TEST - FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER - 
2022
https://greasyfork.org/en/scripts?per_page=100&set=2360&sort=created
2023
https://greasyfork.org/fr/scripts/259-greasy-fork-search-other-sites
2024
https://greasyfork.org/en/users/4-loucypher?sort=updated
2025
https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
2026
===  */
2027
#UserSets + .width-constraint h3:not(:hover)  ~ p:nth-last-of-type(n+2):not(:hover):before ,
2028
.width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n+2):not(:hover):before {
2029
    content: "► Desc " !important;
2030
    position: fixed !important;
2031
    min-width: 60px !important;
2032
    max-width: 60px !important;
2033
    top: 71px !important;
2034
    margin-left: -290px !important;
2035
    padding: 2px 2px 2px 10px !important;
2036
    border-radius: 3px !important;
2037
    font-size: 13px !important;
2038
    font-weight: bolder !important;
2039
    color: gold !important;
2040
    overflow: hidden !important;
2041
    text-overflow: ellipsis !important;
2042
    white-space: nowrap !important;
2043
    z-index: 500 !important;
2044
    background: rgba(145, 124, 124, 0.42)!important;
2045
    pointer-events: none !important;
2046
}
2047
2048
#UserSets + .width-constraint h3  ~ p:nth-last-of-type(n+2) ,
2049
.width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2) {
2050
    position: fixed !important;
2051
    min-width: 185px !important;
2052
    max-width: 185px !important;
2053
    top: 31px !important;
2054
    margin-left: 760px !important;
2055
    padding: 2px 2px 2px 10px !important;
2056
    border-radius: 3px !important;
2057
    font-size: 15px !important;
2058
    font-weight: bolder !important;
2059
    color: peru !important;
2060
    overflow: hidden !important;
2061
    text-overflow: ellipsis !important;
2062
    white-space: nowrap!important;
2063
    z-index: 500 !important;
2064
    background: rgba(145, 124, 124, 0.42)!important;
2065
}
2066
#UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n+2),
2067
.width-constraint h3:hover  + .script-author-description ~ p:nth-last-of-type(n+2) ,
2068
#UserSets + .width-constraint h3 ~ p:nth-last-of-type(n+2):hover ,
2069
.width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2):hover {
2070
    position: fixed !important;
2071
    height: auto !important;
2072
    min-width: 385px !important;
2073
    max-width: 385px !important;
2074
    top: 31px !important;
2075
    margin-left: 530px !important;
2076
    padding: 2px 40px 20px 40px !important;
2077
    border-radius: 3px !important;
2078
    font-size: 15px !important;
2079
    font-weight: bolder !important;
2080
    color: white !important;
2081
    border: 1px solid peru !important;
2082
    border-radius: 5px !important;
2083
    box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important;
2084
    overflow: hidden !important;
2085
    white-space: normal !important;
2086
    text-align: left !important;
2087
    z-index: 500 !important;
2088
    background: black !important;
2089
    transition: all ease 0.7s !important;
2090
}
2091
2092
2093
/* (new74) FAVORITS / SETS PAGES - MEDIA QUERIE - === */
2094
@media screen and (max-width: 1400px) {
2095
2096
/* #main-header + #script-table + #UserSets */
2097
#UserSets {
2098
    margin-left: -10% !important;
2099
z-index: 5000 !important;
2100
}
2101
/* #main-header + #script-table + #UserSets:before */
2102
#UserSets:before {
2103
    margin-left: -15% !important;
2104
z-index: 5000 !important;
2105
}
2106
2107
#UserSets + .width-constraint .pagination  {
2108
    margin-left: -10% !important;
2109
}
2110
/* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
2111
}
2112
2113
2114
/* GREASY FORK - FORUM - PROFILE PAGE - === */
2115
.PhotoWrap a.ChangePicture {
2116
    display: block;
2117
    top: 15px !important;
2118
    color: gold !important;
2119
    z-index: 5000 !important;
2120
    transition: all ease 0.2s !important;
2121
}
2122
.PhotoWrap:hover a.ChangePicture {
2123
    display: block;
2124
    top: 70px !important;
2125
    color: gold !important;
2126
    transition: all ease 0.7s !important;
2127
}
2128
.PhotoWrap:hover a.ChangePicture span {
2129
    color: gold !important;
2130
}
2131
#dashboard_profile_index #Content.Column.ContentColumn ,
2132
#dashboard_profile_discussions #Content.Column.ContentColumn {
2133
    margin-top: 70px!important;
2134
}
2135
.About dd {
2136
    color: peru !important;
2137
}
2138
/* (new80) */
2139
#dashboard_profile_notifications #Content.Column.ContentColumn .User,
2140
#dashboard_profile_comments #Content.Column.ContentColumn .User,
2141
#dashboard_profile_discussions #Content.Column.ContentColumn .User {
2142
    position: fixed !important;
2143
    display: inline-block !important;
2144
    width: 742px !important;
2145
    top: 54px !important;
2146
    margin-left: -7px !important;
2147
    padding: 5px !important;
2148
    border-bottom: 1px solid peru !important;
2149
    background: black !important;
2150
    z-index: 200 !important;
2151
}
2152
/* (new72) */
2153
#dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions  ,
2154
#dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions  ,
2155
#dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions {
2156
    position: fixed !important;
2157
    display: inline-block !important;
2158
    top: 69px !important;
2159
    margin-left: -158px !important;
2160
z-index: 5000 !important;
2161
}
2162
/* (new72) */
2163
#dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile , 
2164
#dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
2165
#dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
2166
    position: fixed!important;
2167
    display: inline-block !important;
2168
    top: 69px !important;
2169
    margin-left: -58px !important;
2170
    padding: 4px 47px !important;
2171
    box-shadow: none !important;
2172
    text-shadow: none !important;
2173
    z-index: 202 !important;
2174
}
2175
#dashboard_profile_notifications #Content.Column.ContentColumn .BoxFilter + h2 ,
2176
#dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2 ,
2177
#dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
2178
    top: 24px!important;
2179
    position: fixed!important;
2180
    display: inline-block;
2181
    z-index: 250!important;
2182
    color: peru!important;
2183
    width: 678px!important;
2184
    text-align: left;
2185
    background: black;
2186
    padding: 2px 5px!important;
2187
    border: 1px solid peru!important;
2188
}
2189
/* (new80)*/
2190
#dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions + .Profile  ,
2191
#dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions +.Profile  ,
2192
#dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions +.Profile {
2193
margin-top: 70px !important;
2194
}
2195
#conversations_messages_all .Condensed.DataList.Conversations {
2196
    margin-top: 42px !important;
2197
}
2198
/* (new72) */
2199
.Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {
2200
    margin-top: -70px !important;
2201
}
2202
/* (new90) GREASYFORK FORUM - PROFILE BUTTON */
2203
#dashboard_profile_discussions .About>dt:last-of-type  {
2204
    position: absolute !important;
2205
    display: inline-block !important;
2206
    width: 23% !important;
2207
    height: 18px !important;
2208
    line-height: 18px !important;
2209
    top: 5px !important;
2210
left: 74%!important;
2211
    padding: 2px 2px 2px 15px !important;
2212
    border-radius: 3px !important;
2213
    font-size: 15px !important;
2214
    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;
2215
/* outline: 1px solid violet !important; */
2216
}
2217
/* (new66) GEASY FORK - WITHOUT GM - SCRIPTS LIST(work with TS CITRUS enable) - === */
2218
/* #browse-script-list>li */
2219
#user-script-list>li>article ,
2220
#browse-script-list>li>article {
2221
    padding: 2px 5px !important;
2222
    width: 720px !important;
2223
}
2224
/* CIRTUS */
2225
/* body[pagetype="ListingPage"] #user-script-list>li>article ,
2226
body[pagetype="ListingPage"] #browse-script-list>li>article {
2227
    padding: 2px 5px !important;
2228
    width: 875px !important;
2229
} */
2230
.script-list dt {
2231
    width: 12em;
2232
    clear: left;
2233
    float: left;
2234
    padding-left: 5px!important;
2235
    padding-right: 1em;
2236
    font-weight: bold;
2237
    text-align: left !important;
2238
    border-left: 1px solid peru !important;
2239
}
2240
/* (new66) without script */
2241
#user-script-list>li>article .description ,
2242
#browse-script-list>li>article .description {
2243
    display: inline-block!important;
2244
    width: 100% !important;
2245
    min-width: 757px !important;
2246
    max-width: 757px !important;
2247
/* padding-bottom: 10px!important; */
2248
    padding-bottom: 4px !important;
2249
    padding-left: 4px!important;
2250
    font-size: 15px !important;
2251
    line-height: 15px !important;
2252
    border-bottom: 1px solid gray!important;
2253
    border-left: 3px solid red !important;
2254
    word-wrap: break-word !important;
2255
    overflow: hidden !important;
2256
/* background: blue !important; */
2257
}
2258
/* CITRUS */
2259
body[pagetype="UserProfile"] 
2260
#user-script-list>li>article .description ,
2261
#browse-script-list>li>article .description {
2262
    display: inline-block!important;
2263
    width: 100% !important;
2264
    min-width: 710px !important;
2265
    max-width: 710px !important;
2266
/* padding-bottom: 10px!important; */
2267
    padding-bottom: 4px !important;
2268
    padding-left: 4px!important;
2269
    font-size: 15px !important;
2270
    line-height: 15px !important;
2271
    border-bottom: 1px solid gray!important;
2272
    border-left: 3px solid red !important;
2273
    word-wrap: break-word !important;
2274
    overflow: hidden !important;
2275
/* background: blue !important; */
2276
}
2277
/* mark ELEMENT - === */
2278
mark {
2279
    padding: 0px 5px !important;
2280
    border-radius: 3px!important;
2281
    background: #DED236 !important;
2282
}
2283
2284
2285
2286
/* (new84) ICON USER / SCRIPT - BACKGROUND - === */
2287
#site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] ,
2288
#title-image ,
2289
.ProfilePhoto.ProfilePhotoMedium ,
2290
#script-info>header>h2>div img {
2291
    height: auto !important;
2292
    max-height: 30px !important;
2293
    max-width: 30px !important;
2294
    width: auto !important;
2295
    margin-top: -3px;
2296
    padding: 2px !important;
2297
    background-color: rgba(191, 191, 190, 0.33) !important;
2298
    border-radius: 5px !important;
2299
    box-shadow: 0 0 2px #cccccc inset !important;
2300
}
2301
#site-name img ,
2302
#title-image  {
2303
    background-color: rgba(191, 191, 190, 0.33) !important;
2304
    background-image: none !important;
2305
}
2306
/* #site-name img[src="https://greasyfork.org/en/forum/uploads/SCN2YQGWLIU4.jpg"] , */
2307
#site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"] , 
2308
#site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"]   {
2309
    display: inline-block !important;
2310
    position: relative !important;
2311
    height: 100% !important;
2312
    min-height: 30px !important;
2313
    max-height: 30px !important;
2314
    max-width: 100%!important;
2315
    min-width: 30px !important;
2316
    max-width: 30px !important;
2317
/* left: -48px !important; */
2318
    top: -4px !important;
2319
    width: auto !important;
2320
    padding: 2px!important;
2321
background-color: black !important;
2322
border-radius: 3px !important;
2323
    box-shadow: 0 0 2px #cccccc inset !important;
2324
}
2325
2326
2327
#site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {
2328
    position: relative !important;
2329
    display: inline-block !important;
2330
    top: -3px !important;
2331
    border-radius: 5px !important;
2332
}
2333
2334
/* FORUM COMMENT - POST REPY - PREVIEW + QUOTE with "ol" or not / With AUTHOR or not - === */
2335
.Preview {
2336
    background: #454545!important;
2337
    color: #929292 !important;
2338
    min-height: 100px;
2339
    padding: 4px;
2340
}
2341
blockquote ,
2342
blockquote.Quote, 
2343
blockQuote.UserQuote {
2344
    background: rgba(184, 181, 181, 0.05) !important;
2345
    border-left: 4px solid rgba(242, 193, 36, 0.37) !important;
2346
}
2347
2348
/* BLOCKQUOTES */
2349
blockquote {
2350
    width: 668px !important;
2351
    margin-left: -4px !important;
2352
    padding: 1px 5px !important;
2353
}
2354
.Message>blockquote>div>pre{
2355
    margin-left: 2px!important;
2356
}
2357
.Message>blockquote>pre{
2358
    width: 97% !important;
2359
}
2360
.QuoteText>ol{
2361
    display: inline-block!important;
2362
    width: 95%!important;
2363
    margin-bottom: -28px!important;
2364
    margin-top: -15px!important;
2365
}
2366
.script-author-description>blockquote {
2367
    margin-left: -4px !important;
2368
    padding: 1px 5px !important;
2369
    width: 99% !important;
2370
}
2371
/* FORUM COMMENT - POST/EDIT NEW DISCUSSION + ACTIVITIES - === */
2372
#vanilla_post_editdiscussion #Content.Column.ContentColumn ,
2373
#vanilla_post_discussion #Content.Column.ContentColumn {
2374
    width: 689px!important;
2375
    margin-top: 74px!important;
2376
    margin-left: 215px!important;
2377
}
2378
/* (new79) GREASYFORK different than USERSTYLES - FORUM DISCUSSION - DISSCUSSION CONTAINER - === */
2379
#Content.Column.ContentColumn ,
2380
#vanilla_discussion_index #Content.Column.ContentColumn {
2381
/* position: relative !important; */
2382
    display: inline-block !important;
2383
    float: right !important;
2384
    width: 750px !important;
2385
    min-height: 770px !important;
2386
    margin-top: -8px !important;
2387
    padding: 0 0 0 5px !important;
2388
    border-radius: 0 0 5px 5px !important;
2389
    box-shadow: none !important;
2390
background: transparent !important;
2391
/* z-index: 0 !important; */
2392
/* overflow: hidden !important; */
2393
}
2394
2395
/* (new94) GREASYFORK - FORUM - POST A COMMENT - FIRST POST - === */
2396
.ExtraDiscussionData-Rating .report {
2397
    width: 584px ;
2398
padding: 5px !important;
2399
border: 1px solid gray !important;
2400
}
2401
2402
/* (new79) GREASYFORK / USERSTYLES - CATEGORIES DISCUSSION LIST */
2403
#vanilla_categories_index.Vanilla.Categories.Index.Discussions #Content.Column.ContentColumn {
2404
margin-top: -37px !important;
2405
}
2406
2407
/* (new79) USERSTYLE */
2408
#Content.Column.ContentColumn .MessageList.Discussion ,
2409
#vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
2410
    position: relative !important;
2411
top: -28px;
2412
margin-bottom: -41px !important;
2413
z-index: 10 !important;
2414
}
2415
2416
2417
/* (new68) FORUM DISCUSSION - COMMENT FORM -  CONTAINER - === */
2418
.MessageForm.CommentForm.FormTitleWrapper {
2419
    padding-left: 15px !important;
2420
}
2421
2422
/* (new79) PB DIFF - USERSTYLES / GREASYFORK - FORUM DISCUSSION - DISSCUSSION LIST CONTAINER - === */
2423
/* GREASYFORK */
2424
.Column.ContentColumn .DataList.Discussions {
2425
    position: relative !important;
2426
    display: inline-block !important;
2427
    width: 727px!important;
2428
margin-top: 5px!important;
2429
/* margin-left: 0px !important; */
2430
/*     right: 47px; */
2431
/* background: red !important; */
2432
}
2433
2434
/* (new74) PB DIFF - USERSTYLES / GREASYFORK */
2435
/* GREASYFORK */
2436
#vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {
2437
    margin-left: 0px !important;
2438
/* background: green !important; */
2439
}
2440
#vanilla_discussions_mine .Column.ContentColumn .DataList.Discussions {
2441
/* margin-left: -50px !important; */
2442
/* background: green !important; */
2443
}
2444
2445
/* (new74) - USERSTYLES == #Frame .Row .BreadcrumbsWrapper etc....
2446
#vanilla_discussions_index #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions ,
2447
=== */
2448
#Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .PageControls.Top + .DataList.Discussions ,
2449
2450
#vanilla_discussions_mine #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions  {
2451
/*     margin-left: -20px !important; */
2452
/* background: red !important; */
2453
}
2454
2455
/* ==== */
2456
2457
.Profile .DataList.Discussions {
2458
    position: relative !important;
2459
    display: inline-block !important;
2460
    width: 727px !important;
2461
    margin-top: 107px!important;
2462
}
2463
#vanilla_categories_index .DataList.CategoryList {
2464
    position: relative !important;
2465
    display: inline-block !important;
2466
    width: 727px !important;
2467
    margin-top: 30px!important;
2468
}
2469
.DataList.Activities .Item   {
2470
    position: relative !important;
2471
    display: inline-block !important;
2472
    width: 709px !important;
2473
}
2474
2475
/* (new79) FORUMS ALL - DISCUSSIONS LIST - HEADER - ===  */
2476
.HomepageTitle ,
2477
.H.HomepageTitle {
2478
    position: fixed !important;
2479
    width: 733px !important;
2480
    top: 80px !important;
2481
    margin-left: 0px !important;
2482
    padding: 1px 5px 1px 5px !important;
2483
    border-top: 1px solid peru !important;
2484
    border-bottom: 1px solid peru!important;
2485
    color: gold !important;
2486
    background-color: #222 !important;
2487
    z-index: 10 !important;
2488
}
2489
#vanilla_discussions_participated .HomepageTitle {
2490
    width: 733px !important;
2491
    top: 47px !important;
2492
}
2493
2494
/* (new79) USERSTYLES FORUM - DISCUSSIONS LIST - HEADER - === */
2495
#Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {
2496
    width: 747px!important;
2497
    top: 46px !important;
2498
/* margin-left: -20px !important; */
2499
}
2500
.P.PageDescription {
2501
    position: fixed !important;
2502
    width: 738px!important;
2503
    top: 72px !important;
2504
    padding: 1px 0px 1px 5px !important;
2505
    color: gold !important;
2506
border-bottom: 1px solid red !important;
2507
    background-color: #222 !important;
2508
    z-index: 10 !important;
2509
}
2510
#vanilla_categories_index .DataList.Discussions {
2511
    margin-top: 47px !important;
2512
    border-top: 1px solid peru !important;
2513
}
2514
2515
/* PROFILE - DICUSSION LIST -  === */
2516
.Profile .DataList.Discussions {
2517
    margin-top: 0px !important;
2518
}
2519
2520
/* ACTIVITY PAGE - === */
2521
.Excerpt>p>a>img {
2522
    max-width: 671px!important;
2523
}
2524
#dashboard_profile_notifications .Item:nth-child(odd) , 
2525
.Profile .DataList.Discussions .Item:nth-child(odd) ,
2526
.DataList.SearchResults .Item:nth-child(odd) {
2527
    background-color: #222 !important;
2528
}
2529
#dashboard_profile_notifications .Item:nth-child(even) ,
2530
.Profile .DataList.Discussions .Item:nth-child(even) ,
2531
.DataList.SearchResults .Item:nth-child(even) {
2532
    background-color: #414141 !important;
2533
}
2534
#dashboard_profile_notifications .Item:hover ,
2535
.Profile .DataList.Discussions .Item:hover ,
2536
.DataList.SearchResults .Item:hover {
2537
    background-color: rgba(7, 7, 7, 0.57) !important;
2538
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
2539
    transition: background 0.8s ease 0s !important;
2540
}
2541
#dashboard_profile_notifications .Item:hover ,
2542
.Profile .DataList.Discussions .Item:hover ,
2543
.DataList.SearchResults .Item:hover {
2544
    background-color: black !important;
2545
    z-index: 1 !important;
2546
}
2547
/* #dashboard_profile_notifications .Item .ItemContent .Meta a , */
2548
.DataList.SearchResults .Item .ItemContent .Meta a {
2549
    font-size: 15px! important;
2550
}
2551
2552
2553
/* (new86) GREASYFORK - with / without TS CITRUS - SEARCH FORM + BUTTONS - ===  */
2554
.sidebar-search {
2555
    position: absolute !important;
2556
}
2557
2558
#script-search>input[type="search"] {
2559
    min-height: 18px !important;
2560
    line-height: 18px!important;
2561
}
2562
#script-search>input[type="submit"] {
2563
    position: relative;
2564
/*     display: inline-block!important; */
2565
    -moz-appearance: none!important;
2566
    height: 21px !important;
2567
    line-height: 18px!important;
2568
    width: 20px !important;
2569
top: 3px !important;
2570
    padding-right: 0 !important;
2571
    font-size: 12px !important;
2572
    text-align: center !important;
2573
}
2574
#userProfile + ul  #sidebar-search #search-submit {
2575
    height: 19px !important;
2576
}
2577
2578
#search-other-sites {
2579
    direction: rtl;
2580
    width: 13px!important;
2581
    height: 20px!important;
2582
    padding: 0px !important;
2583
    line-height: 10px !important;
2584
}
2585
2586
/*  GREASYFORK - without TS CITRUS - LINKS in MESSAGE - 
2587
https://greasyfork.org/fr/forum/discussion/2246/please-help-me-convert-bookmarklet-in-user-script-in-order-to-download-artwork-on-soundcloud#latest
2588
=== */ 
2589
body:not(.Settings) a:not(.Button) {
2590
    color: peru!important;
2591
}
2592
2593
/* (new74) GREASYFORK - without TS CITRUS - FORUM HEADER - 
2594
.width-constraint :
2595
https://greasyfork.org/fr/scripts/404-mouseover-popup-image-viewer/feedback
2596
DELETED SCIPT:
2597
https://greasyfork.org/fr/scripts/69-table-view-plus
2598
=== */ 
2599
#main-header +.width-constraint {
2600
    max-width: 980px !important;
2601
    margin-top: 51px !important;
2602
}
2603
body[pagetype="UserProfile"] #main-header +.width-constraint ,
2604
body[pagetype="PersonalProfile"] #main-header +.width-constraint {
2605
    margin-top: 51px !important;
2606
    box-shadow: 3px 3px 2px black !important;
2607
}
2608
2609
#Head .Row  {
2610
    position: relative;
2611
    display: inline-block!important;
2612
/* min-width: 91%!important; */
2613
/* max-width: 50%!important; */
2614
    max-height: 47px ! important;
2615
    min-height: 47px !important;
2616
    left: 25%!important;
2617
    padding: 0.25em 0;
2618
}
2619
#Head .Row #site-name {
2620
    height: 51px !important;
2621
    line-height: 1em;
2622
    margin-top: -8px!important;
2623
}
2624
#nav-user-info {
2625
    position: absolute;
2626
    display: inline-block!important;
2627
    top: -7px!important;
2628
}
2629
.user-profile-link {
2630
    position: relative !important;
2631
    display: inline-block !important;
2632
/* z-index: 500000 !important; */
2633
}
2634
/* (new76) GREASYFORK - USER NAME + LOGIN / LOGOUT + LANG CHOOSE - CONTAINER */
2635
/* #nav-user-info select:before {
2636
content: "XXXXX" !important;
2637
    color: blue !important;
2638
} */
2639
#language-selector {
2640
    position: absolute !important;
2641
    display: inline-block !important;
2642
    -moz-appearance: none !important;
2643
    width: 18px !important;
2644
    height: 15px !important;
2645
    line-height: 13px !important;
2646
    top: 2px !important;
2647
    padding: 0 2px !important;
2648
    border-radius: 3px !important;
2649
/*     border: 1px solid gray !important; */
2650
    box-shadow: 3px 3px 2px black !important;
2651
    background: #222 !important;
2652
    overflow: hidden !important; 
2653
    text-indent: -1px !important;
2654
    text-overflow: '' !important;
2655
    z-index: 500000 !important;
2656
}
2657
#language-selector-locale {
2658
position: relative !important;
2659
    display: inline-block !important;
2660
    -moz-appearance: none !important;
2661
    width: 19px !important;
2662
    height: 13px !important;
2663
    line-height: 8px !important;
2664
    margin-right: 14px !important;
2665
/* left: -106px !important; */
2666
    letter-spacing: 1px !important;
2667
    color: peru !important;
2668
    border: 1px solid transparent !important;
2669
    background: #222 !important;
2670
    overflow: hidden !important; 
2671
/*     z-index: 5000 !important; */
2672
    cursor: pointer !important;
2673
}
2674
#language-selector-locale:hover {
2675
    color: tomato !important;
2676
}
2677
2678
#language-selector-locale>option {
2679
text-indent: 20px !important;
2680
margin-left: -20px !important;
2681
/* color: gold !important; */
2682
}
2683
2684
2685
#language-selector-locale>option:checked:before {
2686
content: attr(value) ;
2687
color: tan !important;
2688
font-size: 20px !important;
2689
background: black !important;
2690
}
2691
#language-selector-locale>option:before {
2692
content: attr(value) ;
2693
display: inline-block ;
2694
width: 100px !important;
2695
margin-right: 17px  ;
2696
margin-left: -20px  ;
2697
/* text-indent: 40px  ; */
2698
color: gold ;
2699
}
2700
#language-selector-locale>option[selected=""]:before {
2701
/* content: "XX " ; */
2702
content: attr(value) ;
2703
color: green !important;
2704
}
2705
2706
2707
.width-constraint #nav-user-info {
2708
    position: absolute;
2709
    display: inline-block !important;
2710
    height: 15px!important;
2711
    line-height: 15px!important;
2712
    width: 300px!important;
2713
    top: 15px!important;
2714
    top: -4px!important;
2715
    left: 64%!important;
2716
    text-align: right !important;
2717
/* border: 1px solid green !important; */
2718
/* z-index: 0 !important; */
2719
}
2720
2721
/* (new74) GREASYFORK - SITE MENU - with SEARCH - === */
2722
.SiteMenu {
2723
    position: absolute;
2724
    display: inline-block !important;
2725
    height: 24px!important;
2726
    width: 320px!important;
2727
    top: -12px!important;
2728
    left: 16%!important;
2729
}
2730
2731
/* (new79) GREASYFORK : WITH / Without TS CITRUS -
2732
https://greasyfork.org/fr/scripts/ 
2733
=== */
2734
#site-nav>nav  {
2735
    position: absolute;
2736
    display: inline-block!important;
2737
    height: 24px!important;
2738
    line-height: 24px!important;
2739
    width: 390px!important;
2740
    top: -9px!important;
2741
    left: 16%!important;
2742
    text-align: left !important;
2743
/* z-index: 500 !important; */
2744
}
2745
/* (new79) GREASYFORK - SCRIPT LIST - TS CITRUS - === */
2746
body[pagetype="ListingPage"] #site-nav>nav   {
2747
    position: absolute;
2748
    display: inline-block!important;
2749
    height: 15px!important;
2750
    line-height: 15px!important;
2751
    width: 410px!important;
2752
    top: -4px!important;
2753
    left: 16%!important;
2754
    text-align: left !important;
2755
/* border: 1px solid violet !important; */
2756
}
2757
2758
#main-header .width-constraint {
2759
    position: relative;
2760
/* display: inline-block !important; */
2761
/* width: 100% !important; */
2762
    height: 42px !important;
2763
    padding: 0 0 0.25em;
2764
/* left: 24% !important; */
2765
    overflow: visible !important;
2766
/* z-index: 500 !important; */
2767
}
2768
#main-header .width-constraint #site-name {
2769
    height: 40px!important;
2770
}
2771
#title-subtext {
2772
    font-size: 10px;
2773
    font-weight: 400 !important;
2774
    left: 63px !important;
2775
    position: absolute;
2776
    text-decoration: none;
2777
    top: 28px !important;
2778
}
2779
#site-name>a[href="/"] {
2780
    display: inline-block!important;
2781
    color: gold !important;
2782
}
2783
#site-name>a[href="/"] span {
2784
    position: relative!important;
2785
    display: inline-block!important;
2786
    height: 33px!important;
2787
    line-height: 33px!important;
2788
    top: -3px !important;
2789
    margin-left: 3px!important;
2790
    font-size: 27px!important;
2791
    color: peru !important;
2792
2793
}
2794
#site-name>a[href="/"] #title-subtext {
2795
    position: absolute;
2796
    top: 15px!important;
2797
    left: 55px !important;
2798
    font-size: 10px;
2799
    font-weight: 400 !important;
2800
    text-decoration: none;
2801
    color: peru !important;
2802
}
2803
#site-name>a[href="/"] span:first-of-type {
2804
    height: 18px !important;
2805
    line-height: 16px !important;
2806
    top: -18px !important;
2807
    border-radius: 0 0 10px 0 !important;
2808
    border: 1px solid peru !important;
2809
    border-left:  none !important;
2810
    border-top:  none !important;
2811
    font-size: 18px !important;
2812
}
2813
/*(new74) GREASYFORK - SITE TITLE - WITHOUT CITRUS */
2814
#site-name h1 {
2815
    width: 109px !important;
2816
    height: 20px !important;
2817
    line-height: 12px !important;
2818
    top: -18px !important;
2819
    border-radius: 0 0 10px 0 !important;
2820
    border: 1px solid peru !important;
2821
    border-left:  none !important;
2822
    border-top:  none !important;
2823
}
2824
#site-name h1 a {
2825
    height: 18px !important;
2826
    line-height: 15px !important;
2827
    font-size: 18px !important;
2828
letter-spacing: 0.2px !important;
2829
}
2830
2831
.subtitle ,
2832
#main-header .subtitle {
2833
    margin-top: -3px !important;
2834
    margin-left: -1px !important;
2835
    text-shadow: none !important;
2836
}
2837
2838
/* #vanilla_discussion_index #site-name>a[href="/"] #title-subtext:hover b  ,
2839
#vanilla_discussions_index #site-name>a[href="/"] #title-subtext:hover b {
2840
    transform: translate(150px, -16px)!important;
2841
} */
2842
#site-name-text {
2843
    display: inline-block;
2844
    vertical-align: top;
2845
height: 18px!important;
2846
    line-height: 18px!important;
2847
/*     margin-left: -50px!important; */
2848
}
2849
#site-name-text h1 {
2850
    font-size: 18px!important;
2851
    letter-spacing: -2px;
2852
    margin-top: -4px;
2853
/* color: red !important; */
2854
}
2855
#site-name-text h1 a {
2856
    font-size: 15px!important;
2857
    letter-spacing: 0.6px !important;
2858
    margin: 0;
2859
/* color: red !important; */
2860
}
2861
#site-nav>nav>li>a {
2862
    margin-right: 2px !important;
2863
}
2864
/* (new73) GREASEMONKEY - ADD ICON for LOGIN - === */
2865
#nav-user-info {
2866
    color: transparent !important;
2867
}
2868
.sign-out-link {
2869
    position: relative !important;
2870
    display: inline-block !important;
2871
    height: 15px !important;
2872
    margin-right: 5px !important;
2873
    font-size: 0 !important;
2874
    opacity: 0.4 !important;
2875
}
2876
.sign-out-link:hover {
2877
    opacity: 1 !important;
2878
}
2879
.SignOut,
2880
.sign-out-link a {
2881
    border: 1px solid gray !important;
2882
    border-radius: 3px !important;
2883
    display: inline-block !important;
2884
    font-size: 0 !important;
2885
    height: 15px !important;
2886
    margin-right: 5px !important;
2887
    position: relative !important;
2888
    top: -3px !important;
2889
    width: 15px !important;
2890
    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;
2891
    background-position: center !important;
2892
    background-size: cover !important;
2893
    background-color: red !important;
2894
    cursor: pointer !important;
2895
}
2896
2897
/* (new74) - GREASYFORK - SEARCH - === */
2898
.nav-search {
2899
    position: absolute !important;
2900
    display: inline-block !important;
2901
    width: 220px !important;
2902
    height: 19px !important;
2903
    line-height: 0px !important;
2904
    left: 240px !important;
2905
    top: 7px !important;
2906
/* border: 1px solid violet !important; */
2907
}
2908
.nav-search:hover {
2909
    width: 400px !important;
2910
}
2911
.nav-search #script-search {
2912
    position: relative;
2913
    display: inline-block !important;
2914
    vertical-align: top !important;
2915
    width: 200px !important;
2916
    top: -7px !important;
2917
}
2918
body[pagetype="ListingPage"] .nav-search #script-search {
2919
    top: -12px !important;
2920
}
2921
.nav-search:hover #script-search {
2922
    width: 420px !important;
2923
}
2924
.nav-search #script-search input[name="q"] {
2925
    display: inline-block !important;
2926
    width: 150px !important;
2927
    margin-top: 5px !important;
2928
    opacity: 0.4 !important;
2929
}
2930
2931
.nav-search:hover #script-search input[name="q"] {
2932
    width: 350px !important;
2933
    opacity: 1 !important;
2934
}
2935
2936
/* (new74) TS CITRUS - SETTINGS - ADD ICON - === */
2937
#site-name > a span#settings-subtext {
2938
    position: absolute !important;
2939
    display: inline-block !important;
2940
    height: 16px !important;
2941
    width: 16px !important;
2942
    margin-left: -31px !important;
2943
    margin-top: 18px !important;
2944
    border-radius: 4px !important;
2945
    font-size: 0px !important;
2946
    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;
2947
    background-color: #DCD9D9 !important;
2948
    transform: scale(0.7) !important;
2949
    opacity: 0.4 !important;
2950
}
2951
#site-name > a span#settings-subtext:hover {
2952
    opacity: 1 !important;
2953
}
2954
2955
/* (new74) TS CITRUS - SCRIPT LIST TABLE - BROWSE/PROFILE - === */
2956
#script-info {
2957
    margin-top: -50px !important;
2958
    padding: 0 5px 0 5px !important;
2959
    border: 1px solid #bbb;
2960
    border-radius: 0 !important;
2961
    box-shadow: none !important;
2962
    background-color: #333 !important;
2963
}
2964
#share {
2965
    position: relative !important;
2966
    display: inline-block !important;
2967
    max-height: 20px !important;
2968
    margin-bottom: 0 !important;
2969
    overflow: hidden !important;
2970
    background: red !important;
2971
    background-color: #670000 !important;
2972
    background-image: linear-gradient(#670000, #900) !important;
2973
}
2974
#share:hover {
2975
    height: 240px !important;
2976
    max-height: 100% !important;
2977
    overflow: visible !important;
2978
    transition: height ease 4s !important;
2979
}
2980
#share>h3 {
2981
    margin-top: -2px;
2982
    width: 942px !important;
2983
    padding: 0 5px !important;
2984
}
2985
#social-buttons {
2986
    text-align: center !important;
2987
}
2988
.social_share_privacy_area.box li.settings_info {
2989
    display: inline-block !important;
2990
    left: 0 !important;
2991
}
2992
/* (new76) */
2993
#script-table {
2994
    display: block!important;
2995
    margin: 0 auto!important;
2996
    max-width: 960px!important;
2997
}
2998
/* (new79) */
2999
body[pagetype="ListingPage"] #script-table {
3000
    margin-top: 76px!important;
3001
}
3002
body[pagetype="ListingPage"] #script-table thead {
3003
    position: fixed!important;
3004
    max-width: 970px!important;
3005
    margin-top: -31px!important;
3006
/* z-index: 500 !important; */
3007
}
3008
3009
/* (new66) */
3010
#script-table tbody td:nth-child(2) {
3011
    max-width: 450px!important;
3012
    min-width: 450px !important;
3013
}
3014
body[pagetype="ListingPage"] #script-table thead tr {
3015
    display: inline-table!important;
3016
    width: 100% !important;
3017
    max-width: 970px!important;
3018
}
3019
#script-table>thead>tr>td:first-of-type {
3020
    width: 25px !important;
3021
}
3022
/* (new79) */
3023
#script-table>thead>tr>td[tag="name"] {
3024
    width: 452px !important;
3025
    text-align: left !important;
3026
    text-indent: 130px !important;
3027
/* text-indent: 0px !important; */
3028
}
3029
#script-table>thead>tr>td[tag="name"] span {
3030
    position: relative  !important;
3031
    display: inline-block !important;
3032
    width: 15px !important;
3033
    margin-left: 0px !important;
3034
    padding: 0px !important;
3035
    text-align: center !important;
3036
    text-indent: 0px !important;
3037
}
3038
#script-table>thead>tr>td[tag="name"] span.filterL:hover:before {
3039
    content: "Library Filter" !important;
3040
    position: absolute !important;
3041
    display: inline-block !important;
3042
    width: 80px !important;
3043
    margin-left: -10px !important;
3044
    margin-top: -17px !important;
3045
    padding: 0px !important;
3046
    border-radius: 5px !important;
3047
    text-align: center !important;
3048
    text-indent: 0px !important;
3049
    background: #cefd8a !important;
3050
    color: black !important;
3051
}
3052
#script-table>thead>tr>td[tag="name"] span.filterU:hover:before {
3053
    content: "Unlisted Filter" !important;
3054
    position: absolute !important;
3055
    display: inline-block !important;
3056
    width: 80px !important;
3057
    margin-left: -10px !important;
3058
    margin-top: -17px !important;
3059
    padding: 0px !important;
3060
    border-radius: 5px !important;
3061
    text-align: center !important;
3062
    text-indent: 0px !important;
3063
    background: #cee7f3 !important;
3064
    color: black !important;
3065
}
3066
#script-table>thead>tr>td[tag="name"] span.filterD:hover:before {
3067
    content: "Deleted Filter" !important;
3068
    position: absolute !important;
3069
    display: inline-block !important;
3070
    width: 80px !important;
3071
    margin-left: -10px !important;
3072
    margin-top: -17px !important;
3073
    padding: 0px !important;
3074
    border-radius: 5px !important;
3075
    text-align: center !important;
3076
    text-indent: 0px !important;
3077
    background: #f77a7a !important;
3078
    color: black !important;
3079
}
3080
3081
/* (new79) - PB TO CHANGE HEADER  TD BACKGROUD SELECTED - === */ 
3082
/* [tag="created"] ,
3083
[tag="updated"] {
3084
    background-color: yellow !important;
3085
} */
3086
#script-table>thead>tr>td {
3087
    box-shadow: 3px 3px 2px black !important;
3088
/* background-color: #333 !important; */
3089
}
3090
/* #script-table>thead>tr>td:selected {
3091
    box-shadow: 3px 3px 2px black !important;
3092
background: red !important;
3093
} */
3094
/* #SelectedSortColumn ~[tag='updated'] {
3095
background-color: yellow !important;
3096
} */
3097
3098
3099
#script-table>thead>tr>td[tag="ratings"] {
3100
    width: 84px!important;
3101
}
3102
#script-table>thead>tr>td[tag=""] {
3103
    width: 45px!important;
3104
}
3105
#script-table>thead>tr>td[tag="total_installs"] {
3106
    width: 55px !important;
3107
}
3108
#script-table>thead>tr>td[tag="created"] {
3109
    width: 107px!important;
3110
}
3111
#script-table>thead>tr>td[tag="updated"] {
3112
    width: 108px!important;
3113
}
3114
3115
/* SCRIPT # */
3116
#script-table tbody td:nth-child(1) {
3117
/* width: 4% !important; */
3118
}
3119
/* SCRIPT INFO */
3120
#script-table tbody td:nth-child(2) {
3121
/* min-width: 17% !important; */
3122
/* max-width: 17% !important; */
3123
    width: 12% !important;
3124
}
3125
/* SCRIPT RATING */
3126
#script-table tbody td:nth-child(3) {
3127
    width: 4% !important;
3128
}
3129
/* SCRIPT DAILY */
3130
#script-table tbody td:nth-child(4) {
3131
    width: 12.7% !important;
3132
}
3133
/* SCRIPT TOTAL  */
3134
#script-table tbody td:nth-child(5) {
3135
    width: 8.8% !important;
3136
}
3137
/* SCRIPT CREATED  */
3138
#script-table tbody td:nth-child(6) {
3139
    width: 11.1% !important;
3140
}
3141
/* SCRIPT UPDATED  */
3142
#script-table tbody td:nth-child(7) {
3143
    width: 12.4% !important;
3144
}
3145
3146
#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"]) {
3147
/* background: blue !important; */
3148
}
3149
3150
/* (new66)*/
3151
#script-table td .thetitle +div {
3152
    overflow: hidden !important;
3153
    word-wrap: break-word!important;
3154
}
3155
/* (new90) */
3156
.width-constraint #script-info>header {
3157
    position: fixed !important;
3158
    display: inline-block !important;
3159
    min-width: 966px!important;
3160
    max-width: 966px!important;
3161
    height: 126px!important;
3162
    line-height: 17px!important;
3163
    margin-left: -4px !important;
3164
    top: 48px !important;
3165
    padding: 5px 5px  0px 5px !important;
3166
    z-index: 5 !important;
3167
    background: black !important;
3168
}
3169
#script-description {
3170
    display: inline-block !important;
3171
    width: 100% !important;
3172
    padding-bottom: 7px !important;
3173
    border-bottom: 1px solid red !important;
3174
}
3175
#script-info header h2 {
3176
    position: relative !important;
3177
    display: inline-block !important;
3178
    width: 100% !important;
3179
    line-height: 17px !important;
3180
vertical-align: top !important;
3181
    margin-top: 1px !important;
3182
    padding-bottom: 5px !important;
3183
    font-size: 17px !important;
3184
/* text-indent: 35px ; */
3185
    border-bottom: 1px solid red !important;
3186
}
3187
3188
3189
/* (new90) ADAPTATION For GM - GreasyFork script icon (https)
3190
https://greasyfork.org/fr/scripts/6861-greasyfork-script-icon-https 
3191
=== */
3192
/* #script-info>header>h2>div {
3193
    position: absolute;
3194
    display: inline-block;
3195
    width: 80px;
3196
    margin-left: calc(-42px - 1ex);
3197
    top: 3px;
3198
    text-align: right;
3199
} */
3200
#script-info>header>h2>div {
3201
    position: relative !important;
3202
    display: inline-block;
3203
    width: 34px !important;
3204
    top: 3px;
3205
    margin-top: -2px ;
3206
/* margin-left: calc(-46px - 1ex); */
3207
margin-left: 0px !important;
3208
    margin-right: 10px !important;
3209
    text-align: right;
3210
}
3211
/*  (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE - === */
3212
@media screen and (max-width: 1400px) {
3213
3214
/* ==== END === (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE === */
3215
}
3216
3217
3218
/* (new74) */
3219
.width-constraint #script-info>#script-links {
3220
    position: fixed !important;
3221
    display: inline-block !important;
3222
    width: 100% !important;
3223
    min-width: 960px!important;
3224
    max-width: 960px!important;
3225
    top: 179px!important;
3226
    margin-left: 0 !important;
3227
    padding: 2px 5px !important;
3228
    z-index: 500 !important;
3229
    background: #222 !important;
3230
    z-index: 5000 !important;
3231
}
3232
3233
/* (new62) TS CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" - === */
3234
html>body>div[style="text-align: right; padding: 1px 50px"] {
3235
    position: fixed !important;
3236
    width: 275px !important;
3237
    top: 72px !important;
3238
    padding: 0 !important;
3239
    text-align: right;
3240
    left:  33% !important;
3241
    z-index: 500 !important;
3242
}
3243
#RelativeSearch {
3244
    display: inline-block;
3245
    width: 120px !important;
3246
    padding: 1px 10px !important;
3247
    text-align: center;
3248
    border-radius: 3px;
3249
    cursor: pointer;
3250
    background-color: orange;
3251
}
3252
3253
/* (new963) USER SET - HEADER - TXT "SETS" - === */
3254
#UserSets::before {
3255
    width: 53px !important;
3256
    left: 5px !important;
3257
    text-indent: 0px !important;
3258
z-index: 20000 !important;
3259
}
3260
#UserSets {
3261
    position: fixed !important;
3262
    display: inline-block !important;
3263
    float: none !important;
3264
    left: 22% !important;
3265
    padding: 6px 5px !important;
3266
    top: 52px !important;
3267
    border-radius: 5px;
3268
    opacity: 1 !important;
3269
    visibility: hidden !important;
3270
    z-index: 20000 !important;
3271
    cursor: pointer !important;
3272
/* background-color: yellow; */
3273
}
3274
#UserSets:hover {
3275
    opacity: 1 !important;
3276
    visibility: visible !important;
3277
/* background-color: gold !important; */
3278
}
3279
#UserSets li {
3280
    width: 400px;
3281
    text-indent: 0px !important;
3282
}
3283
3284
/* SCRIPT INFOS PAGE  - ADAPTATION for GM: Linkify Plus Plus -
3285
https://greasyfork.org/fr/scripts/17170-myfreecams-private-chat-log-link-adder
3286
=== */
3287
#script-info #script-description .linkifyplus>img {
3288
    display: inline-block !important;
3289
    max-width: 15% !important;
3290
    margin-bottom: -27px !important;
3291
}
3292
3293
/* SCRIPT INFOS PAGE - IN CODE SECTION - ADAPTATION for GM: Linkify Plus Plus :
3294
https://greasyfork.org/fr/scripts/4255-linkify-plus-plus
3295
VOIR (ok):
3296
https://greasyfork.org/fr/scripts/4713-eza-s-image-glutton/code
3297
=== */
3298
#code-container  .linkifyplus>img {
3299
    height: auto !important;
3300
    max-height: 64px !important;
3301
    max-width: 64px !important;
3302
    width: auto !important;
3303
    background: rgba(191, 191, 190, 0.33) none repeat scroll 0 0 !important;
3304
    border-radius: 5px !important;
3305
    box-shadow: 0 0 2px #cccccc inset !important;
3306
    padding: 2px !important;
3307
}
3308
/* SCRIPT INFOS PAGE - SMALLER TAB LABELS - For extras labels in  AUTHOR SCRIPTS (where We can EDIT IT) === */
3309
.width-constraint #script-info>#script-links li > * {
3310
    display: block;
3311
    padding: 2px!important;
3312
    font-size: 14px!important;
3313
}
3314
3315
3316
/* (new88) GREASYFORK - PROFILE - TS CITRUS - === */
3317
#user-control-panel > li  ,
3318
body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel li {
3319
    display: inline-block !important;
3320
    width: 45% !important;
3321
    line-height: 13px!important;
3322
    margin-left: 25px !important;
3323
    padding: 2px 1px!important;
3324
    border: 1px solid #404040;
3325
    border-radius: 5px;
3326
    box-shadow: 3px 3px 2px black !important;
3327
    text-align: center!important;
3328
    font-size: 13px!important;
3329
    background-color: #333 !important;
3330
}
3331
3332
/*  GREASYFORK - TS CITRUS - SCRIPT PAGE - TXT "Show your appreciation..." - === */
3333
.width-constraint #script-info>#script-content>div[style*="background-color: yellow;"]  {
3334-
/* (new96) SCRIPT INFO - VERSIONS - DIFF - === */
3334+
3335
    display: inline-block !important;
3336
    width: 350px !important;
3337
    height: 30px !important;
3338
    line-height: 15px !important;
3339
    margin-left: 580px !important;
3340
    margin-top: -45px !important;
3341
    padding: 3px 5px 3px 5px !important;
3342-
.width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form {
3342+
3343
    text-align: left !important;
3344
    background-color: #D6D6D1 !important;
3345
    opacity: 0!important;
3346
    transition: opacity ease 0.7s !important;
3347
}
3348
.width-constraint #script-info>#script-content:hover >div[style*="background-color: yellow;"] {
3349
    opacity: 1!important;
3350
    z-index: 5000 !important;
3351
}
3352
3353
.width-constraint #script-info>#script-content>#install-area>div[style*="background-color: yellow;"] {
3354
    position: fixed !important;
3355
    display: inline-block !important;
3356
    width: 310px !important;
3357
    height: 30px !important;
3358
    line-height: 15px !important;
3359
    margin-left: -100px !important;
3360
    margin-top: -50px !important;
3361
    padding: 3px 5px 3px 5px !important;
3362
    border-radius: 4px;
3363
    text-align: left !important;
3364
    background-color: #D6D6D1 !important;
3365
    opacity: 0!important;
3366
    transition: opacity ease 0.7s !important;
3367
}
3368
.width-constraint #script-info>#script-content>#install-area:hover>div[style*="background-color: yellow;"] {
3369
    position: fixed!important;
3370
    display: inline-block!important;
3371
    float: none!important;
3372
    margin-left: 95px !important;
3373
    margin-top: -205px!important;
3374
    opacity: 1!important;
3375
}
3376
3377
/* (new78) USERSCRIPT PAGES INFOS - - FEEDBACK - === */
3378
#script-feedback-suggestion {
3379
    margin-top: 95px !important;
3380
    margin-bottom: -15px !important;
3381
}
3382
3383
/* (new94) SCRIPT INFO - VERSIONS - DIFF - === */
3384
.width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) {
3385
    margin-top: 42px !important;
3386
    margin-bottom: 50px;
3387
}
3388
.width-constraint #script-info > #script-content p + form[action$="/diff"] {
3389
    margin-top: -41px !important;
3390
}
3391
.width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form:not([action*="/script_sets/add_to_set"]) {
3392
    margin-bottom: 100px;
3393
    margin-top: -41px;
3394
}
3395
3396
3397
/* (new93) GREASYFORK - with/without TS CITRUS - SCRIPT INFOS  -
3398
:not([id="install-stats-chart-container"])
3399
 === */
3400
.width-constraint #script-info>#script-content>p {
3401
    margin-top: 42px !important;
3402
    margin-bottom: -88px;
3403
}
3404
.width-constraint #script-info>#script-content{
3405
    position: relative !important;
3406
    display: inline-block!important;
3407
    min-height: 682px !important;
3408
    min-width: 959px !important;
3409
    max-width: 959px !important;
3410
    margin-top: 174px !important;
3411
    margin-left: -1px !important;
3412
    padding-left: 9px !important;
3413
    padding-right: 0 !important;
3414
    padding-top: 0px !important;
3415
    border: 1px solid black !important;
3416
    background-color: #2B2B2B !important;
3417
    z-index: 0 !important;
3418
}
3419
.width-constraint #script-info>#script-content>h3:not([id="feedback-favoriters"]) {
3420
    min-width: 930px !important;
3421
    max-width: 930px !important;
3422
    margin-left: 0px !important;
3423
    border-bottom: 1px solid gray !important;
3424
    text-align: center !important;
3425
    background: #222222!important;
3426
}
3427
.width-constraint #discussions {
3428
    min-width: 850px !important;
3429
    max-width: 850px !important;
3430
    margin-top: -10px !important;
3431
    margin-left: -10px !important;
3432
    padding: 20px 53px !important;
3433
    border: 1px solid gray !important;
3434
}
3435
.width-constraint #discussions li:nth-child(odd) {
3436
    border-bottom: 1px solid gray!important;
3437
    background: #222222 !important;
3438
}
3439
.width-constraint #discussions li:nth-child(even) {
3440
    border-bottom: 1px solid gray!important;
3441
    background: #333333 !important;
3442-
.script-in-sets {
3442+
3443
3444
.width-constraint #discussions li:hover {
3445-
    min-width: 291px ;
3445+
3446-
    max-width: 291px ;
3446+
3447-
    max-height: 37px ;
3447+
3448-
    top: 215px ;
3448+
3449
body[pagetype="ListingPage"] #script-table +.width-constraint h3 {
3450
    position: fixed !important;
3451
    height: 20px !important;
3452
    line-height: 20px !important;
3453
    width: 483px !important;
3454
    margin-left: -5px !important;
3455
    top: 32px !important;
3456-
.script-in-sets>a {
3456+
3457
    border-radius: 5px !important;
3458
    font-size: 13px ;
3459
    text-align: center !important;
3460
    border: 1px solid gray !important;
3461
    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);
3462
z-index: 0 !important;
3463
}
3464
/* body[pagetype="ListingPage"] #script-table +.width-constraint h3>a:first-of-type */
3465
3466
3467
/* (new88) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER + META + INFOS + SCREENSHOTS - 
3468
https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
3469
=== */
3470
#install-area {
3471
    position: fixed !important;
3472
    display: inline-block!important;
3473
    min-width: 950px !important;
3474
    max-width: 950px !important;
3475
    top: 213px !important;
3476-
.script-in-sets:hover > select {
3476+
3477-
    margin-top: 10px ;
3477+
3478
    border-bottom: 1px solid gray;
3479-
.script-in-sets>input {
3479+
3480
    z-index: 1!important;
3481-
    height: 24px;
3481+
3482-
    line-height: 13px;
3482+
3483
    display: table;
3484
    width: 950px !important;
3485
    margin-top: 15px !important;
3486
    padding: 5px !important;
3487
    border-bottom: 1px dotted gray !important;
3488
}
3489
3490
/* (new89) */
3491
.script-in-sets:not(:hover) {
3492
    position: fixed ;
3493
    display: inline-block ;
3494
    min-width: 298px ;
3495
    max-width: 298px ;
3496
    min-height: 34px !important;
3497
    max-height: 34px !important;
3498
    top: 216px ;
3499
    left: 40% ;
3500
    margin-left: 0 ;
3501
/* padding: 0 0 50px 0 !important; */
3502
    font-size: 0 ;
3503
    overflow: hidden ;
3504
overflow-y: auto ;
3505
    border: 1px solid #404040;
3506
    background: #222 ;
3507
}
3508
.script-in-sets:hover {
3509
    position: fixed ;
3510
    display: inline-block ;
3511
    min-width: 298px ;
3512
    max-width: 298px ;
3513
    max-height: 100% ;
3514
    top: 216px ;
3515
    left: 40% ;
3516
    margin-left: 0 ;
3517
padding: 0 0 50px 0 !important;
3518
    font-size: 0 ;
3519
    overflow: hidden ;
3520
overflow-y: auto ;
3521
    border: 1px solid #404040;
3522
    background: #222 ;
3523
}
3524
.script-in-sets > a {
3525
    display: inline-block ;
3526
    width: 291px ;
3527
    margin-left: 0 ;
3528
    font-size: 13px ;
3529
    text-indent: 5px ;
3530
    white-space: nowrap ;
3531
    overflow: hidden ;
3532
    text-overflow: ellipsis ;
3533
}
3534
.script-in-sets:hover {
3535
    height: auto ;
3536
    padding-bottom: 50px ;
3537
}
3538
3539
.script-in-sets > select {
3540
    display: inline-block ;
3541
    width: 252px !important;
3542
    margin-top: 2px ;
3543
}
3544
3545
3546
/* (new94) SET CHOICE - FIRT VALUE SELECTED - === */
3547
.script-in-sets>select[name="action-set"] {
3548
    position: relative ;
3549
    display: inline-block ;
3550
    height: 15px !important;
3551
    line-height: 15px !important;
3552
    top: -2px ;
3553
    border: none ;
3554
/* background: red ; */
3555
    -moz-appearance: none ;
3556
}
3557
/* .script-in-sets>select option[value^="ri-"]:first-of-type */
3558
.script-in-sets>select option[value^="ri-"] {
3559
    color: peru ;
3560
    background: black ;
3561
    -moz-appearance: none ;
3562
    outline: 1px solid peru ;
3563
}
3564
/* SET NEW */
3565
.script-in-sets>select option[value="ai-new"] {
3566
    color: gold ;
3567
    background: black ;
3568
    -moz-appearance: none ;
3569
}
3570
/* SET SUBMIT ARROW */
3571
.script-in-sets > input[value="→"][type="submit"] {
3572
    position: relative ;
3573
    display: inline-block ;
3574
    height: 15px ;
3575
    line-height: 15px;
3576
    top: -2px !important;
3577
    margin-left: 2px ;
3578
    border: none ;
3579
    cursor: pointer ;
3580
    -moz-appearance: none;
3581
}
3582
.script-in-sets:before {
3583
    content: "sets ⏬" ;
3584
    position: absolute ;
3585
    display: inline-block ;
3586
    height: 10px ;
3587
    line-height: 15px ;
3588
    width: 25px ;
3589
    top: -2px ;
3590
    right: 17px ;
3591
    font-size: 12px ;
3592
    text-align: center ;
3593
    color: red  ;
3594
}
3595
/* (new65) */
3596
#script-stats {
3597
    display: inline-table !important;
3598
    -moz-column-count: unset !important;
3599
    float: left !important;
3600
    clear: none !important;
3601
    width: 100% !important;
3602
    max-width: 399px !important;
3603
    min-width: 399px !important;
3604
    outline: 1px solid gray !important;
3605
    padding-right: 0 !important;
3606
}
3607
#script-stats dt {
3608
    display: table-row !important;
3609
    clear: none !important;
3610
    float: left !important;
3611
    height: 18px !important;
3612
    line-height: 18px !important;
3613
    min-width: 45% !important;
3614
    max-width: 45% !important;
3615
    border-bottom: 1px solid gray !important;
3616
    text-indent: 10px !important;
3617
}
3618
3619
#script-stats dt.script-show-compatibility {
3620
display: table-row !important;
3621
    clear: none !important;
3622
    float: left !important;
3623
    height: 30px !important;
3624
    line-height: 30px !important;
3625
    min-width: 45% !important;
3626
    max-width: 45% !important;
3627
}
3628
3629
/* (new71) */
3630
#script-stats dd {
3631
    display: table-cell !important;
3632
    clear: none !important;
3633
    float: right !important;
3634
    height: 18px !important;
3635
    line-height: 18px !important;
3636
    min-width: 55% !important;
3637
    max-width: 55% !important;
3638
    margin-left: -50px !important;
3639
white-space: nowrap !important;
3640
overflow: hidden !important;
3641
text-overflow: ellipsis !important;
3642
/* background: red !important; */
3643
}
3644
3645
#script-meta dd:not(.script-show-applies-to) {
3646
display: table-cell !important;
3647
    clear: none !important;
3648
    float: right !important;
3649
    height: 18px !important;
3650
    line-height: 18px !important;
3651
    border-bottom: 1px solid gray !important;
3652
    text-indent: 10px !important;
3653
}
3654
#script-meta dd.script-show-compatibility {
3655
    display: table-row !important;
3656
    clear: none !important;
3657
    float: left !important;
3658
    height: 30px !important;
3659
    line-height: 34px !important;
3660
/*     min-width: 45% !important;
3661
    max-width: 45% !important; */
3662
}
3663
3664
3665
/* (new67) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER - "APPLIES" TO CONTAINER - 
3666
https://greasyfork.org/fr/scripts/109-handy-image
3667
==== */
3668
#script-meta>div {
3669
    position: relative;
3670
    display: inline-block !important;
3671
    float: right !important;
3672
    clear: none !important;
3673
    width: 493px !important;
3674
    max-height: 186px !important;
3675
    margin-right: 35px !important;
3676
    top: -10px !important;
3677
    padding: 5px 5px 5px 5px !important;
3678
    overflow-x: hidden !important;
3679
    overflow-y: hidden !important;
3680
}
3681
3682
#script-applies-to dd.script-show-applies-to {
3683
    display: inline-block !important;
3684
    padding: 5px;
3685
    width: 485px !important;
3686
    max-height: 156px !important;
3687
    padding: 5px 5px 5px 5px !important;
3688
    border-radius: 3px !important;
3689
    border: 1px solid gray !important;
3690
    overflow: hidden !important;
3691
    overflow-y: auto !important;
3692
}
3693
3694
#script-meta>div code {
3695
    position: relative;
3696
    display: inline-block !important;
3697
    height: 15px !important;
3698
    line-height: 15px !important;
3699
    background-color: #262626 !important;
3700
    border-radius: 3px !important;
3701
    border: none !important;
3702
    color: #aba2a4 !important;
3703
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
3704
    font-size: 90%;
3705
    padding: 1px 4px !important;
3706
    white-space: nowrap;
3707
}
3708
#script-meta>div  .inline-list>li:nth-child(even) code {
3709
    color: #BAA591  !important;
3710
    background-color: #1A1919 !important
3711
}
3712
#script-meta>div  .inline-list>li:nth-child(odd) code {
3713
    color: #BAA591  !important;
3714
    background-color: #363535 !important
3715
}
3716
3717
/*LINKYFY PLUS */
3718
.script-show-applies-to .inline-list li a.linkifyplus {
3719
    position: relative;
3720
    display: inline-block !important;
3721
    height: 15px !important;
3722
    line-height: 15px !important;
3723
    padding: 1px 4px !important;
3724
    border-radius: 3px !important;
3725
    color: #BAA591  !important;
3726
    background-color: #1A1919 !important
3727
}
3728
3729
.script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {
3730
    color: #D0A070  !important;
3731
    background-color: #1A1919 !important
3732
}
3733
.script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {
3734
    color: #BAA591  !important;
3735
    background-color: #1A1919 !important
3736
}
3737
.script-show-applies-to .inline-list li:hover a.linkifyplus {
3738
    color: tomato  !important;
3739
    background-color: #1A1919 !important
3740
}
3741
.expander {
3742
    display: none !important;
3743
}
3744
3745
/* GREASYFORK - SCRIPT PAGE - LIST "FAVORITED BY" - ==== */
3746
#script-content>#feedback-favoriters + div {
3747
    display: inline-block !important;
3748
    width: 953px !important;
3749
    margin-top: -10px !important;
3750
    font-size: 14px !important;
3751
}
3752
.inline-list>li:nth-child(odd)>a ,
3753
.inline-list>li:nth-child(even)>a {
3754
    display: inline-block !important;
3755
    padding: 1px 3px !important;
3756
    border-radius: 3px !important;
3757
}
3758
.inline-list>li:nth-child(odd)>a {
3759
    background: #222 !important;
3760
}
3761
.inline-list>li:nth-child(even)>a {
3762
    background: #333 !important;
3763
}
3764
3765
3766
/* (new71) GREASYFORK - SCRIPT PAGE - INFOS CONTAINER - 
3767
TEST LINKS :
3768
https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
3769
https://greasyfork.org/fr/scripts/9456-cursor-mod
3770
https://greasyfork.org/fr/scripts/740-bili-fix-player
3771
=== */
3772
.width-constraint #script-info > #script-content #additional-info {
3773
    position: relative !important;
3774
    display: inline-block !important;
3775
    min-width: 950px !important;
3776
    max-width: 950px !important;
3777
    top: 10px !important;
3778
    margin-left: -4px !important;
3779
    margin-bottom: 50px !important;
3780
    padding: 0 5px 15px 5px !important;
3781
    background-color: #f9dacd;
3782
    border-radius: 5px;
3783
    word-wrap: break-word !important;
3784
}
3785
.width-constraint #script-info > #script-content #additional-info {
3786
    margin-bottom: -14px !important;
3787
    margin-top: 0 !important;
3788
}
3789
.script-author-description>p>code {
3790
    display: inline-block!important;
3791
    white-space: pre-line !important;
3792
}
3793
#additional-info > .script-author-description> pre ,
3794
.script-author-description>blockquote>pre {
3795
    margin-left: 30px;
3796
    padding: 5px 10px;
3797
    border: 1px solid gray !important;
3798
    border-radius: 2px;
3799
    word-wrap: break-word !important;
3800
    background-color: #5c5c5c !important;
3801
}
3802
/* (new62) CODE in SCRIPT INFO PAGE -
3803
https://greasyfork.org/fr/scripts/7596-decloak-links-and-open-directly
3804
=== */
3805
.script-author-description>p>code ,
3806
#additional-info > .script-author-description > pre > code ,
3807
#additional-info > .script-author-description  > blockquote > pre > code {
3808
    border: 1px solid gray !important;
3809
    max-width: 99% !important;
3810
}
3811
3812
/* ===
3813
https://greasyfork.org/fr/scripts/2229-change-search-result-for-google
3814
CODE IN IT :
3815
https://greasyfork.org/fr/scripts/9456-cursor-mod
3816
=== */
3817
.width-constraint #script-info > #script-content #additional-info > div {
3818
    padding: 5px !important;
3819
    background-color: #2B2B2B !important;
3820
}
3821
.width-constraint #script-info > #script-content #additional-info>div>p>img {
3822
    max-width: 895px !important;
3823
}
3824
3825
/* GREASYFORK - CODE PAGE - === */
3826
#code-container {
3827
    max-height: 620px!important;
3828
    width: 100% ;
3829
    margin-left: -5px !important;
3830
    margin-top: 8px !important;
3831
    overflow-x: hidden !important;
3832
    background-color: white !important;
3833
}
3834
#script-feedback-suggestion + #code-container{
3835
    max-height: 615px!important;
3836
    width: 100% ;
3837
    margin-left: -5px !important;
3838
    margin-top: 22px !important;
3839
    overflow-x: hidden !important;
3840
    background-color: white !important;
3841
}
3842
/* GREASYFORK - DISCUSS / HISTORIC etc - === */
3843
#feedback-favoriters ,
3844
#script-content>p:not(:empty):not(:first-of-type):not(:empty) {
3845
    margin-top: 10px !important;
3846
    margin-bottom: 20px !important;
3847
    padding: 5px !important;
3848
    border-radius: 4px !important;
3849
    text-align: center !important;
3850
    background-color: #f9dacd !important;
3851
}
3852
3853
/* (new93) GREASYFORK - SCRIPT INFO - HISTORIC - WATCH DIFF (HOVER BUTTON) - 
3854
https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables/versions
3855
https://greasyfork.org/fr/scripts/4407-ts-linx-amender/versions
3856
=== */
3857
.width-constraint #script-info > #script-content >form[action$="/diff"]  {
3858
    margin-top: 90px!important;
3859
    width: 934px !important;
3860
}
3861
3862
3863
/* .width-constraint #script-info > #script-content p + form > ul */
3864
.width-constraint #script-info > #script-content > form > ul  {
3865
    width: 950px !important;
3866
    height: 610px !important;
3867
    margin-top: 0px !important;
3868
    margin-bottom: 0 !important;
3869
    border-top: 1px dashed gray !important;
3870
    border-bottom: 1px dashed gray !important;
3871
    padding-left: 5px !important;
3872
    overflow-x: hidden !important;
3873
    overflow-y: auto !important;
3874
}
3875
3876
.width-constraint #script-info > #script-content >form[action$="/diff"]>input:first-of-type  {
3877
    margin-bottom: 15px !important;
3878
    cursor: pointer !important;
3879
}
3880
.width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type  {
3881
    top: 29.9%!important;
3882
    margin-left: -20px!important;
3883
    position: fixed !important;
3884
    width: 10px !important;
3885
    height: 15px !important;
3886
    border-left: 19px solid #AAAAAA;
3887
    border-bottom: 9px solid transparent;
3888
    border-top: 9px solid transparent;
3889
    border-right: none !important;
3890
    color: transparent!important;
3891
    cursor: pointer !important;
3892
    background: green !important;
3893
    -moz-appearance: none !important;
3894
    transition: width ease 0.1s, margin ease 0.1s  !important;
3895
}
3896
.width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type:hover {
3897
    margin-left: -130px !important;
3898
    width: 145px !important;
3899
    height: auto !important;
3900
    line-height: 12px !important;
3901
    -moz-appearance: button !important;
3902
    white-space: normal !important;
3903
    border: none !important;
3904
    color: black !important;
3905
    cursor: pointer !important;
3906
    transition: width ease 0.2s, margin ease 1.5s !important;
3907
}
3908
3909
3910
/* (new62) GREASYFORK - SCRIPT STATS - === */
3911
#script-content> script[src*="assets"] ~h3 {
3912
    margin-top: 10px !important;
3913
    margin-bottom: 20px !important;
3914
    padding: 5px !important;
3915
    border-radius: 4px !important;
3916
    text-align: center! important;
3917
}
3918
[id$="-chart-container"] {
3919
    background: white !important;
3920
}
3921
td.numeric, 
3922
th.numeric {
3923
    text-align: left!important;
3924
    text-align: center!important;
3925
}
3926
/* GREASYFORK - SCRIPT - DISCUSSION TABLE - ITEMS - === */
3927
.width-constraint #discussions li>a:first-of-type {
3928
    width: 835px !important;
3929
    display: inline-block !important;
3930
    color: #B4A393  !important;
3931
}
3932
.width-constraint #discussions li>a:first-of-type:hover {
3933
    color: tomato  !important;
3934
}
3935
.width-constraint #discussions li>time:first-of-type {
3936
    display: inline-block !important;
3937
    width: 95px !important;
3938
    margin-right: 20px!important;
3939
    text-align: center !important;
3940
}
3941
.width-constraint #discussions li>time:last-of-type {
3942
    display: inline-block!important;
3943
    width: 125px !important;
3944
    margin-left: -30px !important;
3945
    text-align: center !important;
3946
    white-space: nowrap !important;
3947
}
3948
.width-constraint #discussions li>a:nth-child(2) {
3949
    width: 180px !important;
3950
    display: inline-block !important;
3951
    margin-left: 10px !important;
3952
}
3953
.width-constraint #discussions li>a:nth-child(4) {
3954
    width: 160px !important;
3955
    display: inline-block !important;
3956
    margin-left: 20px !important;
3957
}
3958
3959
3960
/* (new93) GM VERSIONS - CONTAINER - MORE of ONE VERSION - 
3961
#script-content>form > input:first-of-type + ul
3962
https://greasyfork.org/fr/scripts/50-userstyles-tableview-enhancer-dark-grey-59-1-addstylish-lib-leoncastro/versions
3963
==== */
3964
.width-constraint #script-info > #script-content>form > input:first-of-type + ul {
3965
    margin-top: -5px  !important;
3966
/* outline: 4px solid aqua !important; */
3967
}
3968
/* (new93) VERSIONS - CONTAINER - ONLY ONE VERSION -
3969
.width-constraint #script-info > #script-content > form > ul
3970
https://greasyfork.org/fr/scripts/29600-flickr-auto-showallgroups-photo-page-v-2/versions
3971
=== */
3972
.width-constraint #script-info > #script-content > form > ul {
3973
    margin-top: -42px  !important;
3974
outline: 4px solid red !important;
3975
}
3976
/* (new93) GM VERSIONS - ITEMS - ALL - === */
3977
.width-constraint #script-info > #script-content>form > input:first-of-type {
3978
/* margin-top: 29px ; */
3979
    margin-bottom: -3px !important;
3980
    padding-bottom: 4px !important;
3981
    border-top: 1px solid gray !important;
3982
    overflow: hidden !important;
3983
    text-overflow: ellipsis !important;
3984
    white-space: nowrap !important;
3985
}
3986
3987
.width-constraint #script-info > #script-content > form > ul li:not(:hover) {
3988
/* margin-top: 29px ; */
3989
    margin-bottom: -3px !important;
3990
    padding-bottom: 4px !important;
3991
    border-top: 1px solid gray !important;
3992
    overflow: hidden !important;
3993
    text-overflow: ellipsis !important;
3994
white-space: nowrap !important;
3995
}
3996
3997
.width-constraint #script-info > #script-content > form > ul li:hover {
3998
    margin-bottom: -3px !important;
3999
    padding-bottom: 4px !important;
4000
    border-top: 1px solid gray !important;
4001
    overflow: visible !important;
4002
    text-overflow: ellipsis !important;
4003
/*     white-space: nowrap !important; */
4004
background: black !important;
4005
transition: all ease 0.7s !important;
4006
}
4007
#script-content>form>ul>li>input + a {
4008
    display: inline-block !important;
4009
    width: 15% !important;
4010
    padding: 1px 5px !important;
4011
    background: #222222 !important;
4012
}
4013
#script-content>form>ul>li:nth-child(odd)>input + a {
4014
    background: #222222 !important;
4015
}
4016
#script-content>form>ul>li:nth-child(even)>input + a {
4017
    background: #333333 !important;
4018
}
4019
.width-constraint #script-info > #script-content > form > ul li time {
4020
    display: inline-block!important;
4021
    min-width: 202px !important;
4022
    max-width: 202px !important;
4023
    padding: 1px 5px !important;
4024
    letter-spacing: 1.4px !important;
4025
    text-align: center !important;
4026
} 
4027
.width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
4028
    background: #222222 !important;
4029
}
4030
4031
.width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
4032
    background: #333333 !important;
4033
}
4034
4035
4036
/* (new72) GREASYFORK - FORUM TABLE -
4037
Test LIKNK : MouseOver PopUP Viewer rules : 
4038
https://greasyfork.org/fr/forum/discussion/593/x
4039
=== */
4040
.Message table {
4041
    border-collapse: separate;
4042
    border-spacing: 4px;
4043
    margin: 1em -4px;
4044
    width:  650px !important;
4045
}
4046
.Message table thead{
4047
    width:  600px !important;
4048
}
4049
.Message th {
4050
    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;
4051
    font-size: 105%;
4052
    font-weight: bold;
4053
    padding-bottom: 0.5em;
4054
    padding-top: 0.5em;
4055
}
4056
.Message table tbody {
4057
    width:  600px !important;
4058
}
4059
.Message table tbody tr td:first-of-type  {
4060
    width:  120px !important;
4061
    vertical-align: middle !important;
4062
    color: gold !important;
4063
    border: 1px solid red !important;
4064
}
4065
.Message table tbody tr td:first-of-type + td  {
4066
    min-width:  75px !important;
4067
    max-width:  75px !important;
4068
    color: gold !important;
4069
    vertical-align: middle !important;
4070
    border: 1px solid green !important;
4071
}
4072
.Message table tbody tr td:last-of-type  {
4073
    min-width:  280px !important;
4074
    max-width:  280px !important;
4075
    border: 1px solid blue !important;
4076
}
4077
.Message table tbody tr td:last-of-type code {
4078
    float: left!important;
4079
    min-width:  290px !important;
4080
    max-width:  290px !important;
4081
    background-color: #f9ebd2;
4082
    border: 1px solid;
4083
    border-radius: 3px;
4084
    color: #eb5100;
4085
    margin-left: -6px !important;;
4086
    padding: 1px 3px;
4087
    white-space: pre-line !important;
4088
}
4089
4090
/* GREASYFORK - BROWSE / USER SCRIPTS  - === */
4091
#user-script-list>li ,
4092
#browse-script-list>li {
4093
    padding: 5px !important;;
4094
}
4095
#user-script-list>li:nth-child(odd) ,
4096
#browse-script-list>li:nth-child(odd) {
4097
    background-color: #222 !important;
4098
}
4099
#user-script-list>li:nth-child(odd):hover ,
4100
#browse-script-list>li:nth-child(odd):hover {
4101
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
4102
    background-color: rgba(7, 7, 7, 0.67) !important;
4103
    transition: background 0.8s ease 0s !important;
4104
}
4105
#user-script-list>li:nth-child(even) ,
4106
#browse-script-list>li:nth-child(even) {
4107
    background-color: #414141 !important;
4108
}
4109
#user-script-list>li:nth-child(even):hover ,
4110
#browse-script-list>li:nth-child(even):hover {
4111
    background-color: rgba(7, 7, 7, 0.57) !important;
4112
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
4113
    transition: background 0.8s ease 0s !important;
4114
}
4115
#user-script-list>li:hover ,
4116
#browse-script-list>li:hover {
4117
    background-color: black !important;
4118
    z-index: 1 !important;
4119
}
4120
/* (new66) without script */
4121
#user-script-list>li h2 ,
4122
#browse-script-list>li h2 {
4123
    display: inline-block !important;
4124
    width: 100% !important;
4125
    max-width: 762px !important;
4126
    word-wrap: break-word !important;
4127
    overflow: hidden !important;
4128
}
4129
#user-script-list>li h2 a ,
4130
#browse-script-list>li h2 a {
4131
    display: inline-block!important;
4132
    width: 100% !important;
4133
    line-height: 17px !important;
4134
}
4135
4136
/* (new79) PB ?? - overflow-wrap */
4137
#browse-script-list>li h2 span {
4138
    width: 100% !important;
4139
    max-width: 720px !important;
4140
    overflow: hidden !important;
4141
/* overflow-wrap: break-word !important; */
4142
}
4143
#user-script-list>li h2 span.name-description-separator ,
4144
#browse-script-list>li h2 span.name-description-separator {
4145
    display: none !important;
4146
}
4147
4148
4149
/* (new94) GREASYFORK - BROWSE SCRIPTS - LEFT SORT PANEL (WIth/Without TS CITRUS) - === */
4150
/* (new94) without CITRUS*/
4151
.width-constraint  #script-list-option-groups.list-option-groups {
4152
    display: inline-block !important;
4153
    float: left !important;
4154
    margin-left: -12px !important;
4155
    margin-top: 0px !important;
4156
}
4157
.width-constraint  #script-list-option-groups.list-option-groups #script-list-sort>div {
4158
    margin-top: 19px;
4159
}
4160
.width-constraint  #script-list-option-groups.list-option-groups .list-option-group {
4161
    margin-bottom: 0.5em;
4162
    padding: 0.5em;
4163
    box-shadow: 3px 3px 2px black !important;
4164
    border-radius: 5px 0 0 5px !important;
4165
    border: 1px solid gray !important;
4166
    background-color: #2d2d2d !important;
4167
}
4168
.list-option-group ul {
4169
    box-shadow: 3px 3px 2px black !important;
4170
    background-color: transparent !important;
4171
    padding: 2px 0 !important;
4172
}
4173
.width-constraint  #browse-script-list {
4174
    display: inline-block !important;
4175
    float: right !important;
4176
}
4177
.list-option-group .list-current {
4178
    height: 19px !important;
4179
    line-height: 15px !important;
4180
    margin-bottom: 2px !important;
4181
    padding: 2px 0 0 0 !important;
4182
}
4183
.list-option-group .list-option {
4184
    height: 19px ;
4185
    line-height: 9px ;
4186
    border: 1px solid #404040;
4187
}
4188
.list-option-group .list-option a {
4189
white-space: nowrap ;
4190
overflow: hidden ;
4191
text-overflow: ellipsis ;
4192
}
4193
4194
/* (new66) */
4195
.width-constraint #script-list-option-groups.list-option-groups + h3 + p ,
4196
.width-constraint #script-list-option-groups.list-option-groups + h3 ,
4197
#browse-script-list + .pagination + p {
4198
    display: inline-block !important;
4199
    float: left !important;
4200
    width: 727px !important;
4201
    margin-bottom: 8px !important;
4202
    margin-left: 59px !important;
4203
    margin-top: -15px !important;
4204
    padding: 5px !important;
4205
background: #222 !important;
4206
}
4207
.width-constraint #script-list-option-groups.list-option-groups + h3 {
4208
/* margin-top: -20px !important; */
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: 100px !important;
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
4293
/* MESSAGE - ERROR NOT LOADING IMAGES - === */
4294
.notice {
4295
    display: inline-block !important;
4296
    position: absolute !important;
4297
    width: 214px !important;
4298
    left: -13px !important;
4299
    top: 15px !important;
4300
}
4301
4302
/* TEST - FORUM IMAGE IN DISSCUSSION - 
4303
https://forum.userstyles.org/discussion/comment/92068#Comment_92068
4304
.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
4305
=== */
4306
.Discussion.comment .Message>div {
4307
    float: right;
4308
    height: 150px;
4309
    width: 719px !important;
4310
    overflow: hidden;
4311
}
4312
.Message .ImageResized {
4313
    cursor: pointer;
4314
    font-size: 11px;
4315
    font-weight: normal;
4316
    height: 20px !important;
4317
    margin-bottom: 5px !important;
4318
    max-width: 668px !important;
4319
    color: peru !important;
4320
}
4321
.Message .ImageResized:hover {
4322
    color: tomato !important;
4323
}
4324
4325
4326
/* TEST - CODE IN DISCUSSION - === */
4327
.Message>table>tbody>tr>td>code {
4328
    display: inline-block !important;
4329
    min-width: 688px !important;
4330
    max-width: 688px !important;
4331
    letter-spacing: initial;
4332
    white-space: pre-line !important;
4333
    word-wrap: break-word !important;
4334
    background-color: #5c5c5c !important;
4335
    color: white!important;
4336
}
4337
/* ===
4338
PB: https://forum.userstyles.org/discussion/27971/useful-extensions-keys-scripts-css-etc-for-stylish/p1
4339
.Message>pre[id*="b"]
4340
.Message>ul>li>ul>li>pre
4341
.Message>ul>li>pre
4342
.Message pre
4343
=== */
4344
.Message>pre {
4345
    position: relative !important;
4346
    display: inline-block !important;
4347
    min-width: 650px !important;
4348
    max-width: 650px !important;
4349
    margin-left: 5px !important;
4350
    letter-spacing: initial;
4351
    white-space: pre-line !important;
4352
    word-wrap: break-word !important;
4353
    background-color: #5c5c5c !important;
4354
    color: white!important;
4355
}
4356
4357
.Message>ul>li>pre {
4358
    position: relative !important;
4359
    display: inline-block !important;
4360
    min-width: 580px !important;
4361
    max-width: 580px !important;
4362
    margin-left: 5px !important;
4363
    letter-spacing: initial;
4364
    white-space: pre-line !important;
4365
    word-wrap: break-word !important;
4366
    background-color: #5c5c5c !important;
4367
    color: white !important;
4368
}
4369
4370
.Message>ul>li>ul>li>pre{
4371
    position: relative !important;
4372
    display: inline-block !important;
4373
    min-width: 580px !important;
4374
    max-width: 580px !important;
4375
    margin-left: -35px !important;
4376
    letter-spacing: initial;
4377
    white-space: pre-line !important;
4378
    word-wrap: break-word !important;
4379
    background-color: #5c5c5c !important;
4380
    color: white !important;
4381
}
4382
4383
/* TEST code in discussion - === */
4384
.Message ol li pre {
4385
    display: inline-block !important;
4386
    min-width: 650px !important;
4387
    max-width: 650px !important;
4388
    margin-left: -35px !important;
4389
    letter-spacing: initial;
4390
    white-space: pre-line !important;
4391
    word-wrap: break-word !important;
4392
    background-color: #5c5c5c !important;
4393
    color: white !important;
4394
}
4395
4396
/* FORUM USERTYLES / GREASY FORK - CODE (BACKROUND STRIPED) - for .linenums.prettyprinted  - 
4397
TEST different:
4398
https://greasyfork.org/en/forum/discussion/6928/gm-xmlhttprequest-vs-xmlhttprequest#latest
4399
https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help#latest
4400
===  */    
4401
.Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
4402
    position: relative !important;
4403
    display: inline-block !important;
4404
    min-width: 670px !important;
4405
    max-width: 670px !important;
4406
    left: -20px !important;
4407
    top: -10px !important;
4408
    letter-spacing: initial;
4409
    white-space: pre-line !important;
4410
    word-wrap: break-word !important;
4411
    background-color: white !important;
4412
    background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent) !important;
4413
    background-size: 30px 15px !important;
4414
    color: red !important;
4415
    outline: 1px solid green !important;
4416
}
4417
.Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
4418
    position: relative !important;
4419
    display: inline-block !important;
4420
    min-width: 670px !important;
4421
    max-width: 670px !important;
4422
    left: 0px !important;
4423
    top: -10px !important;
4424
    letter-spacing: initial;
4425
    white-space: pre-line !important;
4426
    word-wrap: break-word !important;
4427
    background-color: white !important;
4428
    background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent)!important;
4429
    background-size: 30px 15px !important;
4430
    color: red !important;
4431
    outline: 1px solid violet !important;
4432
}
4433
pre.linenums.prettyprinted .linenums {
4434
    background: transparent !important;
4435
    padding: 8px;
4436
}
4437
    pre.linenums.prettyprinted li.L0, 
4438
pre.linenums.prettyprinted li.L1, 
4439
    pre.linenums.prettyprinted li.L2, 
4440
pre.linenums.prettyprinted li.L3, 
4441
    pre.linenums.prettyprinted li.L4, 
4442
pre.linenums.prettyprinted li.L5, 
4443
    pre.linenums.prettyprinted li.L6, 
4444
pre.linenums.prettyprinted li.L7,
4445
    pre.linenums.prettyprinted li.L8, 
4446
pre.linenums.prettyprinted li.L9 {
4447
    min-width: 600px !important;
4448
    max-width: 600px !important;
4449
    margin-left: -20px!important;
4450
    background:transparent !important;
4451
}
4452
    pre.linenums.prettyprinted li.L0 code,
4453
pre.linenums.prettyprinted li.L1 code,
4454
    pre.linenums.prettyprinted li.L2 code, 
4455
pre.linenums.prettyprinted li.L3 code , 
4456
    pre.linenums.prettyprinted li.L4 code, 
4457
pre.linenums.prettyprinted li.L5 code , 
4458
    pre.linenums.prettyprinted li.L6 code , 
4459
pre.linenums.prettyprinted li.L7 code ,
4460
    pre.linenums.prettyprinted li.L8 code, 
4461
pre.linenums.prettyprinted li.L9 code {
4462
    min-width: 600px !important;
4463
    max-width: 600px !important;
4464
    background: #5c5c5c !important;
4465
    background:transparent !important;
4466
    color: white!important;
4467
}
4468
.linenums.prettyprinted code .pun{
4469
    background:transparent !important;
4470
}
4471
    
4472
/* === 
4473
https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help/p1
4474
=== */
4475
#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 {
4476
    display: inline-block !important;
4477
    min-width: 630px !important;
4478
    max-width: 630px !important;
4479
    margin-left: -5px !important;
4480
}
4481
/* (new88) */
4482
.Quote>p>code ,
4483
.Message pre code , 
4484
.Message > code  {
4485
    display: inline-block !important;
4486
    max-width: 648px !important;
4487
/* line-height: 13px !important; */
4488
vertical-align: middle !important;
4489
/* margin-top: 0px !important; */
4490
/* margin-bottom: 0px !important; */
4491
    padding: 1px 2px 1px 4px !important;
4492
/* letter-spacing: initial; */
4493
    white-space: pre-line !important;
4494
    word-wrap: break-word !important;
4495
    background-color: #5c5c5c !important;
4496
    color: white !important;
4497
}
4498
4499
/*(new70) CODE - USERSTLES / GREASYFORK  - FIRST TOP DISSCUSSION -
4500
https://forum.userstyles.org/discussion/53223/firefoxs-developer-toolbar-readable-userstyles-name-for-css-selector-lines-like-firebug?new=1
4501
=== */
4502
.Discussion .Item-BodyWrap .Item-Body .Message code ,
4503
.MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code  {
4504
    max-width: 600px !important;
4505
}
4506
4507
4508
/* === (new77) ===
4509
https://greasyfork.org/fr/forum/discussion/7111/forum-upgraded-please-report-any-issues#latest
4510
PB:
4511
https://greasyfork.org/fr/forum/discussion/10685/how-to-manage-greasemonkey-userscripts-using-git
4512
ZIP :
4513
https://greasyfork.org/fr/forum/discussion/12928/resolved-make-dubious-tlds-optional#latest
4514
=== */
4515
code ,
4516
.Message>p>code {
4517
position: relative !important;
4518
    display: inline-block!important;
4519
    min-width: 10px !important;
4520
    max-width: 670px !important;
4521
    min-height: 15px !important;
4522
    line-height: 15px !important;
4523
    top: 0px !important;
4524
    margin-top: 0px!important;
4525
    margin-bottom: -2px !important;
4526
    margin-left: 2px !important;
4527
    padding: 0px 2px !important;
4528
    letter-spacing: initial;
4529
    white-space: pre-line !important;
4530
    word-wrap: break-word !important;
4531
    background-color: #5c5c5c!important;
4532
    color: white!important;
4533
}
4534
/* TEST - CODE IN DISCUSSION - TOP AUTHOR DISCUSSION - === */
4535
.Message>ul>li>code  {
4536
position: relative !important;
4537
    display: inline-block!important;
4538
    min-width: 10px !important;
4539
    max-width: 670px !important;
4540
    height: 13px !important;
4541
    line-height: 13px !important;
4542
    top: 0px !important;
4543
    margin-top:0px!important;
4544
    margin-bottom: -2px !important;
4545
    margin-left: 2px !important;
4546
    padding: 1px 4px !important;
4547
    letter-spacing: initial;
4548
    white-space: pre-line !important;
4549
    word-wrap: break-word !important;
4550
    background-color: #5c5c5c!important;
4551
    color: white!important;
4552
}
4553
.QuoteText>pre {
4554
    width: 660px!important;
4555
    padding: 2px 2px 2px 4px !important;
4556
    letter-spacing: initial;
4557
    white-space: pre-line !important;
4558
    word-wrap: break-word !important;
4559
}
4560
4561
/* USERSTYLES PAGE INFO - CODE - === */
4562
#additional-info-text>code:not(:empty),
4563
#long-description>code:not(:empty)  {
4564
    display: inline-block !important;
4565
/* width: 820px!important; */
4566
    margin-left: 1px!important;
4567
    padding: 5px 10px!important;
4568
    border-radius: 2px!important;
4569
    letter-spacing: initial;
4570
    white-space: pre-line !important;
4571
    word-wrap: break-word !important;
4572
    background-color: #e9e8e5!important;
4573
    background-color: #5c5c5c !important;
4574
    color: white !important;
4575
}
4576
#additional-info-text>pre ,
4577
#additional-info-text>code pre code ,
4578
#additional-info-text>code pre {
4579
    display: inline-block !important;
4580
    width: 850px!important;
4581
    margin-left: 1px!important;
4582
    padding: 5px 10px!important;
4583
    border-radius: 2px!important;
4584
    letter-spacing: initial;
4585
    white-space: pre-line !important;
4586
    word-wrap: break-word !important;
4587
    background-color: #e9e8e5!important;
4588
    background-color: #5c5c5c !important;
4589
    color: white !important;
4590
}
4591
4592
/* CODE - IN STYLE INFO - LONG DESCRIPTION - === */
4593
#long-description>code:not(:empty)  {
4594
    display: inline-block !important;
4595
    width: auto !important;
4596
    max-width: 540px!important;
4597
}
4598
/* CODE - IN STYLE INFO - ADITIONAL DESCRIPTION - === */
4599
#additional-info-text > code:not(:empty)  {
4600
    display: inline-block !important;
4601
    width: auto !important;
4602
    max-width: 820px!important;
4603
}
4604
4605
/* GREASYFORK - SCRIPT PAGE INFO - CODE - 
4606
TEST LINK 
4607
- (bili_fix_player - CHINESE) :
4608
https://greasyfork.org/fr/scripts/740-bili-fix-player
4609
- userstyles.org css highlighter :
4610
https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
4611
=== */
4612
#additional-info>div>blockquote>pre>code  {
4613
    display: inline-block !important;
4614
    width: 99%!important;
4615
    margin-left: -6px!important;
4616
    padding: 5px 10px!important;
4617
    border-radius: 2px!important;
4618
    border: 1px solid gray !important;
4619
    letter-spacing: initial;
4620
    white-space: pre-line !important;
4621
    word-wrap: break-word !important;
4622
    background-color: #e9e8e5!important;
4623
    background-color: #5c5c5c !important;
4624
    color: white !important;
4625
}
4626
#additional-info>div>pre>code  {
4627
    display: inline-block !important;
4628
    width: 99%!important;
4629
    margin-left: -6px!important;
4630
    padding: 5px 10px!important;
4631
    border-radius: 2px!important;
4632
    letter-spacing: initial;
4633
    white-space: pre-line !important;
4634
    word-wrap: break-word !important;
4635
    background-color: #e9e8e5!important;
4636
    background-color: #5c5c5c !important;
4637
    color: white !important;
4638
}
4639
4640
/* (new75) WITH / WITHOUT GM - MY ACCOUNT PAGE / EDIT PAGE - === */
4641
#main-header + #content-wrapper> #main-article>ul {
4642
    position: fixed !important;
4643
    display: inline-block !important;
4644
    width: 50px !important;
4645
    height: 18px !important;
4646
    margin-left: -100px;
4647
    top: 18px !important;
4648
padding-left: 15px !important;
4649
/* padding-right: 5px !important; */
4650
/* padding-bottom: 10px !important; */
4651
    border-radius: 3px 3px 0 0 !important;
4652
    box-shadow: 0 0 4px #999999 !important;
4653
text-align: left !important;
4654
    background: #222 !important;
4655
    overflow: hidden !important;
4656
    z-index: 500 !important;
4657
}
4658
#help-style-settings-edit ~pre ,
4659
#main-header + #content-wrapper > #main-article > p ~ ul {
4660
    position: relative !important;
4661
    display: inline-block !important;
4662
    width: 700px !important;
4663
    height: auto!important;
4664
    margin-left: 200px !important;
4665
    margin-top: -5px !important;
4666
    border-radius: 3px !important;
4667
    border: 1px solid gray !important;
4668
    background: #222 !important;
4669
    overflow: visible !important;
4670
    z-index: 10 !important;
4671
}
4672
#main-header + #content-wrapper > #main-article > table + p {
4673
    position: fixed!important;
4674
    display: inline-block !important;
4675
    width: 600px !important;
4676
    height: auto !important;
4677
    top: 73px !important;
4678
    left: 320px !important;
4679
    opacity: 0 !important;
4680
}
4681
#main-header + #content-wrapper > #main-article > table:hover + p {
4682
    position: fixed!important;
4683
    display: inline-block !important;
4684
    width: 600px !important;
4685
    height: auto!important;
4686
    top: 73px!important;
4687
    left: 320px!important;
4688
    opacity: 1!important;
4689
    transition: opacity ease 0.7s !important;
4690
}
4691
#main-header + #content-wrapper> #main-article>ul:hover {
4692
    width: 200px !important;
4693
    height: auto!important;
4694
    box-shadow: 0 0 4px #999999 !important;
4695
}
4696
#main-header + #content-wrapper > #main-article > p ~ ul:hover{
4697
    width: 700px !important;
4698
    height: auto!important;
4699
}
4700
#main-header + #content-wrapper> #main-article>ul:before {
4701
    width: 200px !important;
4702
    height: 10px !important;
4703
    line-height: 10px !important;
4704
    content: "More..."!important;
4705
/* padding:  0 !important; */
4706
}
4707
#main-header + #content-wrapper > #main-article > p ~ ul:before{
4708
    content: ""!important;
4709
}
4710
/* HELP STYLES - === */
4711
 #main-header + #content-wrapper > #main-article > p ~ ul ~h3 {
4712
    width: 700px !important;
4713
    margin-left: 200px !important;
4714
    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);
4715
    text-align: center!important;
4716
    color: peru!important;
4717
}
4718
4719
4720
/* TEST TO SOLVE PB OVERFLOW ON SMALL SCREEN (no horizontal scrollbar) + FONT VERANDA - === */
4721
body {
4722
    overflow-x: hidden !important;
4723
    overflow-y: auto !important;
4724
    font-family: Verdana,sans-serif!important;
4725
}
4726
4727
4728
/* (new79) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN - 
4729
IN GREASY FORK DISCUSS:
4730
https://greasyfork.org/fr/forum/discussion/179/x
4731
=== */
4732
4733
/* (new79) ALL - USERSTYLE / GREASY FORK - EDIT COMMENT - ICON PENCIL GRAY - TOP TITLE DISCUS / OK COMMENTS - === */
4734
/* .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems , */
4735
.ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
4736
    display: inline-block !important;
4737
float: left !important;
4738
/*     width: auto !important; */
4739
width: 15px !important;
4740
height: 15px !important;
4741
/* left: 75px ; */
4742
padding: 0 !important;
4743
    border: none !important;
4744
    background-color: transparent !important;
4745
    box-shadow: none !important;
4746
/* background: aqua !important; */
4747
/* outline: 1px solid pink !important; */
4748
}
4749
#Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
4750
    left: -5px !important;
4751
    top: 21px !important;
4752
}
4753
#Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
4754
/*     left: 7px; */
4755
/*     top: 0; */
4756
}
4757
4758
.OptionsMenu .Flyout {
4759
  right: 6px;
4760
  top: -1px;
4761
}
4762
4763
.ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before, 
4764
.ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
4765
    border: none !important;
4766
}
4767
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment ,
4768
.ToggleFlyout:not(.Open) .EditDiscussion {
4769
    display: inline-block !important;
4770
    width: 18px !important;
4771
    background-color: transparent!important;
4772
    font-size: 0px!important;
4773
    visibility: hidden!important;
4774
    outline: 1px solid peru !important;
4775
}
4776
/* (new79) ALL */
4777
.ToggleFlyout:not(.Open) a.EditDiscussion:before {
4778
    content: " "!important;
4779
    position: relative!important;
4780
    display: inline-block !important;
4781
width: 18px !important;
4782
height: 15px !important;
4783
/*     margin-left: 35px !important; */
4784
/*     left: 24px !important; */
4785
/*     top: -16px !important; */
4786
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
4787
    background-color: black !important;
4788
    font-size: 15px !important;
4789
    visibility: visible !important;
4790
    outline: 1px solid gray !important;
4791
}
4792
/* (new79) */
4793
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
4794
    content: " "!important;
4795
    position: relative!important;
4796
    display: inline-block !important;
4797
    width: 18px !important;
4798
    height: 18px !important;
4799
/*     margin-left: 25px !important; */
4800
/*     top: 0px !important; */
4801
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
4802
    background-color: black !important;
4803
    font-size: 15px !important;
4804
    visibility: visible !important;
4805
    outline: 1px solid gray !important;
4806
}
4807
/* EDIT BUTTON */
4808
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems  {
4809
    display: inline-block !important;
4810
    height: 15px !important;
4811
    line-height: 15 !important;
4812
    padding: 1px !important;
4813
}
4814
4815
4816
4817
/* (new62) COMMENT DISCUSSION - COMMENT EDIT PAGE - === */
4818
#DiscussionForm.FormTitleWrapper.DiscussionForm {
4819
    margin-top: -74px !important;
4820
}
4821
#DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {
4822
    padding: 0px 20px !important;
4823
}
4824
4825
/* TEST - MARK AS RED / HIDE - 
4826
EDIT : 
4827
https://greasyfork.org/fr/forum/discussions/mineEDIT:
4828
READ:
4829
https://greasyfork.org/fr/forum/categories
4830
DISMISS :
4831
https://forum.userstyles.org/discussions
4832
#vanilla_discussions_mine
4833
4834
=== */
4835
4836
4837
4838
4839
.ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a {
4840
    position: relative !important;
4841
    display: inline-block !important;
4842
    float: left !important;
4843
width: 18px !important;
4844
/* height: 15px !important; */
4845
padding: 0 !important;
4846
line-height: 15px !important;
4847
outline: 1px solid pink !important;
4848
}
4849
4850
.ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a:hover {
4851
    background-color: #ACB1B7 !important;
4852
    color: white !important;
4853
    text-decoration: none;
4854
}
4855
4856
/* (new79) EDIT COMMENT - === */
4857
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
4858
/*     float: left !important; */
4859
    font-size: 15px !important;
4860
    visibility: hidden !important;
4861
    outline: 1px solid gray !important;
4862
}
4863
4864
/* (new79) */
4865
#vanilla_discussions_index .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
4866
#vanilla_discussions_mine .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
4867
#vanilla_discussions_bookmarked .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before {
4868
/* outline: 1px solid violet !important; */
4869
}
4870
4871
4872
4873
/* COMMENT DISCUSS  */
4874
.Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle ,
4875
.Section-Discussion .Item.Mine.ItemComment .OptionsTitle ,
4876
.Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle  {
4877
    visibility: hidden!important;
4878
}
4879
/* COMMENT DISCUSS ALT (BLACK) */
4880
.Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle ,
4881
.Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle {
4882
    visibility: hidden !important;
4883
}
4884
/* LIST BOOKMARKED */
4885
.Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle ,
4886
.Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle {
4887
    visibility: hidden !important;
4888
}
4889
/* LIST BOOKMARKED ALT (BLACK) */
4890
.Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle ,
4891
.Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
4892
    outline: 1px solid red!important;
4893
    visibility: hidden !important;
4894
}
4895
.DismissAnnouncement.Hijack {
4896
    margin-right: 19px !important;
4897
    margin-top: -31px !important;
4898
    color: peru !important;
4899
}
4900
#vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {
4901
    margin-right: 19px !important;
4902
    margin-top: 0px !important;
4903
    color: peru !important;
4904
}
4905
4906
/* (new79) TEST - USERSTYLES - EDIT COMMENT */
4907
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion  {
4908
/* float: left !important; */
4909
/*     margin-top: -12px !important; */
4910
/* left: 60px !important; */
4911
    font-size: 15px !important;
4912
    visibility: visible !important;
4913
    visibility: hidden !important;
4914
z-index: 10000 !important;
4915
}
4916
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before ,
4917
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {
4918
    content: " "!important;
4919
    position: relative !important;
4920
    display: inline-block !important;
4921
    float: left !important;
4922
width: 18px !important;
4923
height: 15px !important;
4924
left: 30px ;
4925
/* margin-left: 57px!important; */
4926
/* margin-top: 34px !important; */
4927
/* top: 4px !important; */
4928
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
4929
    background-color: black !important;
4930
    font-size: 15px !important;
4931
    visibility: visible !important;
4932
/* outline: 1px solid red !important; */
4933
    outline: 1px solid gray !important;
4934
z-index: 10000 !important;
4935
}
4936
4937
/* (new79) USERSTYLES / GREASYFORK - EDIT BUTTON - IN HEADER DISSCUSS IN GREASY FORK DISCUS :
4938
== GREASYFORK ==
4939
.Discussion.comment.Section-Discussion #Frame #Body #Content.Column.ContentColumn  .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout.OptionsMenu:not(.Open)
4940
https://greasyfork.org/fr/forum/discussion/179/x
4941
=== */
4942
/* GREASYFORK */
4943
.MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
4944
    outline: 1px solid peru!important;
4945
    visibility: hidden !important;
4946
}
4947
4948
/* (new79) EDIT - USERSTYLES */
4949
.ToggleFlyout.OptionsMenu {
4950
/*     left: -19px; */
4951
/*     top: -27px; */
4952
}
4953
4954
.MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion:before  {
4955
/*     margin-left: -70px !important; */
4956
/*     top: -13px !important; */
4957
}
4958
/* (new79) EDIT - GREASYFORK */
4959
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before{
4960
/*     margin-left: 20px !important; */
4961
/*     top: -23px !important; */
4962
}
4963
4964
/* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style - 
4965
https://greasyfork.org/forum/discussion/1122/help-converting-this-not-too-lengthy-google-chrome-extension-into-greasemonkey
4966
=== */
4967
.Attachment .FilePreview .Thumb-Default img ,
4968
.Attachment .FileHover .Thumb-Default img {
4969
    display: inline-block !important;
4970
    max-height: 25px !important;
4971
    min-height: 25px !important;
4972
    height: 100% !important;
4973
    width: 20px !important;
4974
}
4975
4976
/* START PAGE - === */
4977
#main-article>p  {
4978
    position: relative !important;
4979
    display: inline-block !important;
4980
    width: 870px! important;
4981
    margin: 10px auto ! important;
4982
    left: 70px ! important;
4983
}
4984
#front-page-best {
4985
    display: inline-block ! important;
4986
    margin-left: 200px ! important;
4987
}
4988
#front-page-newest {
4989
    display: inline-block !important;
4990
    margin-left: 200px !important;
4991
}
4992
#front-page-best h2 ,
4993
#front-page-newest  h2 {
4994
    display: inline-block ! important;
4995
    width: 300px !important;
4996
    margin-left: 15px !important;
4997
    padding-left: 29px !important;
4998
    border-radius: 5px !important;
4999
    box-shadow: 0 0 4px #999999 !important;
5000
    background-color: #222222 !important;
5001
}
5002
#front-page-best ul li  ,
5003
#front-page-newest ul li  {
5004
    width: 700px ! important;
5005
    padding: 2px 5px ! important;
5006
}
5007
#front-page-best ul li:nth-child(even) ,
5008
#front-page-newest ul li:nth-child(even) {
5009
    background: black! important;
5010
}
5011
#front-page-best ul li:nth-child(odd) ,
5012
#front-page-newest ul li:nth-child(odd) {
5013
    background: #222222 ! important;
5014
}
5015
#front-page-newest ul li:not(.additional-link):after ,
5016
#front-page-best ul li:not(.additional-link):after {
5017
    content: "tot   :   " attr(total-install-count) ;
5018
    display: inline-block ;
5019
    float: left ;
5020
    width: 250px ;
5021
    margin-right: -100px ;
5022
    text-align: left ;
5023
    color: gold ;
5024
}
5025
#front-page-best ul li:not(.additional-link):before {
5026
    content: "week   :   " attr(weekly-install-count) ;;
5027
    display: inline-block ;
5028
    float: right ;
5029
    width: 120px ;
5030
    margin-left: 10px ;
5031
    text-align: left ;
5032
    color: gold;;
5033
}
5034
5035
/* for GM "ENHANCER" / "TABLE VIEW" - === */
5036
table#summary + #table-container > table#style-table  {
5037
    border-collapse: collapse;
5038
    margin-bottom: 0;
5039
    margin-left: 0;
5040
    margin-right: 0;
5041
}
5042
table#summary + #table-container > table#style-table > tr:first-of-type {
5043
    position: fixed !important;
5044
    height: 100% !important;
5045
    max-width: 65.5% !important;
5046
    min-width: 65.5% !important;
5047
    width: 100% !important;
5048
    margin-top: -45px !important;
5049
    min-height: 50px !important;
5050
    border-bottom: 4px solid #D2B48C !important;
5051
    border-top: 4px solid #D2B48C !important;
5052
    z-index: 200 !important;
5053
}
5054
/* TABLE VIEW - FIXED HEADER CELLS */
5055
table#summary + #table-container > table#style-table th {
5056
    height: 100%!important;
5057
    min-height: 35px!important;
5058
    max-height: 35px!important;
5059
    text-shadow: 1px 1px 2px #000000;
5060
}
5061
/* A VOIR - for GM "ENHANCER" */
5062
#main-article >dl + h2 + .ad + table#summary + #table-container > table#style-table th {
5063
    height: 30px !important;
5064
    line-height: 3px !important;
5065
    text-shadow: 1px 1px 2px #000000;
5066
}
5067
/* PAGINATION - HIGHLIGHT - === */
5068
.NumberedPager a.Highlight ,
5069
#PagerBefore.Pager a.Highlight{
5070
    background: none repeat scroll 0 0 yellow !important;
5071
    color: red !important;
5072
}
5073
5074
5075
5076
/* USERSTYLES - PAGE INFO - HIDDEN METDATA - === */
5077
#main-article #hidden-meta {
5078
    position: fixed !important;
5079
    width: 190px!important;
5080
    top: 460px !important;  
5081
    left: -15px !important;
5082
    padding: 2px !important;
5083
    text-shadow: 1px 1px 2px #000000 !important;
5084
} 
5085
/* (new76) ALL - PAGINATOR CENTER -  HIGHTLIGHT / PREV / NEXT  - === */
5086
/* body .Pager .Highlight , */
5087
.Pager a, 
5088
.Pager span {
5089
    position: relative !important;
5090
    display: inline-block;
5091
    margin: 0 3px;
5092
    min-width: 17px!important;
5093
    height: 14px !important;
5094
    line-height: 13px !important;
5095
    padding: 0 !important;
5096
    text-align: center!important;
5097
    vertical-align: middle !important;
5098
    border-radius: 3px !important;
5099
    box-shadow: 3px 3px 2px black !important;
5100
    background: #222 !important;
5101
}
5102
.NumberedPager a.Next, 
5103
.NumberedPager span.Next, 
5104
.NumberedPager a.Previous, 
5105
.NumberedPager span.Previous {
5106
    position: relative !important;
5107
    display: inline-block !important;
5108
    height: 14px !important;
5109
    line-height: 11px !important;
5110
    font-size: 23px !important;
5111
    border-radius: 3px !important;
5112
    box-shadow: 3px 3px 2px black !important;
5113
    background: #222 !important;
5114
    vertical-align: middle !important;
5115
}
5116
.NumberedPager .Next:hover, 
5117
.NumberedPager .Previous:hover {
5118
    position: relative !important;
5119
    display: inline-block !important;
5120
    height: 14px !important;
5121
    line-height: 11px !important;
5122
    border-radius: 3px !important;
5123
    top: 5px!important;
5124
    left: 0px !important;
5125
    margin-left: 3px !important;
5126
    right: 0px !important;
5127
    font-size: 26px !important;
5128
    vertical-align: middle !important;
5129
}
5130
#PagerAfter>a:hover,
5131
#PagerBefore>a:hover,
5132
body .Pager .Highlight:hover,
5133
.PageControls .Pager a:hover  {
5134
    display: inline-block !important;
5135
/* font-size: 18px !important; */
5136
    color: tomato !important;
5137
}
5138
5139
#PagerBefore> .Next:hover,
5140
.NumberedPager a.Next:hover,
5141
.NumberedPager span.Next:hover {
5142
position: relative !important;
5143
    display: inline-block !important;
5144
    height: 20px !important;
5145
    line-height: 17px!important;
5146
    margin-top: -10px !important;
5147
    font-size: 23px !important;
5148
    vertical-align: middle !important;
5149
    color: tomato !important;
5150
}
5151
5152
#PagerAfter> .Previous:hover,
5153
#PagerBefore> .Previous:hover,
5154
.NumberedPager a.Previous:hover,
5155
.NumberedPager span.Previous:hover {
5156
position: relative !important;
5157
    display: inline-block !important;
5158
    height: 20px !important;
5159
    line-height: 17px!important;
5160
    margin-top: -10px !important;
5161
    font-size: 23px !important;
5162
    vertical-align: middle !important;
5163
    color: tomato !important;
5164
}
5165
/* (new63) */
5166
.p-100.LastPage:hover {
5167
position: relative !important;
5168
    display: inline-block !important;
5169
    height: 20px !important;
5170
    line-height: 17px!important;
5171
    font-size: 16px !important;
5172
    vertical-align: middle !important;
5173
    color: tomato !important;
5174
}
5175
/* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
5176
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous ,
5177
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next {
5178
    position: relative !important;
5179
    display: inline-block !important;
5180
    vertical-align: middle !important;
5181
    line-height: 20px !important;
5182
    height: 20px!important;
5183
    padding: 2px!important;
5184
    top: -10px!important;
5185
    font-size: 15px !important;
5186
    color: peru !important;
5187
}
5188
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous:hover {
5189
    display: inline-block !important;
5190
    left: -11px!important;
5191
    font-size: 20px !important;
5192
    transition: all ease 0.5s !important;
5193
    color: tomato !important;
5194
}
5195
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next:hover {
5196
    display: inline-block !important;
5197
    margin-right: -9px!important;
5198
    margin-left: 2px!important;
5199
    font-size: 20px !important;
5200
    transition: all ease  0.5s  !important;
5201
    color: tomato !important;
5202
}
5203
/* ==== TEST - USERSTYLES LIGHTBOX - === */
5204
/* LIGHTBOX - STOP LINKIFYPLS to DOUBLE IMG SCREENSHOT - === */
5205
.lb-caption .linkifyplus>img {
5206
    display: none !important;
5207
}
5208
5209
/* USERSTYLES LIGHTBOX - CONTAINER IMAGE */
5210
.lightbox {
5211
    position: absolute;
5212
    width: 100% !important;
5213
    line-height: 0;
5214
    left: 0 !important;
5215
    top: 93.9px !important;
5216
    text-align: center;
5217
    z-index: 10000;
5218
}
5219
.lb-outerContainer {
5220
    width: 92% !important;
5221
    height: 100% !important;
5222
    height: 90px!important;
5223
    margin: 0 auto !important;
5224
    top: -50px!important;
5225
    border-radius: 4px;
5226
    background-color: white;
5227
    background-color: rgb(62, 62, 62) !important;
5228
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
5229
    border: 1px solid rgb(0, 0, 0) !important;
5230
    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;
5231
    color: rgb(170, 170, 170) !important;
5232
    font-weight: bold !important;
5233
    outline: 0 none !important;
5234
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
5235
}
5236
.lb-container {
5237
    position: absolute !important;
5238
    height: auto !important;
5239
    width: 100% !important;
5240
    margin: 0 auto !important;
5241
    padding-top: 95px !important;
5242
}
5243
.lb-dataContainer {
5244
    position: relative!important;
5245
    display: inline-block!important;
5246
    width: 85%!important;
5247
    top: -120px!important;
5248
    text-align: center !important;
5249
}
5250
.lb-data {
5251
    color: #bbb;
5252
    padding: 0px !important;
5253
    margin-top: -20px!important;
5254
    text-align: center !important;
5255
}
5256
.lb-data .lb-details {
5257
    width: 100%!important;
5258
    float: left;
5259
    line-height: 15px !important;
5260
    text-align: center !important;
5261
}
5262
.lb-data .lb-number {
5263
    display: inline-block !important;
5264
    width: 97%!important;
5265
    clear: left;
5266
    margin-top: 28px!important;
5267
    color: peru !important;
5268
    font-size: 29px !important;
5269
}
5270
.lb-data .lb-caption {
5271
    position: relative !important;
5272
    display: inline-block!important;
5273
    width: 100%!important;
5274
    height: 20px !important;
5275
    line-height: 15px!important;
5276
    font-size: 13px !important;
5277
    font-weight: bold;
5278
}
5279
.lb-closeContainer {
5280
    position: relative !important;
5281
    margin-bottom: -2px!important;
5282
    top: -45px!important;
5283
    z-index: 10 !important;
5284
}
5285
.lb-nav {
5286
    position: absolute;
5287
    width: 99.5%!important;
5288
    height: 100%;
5289
    height: 47px !important;
5290
    left: 0;
5291
    top: 42px !important;
5292
}
5293
.lb-prev:not([style="display: none;"]) , 
5294
.lb-next:not([style="display: none;"])  {
5295
    display: inline-block !important;
5296
    width: 50%!important;
5297
    height: 42px !important;
5298
    cursor: pointer;
5299
    transition: opacity ease 1.2s !important;
5300
}
5301
.lb-prev:not([style="display: none;"])  {
5302
    float: left;
5303
    opacity: 0.2 !important;
5304
}
5305
.lb-prev:not([style="display: none;"]):hover {
5306
    opacity: 1 !important;
5307
}
5308
5309
/* (new60) PREV ICON - PB IMAGE BACKGROUND - leoncastro - OK  */
5310
.lb-prev:not([style="display: none;"]) {
5311
    background: url("https://assets.luscious.net/static/_generated/images/left-arrow-0aecbb8326f253634264b11277a9450b1232960a.png") no-repeat scroll 80% 45% transparent !important;
5312
color: transparent !important;
5313
}
5314
.lb-next:not([style="display: none;"])  {
5315
    float: right;
5316
    opacity: 0.2 !important;
5317
}
5318
.lb-next:not([style="display: none;"]):hover {
5319
    opacity: 1 !important;
5320
}
5321
5322
/* (new60) NEXT ICON - PB IMAGE BACKGROUND - leoncastro - OK */
5323
.lb-next:not([style="display: none;"])  {
5324
    background: url("https://assets.luscious.net/static/_generated/images/right-arrow-653e746cd869a26e294b6bc5d8bc908f535056a8.png") no-repeat scroll 20% 48% transparent !important;
5325
color: transparent !important;
5326
}
5327
5328
5329
/* GREASYFORK - ALL - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)- 
5330
TEST - MAX HEIGHT for PREVIEW :
5331
OK : 
5332
https://greasyfork.org/fr/scripts/4685-ts-pixiv
5333
https://greasyfork.org/fr/scripts/4407-ts-linx-amender
5334
A voir : 
5335
https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
5336
=== */
5337
/* #additional-info .script-author-description  img + br ~ br , */
5338
#additional-info .script-author-description>p  img ~ br {
5339
    display : none !important;
5340
}
5341
#additional-info img , 
5342
.lightbox .lb-image {
5343
    position: relative  !important;
5344
    display: inline-block !important;
5345
    height: auto !important;
5346
    max-width: 80% !important;
5347
    margin: 0 auto !important;
5348
    border-radius: 3px;
5349
}
5350
#additional-info img {
5351
    border: 1px solid orange !important;
5352
    box-shadow: 5px 5px 2px #888888 !important;
5353
    color: yellow!important;
5354
    max-width: 98%!important;
5355
    max-height: 245px !important;
5356
    padding: 2px !important;
5357
    box-shadow: 5px 5px 2px #181818 !important;
5358
    background-color: #2b2b2b !important;
5359
}
5360
#additional-info .fancybox img {
5361
    border: 1px solid orange !important;
5362
    box-shadow: none !important;
5363
    color: yellow!important;
5364
    max-height: 100px !important;
5365
}
5366
5367
/* USERSTYLES - MAIN ARTICLE (inside CONTENT-WRAPPER) - === */
5368
#main-article {
5369
    margin-left: 215px !important;
5370
}
5371
5372
/* USERSTYLES - EDIT/CREATE PAGE - SAVE BUTT - === */
5373
form[action="/styles/create"] input[name="commit"] ,
5374
#main-article   form[action="/styles/update"] input[name="commit"] {
5375
    position: fixed !important;
5376
    width: 81px !important;
5377
    height: 54px !important;
5378
    left: 200px !important;
5379
    top: 490px !important;
5380
}
5381
5382
5383
5384
/* USERSTYLES - ACCOUNT- INSTAL WEEK - === */
5385
.numeric-value {
5386
    color: gold !important;
5387
}
5388
.numeric-value + .numeric-value {
5389
    color: tan !important;
5390
}
5391
5392
/* (new60) USERSTYLES - (ALL) "Contact Admin" ETC ....- === */
5393
footer {
5394
    position: fixed !important;
5395
    display: inline-block !important;
5396
    width: auto !important;
5397
    top: 00px !important;
5398
    left: 10px ! important;
5399
padding: 0 5px 5px 20px !important;
5400
    z-index: 5000 ! important;
5401
    visibility: hidden !important;
5402
background: red !important;
5403
}
5404
footer:hover {
5405
    position: fixed !important;
5406
    display: inline-block !important;
5407
    width: auto !important;
5408
    top: 00px !important;
5409
    left: 10px ! important;
5410
padding: 0 5px 5px 20px !important;
5411
    z-index: 5000 ! important;
5412
    visibility: visible !important;
5413
background: black !important;
5414
}
5415
footer:before {
5416
content: "🔻" !important;
5417
    position: fixed !important;
5418
    display: inline-block !important;
5419
    width: auto !important;
5420
    top: 10px !important;
5421
    left: 5px ! important;
5422
padding: 0px  !important;
5423
    z-index: 5000 ! important;
5424
    visibility: visible !important;
5425
background: gold !important;
5426
}
5427
/* ==== (ALL)  - USERSTYLES - MENUS POPUP ==== */
5428
5429
/* USERSTYLES - MENUS POPUP - SIDEBAR - "Home" etc... === */
5430
#left-sidebar > nav {
5431
    position: fixed !important;
5432
    width: 197px !important;
5433
    left: 7px !important;
5434
    top: 70px !important;
5435
    box-shadow: 0 0 4px #999999 !important;
5436
    background-color: #222222 !important;
5437
    z-index: 1000 !important;
5438
}
5439
#left-sidebar nav ul li a {
5440
    margin-left: 12px !important;
5441
}
5442
#left-sidebar>nav>ul>li>a{
5443
    font-family: Verdana,sans-serif;
5444
    font-size: small !important;
5445
}
5446
5447
/* USERSTYLES - MENUS POPUP - ONE MENU === */
5448
#left-sidebar a {
5449
    display: inline-block !important;
5450
}
5451
#left-sidebar>nav>ul>li:nth-child(3) {
5452
    position: fixed !important;
5453
    display: inline-block !important;
5454
    visibility: visible !important;
5455
    min-width: 95px !important;
5456
    max-width: 95px !important;
5457
    top: 31px !important;
5458
    left: 25px !important;
5459
    padding: 1px 5px  ! important;
5460
    border-radius: 3px 3px 0 0 !important;
5461
    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%); 
5462
    list-style: none !important;
5463
    cursor: pointer !important;
5464
    z-index: 200 !important;
5465
}
5466
5467
/* (new75) USERSTYLES -  MENUS POPUP - "Home" = MENU2 sans "my account"  >>> "Home/Help/Forum/Categorie" - === */
5468
#left-sidebar>nav {
5469
    width: 200px;
5470
    height: 0px !important;
5471
    margin-bottom: -28px !important;
5472
    padding-left: 5px;
5473
    visibility: hidden;
5474
}
5475
#left-sidebar>nav>ul:hover {
5476
    position: absolute !important;
5477
    display: block !important;
5478
    width: 95px !important;
5479
    height: auto !important;
5480
    top : -20px !important;
5481
    left: 13px !important;
5482
    padding: 20px 5px 5px 5px !important;
5483
    border-radius: 0 0 3px 3px !important;
5484
    box-shadow: 0 0 4px #999999 !important;
5485
    background-color: #222222 !important;
5486
    list-style: none !important;
5487
    transition: height 1.5s ease 1s!important;
5488
    visibility: visible !important;
5489
    z-index: 800 !important;
5490
}
5491
#left-sidebar>nav>ul:hover li:not([id="sidebar-search"]):not([id="sidebar-my-account"]) {
5492
    position: relative!important;
5493
    width: 90px !important;
5494
    top: -13px!important;
5495
    margin-bottom: 10px!important;
5496
}
5497
/* USERSTYLES -  "Home" = MENU2 sans "my account" - WITHOUT HOVER - === */
5498
#left-sidebar>nav>ul>li {
5499
    width: 200px ! important;
5500
    border-radius: 5px !important;
5501
    box-shadow: 0 0 4px #999999 !important;
5502
    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%);
5503
}
5504
/* USERSTYLES - "Home" = MENU2 sans "my account" - HOVER -  === */
5505
#left-sidebar>nav>ul>li:hover {
5506
    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%);
5507
}
5508
5509
/* (new79) USERSTYLES - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL - === */
5510
#style-author-info {
5511
    position: fixed !important;
5512
    width: 205px ! important;
5513
    height: 100% ! important;
5514
    min-height: 292px ! important;
5515
    max-height: 792px ! important;
5516
    left: 5px !important;
5517
    top: 80px !important;
5518
    padding-left: 5px !important;
5519
    padding-bottom: 3px !important;
5520
    border-radius: 5px !important;
5521
    box-shadow: 3px 3px 2px black !important;
5522
    background: #222222 !important;
5523
}
5524
#style-install-info {
5525
    position: fixed !important;
5526
    width: 195px ! important;
5527
    left: 23px !important;
5528
    top: 320px !important;
5529
    padding-left: 5px !important;
5530
    padding-bottom: 3px !important;
5531
    border-radius: 5px !important;
5532
    background: #222222 !important;
5533
    z-index: 700 !important;
5534
}
5535
5536
/*  - USERSTYLES - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA - === */
5537
#style-install-info>tbody>tr:nth-child(2n+1) ,
5538
#style-author-info>tbody>tr:nth-child(2n+1) {
5539
    background: #262626 !important;
5540
 }
5541
5542
/*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE - === */
5543
#style-install-info>tbody>tr ,
5544
#style-author-info>tbody>tr {
5545
    color: gold !important;
5546
}
5547
/*  (new79) USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS - === */
5548
#style-install-info>tbody>tr th+td ,
5549
#style-author-info>tbody>tr th+td {
5550
    position: relative ! important;
5551
    display: inline-block ! important;
5552
    width: 95% ! important;
5553
    bottom: 3px ! important;
5554
    left: 3px ! important;
5555
    border-radius: 5px ! important;
5556
    border : #434141 solid 1px !important;
5557
    box-shadow: 3px 3px 2px black !important;
5558
    color: #6999A6 !important;
5559
    text-align: center ! important;
5560
    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%);
5561
}
5562
5563
/*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE - === */
5564
#style-install-info>tbody>tr ,
5565
#style-author-info>tbody>tr {
5566
    display: block !important;
5567
    position: relative !important;
5568
    width: 190px !important;
5569
    font-size: 11px !important;
5570
}
5571
/*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - AUTH - === */
5572
#style-author-info>tbody>tr:first-child {
5573
    position: relative !important;
5574
    display: inline-block !important;
5575
    margin-top: 5px ! important;
5576
    margin-left: 0px ! important;
5577
    width: 190px !important;
5578
    height: 89px ! important;
5579
    border-radius: 5px ! important;
5580
    border: 1px gray solid ! important;
5581
}
5582
5583
/*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */
5584
#style-author-info>tbody>tr:nth-child(1)>th {
5585
    display: inline-block !important;
5586
    position: relative !important;
5587
    width: 184px !important;
5588
    margin-top: 1px ! important;
5589
    padding: 0 5px 2px 0 !important;
5590
    border-radius: 5px 5px 0 0  ! important;
5591
    color: transparent !important;
5592
    font-size: 0px !important;
5593
    text-align: center ! important;
5594
    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%);
5595
}
5596
/*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */
5597
#style-author-info>tbody>tr:nth-child(1)>th:before {
5598
    position: relative ;
5599
    display: inline-block ;
5600
    content:url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
5601
    transform:scale(0.9,0.7) ;
5602
}
5603
5604
/*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
5605
#style-author-info>tbody>tr:nth-child(1)>td a {
5606
    position: absolute ! important;
5607
    display: block !important;
5608
    position: relative !important;
5609
    max-width: 182px !important;
5610
    height: 51px ! important;
5611-
/* (new60) NEDD CONVERT for Addstylish lib -  USERSTYLES - STY INFOS - STYLE OPTIONS -
5611+
5612
    padding: 0 2px !important;
5613
    font-size: 19px !important;
5614
    font-weight: bold ! important;
5615
    text-align: center ! important;
5616
    color: SlateGray !important;
5617
    border-radius: 0 0 5px 5px ! important;
5618
    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%);
5619
    border :none !important;
5620
    white-space: pre-wrap ! important;
5621
    word-break: break-all ! important;
5622
    -moz-hyphens: auto ! important;
5623-
    top: -44px !important;
5623+
5624-
    margin-left: 620px !important;
5624+
5625
/* USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
5626
#style-author-info>tbody>tr:first-of-type th+td {
5627
    position: relative ! important;
5628
    display: inline-block ! important;
5629
    width: 100% ! important;
5630
    bottom: -1px ! important;
5631
    left: 3px ! important;
5632
    text-align: center ! important;
5633
    border :none !important;
5634
    background: transparent ! important;
5635
}
5636-
    width: 535px ! important;
5636+
5637-
    min-height: 427px !important;
5637+
5638-
    top: -37px !important;
5638+
5639-
    margin-left: 769px !important;
5639+
5640-
    left: -385px ! important;
5640+
5641
    vertical-align: top ! important;
5642
    top: 5px !important;
5643
    margin-left: 2% !important;
5644
}
5645
5646
/* (new79) USERSTYLES - STY INFOS - SCREENSHOT - (GM + NO GM) - === */
5647
#screenshots {
5648
    position: absolute ;
5649
    display: inline-block ;
5650
    float: none ;
5651
    clear: both ;
5652
    height: 395px ;
5653
    width: 360px ;
5654
    top: 0px ;
5655
    border: 1px solid #434141 !important;
5656
    box-shadow: 3px 3px 2px black ;
5657-
    height: 13px ;
5657+
5658
    z-index: 10 ;
5659
}
5660-
    left: 2px ;
5660+
5661
    border: 1px solid #434141 !important;
5662
    box-shadow: 3px 3px 2px black ;
5663
}
5664
#more-screenshots {
5665
    font-size: 0 !important;
5666
}
5667
#more-screenshots span {
5668
    position: absolute !important;
5669
    display: inline-block !important;
5670
    padding: 2px 5px !important;
5671
    border-radius: 5px !important;
5672
    background: black !important;
5673
    font-size: 15px !important;
5674
}
5675
#screenshots #more-screenshots a  {
5676
    position: relative !important;
5677
    display: inline-block !important;
5678
    width: 98% !important;
5679
    bottom: -20px !important;
5680
    font-size: small !important;
5681
}
5682
#screenshots #more-screenshots a:before  {
5683
    content: "\25BA" ;
5684
    color: gold ;
5685
}
5686
/* USERSTYLES - STY INFOS - LONG DESC - (GM + NO GM) - === */
5687
#style-info {
5688
    position: absolute ! important;
5689
    width: 78.5% !important;
5690
    margin-top : 1px !important;
5691
    left: 249px !important;
5692
    word-wrap: break-word ! important;
5693
}
5694
#main-style-info {
5695
    width: 60% !important;
5696
    margin-bottom: 1em;
5697
    margin-left: 380px !important;
5698
    padding-left: 1em;
5699
}
5700
5701
/* (new79) USERSTYLES - STY INFOS - LG DESC - TXT - 
5702
<a href="http://userstyles.org/styles/69350/">Flickr WideScreen - SCRIPT/Flickr Functional Suite</a>
5703
=== */
5704
#long-description {
5705
    position: relative !important;
5706
    display: inline-block !important;
5707
    width: 565px ! important;
5708
    height: 395px !important;
5709
    min-height: 100px ! important;
5710
    top: 4px !important;
5711
    margin-top: 0px !important;
5712
    left: 10px ! important;
5713
    padding: 5px 5px 2px 10px !important;
5714
    border-radius: 5px !important;
5715
    box-shadow: 0 0 4px #999999 !important;
5716
    border: 1px solid red !important;
5717
    box-shadow: 3px 3px 2px black !important;
5718
    overflow: hidden ! important;
5719
    overflow-y: auto ! important;
5720
}
5721
/* (new94) NEDD CONVERT for Addstylish lib -  USERSTYLES - STY INFOS - STYLE OPTIONS -
5722
http://userstyles.org/styles/62204/dust-for-firefox-pale-moon
5723
<a href="http://userstyles.org/styles/75965/">Firefox 7+: Addon Manager and some interface items</a>
5724
- https://userstyles.org/styles/47886/facebook-dark-shiny-transparency-with-options
5725
=== SITE CHANGE :
5726
"#style-options" to "#style-settings"
5727
=== */
5728
.advanced_button {
5729
    position: absolute ;
5730
    height: 20px !important;
5731
    margin-left: 251px !important;
5732
    top: 76px !important;
5733
}
5734
#style-settings {
5735
    position: absolute !important;
5736
    display: inline-block !important;
5737
    width: 49px ! important;
5738
    height: 27px !important;
5739
/* top: -44px !important; */
5740
    top: 93px !important;
5741
/* margin-left: 620px !important; */
5742
    margin-left: 800px !important;
5743
    left: 40px ! important;
5744
padding: 5px ;
5745
    border: 1px solid gray !important;
5746
    border-radius: 5px !important;
5747
    background: gray !important;
5748
    overflow: hidden !important;
5749
    overflow-y: hidden !important;
5750
    z-index: 500 !important;
5751
}
5752
#style-settings:hover {
5753
    position: absolute !important;
5754
    display: inline-block !important;
5755
    width: 555px ! important;
5756
    min-height: 727px !important;
5757
/*     top: -37px !important; */
5758
/* margin-left: 769px !important; */
5759
/* left: -385px ! important; */
5760
    left: -450px ! important;
5761
    border: 1px solid gray !important;
5762
    border-radius: 5px !important;
5763
    background: black !important;
5764
    overflow: hidden !important;
5765
    overflow-y: auto !important;
5766
    z-index: 500!important;
5767
    transition: all ease 0.6s !important;
5768
}
5769
#style-settings li:first-of-type {
5770
    margin-top: 35px !important;
5771
}
5772
5773
#style-settings:before {
5774
    content: "Options \01F53B " ;
5775
    position: absolute ;
5776
    display: inline-block ;
5777
    height: 25px ;
5778
width: 50px !important;
5779
    line-height: 13px ;
5780
    top: 0px ;
5781
    left: -2px ;
5782
    padding: 5px ;
5783
    border-radius: 5px ;
5784
    border: 1px solid gray ;
5785
    color: gold ;
5786
    background: #222222 ;
5787
    z-index: 500 !important;
5788
}
5789
#style-settings #advancedsettings_area.advancedsettings_shown ,
5790
#style-settings #advancedsettings_area.advancedsettings_hidden  {
5791
    display: inline-block !important;
5792
    min-width: 495px !important;
5793
    max-width: 495px !important;
5794
    background-color: #ffffff;
5795
}
5796
5797
/* (new77) USERSTYLES - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK - === */
5798
#style-info #control-panel {
5799
    position: fixed ! important;
5800
    display: inline-block ! important;
5801
    height: 17px !important;
5802
    line-height: 17px !important;
5803
    width: 566px;
5804
    margin-bottom: 1em;
5805
    left: 637px!important;
5806
    top: 25px ! important;
5807
    padding: 1px 6px !important;
5808
    border: 1px solid gray !important;
5809
    border-radius: 3px 3px 0 0 !important;
5810
    background: #222 !important;
5811
z-index: 600!important;
5812
}
5813
5814
#style-install-info > tbody > tr:last-of-type ,
5815
#style-info #control-panel>a:nth-child(1),
5816
#style-info #control-panel>a:nth-child(2),
5817
#style-info #control-panel> a:nth-child(3){
5818
    display: inline-block!important;
5819
    height: 14px !important;
5820
    line-height: 14px !important;
5821
margin-top: -4px ! important;
5822
top: 30px !important;
5823
    background-color: #222222 !important;
5824
    border-radius: 3px !important;
5825
    box-shadow: 3px 3px 2px black !important;
5826
    padding: 1px 5px !important;
5827
}
5828
5829
/* USERSTYLES - STY INFOS - LG DESC - (Links Color) === */
5830
#long-description>p>a{
5831
    color: #E0B81F !important;
5832
    margin-right: 5px !important;
5833
}
5834
/* (new77) USERSTYLES - STY INFOS - INST BUTT + Switch Browser - === */
5835
#stylish-installed-style-needs-update ,
5836
#stylish-installed-style-not-installed {
5837
    position: fixed !important;
5838
    width: 190px !important;
5839
    height: 16px !important;
5840
    line-height: 13px !important;
5841
    left: 1025px !important;
5842
    margin-bottom: 1px;
5843
    top: 16px !important;
5844
    padding: 0 4px 2px !important;
5845
    border-radius: 5px !important;
5846
    font-size: larger;
5847
    color: white;
5848
    vertical-align: middle;
5849
    z-index: 700!important;
5850
}
5851
5852
/* (new77) INSTALL BUTTON - COR to SEE WITH STYLISH addon differents version - === */
5853
#stylish-installed-style-installed  {
5854
    position: fixed !important;
5855
    width: 230px !important;
5856
    height: 18px !important;
5857
    line-height: 17px !important;
5858
    top: 11px !important;
5859
    left: 930px !important;
5860
    margin-bottom: 1px;
5861
    padding: 0 4px 2px !important;
5862
    border-radius: 5px !important;
5863
    font-size: larger;
5864
    color: white;
5865
    vertical-align: middle;
5866
    z-index: 650 !important;
5867
}
5868
#switch-browser-note {
5869
    position: absolute !important;
5870
    display: inline-block;
5871
    width: 180px !important;
5872
    top: 32px !important;
5873
    left: 575px !important;
5874
    margin-bottom: 1px;
5875
    margin-top: 13px !important;
5876
    padding: 0 4px 2px !important;
5877
    vertical-align: middle;
5878
    border-radius: 5px !important;
5879
    color: white;
5880
}
5881
5882
/* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3  - 
5883
== hideheader : Wrong Install /Update button on my styles page... 
5884
https://forum.userstyles.org/discussion/44498/wrong-install-update-button-on-my-styles-page#latest
5885
== */
5886
#style-install-mozilla-no-stylish {
5887
    display: none !important;
5888
}
5889
5890
/* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???)  */
5891
.install-status:not(.install) {
5892
    display: none;
5893
}
5894
5895
/* USERSTYLES -  INSTALL NOTE - === */
5896
.install-status:not(.install) {
5897
    position: absolute !important;
5898
    display: inline-block;
5899
    max-width: 450px;
5900
    margin-bottom: 1px;
5901
    margin-top: 15px;
5902
    right: 0 !important;
5903
    top: 0!important;
5904
    padding: 8px 16px 12px;
5905
    border-radius: 5px;
5906
    font-size: larger;
5907
    color: white;
5908
    vertical-align: middle;
5909
}
5910
5911
5912
5913
/* ==== (new77) USERSTYLES - STY INFOS - SHOW CODE - 
5914
SYTLE INFOS PAGE :
5915
<a href="http://userstyles.org/styles/56792/userstyles-tableview-enhancer-dark-grey-7-9-beta">Userstyles TableView+Enhancer - Dark-Grey 7.9 beta</a>
5916
PAGE CODE :
5917
<a href="http://forum.userstyles.org/uploads/FileUpload/9c/20298544f120ef30f482e9c94b44a5.txt">Youtube Black &amp; Red (-CyberationMicro-) V.12.1.5</a>
5918
==== */
5919
 
5920
/* (new77) USERSTYLES -  CHROME PB - STY INFOS - SHOW CODE - BUTT - 
5921
#style-install-info>tbody>tr:last-of-type #show-button
5922
=== */
5923
#style-install-info>tbody>tr:last-of-type {
5924
    position: fixed !important;
5925
    width: 76px !important;
5926
    margin-top: 1px !important;
5927
    left: 820px !important;
5928
    z-index: 200000 !important;
5929
}
5930
#style-install-info #show-button {
5931
    position: relative !important;
5932
    display: inline-block !important;
5933
    top: -2px !important;
5934
    padding: 0px !important;
5935
}
5936
/*  - USERSTYLES - STY INFOS - CODE - (TABLE VIEW PLUS) - === */
5937
#left-sidebar footer #show-code  #view-code {
5938
    max-height: 90% !important;
5939
    width: 650px ! important;
5940
    top: 65px !important;
5941
    z-index: 0 !important;
5942
}
5943
/*  - USERSTYLES - STY INFOS - Window CODE - (TABLE VIEW PLUS) - === */
5944
#show-code pre {
5945
    max-height: 730px !important;
5946
    min-width: 670px !important;
5947
    max-width: 670px !important;
5948
    margin-top: 70px !important;
5949
    left: calc(100% - 690px) ! important;
5950
    border: 1px solid black !important;
5951
    border-radius: 8px !important;
5952
    word-wrap: break-word !important;
5953
    -moz-hyphens: auto !important;
5954
}
5955
5956
/* (new77) USERSTYLES -  CHROME - STY INFOS - SHOW CODE - Window CODE - WITHOUT GM SCRIPT - === */
5957
#content-wrapper article#main-article section#style-info #show-code pre  {
5958
    position: fixed ! important;
5959
    max-height: 800px !important;
5960
    min-width: 670px !important;
5961
    max-width: 670px !important;
5962
    margin-left: -1% !important;
5963
    top: -19px ! important;
5964
    border: 1px solid black !important;
5965
    border-radius: 8px !important;
5966
    word-wrap: break-word !important;
5967
    -moz-hyphens: auto !important;
5968
    z-index: 800 ! important;
5969
}
5970
5971
/* USERSTYLES - STY INFOS - Window CODE - === */
5972
#more-info #show-code pre {
5973
    position: fixed ! important;
5974
    max-height: 730px !important;
5975
    min-width: 670px !important;
5976
    max-width: 670px !important;
5977
    left: 45% ! important;
5978
    top: 60px !important;
5979
    border: 1px solid black !important;
5980
    border-radius: 8px !important;
5981
    word-wrap: break-word !important;
5982
    -moz-hyphens: auto !important;
5983
}
5984
#stylish-code {
5985
    width: 650px !important;
5986
    word-wrap: break-word !important;
5987
    -moz-hyphens: auto !important;
5988
    background: white !important;
5989
}
5990
#view-code code {
5991
    display: inline-block !important;
5992
    height: 100% !important;
5993
    width: 100% !important;
5994
    padding: 3px 0 5px 5px  !important;
5995
    word-wrap: break-word !important;
5996
    white-space: pre-line !important;
5997
    white-space: pre-wrap !important;
5998
    overflow:auto !important;
5999
    color: black !important;
6000
}
6001
6002
6003
/* TEST - SHOW CODE - IMAGE - FOR GM - "LinkyFyPlus" -
6004
TEST LINK - 
6005
Pperfect for large screen....:
6006
https://userstyles.org/styles/90834/youtube-black-red-destructiveburn-css3
6007
=== */
6008
#show-code #view-code #stylish-code  a.linkifyplus  {
6009
    display: inline-block !important;
6010
    height: 15px !important;
6011
    white-space: pre-wrap !important;
6012
    word-wrap: break-word !important;
6013
    font-size: 15px !important;
6014
    color: blue !important;
6015
    background: tan  !important;
6016
}
6017
6018-
/* USERSTYLES - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */
6018+
6019
    position: absolute !important;
6020
    display: inline-block !important;
6021
    max-height: 100px !important;
6022
    padding: 3px 20px !important;
6023
    visibility: hidden !important;
6024
    transform: scale(0.2) !important;
6025
    transition: background ease 0.7s !important;
6026
    background: #333  !important;
6027
}
6028
#show-code #view-code #stylish-code  a.linkifyplus:hover > img {
6029
    position: fixed !important;
6030
    display: inline-block !important;
6031
    max-height: 50% !important;
6032
    max-width: 200px !important;
6033
    top: 25% !important;
6034
    margin: auto 0 !important;
6035
    right: 40% ! important;
6036
    padding: 3px 20px !important;
6037
    visibility: visible !important;
6038
    transform: scale(1.5) !important;
6039
    transition: background ease 0.1s !important;
6040
    z-index: 1000 !important;
6041
    background: black  !important;
6042-
/* border: 1px solid black !important; */
6042+
6043
6044-
/* box-shadow: 3px 3px 2px black !important; */
6044+
6045
#show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:before  ,
6046
#show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:before {
6047
    content: " " !important;
6048
    position: relative !important;
6049
    display: inline-block !important;
6050
    width: 10px !important;
6051
    height: 18px !important;
6052
    line-height: 18px !important;
6053
    padding: 0 5px 0 10px !important;
6054
    border-radius: 3px !important;
6055
    font-size: 17px !important;
6056
    visibility: visible !important;
6057
    opacity: 1 !important;
6058
    background-image: url(http://findicons.com/files/icons/2652/gentleface/48/expand_icon.png) !important;
6059
    background-position: center  !important;
6060
    background-repeat: no-repeat !important;
6061
    background-size: 70% 140% !important;
6062
    transform: rotate(270deg) !important;
6063
    background-color: white  !important;
6064
}
6065
6066
/* #show-code #view-code #stylish-code  a.linkifyplus:after */
6067
#show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:after ,
6068
#show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:after  ,
6069
#show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:after {
6070
    content: attr(href) !important;
6071
    position: relative !important;
6072
    display: inline-block !important;
6073
    height: 18px !important;
6074
    line-height: 18px !important;
6075
    padding: 0 20px !important;
6076
    font-size: 15px !important;
6077
    visibility: visible !important;
6078
    opacity: 1 !important;
6079
}
6080
6081
6082
/* (new77) USERSTYLES - STY INFOS - MORE - DESC - TITLE - === */
6083
#content-wrapper article#main-article #more-info h2 ,
6084
#content-wrapper article#main-article #additional-info h2 ,
6085
#content-wrapper article#main-article #discussions-area h2 {
6086
    display: inline-block ! important;
6087
    min-width: 965px !important;
6088
    max-width: 965px !important;
6089
    padding-left: 15px !important;
6090
    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%);
6091
    border-radius: 5px !important;
6092
    box-shadow: 3px 3px 2px black !important;
6093
    color: #A3A4A4 !important;
6094
}
6095
#content-wrapper article#main-article #discussions-area h2 {
6096
    min-width: 965px !important;
6097
    max-width: 965px !important;
6098
}
6099
section#discussions-area h2 {
6100-
/* left: 0 !important; */
6100+
6101
    display: inline-block !important;
6102
    left: 50px !important;
6103
    margin-bottom: -15px !important;
6104
}
6105
section#discussions-area h3 {
6106-
/*     z-index: 200 !important; */
6106+
6107
}
6108
6109
/* (new77) USERSTYLES -  STY INFOS - MORE INFOS - DESC - === */
6110
#style-info + #additional-info {
6111
    position: relative ! important;
6112
    display: inline-block !important;
6113
    min-width: 90% !important;
6114
    max-width: 90% !important;
6115
    left: 2% !important;
6116
    margin-top: 405px !important;
6117
}
6118
#additional-info-text {
6119
    position: relative !important;
6120
    display: inline-block !important;
6121
    min-width: 965px !important;
6122
    max-width: 965px !important;
6123
    margin-top: -10px !important;
6124
    overflow-y: auto;
6125
    overflow-x: hidden!important;
6126
    color: #ACAEB5 !important;
6127
}
6128
/* USERSTYLES - STY INFOS - MORE - DESC - Links Color - === */
6129
#additional-info #additional-info-text a{
6130
    color: #E0B81F !important;
6131
}
6132
#additional-info #additional-info-text a:visited {
6133
    color: #E7D590 !important;
6134
}
6135
6136
/* USERSTYLES - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ - === */
6137
#style-info + #additional-info #additional-info-text>mark>a {
6138
    color: black !important;
6139
}
6140
#additional-info #additional-info-text>mark>a b {
6141
    color: red!important;
6142
}
6143
6144
/* ===  - USERSTYLES - STY INFOS - FEED ==== */
6145
6146
/* (new94) FIX NEW DESIGN - TOP HEARDER - === */
6147
#top_logo {
6148
    margin-top: -21px !important;
6149
}
6150
#search_input {
6151
    height: 25px !important;
6152
    margin-top: -27px !important;
6153
}
6154
#create_new_style ,
6155
.header_button  {
6156
    min-height: 20px !important;
6157
    margin-top: -27px !important;
6158
}
6159
#create_new_style a ,
6160
.header_button a  {
6161
   font-weight: 600 !important;
6162
    font-size: 14px !important;
6163
}
6164
/* CREATE NEW STYLE */
6165
#create_new_style  {
6166
    min-height: 20px !important;
6167
    margin-top: 40px !important;
6168
    margin-left: 220px !important;
6169
    margin-right: -192px !important;
6170
}
6171
6172
6173
/* (new94) USERSTYLES - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */
6174
#discussions-area{
6175
    position: absolute !important;
6176
    display: inline-block ! important;
6177
    float: none ! important;
6178
    clear: both ! important;
6179
    max-height: 100%!important;
6180
    min-height: 30px !important;
6181
    width: 950px !important;
6182
    left: 220px !important;
6183
    top: 730px !important;
6184
    padding: 1px !important;
6185
}
6186
6187
/* (new94) NEW DESIGN FIX -  STYLE INFO - FEED BACK CONTAINER - === */
6188
#as_userscript + #headline {
6189
    position: absolute !important;
6190
    display: inline-block ! important;
6191
    float: none ! important;
6192
    clear: both ! important;
6193
    max-height: 100%!important;
6194
    min-height: 20px !important;
6195
    width: 330px !important;
6196
/* left: 5px !important; */
6197
/* left: 81.3% !important; */
6198
left: 1% !important;
6199
/* top: 0px !important; */
6200
    top: 300px !important;
6201
    padding: 1px !important;
6202
color: gold !important;
6203
background: #222 ;
6204
}
6205
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"] {
6206
    position: absolute !important;
6207
    display: inline-block ! important;
6208
    float: none ! important;
6209
    clear: both ! important;
6210
    max-height: 100%!important;
6211
    min-height: 20px !important;
6212
    max-height: 20px !important;
6213
    width: 35px !important;
6214
/* left: 5px !important; */
6215
/* left: 87.3% !important; */
6216
left: 15% !important;
6217
/* top: 33px !important; */
6218
top: 333px !important;
6219
    padding: 1px !important;
6220
overflow: hidden ;
6221
/* background:  red ; */
6222
}
6223
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover {
6224
    position: absolute !important;
6225
    display: inline-block ! important;
6226
    float: none ! important;
6227
    clear: both ! important;
6228
    max-height: 100%!important;
6229
    min-height: 20px !important;
6230
    max-height: 20px !important;
6231
    width: 190px !important;
6232
/* left: 5px !important; */
6233
    left: 8% !important;
6234
/* top: 33px !important; */
6235
    padding: 1px !important;
6236
overflow: hidden ;
6237
/* background:  red ; */
6238
}
6239
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button {
6240
    height: 18px !important;
6241
width: 30px !important;
6242
    margin-bottom: 18px;
6243
    margin-top: 0px !important;
6244
    box-shadow: none !important;
6245
    color: transparent !important;
6246
    border: none !important;
6247
white-space: nowrap ;
6248
    background-color: blue !important;
6249
transition: all ease 0.2s !important;
6250
}
6251
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button>div:last-of-type {
6252
visibility: hidden ;
6253
}
6254
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div:first-of-type{
6255
    height: 20px ;
6256
margin-right: -118px !important;
6257
    margin-top: 0px ;
6258
}
6259
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div .feedback-icon {
6260
    height: 15px ;
6261
/*     margin-right: -40px !important; */
6262
    margin-top: 4px ;
6263
}
6264
/* HOVER */
6265
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button {
6266
    width: 172px !important;
6267
    height: 20px ;
6268
    margin-top: 0px !important;
6269
    color: gold !important;
6270
transition: all ease 0.2s !important;
6271
}
6272
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:last-of-type {
6273
display: inline-block ;
6274
/* opacity: 0; */
6275
visibility: visible ;
6276
}
6277
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:first-of-type .feedback-icon {
6278
    height: 15px ;
6279
    margin-right: 15px !important;
6280
    margin-top: 5px !important;
6281
}
6282
/* BIB */
6283
#style_info .adContainer ~#discussions-area {
6284
    position: absolute !important;
6285
    display: inline-block ! important;
6286
    float: none ! important;
6287
    clear: both ! important;
6288
    max-height: 450px !important;
6289
    min-height: 30px !important;
6290
/* width: 350px !important; */
6291
    width: 330px !important;
6292
/* left: 5px !important; */
6293
left: 81.3% !important;
6294
    left: 1% !important;
6295
/* top: 60px !important; */
6296
    top: 360px !important;
6297
    padding: 1px !important;
6298
overflow: hidden !important;
6299
overflow-y: auto !important;
6300
background: #222 ;
6301
}
6302
6303
#single_discussion {
6304
    height: 80px !important;
6305
/* margin-top: 0 !important; */
6306
    padding: 5px !important; 
6307
}
6308
6309
#single_discussion:first-child {
6310
    margin-top: -15px !important;
6311
}
6312
6313
#single_discussion:not(:first-child) {
6314
    margin-top: -10px !important;
6315
}
6316
6317
#single_discussion  .text_style_page {
6318
    height: 51px !important;
6319
    line-height: 15px !important;
6320
    margin-top: 4px !important;
6321
outline: 1px solid gray !important;
6322
}
6323
6324
6325
#rating_discussion[src="/ui/images/icons/rating_0.svg"] {
6326
    height: 13px;
6327
    width: 18px;
6328
    opacity: 0.2;
6329
}
6330
#style_info .adContainer ~#discussions-area .text_style_page {
6331
    color: #b3b3b3 ;
6332
}
6333
#archive_style_button {
6334
    position: absolute;
6335
    display: inline-block;
6336
    height: 15px !important;
6337
    line-height: 15px !important;
6338
    width: 120px !important;
6339
    right: 20% ;
6340
    top: 435px ;
6341
    border-radius: 4px;
6342
    border-radius: 4px;
6343
    box-shadow: 0 6px 16px 0 rgba(80, 178, 243, 0.35);
6344
    cursor: pointer;
6345
    font-size: 14px !important;
6346
    justify-content: center;
6347
    margin-top: 0px !important;
6348
    padding: 2px 2px !important;
6349
    text-align: center;
6350
6351
}
6352
#as_userscript  {
6353
    position: absolute !important;
6354
/*     display: inline-block; */
6355
/*     justify-content: center; */
6356
    height: 18px !important;
6357
    line-height: 15px !important;
6358
    width: 120px !important;
6359
right: 20% ;
6360
margin-right: 0% !important;
6361
    top: 458px ;
6362
    margin-top: 0px !important;
6363
    padding: 2px 2px !important;
6364
    border-radius: 4px;
6365
    box-shadow: none ;
6366
    cursor: pointer;
6367
    font-size: 5px ;
6368
    text-align: center;
6369
/* outline: 1px solid aqua ; */
6370
}
6371
#as_userscript a:before  {
6372
content: "Userscript" ;
6373
    position: absolute !important;
6374
    display: inline-block;
6375
    height: 15px !important;
6376
    line-height: 15px !important;
6377
    width: 120px !important;
6378
/*     right: 38% ; */
6379
margin-left: -34px ;
6380
margin-top: -2px ;
6381
    border-radius: 4px;
6382
box-shadow: 0 6px 16px 0 rgba(80, 178, 243, 0.35);
6383
/*     cursor: pointer; */
6384
    font-size: 14px !important;
6385
    padding: 3px 2px !important;
6386
    text-align: center;
6387
background-image: url("https://icons.duckduckgo.com/ip2/userscripts-mirror.org.ico") ;
6388
    background-position: 5px center;
6389
    background-repeat: no-repeat;
6390
    background-size: 12%;
6391
background-color: red ;
6392
}
6393
6394
/* (new94) TEST FIX NEW DESIGN - SHOW CSS - === */
6395
.css_button {
6396
    position: absolute;
6397
    display: inline-block;
6398
    flex-direction: row;
6399
    align-items: center;
6400
    justify-content: center;
6401
    height: 21px !important;
6402
    width: 136px ;
6403
    margin-top: 30px;
6404
    right: 20% ;
6405
    top: 68px ;
6406
    border-radius: 4px;
6407
    color: #3498db;
6408
    font-size: 14px;
6409
    font-weight: normal ;
6410
    background-color: #e2ebf8;
6411
}
6412
.css_close::after {
6413
    content: "🙈";
6414
    position: relative;
6415
    width: 21px;
6416
    margin-bottom: 8px;
6417
    margin-right: 14px;
6418
    opacity: 0.7 ;
6419
6420
}
6421
#css_text_area_div textarea#stylish-code.cssVisible  {
6422
    display: inline-block ;
6423
    position: fixed ;
6424
    resize: vertical;
6425
    overflow: auto;
6426
    min-width: 30% ;
6427
/* height: 216px; */
6428
    min-height: 70% ;
6429
    padding: 5px ;
6430
    right: 5px ;
6431
    top: 166px ;
6432
    margin-bottom: 20px;
6433
    border-radius: 4px;
6434
    font-size: 13px;
6435
    font-family: "Open Sans",sans-serif !important;
6436
    color: #ffffff;
6437
    background-color: #2e3e49 !important;
6438
    z-index: 5000;
6439
}
6440
6441
/* (new94) - NEW DESIGN - ACTION BUTTON - === */
6442
#actions_div {
6443
    position: absolute;
6444
    display: flex;
6445
    flex-direction: row;
6446
    justify-content: space-between;
6447
    height: 22px !important;
6448
    right: 19% ;
6449
    padding: 1px 3px ;
6450
    background: red;
6451
}
6452
#share_div {
6453
    display: flex;
6454
    flex-direction: column;
6455
    padding: 0 2px !important;
6456
    color: #2c3e50;
6457
    font-size: 0 !important;
6458
}
6459
#social_networks {
6460
    height: 17px !important;
6461
    margin-top: 1px !important;
6462
}
6463
6464
#actions_div #buttons {
6465
    height: 20px !important;
6466
}
6467
6468
.white_button ,
6469
#style_installed_button ,
6470
#ownedButtons ,
6471
#update_style_button ,
6472
#style_installed_button {
6473
    height: 20px !important;
6474
}
6475
6476
.white_button {
6477
    align-items: center;
6478
    background-color: #ffffff;
6479
    border: 1px solid #cdcfd1;
6480
    border-radius: 4px;
6481
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
6482
    color: #2c3e50;
6483
    cursor: pointer;
6484
    display: flex;
6485
    font-size: 12px;
6486
    font-weight: bold;
6487
    height: 19px;
6488
    justify-content: center;
6489
    width: 87px;
6490
}
6491
#install_style_button {
6492
    display: flex;
6493
    flex-direction: row;
6494
    justify-content: center;
6495
    align-items: center;
6496
    height: 21px !important;
6497
    width: 173px;
6498
    margin-left: 9px;
6499
    border-radius: 4px;
6500
    font-size: 15px;
6501
    font-weight: bold;
6502
    color: white;
6503
    cursor: pointer;
6504
    box-shadow: 0 6px 16px 0 rgba(80, 178, 243, 0.35);
6505
    background-color: #3498db;
6506
}
6507
#install_style_button div:first-of-type {
6508
    height: 20px ;
6509
    margin-top: -2px;
6510
}
6511
#install_style_icon {
6512
    height: 20px !important;
6513
    margin-right: 17px;
6514
    width: 18px !important;
6515
}
6516
#install_style_button>div:last-of-type {
6517
    height: 20px !important;
6518
    line-height: 18px !important;
6519
}
6520
6521
/* BIB */
6522
#style_info {
6523
    display: flex;
6524
    flex-direction: column;
6525
    min-width: 1301px !important;
6526
margin-left: 20% !important;
6527
    width: 100%;
6528
/*     min-width: 100% !important; */
6529
}
6530
.style_title {
6531
    height: 32px ;
6532
    line-height: 25px ;
6533
    margin-bottom: -4px ;
6534
    margin-top: 25px ;
6535
    color: #2c3e50;
6536
    font-size: 28px ;
6537
}
6538
6539
#actions_div + #headline,
6540
#actions_div + #headline + #information_div ,
6541
.adContainer + #headline ,
6542
.adContainer + #headline + #applies_link {
6543
position: absolute !important;
6544
display: inline-block !important;
6545
width: 17% !important;
6546
min-width: 320px !important;
6547
left: 1% !important;
6548
padding: 5px ;
6549
outline: 1px solid violet ;
6550
}
6551
6552
/* 1* - "INFORMATION" */
6553
#actions_div + #headline {
6554
    display: none !important;
6555
}
6556
6557
#right_information ,
6558
#center_information {
6559
    width: 45% ;
6560
float: left ;
6561
margin-top: 15px ;
6562
padding: 5px ;
6563
border-radius: 5px !important;
6564
text-align: center ;
6565
    background-color: #d6deeb;
6566
/*     outline: 1px solid green; */
6567
}
6568
6569
#center_information  {
6570
border-radius: 5px 0 0 5px !important;
6571
margin-right: 2px ;
6572
text-align: center ;
6573
    background-color: #d6deeb;
6574
/*     outline: 1px solid green; */
6575
}
6576
#right_information {
6577
border-radius: 0 5px 5px 0 !important;
6578
text-align: center ;
6579
    background-color: #d6deeb;
6580
/*     outline: 1px solid green; */
6581
}
6582
6583
#infomation_value_left ,
6584
#information_key_left  {
6585
    min-width: 46% !important;
6586
float: left ;
6587
    line-height: 13px !important;
6588
margin-top: -5px ;
6589
margin-bottom: -8px ;
6590
padding: 2px 5px ;
6591
border-radius: 5px !important;
6592
text-align: center ;
6593
    background-color: #d6deeb;
6594
/*     outline: 1px solid green; */
6595
}
6596
 
6597
6598
#information_key_left {
6599
border-radius: 5px 0 0 5px !important;
6600
margin-right: -37px ;
6601
text-align: center ;
6602
    background-color: #d6deeb;
6603
/*     outline: 1px solid green; */
6604
}
6605
6606
#infomation_value_left  {
6607
border-radius: 0 5px 5px 0 !important;
6608
text-align: center ;
6609
    background-color: #d6deeb;
6610
/*     outline: 1px solid green; */
6611
}
6612
6613
6614
#information_value {
6615
    color: #2c3e50;
6616
    font-size: 21px !important;
6617
}
6618
6619
/* 2* - "APPLIES TO" */
6620
.adContainer + #headline {
6621
    height: 15px !important;
6622
    line-height: 15px !important;
6623
    top: 237px !important;
6624
}
6625
.adContainer + #headline + #applies_link {
6626
    height: 15px !important;
6627
    line-height: 15px !important;
6628
    top: 287px ;
6629
}
6630
6631
/* (new94) TEST FIX NEW DESIGN - LEFT PANEL - LINKS BOX - MOVE TOP -  === */
6632
/* MORE */
6633
#navigation > .linksBox:first-of-type:before {
6634
content: "More..." ;
6635
position: fixed ;
6636
    height: 23px ;
6637
    width: 110px ;
6638
    left: 25% !important;
6639
    top: 41px !important;
6640
    font-weight: 600 ; 
6641
cursor: pointer ;
6642
/* border-bottom: 3px solid red !important; */
6643
}
6644
6645
#navigation {
6646
position: fixed ;
6647
display: inline-block ;
6648
    overflow: hidden !important;
6649
    min-height: 0px !important;
6650
    max-height: 0px !important;
6651
    min-width: 0px !important;
6652
    width: 50px !important;
6653
padding: 0 !important;
6654
    left: 25% !important;
6655
    top: 63px !important;
6656
    z-index: 500 !important;
6657
overflow: hidden !important;
6658
border-top: 3px solid green !important;
6659
background: #333 !important;
6660
}
6661
6662
#navigation:hover {
6663
position: fixed ;
6664
display: inline-block ;
6665
    overflow: hidden !important;
6666
    min-height: 0px !important;
6667
    max-height: 0px !important;
6668
    min-width: 0px !important;
6669
    width: 50px !important;
6670
padding: 0 !important;
6671
    left: 25% !important;
6672
    top: 64px !important;
6673
    z-index: 500 !important;
6674
border-top: 3px solid green !important;
6675
background: #333 !important;
6676
}
6677
6678
#navigation > .linksBox:first-of-type {
6679
    position: fixed !important;
6680
    display: inline-block !important;
6681
height: 100% !important;
6682
    min-height: 0px !important;
6683
    max-height: 0px !important;
6684
    width: 100% ;
6685
    min-width: 140px !important;
6686
    max-width: 140px !important;
6687
    left: 25% !important;
6688
    top: 63px !important;
6689
    z-index: 500 !important;
6690
overflow: hidden !important;
6691
    overflow-y: auto !important;
6692
border-top: none !important;
6693
/* border-bottom: 3px solid tomato !important; */
6694
    background-color: #222 !important;
6695
}
6696
/* #navigation:hover > .linksBox:first-of-type , */
6697
#navigation> .linksBox:first-of-type:hover  {
6698
    overflow: hidden !important;
6699
    overflow-y: auto !important;
6700
height: 100% !important;
6701
    min-height: 80px !important;
6702
    max-height: 80px !important;
6703
    width: 100% ;
6704
    min-width: 140px !important;
6705
    max-width: 140px !important;
6706
    left: 25% !important;
6707
    top: 66px !important;
6708
    z-index: 500 !important;
6709
border-top: none !important;
6710
border-bottom: 3px solid green !important;
6711
    background-color: #222 !important;
6712
}
6713
/* #nav-view:not(:hover ) > #navigation> .linksBox:first-of-type  .navigation_link:first-of-type  {
6714
    margin-left: -10px !important;
6715
    margin-top: -15px !important;
6716
} */
6717
.linksBox>a {
6718
/* display: inline-block ; */
6719
    height: 20px !important;
6720
    margin-top: 0;
6721
}
6722
.navigation_link {
6723
    padding: 0 !important;
6724
}
6725
.logo_navigation_link {
6726
    display: none !important;
6727
}
6728
6729
.navigation_category {
6730
cursor: pointer ;
6731
transition: all ease 0.7s ;
6732
}
6733
.navigation_category:hover {
6734
    color: #95a5a6 !important;
6735
    font-size: 16px ;
6736
transition: all ease 0.7s ;
6737
}
6738
6739
/* TOP STYLED */
6740
#navigation .linksBox:first-of-type + .navigation_category {
6741
    position: fixed !important;
6742
    top: 10px !important;
6743
    margin-left: 150px !important;
6744
    z-index: 500 !important;
6745
}
6746
#navigation .linksBox:first-of-type + .navigation_category + .linksBox {
6747
    position: fixed !important;
6748
    display: inline-block !important;
6749
    min-height: 3px !important;
6750
    max-height: 3px !important;
6751
width: 110px ;
6752
    top: 61px !important;
6753
    margin-left: 150px !important;
6754
    overflow: hidden !important;
6755
    z-index: 500 !important;
6756
    border-bottom: 3px solid red ;
6757
/* outline: 4px solid yellow ; */
6758
/* background: red; */
6759
}
6760
#navigation .linksBox:first-of-type + .navigation_category:hover + .linksBox ,
6761
#navigation .linksBox:first-of-type + .navigation_category + .linksBox:hover {
6762
    position: fixed !important;
6763
    display: inline-block !important;
6764
    min-height: 200px !important;
6765
    max-height: 200px !important;
6766
width: 128px ;
6767
    top: 74px !important;
6768
    margin-left: 150px !important;
6769
    overflow: hidden !important;
6770
    z-index: 500 !important;
6771
    border-bottom: 3px solid red ;
6772
/* outline: 4px dashed yellow ; */
6773
/* background: red; */
6774
}
6775
6776
/* STYLE TYPES */
6777
#navigation .linksBox:first-of-type + .navigation_category + .linksBox + .navigation_category {
6778
position: fixed !important;
6779
top: 10px !important;
6780
margin-left: 290px !important;
6781
z-index: 500 !important;
6782
}
6783
6784
#navigation .linksBox:first-of-type + .navigation_category + .linksBox + .navigation_category + .linksBox {
6785
    position: fixed !important;
6786
    display: inline-block !important;
6787
    min-height: 3px !important;
6788
    max-height: 3px !important;
6789
width: 78px ;
6790
top: 75px !important;
6791
margin-left: 290px !important;
6792
    margin-top: -14px;
6793
    overflow: hidden;
6794
z-index: 500 !important;
6795
border-bottom: 3px solid aqua ;
6796
}
6797
#navigation .linksBox:first-of-type + .navigation_category + .linksBox + .navigation_category:hover + .linksBox ,
6798
#navigation .linksBox:first-of-type + .navigation_category + .linksBox + .navigation_category + .linksBox:hover {
6799
    position: fixed !important;
6800
    display: inline-block !important;
6801
    min-height: 80px !important;
6802
    max-height: 80px !important;
6803
width: 138px ;
6804
top: 75px !important;
6805
margin-left: 290px !important;
6806
    margin-top: -14px;
6807
    max-height: 3px;
6808
    overflow: hidden;
6809
z-index: 500 !important;
6810
border-bottom: 3px solid blue ;
6811
}
6812
6813
6814
.navigation_category + .linksBox:hover  ,
6815
.navigation_category:hover + .linksBox {
6816
    background-color: #333 !important;
6817
    margin-top: -10px;
6818
    max-height: 100% !important;
6819
    overflow: hidden;
6820
}
6821
/* .navigation_category:hover + .linksBox + .navigation_category ,
6822
.navigation_category + .linksBox:hover + .navigation_category {
6823
    margin-top: -495px !important;
6824
pointer-events: none !important;
6825
z-index: 0 !important;
6826
} */
6827
6828
.navigation_link {
6829
    min-width: 190px !important;
6830
    padding: 13px 0 12px;
6831
border-bottom: 1px solid gray ;
6832
}
6833
.navigation_link:hover {
6834
    background-color: #333 !important;
6835
    cursor: pointer;
6836
}
6837
.navigation_category:hover + .linksBox > a .navigation_link  .logo_navigation_link {
6838
    width: 16px;
6839
    height: 16px;
6840
    margin-left: 10px;
6841
    padding: 2px ;
6842
    border-radius: 100% ;
6843
    object-fit: contain;
6844
    background: white ;
6845
}
6846
6847
.navigation_title  {
6848
    color: tan !important;
6849
}
6850
.navigation_title:hover   {
6851
    color: gold !important;
6852
}
6853
6854
6855
6856
6857
/* (new94) - TEST FIX NEW DESIGN - STYLE INFO PAGE - === */
6858
#container {
6859
    display: table;
6860
    margin: 0 auto;
6861
    width: 100% ;
6862
}
6863
6864
#view {
6865
    display: flex;
6866
    justify-content: center;
6867
    margin-right: 42px;
6868
    min-width: 100% !important;
6869
}
6870
#style_info {
6871
    display: flex;
6872
    flex-direction: column;
6873
    margin-left: 19px;
6874
    width: 61% !important;
6875
outline: 1px solid violet ;
6876
}
6877
#preview_image_div {
6878
    height: 353px ;
6879
    max-width: 500px !important;
6880
    margin-bottom: -39px !important;
6881
    margin-top: 10px;
6882
padding: 5px ;
6883
/* background-image: url("https://userstyles.org/style_screenshot_thumbnails/56792_after.png"); */
6884
    background-position: center center !important;
6885
    background-repeat: no-repeat;
6886
    background-size: 90% !important;
6887
border: 1px solid red ;
6888
}
6889
/* #preview_image_div {
6890
    height: 353px;
6891
    margin-bottom: 10px;
6892
    margin-top: 10px;
6893
    max-width: 700px;
6894
} */
6895
6896
/* BIB */
6897
#applies_link + #headline + .text_style_page {
6898
position: absolute !important;
6899
display: inline-block !important;
6900
float: none !important;
6901
width: 100% !important;
6902
    min-width: 600px !important;
6903
    max-width: 600px !important;
6904
height: 100% !important;
6905
height: 295px !important;
6906
/* max-height: 195px !important;
6907
min-height: 195px !important; */
6908
    top: 120px ;
6909
    left: 52% !important;
6910
    padding: 5px ;
6911
    word-wrap: break-word;
6912
    white-space: pre-wrap !important;
6913
overflow-x: hidden !important;
6914
overflow-y: auto !important;
6915
/* overflow: hidden !important; */
6916
/* resize: vertical; */
6917
    outline: 1px solid red;
6918
}
6919
6920
.adContainer + #headline + #applies_link + #headline{
6921
    display:none ;
6922
}
6923
6924
#notes_textarea {
6925
    width: 99% ;
6926
}
6927
/* (new77) QUESTION ? - PB IMAGE BACKGROUD - leoncastro OK */
6928
#post-discussion + #login-form + #no-discussions  {
6929
    position: absolute!important;
6930
    display: inline-block !important;
6931
    width: 750px!important;
6932
    height: 17px !important;
6933
    line-height: 17px !important;
6934
    padding: 1px 0px 1px 14px  !important;
6935
    top: -9px !important;
6936
    margin-left: 160px !important;
6937
    text-align: center!important;
6938
    color: gold !important;
6939
    text-decoration: none !important;
6940
    background-color: transparent!important;
6941
    background-image: url("https://userstyles.org/images/question.png") !important;
6942
    background-position: 0px 3px !important;
6943
    background-repeat: no-repeat !important;
6944
    z-index: 500!important;
6945
}
6946
#discussions {
6947
    margin-left: 20px !important;
6948
    margin-top: 5px !important;
6949
}
6950
6951
/* USERSTYLES - STY INFOS - FEED LIST - (Title) - === */
6952
#discussions>li>a:nth-child(1){
6953
    margin-left: 8px !important;
6954
    margin-right: 30px !important;
6955
}
6956
/*  - USERSTYLES - STY INFOS - FEED LIST - (Member NAME) - === */
6957
#discussions>li>a:nth-child(2){
6958
    margin-left: 4px !important;
6959
    margin-right: 15px !important;
6960
}
6961
6962
/* (new79) USERSTYLES / GREASEMONKEY - TOP HEADER - TITRE "User.org"/"User Name" - DARK BACKGROUD - === */
6963
#Frame {
6964
    margin-top: -8px !important;
6965
}
6966
#vanilla_discussions_index #Head.Head ,
6967
#main-header {
6968
    position: fixed !important;
6969
    display: inline-block ! important;
6970
    float: none ! important;
6971
    width: 99.9% !important;
6972
    height: 41px !important;
6973
    left: -0.2% !important;
6974
    top: -1px !important;
6975
    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;
6976
/* background-color: #670000 !important; */
6977
/* background-image: linear-gradient(#670000, #900) !important; */
6978
    border-bottom: 1px solid gray !important;
6979
z-index: 50 !important;
6980
}
6981
6982
/* (new74) - GREASEMONKEY  - RED BACKGROUD */
6983
body:not(.Settings) #Head, 
6984
body[pagetype="ListingPage"]  #main-header ,
6985
body[pagetype="UserProfile"]  #main-header {
6986
    position: fixed !important;
6987
    display: inline-block ! important;
6988
    float: none ! important;
6989
    height: 40px !important;
6990
    top: -1px !important;
6991
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;
6992
background-color: #670000 !important;
6993
/* background-image: linear-gradient(#670000, #900) !important; */
6994
border-bottom: 1px solid red !important;
6995
}
6996
6997
/* === USERSTYLES - STY TITLE/Name === */
6998
6999
/* USERSTYLES - SITE TITLE "User.org" + "USER NAME" / NAME - === */
7000
#main-header > h1 {
7001
    position: relative ! important;
7002
    display: inline-block ! important;
7003
    width: 47% !important;
7004
    min-width: 895px !important;
7005
    height: 30px !important;
7006
    line-height: 28px !important;
7007
    margin-top: -3px !important;
7008
    border-radius: 5px ! important;
7009
    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%);
7010
    font-size: 23px ! important;
7011
    text-align: left !important;
7012
    text-indent: -117px !important;
7013
    overflow: hidden !important;
7014
    text-overflow: ellipsis !important;
7015
    white-space: nowrap !important;
7016
}
7017
#main-header > h1::-moz-selection {
7018
    background:#FFCC11 ! important;
7019
    color:#ffffff ! important;
7020
}
7021
#main-header > h1:hover {
7022
    color: gold ! important;
7023
}
7024
7025
/* USERSTYLES - SITE TITLE - TXT "User.org" -
7026
+ POSTION SUB TITLE PAGE(user name or title of the page)
7027
ADAPTAION FOR LONG SEARCH:
7028
https://userstyles.org/styles/browse?per_page=100&search_terms=%28greasyfork+%40subcategory+userstyles%29+|+%28userstyles+%40subcategory+greasyfork%29
7029
=== */
7030
#main-header>h1>a {
7031
    display: inline-block ! important;
7032
    width: 161px !important;
7033
    margin-right: -100px !important;
7034
    margin-left: 28% !important;
7035
    margin-bottom: 30px ! important;
7036
}
7037
7038
7039
/* USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL - === */
7040
#left-sidebar nav ul dl:not(:hover) ,
7041
#main-article>dl:not(:hover) {
7042
    position: fixed ! important;
7043
    display: inline-block ! important;
7044
    float: none !important;
7045
    width: 50px !important;
7046
    max-height: 15px ! important;
7047
    top: 23px ! important;
7048
    margin-top: 5px ! important;
7049
    left: 275px !important;
7050
    font-size: 10px ! important;
7051
    text-align: left !important;
7052
    z-index: 900 ! important;
7053
    overflow: hidden !important;
7054
    visibility: visible !important;
7055
    transition: all ease .4s !important;
7056
}
7057
#left-sidebar nav ul dl:hover ,
7058
#main-article>dl:hover {
7059
    position: fixed ! important;
7060
    display: inline-block ! important;
7061
    float: none !important;
7062
    width: auto !important;
7063
    height: auto ! important;
7064
    top: 23px ! important;
7065
    margin-top: 5px ! important;
7066
    left: 210px !important;
7067
    padding: 3px 50px 1px 70px!important;
7068
    font-size: 10px ! important;
7069
    text-align: left !important;
7070
    overflow: visible !important;
7071
    z-index: 50000 !important;
7072
}
7073
7074
/* "About" / "Conact" - LABEL CONTAINER - NOT HOVER */
7075
#left-sidebar nav ul dl:not(:hover)>dt ,
7076
#main-article>dl:not(:hover)>dt {
7077
    position: relative ! important;
7078
    display: block !important;
7079
    float: none !important;
7080
    width: 74px !important;
7081
    height: 16px ! important;
7082
    line-height: 15px ! important;
7083
    top: 1px ! important;
7084
    margin-bottom: -14px !important;
7085
    left: 0px ! important;
7086
    padding: 0px 6px 1px 0px !important;
7087
    font-size: 10px ! important;
7088
    text-align: left !important;
7089
    color: transparent ! important;
7090
    overflow: hidden !important;
7091
    text-overflow: ellipsis !important;
7092
    white-space: nowrap !important;
7093
    z-index: 5000 !important;
7094
}
7095
#left-sidebar nav ul dl:not(:hover)>dt:before ,
7096
#main-article>dl:not(:hover)>dt:before {
7097
    content: "About \25B6  " !important;
7098
    color: red !important;
7099
}
7100
7101
7102
/* "About" / "Conact" - LABEL CONTAINER - HOVER */
7103
#left-sidebar nav ul dl:hover>dt ,
7104
#main-article>dl:hover>dt {
7105
    position: relative ! important;
7106
    display: block !important;
7107
    float: none !important;
7108
    width: 44px !important;
7109
    height: 12px ! important;
7110
    line-height: 12px ! important;
7111
    margin-bottom: -14px !important;
7112
    left: 0px ! important;
7113
    padding: 0px 6px 1px 2px !important;
7114
    font-size: 10px ! important;
7115
    text-align: left !important;
7116
    color: grey ! important;
7117
    overflow: hidden !important;
7118
    text-overflow: ellipsis !important;
7119
    white-space: nowrap !important;
7120
    background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
7121
    border-radius: 5px 0 0 5px !important;
7122
    border: 1px solid gray !important;
7123
    z-index: 5000 !important;
7124
}
7125
/* "About" / "Conact" - FULL CONTAINER - HOVER */
7126
#main-article>dl:hover>dd:first-of-type ,
7127
#left-sidebar nav ul dl:hover > dd, #main-article > dl:hover > dd:first-of-type {
7128
    position: relative ! important;
7129
    width: 0px !important;
7130
    height: 15px ! important;
7131
    top: -6px ! important;
7132
    margin-bottom: -3px !important;
7133
    margin-left: 55px ! important;
7134
    padding-left: 10px !important;
7135
    padding-right: 8px !important;
7136
    text-align: left !important;
7137
    background: black !important;
7138
    outline: 1px solid gray !important;
7139
    overflow: hidden !important;
7140
    transition: all ease 0.4s !important;
7141
}
7142
7143
/* "About" - FULL CONTAINER - NOT HOVER */
7144
#left-sidebar nav ul dl:not(:hover), 
7145
#main-article > dl:not(:hover) dd:first-of-type {
7146
    margin-left: 100px !important;
7147
}
7148
#main-article>dl:not(:hover)>dd:first-of-type:not(:hover) {
7149
    position: relative ! important;
7150
    display: inline-block ! important;
7151
    max-width: 0px !important;
7152
    height: 20px ! important;
7153
    top: -6px ! important;
7154
    margin-bottom: -3px !important;
7155
    margin-left: 47px ! important;
7156
    padding-left: 0px !important;
7157
    padding-right: 0px !important;
7158
    border: none !important;
7159
    text-align: left !important;
7160
    background: black !important;
7161
    overflow: hidden !important;
7162
    visibility: hidden !important;
7163
}
7164
7165
/* "About" - FULL CONTAINER - HOVER */
7166
#left-sidebar nav ul dl:hover>dd:first-of-type ,
7167
#main-article>dl:hover>dd:first-of-type {
7168
    display: inline-block ! important;
7169
    width: 100% !important;
7170
    min-width: 0px !important;
7171
    max-width: 500px !important;
7172
    height: 100% ! important;
7173
    min-height: 0px ! important;
7174
    max-height: 500px ! important;
7175
    margin-left: 15px ! important;
7176
    margin-top: 0px ! important;
7177
    padding: 2px 0 100px 90px !important;
7178
    text-align: left !important;
7179
    font-size: 14px!important;
7180
    background: black !important;
7181
    overflow: hidden !important;
7182
    overflow-y: auto !important;
7183
    z-index: 900 ! important;
7184
}
7185
7186
/* SUB LABEL INFOS */
7187
#main-article>dl:hover>dt:first-of-type + dd +dt  {
7188
    position: absolute !important;
7189
    display: inline-block ! important;
7190
    top: 15px !important;
7191
    margin-left: 90px !important;
7192
}
7193
#main-article>dl>dt:first-of-type + dd +dt +dd+dt {
7194
    position: absolute !important;
7195
    display: inline-block ! important;
7196
    top: 30px !important;
7197
    margin-left: 90px !important;
7198
}
7199
#main-article>dl>dt:first-of-type + dd +dt +dd+dt+dd+dt {
7200
    position: absolute !important;
7201
    display: inline-block ! important;
7202
    top: 45px !important;
7203
    margin-left: 90px !important;
7204
}
7205
7206
7207
7208
/*  "About" - ARROW GRAY */
7209
#left-sidebar nav ul dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before ,
7210
#main-article>dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before {
7211
    position: relative ;
7212
    display: inline-block ;
7213
    content: "\25B6 " ;
7214
    margin-left: 1px ;
7215
    color: red 
7216
}
7217
7218
/* ABOUT - LINKS */
7219
#main-article>dl>dd>a {
7220
    position: relative !important;
7221
    display: inline-block !important;
7222
    min-height: 15px !important;
7223
    max-height: 15px !important;
7224
    line-height: 14px !important;
7225
    font-size: 13px !important;
7226
}
7227
7228
/* SEND MESSAGE */
7229
7230
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"] {
7231
    position: fixed !important;
7232
    display: inline-block !important;
7233
    height: 20px !important;
7234
    line-height: 10px !important;
7235
    width: 170px !important;
7236
    top: 28px !important;
7237
    left: 360px !important;
7238
    padding: 1px 10px !important;
7239
    text-align: center !important;
7240
    color: red !important;
7241
    background: yellow !important;
7242
    z-index: 80000 !important;
7243
    visibility: visible !important;
7244
}
7245
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {
7246
    visibility: hidden !important;
7247
}
7248
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before ,
7249
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {
7250
    position: absolute !important;
7251
    display: inline-block ;
7252
    height: 15px !important;
7253
    width: 22px !important;
7254
    content: "✉" ;
7255
    color: peru !important;
7256
    left: -25px!important;
7257
    top: 0px !important;
7258
    font-size: 21px !important;
7259
    visibility: visible !important;
7260
}
7261
/* USERSTYLES -  PROFILE LINK - === */
7262
body:not(#f) a#userProfile {
7263
    position: absolute !important;
7264
    visibility: visible !important;
7265
    left: 256px !important;
7266
    top: -64px !important;
7267
    overflow: visible !important;
7268
    text-overflow: ellipsis !important;
7269
    white-space: nowrap !important;
7270
    font-size: 0 !important;
7271
    z-index: 500 !important;
7272
}
7273
7274
body:not(#f) a#userProfile:before {
7275
    display: inline-block ;
7276
    position: fixed ;
7277
    content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;
7278
    -moz-transform:scale(0.6,0.5) ;
7279
    margin-left: -90px ;
7280
    top: 1px ;
7281
}
7282
7283
/* END ==  - USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABT ME" - TXT + Back transpt - === */
7284
7285
7286
7287
7288
/* USERSTYLES - "Following results" - "the results for all ..." - === */
7289
#page-description>a {
7290
    border-radius: 5px !important;
7291
    box-shadow: 0 0 4px #999999 !important;
7292
    display: inline-block !important;
7293
    left: 103px !important;
7294
    padding: 5px !important;
7295
    position: absolute !important;
7296
    top: -21px !important;
7297
    width: 994px !important;
7298
}
7299
7300
/* (new75) USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (TABLE VIEW PLUS) - === */
7301
#metaOption {
7302
    position: fixed !important;
7303
    display: inline-block !important;
7304
    -moz-appearance: none !important;
7305
    transform: scale(0.8) ! important;
7306
    height: 19px !important;
7307
    width: 19px ! important;
7308
    left: 0px !important;
7309
    top: 26px !important;
7310
    padding: 12px ! important;
7311
    color: transparent ! important;
7312
    border: none ! important;
7313
    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;
7314
    background-color: #0064AA ! important;
7315
    border-radius: 10px 10px 10px 10px !important;
7316
    z-index: 200 !important;
7317
    opacity: 0.7 !important;
7318
    cursor: pointer ! important;
7319
}
7320
#metaOption:hover {
7321
    background-color: gold !important;
7322
    opacity: 1 !important;
7323
}
7324
7325
/* USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (ENHANCER) - === */
7326
#style-table #metaPrefs {
7327
    position: absolute!important;
7328
    left: 5px!important;
7329
    margin-top: -5px!important;
7330
}
7331
7332
/* ==== (new87) USERSTYLES - SEARCH BOX ==== */
7333
7334
/* USERSTYLES - ADV SEARCH - PAGE RESUL  - === */
7335
/* USERSTYLES - ADV SEARCH - TOGGLE - SHOW BUTTON / BACK BUTTONS - TABLE VIEW PLUS - === */
7336
#advanced-search-submit button {
7337
   -moz-appearance: none ! important;
7338
    position: fixed !important;
7339
    display: inline-block !important;
7340
    width: 62px !important;
7341
    height: 20px !important;
7342
    right: calc(100% - 1202px)  ! important;
7343
    top: 1px ! important;
7344
    padding: 0 0 2px 0px  ! important;
7345
    border-radius: 4px ! important;
7346
    border: 1px solid #777777 !important;
7347
    font-size: 10px! important;
7348
    color: #D7D7D7 !important;
7349
    text-align: center ! important;
7350
    text-decoration: none ! important;
7351
    box-shadow: 0 0 1px #777777 inset !important;
7352
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
7353
    cursor: pointer ! important;
7354
}
7355
#advanced-search-submit button:hover {
7356
    color: tomato !important;
7357
}
7358
/* (new87) USERSTYLES - ADV SEARCH - SHOW BUTT (TXT "Adv sear) - === */
7359
#left-sidebar nav ul li form #simple-search + #show-advanced-search {
7360
   -moz-appearance: none ! important;
7361
    position: absolute !important;
7362
    display: inline-block !important;
7363
    width: 60px !important;
7364
    height: 18px !important;
7365
    line-height: 15px ! important;
7366
    top: -16px ! important;
7367
    left: 85% ! important;
7368
    font-size: 10px! important;
7369
    color: #D7D7D7 !important;
7370
    z-index: 200 ! important;
7371
    text-align: center ! important;
7372
    text-decoration: none ! important;
7373
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
7374
    border: 1px solid #777777 !important;
7375
    border-radius: 4px !important;
7376
    box-shadow: 0 0 1px #777777 inset !important;
7377
    cursor: pointer ! important;
7378
}
7379
7380
/* USERSTYLES - AVDV SEARCH - SUBMIT BUTT - === */
7381
#left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {
7382
   -moz-appearance: none ! important;
7383
    position: fixed !important;
7384
    display: inline-block !important;
7385
    width: 50px !important;
7386
    height: 20px !important;
7387
    right: calc(100% - 1138px)  ! important;
7388
    top: 1px ! important;
7389
    border-radius: 5px ! important;
7390
    font-size: 10px! important;
7391
    color: gold !important;
7392
    z-index: 200! important;
7393
    text-align: center ! important;
7394
    text-decoration: none ! important;
7395
    background: black ! important;
7396
    border: 1px gray solid ! important;
7397
    cursor: pointer ! important;
7398
}
7399
#left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {
7400
    color: tomato !important;
7401
}
7402
7403
/* (new87) USERSTYLES - ADV SEARCH - OPTIONS - BLOCK CONTAINER - PB when No GM "TABLE VIEW PLUS " - === */
7404
#advanced-search {
7405
    position: relative ! important;
7406
    position: fixed ! important;
7407
    height: 15px ! important;
7408
    width: 450px ! important;
7409
    top: 48px ! important;
7410
    left: 867px !important;
7411
    padding: 1px 2px 3px 2px  ! important;
7412
    border: none ! important;
7413
    border-radius: 0 0 3px 3px !important;
7414
    z-index: 2000000 ! important;
7415
    color: gold !important;
7416
    background: #2C6C14 !important;
7417
}
7418
7419
/* USERSTYLES - SEARCH - TOP Right (Background) - === */
7420
#search{
7421
    background-color:  transparent !important
7422
}
7423
7424
/* USERSTYLES - SEARCH BOX - === */
7425
#search {
7426
    position: fixed !important;
7427
    width: 187px ! important;
7428
    height: 85px ! important;
7429
    top: 400px ! important;
7430
}
7431
7432
/* USERSTYLES - SEARCH BOX INPUT -  === */
7433
#left-sidebar > nav ul li form {
7434
    position: fixed ! important;
7435
    width: 200px !important;
7436
    margin-top: -8px! important;
7437
    left: 970px ! important;
7438
    top: 25px ! important;
7439
    visibility: visible ! important;
7440
    z-index: 2000! important;
7441
}
7442
7443
/* USERSTYLES - SIMPLE SEARCH - SEARCH INPUT - === */
7444
#search-terms {
7445
    position: absolute ! important;
7446
    display: inline-block !important;
7447
    min-width: 204px !important;
7448
    max-width: 204px !important;
7449
    height: 19px ! important;
7450
    margin-right: -50px ! important;
7451
    left: -65px ! important;
7452
    top: -16px ! important;
7453
}
7454
/* USERSTYLES /GREASY FORK - SIMPLE SEARCH - SEARCH BUTT - === */
7455
#search-submit {
7456
    position: relative ! important;
7457
    left: -38px ! important;
7458
    margin-top: -15px ! important;
7459
    font-size:11px !important;
7460
}
7461
#script-search > input[type="submit"] ,
7462
#search-submit  {
7463
    position: relative !important;
7464
    display: inline-block !important;
7465
    top: 0px !important;
7466
    -moz-appearance: none !important;
7467
    border: 1px solid gray !important;
7468
    border-radius: 0 3px 3px 0 !important;
7469
    cursor: pointer!important;
7470
    background: peru !important;
7471
}
7472
7473
7474
7475
#script-search > input[type="submit"]:hover ,
7476
#search-submit:hover  {
7477
    background: tomato !important;
7478
}
7479
/* USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE SELECT - (ENHANCER) - === */
7480
#per-page-select {
7481
    width: 45px !important;
7482
    margin-left: -50px ! important;
7483
}
7484
*[id$="-select"] ,
7485
#advanced-search>[name="sort_direction"]  {
7486
    font-size: 11px ! important;
7487
    height: 17px ! important;
7488
}
7489
7490
/* USERSTYLES - ADV SEARCH - FILT BLOCK  - TXT "FILT" - SUPP (diplay:none) -(TABLE VIEW PLUS) - === */
7491
#fb-label {
7492
    display:none ! important;
7493
}
7494
7495
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK + TXT "FILTER" + BUTT - CONT - (TABLE VIEW PLUS) - === */
7496
#filter-block  {
7497
    position: fixed ! important;
7498
    display: inline-block ! important;
7499
    height: 24px !important;
7500
    width: 355px !important;
7501
    left: 620px !important;
7502
    margin-left: 288px !important;
7503
    top: 18px !important;
7504
    padding: 0 !important;
7505
    border-radius: 3px !important;
7506
    font-size: 10px ! important;
7507
    z-index: 2000 !important;
7508
    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;
7509
}
7510
#left-sidebar #labelGroup {
7511
    height: 20px !important;
7512
    line-height: 20px !important;
7513
    padding: 0 3px !important;
7514
    text-align: center !important;
7515
    border: none !important;
7516
}
7517
/* (new87) USERSTYLES - ADV SEARCH - FILT - "Create " + "Show Flit" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
7518
#wordDiv button ,
7519
#filterGroup button {
7520
    height: 18px ! important;
7521
    line-height: 10px ! important;
7522
    padding: 1px ! important;
7523
    font-size: 10px !important;
7524
7525
7526
}
7527
/* (new87) USERSTYLES - ADV SEARCH - FILTBLOCK - "Create" BUTT - (TABLE VIEW PLUS) - === */
7528
#wordDiv button {
7529
    -moz-appearance: none ! important;
7530
    width: 40px ! important;
7531
    height: 20px !important;
7532
    margin-left: -430px ! important;
7533
    margin-top: 4px ! important;
7534
    padding: 0px 2px! important;
7535
    text-align: center ! important;
7536
    border-radius: 3px ! important;
7537
    border: 1px solid #404040;
7538
    box-shadow: 3px 3px 2px black ;
7539
    color: gold ! important;
7540
    background: #222 !important;
7541
    cursor: pointer ! important;
7542
    z-index: 200 ! important;
7543
}
7544
7545
/* USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
7546
#filterGroup button {
7547
    position: absolute ! important;
7548
    display: inline-block ! important;
7549
    top: 0px ! important;
7550
    margin-left: 100px ! important;
7551
}
7552
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt"  BUTT - (TABLE VIEW PLUS) - === */
7553
#filterGroup button#showB {
7554
    position: absolute ! important;
7555
    display: inline-block ! important;
7556
    top: 2px ! important;
7557
    margin-left: 94px ! important;
7558
    width: 80px ! important;
7559
}
7560
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Clear" BUTT - (TABLE VIEW PLUS) - === */
7561
#filterGroup button {
7562
    position: absolute ! important;
7563
    display: inline-block ! important;
7564
    top: 2px ! important;
7565
    margin-left: 173px ! important;
7566
}
7567
7568
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - FILT INPUT (TABLE VIEW PLUS) - === */
7569
#wordIn {
7570
    -moz-appearance: none ! important;
7571
    position: absolute ! important;
7572
    display: inline-block ! important;
7573
    width: 138px ! important;
7574
    height: 15px ! important;
7575
    left: -82px ! important;
7576
    margin-top: 3px ! important;
7577
    border: none ! important;
7578
    border-radius: 3px ! important;
7579
    padding: 2px 2px 3px 0px ! important;
7580
}
7581
7582
/* USERSTYLES - ADV SEARCH - FILT BLOCK - CREATE CONT - (TABLE VIEW PLUS) - === */
7583
#wordDiv {
7584
    position: absolute !important;
7585
    display: inline-block ! important;
7586
width: 223px !important;
7587
    top: -6px !important;
7588
    left: 80px ! important;
7589
    text-align: center;
7590
}
7591
/*(new87)  USERSTYLES - ADV SEARCH - FILT BLOCK - FILT-GROUP CONTR (Filtd nbr / "Show Filt" / "Clear) - (TABLE VIEW PLUS) - === */
7592
#filterGroup {
7593
    position: absolute !important;
7594
    display: inline-block ! important;
7595
    height: 17px ! important;
7596
    max-width: 90px !important;
7597
    min-width: 90px ! important;
7598
    left: 142px !important;
7599
    top: 0px !important;
7600
    padding: 1px 1px 1px 0px ! important;
7601
    border-radius: 5px ! important;
7602
/*     border: gray 1px solid ! important; */
7603
    text-align: left !important;
7604
}
7605
7606
/* USERSTYLES - ADV SEARCH - FILT BLOCK - TXT "Filt" - (TABLE VIEW PLUS) - === */
7607
#left-sidebar #labCnt {
7608
    display: inline-block ! important;
7609
    padding: 0px !important;
7610
    font-size: 11px !important;
7611
margin: 0 2px 0 -15px !important;
7612
    color: gray ! important;
7613
}
7614
#left-sidebar #labCnt:after {
7615
    content: " :" ;
7616
    color: gold;
7617
    font-size: 11px ;
7618
}
7619
#left-sidebar #filterCount {
7620
    display: inline-block ! important;
7621
    padding: 0px !important;
7622
    color: gold;
7623
    font-size: 11px !important;
7624
}
7625
7626
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK -  PER PAGE CONT (+ TX "Tab Filt" +) - (TABLE VIEW PLUS) - === */
7627
#perPageGroup {
7628
    position: absolute !important;
7629
    display: inline-block!important;
7630
    width: 10px !important;
7631
    left: 305px ! important;
7632
    margin-top: -17px !important;
7633
    top: 5px !important;
7634
    padding: 0 0 0 0px !important;
7635
    color: gold !important;
7636
    font-size: 0px !important;
7637
    text-align: left !important;
7638
    background: black !important;
7639
}
7640
#perPageGroup:after {
7641
    content: "by"!important;
7642
    position: absolute !important;
7643
    display: inline-block!important;
7644
    width: 19px !important;
7645
    height: 19px!important;
7646
    line-height: 17px!important;
7647
    left: 8px ! important;
7648
    top: -10px !important;
7649
    padding: 0px !important;
7650
    color: gold !important;
7651
    font-size: 10px !important;
7652
    text-align: center !important;
7653
    background: red !important;
7654
}
7655
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE BLOCK - NBR INPUT - (TABLE VIEW PLUS) - === */
7656
#filter-block #perPageGroup input#sel {
7657
    -moz-appearance: none !important;
7658
    position: absolute! important;
7659
    display: inline-block!important;
7660
    height: 17px !important;
7661
    line-height: 25px !important;
7662
    width: 20px !important;
7663
    margin-left: 27px! important;
7664
    margin-top: -13px! important;
7665
    border: none ! important;
7666
    border-radius: 0 3px 3px 0 ! important;
7667
    font-size: 10px !important;
7668
    text-align: center !important;
7669
    background: #D6D6D6 ! important;
7670
}
7671
7672
7673
/* USERSTYLES - ADV SEARCH - FILT RESULT - ITEM FILT - ADD TXT "Filt" - (TABLE VIEW PLUS) - === */
7674
table#style-table tr[filtered="true"]:after {
7675
    display: inline-block ;
7676
    width: 15px ;
7677
    content: "Filtered" ;
7678
    padding-top: 2px ;
7679
    padding-bottom: 5px ;
7680
    padding-right: 4px ;
7681
    padding-left: 1px ;
7682
    transform: rotate(90deg) ;
7683
    font-size: 10px ;
7684
    text-align: center ;
7685
    color: gold ;
7686
}
7687
7688
/* ====  - USERSTYLES - STY INFOS - RELATED ==== */
7689
7690
/* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - BLOCK - === */
7691
#related {
7692
    position: fixed !important;
7693
    width: 185px !important;
7694
    left: 20px !important;
7695
    top: 550px !important;
7696
    background-color: #222222 !important;
7697
    box-shadow: 0 0 4px #999999 !important;
7698
}
7699
/* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - ITEMS - === */
7700
#left-sidebar footer#related ul li:not(.more) a:before {
7701
    display: inline-block ;
7702
    content: "\25B6" ;
7703
    padding-right: 5px ;
7704
    font-size: 8px ;
7705
    color: red ;
7706
}
7707
7708
/* ==== USERSTYLES - STY INFOS ==== */
7709
7710
/* USERSTYLES - STY INFOS - "Style" Bar - SUPP - === */
7711
#main-article>h2{
7712
    display: none ! important;
7713
}
7714
7715
7716
/* STY INFOS - DELETED STYLE - MESS - 
7717
https://userstyles.org/styles/46216/flickr-widescreen-wide-film-strip-thumbs-x2-v4?r=1431273300
7718
=== */
7719
section#obsoletion-message {
7720
    position: fixed !important;
7721
    line-height: 15px !important;
7722
    min-width: 400px !important;
7723
    max-width: 400px !important;
7724
    max-height: 425px !important;
7725
    top: 35px !important;
7726
    margin-left: -10px!important;
7727
    padding: 10px ! important;
7728
    background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;
7729
    overflow: hidden !important;
7730
    overflow-y: auto !important;
7731
    z-index: 2000 !important;
7732
    transition: all ease 0.7s !important;
7733
    opacity: 1 !important;
7734
    visibility: visible !important;
7735
}
7736
#main-article section#obsoletion-message h2 + p + p , 
7737
#main-article section#obsoletion-message h2 + p  {
7738
    display: inline-block !important;
7739
    line-height: 15px !important;
7740
    width: 390px !important;
7741
    margin-left: -10px!important;
7742
    padding: 10px ! important;
7743
    font-size: 17px !important;
7744
    text-align: center !important;
7745
    color: white !important;
7746
}
7747
7748
#main-article section#obsoletion-message h2 + p  q  {
7749
    display: inline-block !important;
7750
    width: 100% !important;
7751
    line-height: 16px !important;
7752
    margin-top: 10px !important;
7753
    margin-bottom: 5px !important;
7754
    padding: 5px !important;
7755
    border-radius: 5px !important;
7756
    text-align: left !important;
7757
    font-size: 15px !important;
7758
    color: gray !important;
7759
    background: black !important;
7760
}
7761
/* #main-article section#obsoletion-message a  */
7762
#obsoletion-message>p + p>a:last-of-type ,
7763
#main-article section#obsoletion-message h2 + p>a:first-of-type {
7764
    position: relative!important;
7765
    display: inline-block!important;
7766
    width: 100%!important;
7767
    min-width: 375px!important;
7768
    margin-top: 10px !important;
7769
    margin-bottom: 5px !important;
7770
    text-align: center!important;
7771
    font-size: 18px !important;
7772
    color: gold !important;
7773
}
7774
#obsoletion-message>p + p>a:nth-last-of-type(n+2) {
7775
    position: relative!important;
7776
    display: inline-block!important;
7777
    width: 100%!important;
7778
    min-width: 375px!important;
7779
    margin-top: 10px !important;
7780
    margin-bottom: 10px !important;
7781
    text-align: center!important;
7782
    font-size: 15px !important;
7783
    color: gold !important;
7784
}
7785
/* USERSTYLES - STY INFOS - DEL STY - BUBBLE - === */
7786
#obsoletion-message:not(:hover) h2:not(:hover) ,
7787
#obsoletion-message h2 {
7788
    position: fixed !important;
7789
    display: inline-block !important;
7790
    left: 132px !important;
7791
    top: 58px !important;
7792
    border-radius: 10px !important;
7793
    padding: 7px 6px !important;
7794
    background: #B50000 !important;
7795
    cursor: pointer !important;
7796
    visibility: visible !important;
7797
    opacity: 1 !important;
7798
}
7799
/* STY INFOS - DEL STY - BUBBLE - ARROW - === */
7800
section#obsoletion-message:after {
7801
    position: fixed !important;
7802
    display: block;
7803
    content: "";
7804
    height: 0;
7805
    width: 0;
7806
    top: 82px !important;
7807
    bottom: -15px;
7808
    left: 200px ;
7809
    border-color: #B50000 transparent transparent transparent ;
7810
    border-style: solid;
7811
    border-width: 25px 5px 0px ;
7812
    transform: rotate(22deg) ;
7813
    visibility: visible !important;
7814
}
7815
section#obsoletion-message:before {
7816
    position: fixed !important;
7817
    display: inline-block !important;
7818
    content: " Deleted ....WHY ??? : Hover me !";
7819
    height: 15px !important;
7820
    width: 400px !important;
7821
    top: 62px !important;
7822
    left: 250px ;
7823
    text-align: center !important;
7824
    background: #B50000 !important;
7825
    white-space: nowrap !important; 
7826
    cursor: pointer !important;
7827
    visibility: visible !important;
7828
}
7829
section#obsoletion-message:hover:before {
7830
    visibility: hidden !important;
7831
}
7832
7833
#main-article section#obsoletion-message:not(:hover) {
7834
    visibility: hidden !important;
7835
    opacity: 1 !important;
7836
}
7837
#main-article section#obsoletion-message:hover {
7838
    visibility: visible !important;
7839
}
7840
7841
7842
/* #main-article section#obsoletion-message>p>q:first-letter , */
7843
#main-article section#obsoletion-message>p>q:first-line {
7844
    display: inline-block !important;
7845
    color: #00627A !important; 
7846
    font-size: 18px !important;
7847
}
7848
7849
7850
/* ==== BROWSE STY - ZEBRA ==== */
7851
7852
/* BROWSE STY - ZEBRA - FIRST - === */
7853
#style-table tr:nth-child(even) td {
7854
    background-color: #262626 !important;
7855
}
7856
/* BROWSE STY - ZEBRA - SECOND - ==== */
7857
#style-table tr:nth-child(odd) td {
7858
    background: #444444 !important;
7859
}
7860
#style-table > tr:hover:not(:first-child) {
7861
    background-color: #444444;
7862
    color: red ! important;
7863
}
7864
7865
/* TEST - RATING always visible =
7866
NOT RATING : #style-table td[rating="0.0"]
7867
BAD / ONE RATING : #style-table td[rating="1.0"]
7868
<td class="image-value">
7869
<img class="bad-average-rating" alt="Bad" src="https://df6a.https.cdn.softlayer.net/80DF6A/static.userstyles.org/images/bad.gif" title="">
7870
3 RATING : #style-table td[rating="3.0"]
7871
=== */
7872
#style-table tr:not(:hover) .ratingfg ,
7873
#style-table tr:hover .ratingfg {
7874
    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;
7875
}
7876
7877
/* TEST - META DISCUSSION - HOVER TOOLTIP - === */
7878
#style-table .metadiscussions:hover:before{
7879
    position: relative !important;
7880
    content: attr(title) !important;
7881
    display: inline-block !important;
7882
/* width: 280px !important; */
7883
    height: 16px !important;
7884
    line-height: 15px !important;
7885
    top: -5px !important;
7886
    margin-left: -240px !important;
7887
    padding: 0 5px 0 5px !important;
7888
    border-radius: 5px !important;
7889
    color: gold !important;
7890
    background: red !important;
7891
    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;
7892
}
7893
7894
7895
/* OBSOLETE DELETED STYLE - === */
7896
#table-container table#style-table tr.obsolete td:nth-child(7){
7897
    background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031")  !important;
7898
/* background: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") repeat scroll 0 0 transparent !important; */
7899
    opacity: 0.4 !important;
7900
}
7901
#table-container table#style-table tr.obsolete td:nth-child(7):hover{
7902
    opacity: 1!important;
7903
}
7904
7905
/* BROWSE STY - Text INFO - "For tips on making....etc..." - === */
7906
#main-article>p {
7907
    margin-left: 95px !important;
7908
}
7909
/* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
7910
#lastcheck {
7911
    position :fixed !important;
7912
    width: 650px !important;
7913
    width: auto !important;
7914
    margin-left: -322px !important;
7915
    margin-top: 0px !important;
7916
    border-radius: 5px !important;
7917
    color: gray;
7918
    z-index: 300 !important;
7919
}
7920
/* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */ 
7921
#summary + #lastcheck{
7922
    position :fixed !important;
7923
    width: 650px !important;
7924
    width: auto !important;
7925
    margin-left: 28px !important;
7926
    margin-top: -26px !important;
7927
    border-radius: 5px !important;
7928
    font-size: 11px !important;
7929
    color: tan !important;
7930
    background: black !important;
7931
    z-index: 300 !important;
7932
}
7933
7934
7935
/* ==== BROWSE STY - SUMMARY ==== */
7936
7937
/* ==== BROWSE STY - SUMMARY (USERSTYLE SUMMARY)
7938
(TABLE VIEW PLUS - content:"SummaRy)
7939
(ENHANCER - content: "SuMmary")
7940
==== */
7941
7942
/* (new75) (ALL) BROWSE STY - SUMMARY - (LOGED) - === */
7943
#summary {
7944
    position: fixed !important;
7945
    display: inline-block ! important;
7946
    height: 15px !important;
7947
    line-height: 15px !important;
7948
    left: 252px !important;
7949
    top: 83px ! important;
7950
    padding: 2px !important;
7951
    border-radius: 5px !important;
7952
    background-color: transparent !important;
7953
    z-index: 220 !important;
7954
}
7955
7956
7957
/* (new75) BROWSE STY - SUMMARY (TABLE VIEW PLUS) - ADD TXT "SummaRy" - === */
7958
*[class="label total"]:before {
7959
    content:"SummaRy : " ;
7960
    position: fixed ;
7961
    display: inline-block ;
7962
    width: auto ;
7963
    height: 10px ;
7964
    line-height: 8px ;
7965
    top: 83px ;
7966
    left: 48px ;
7967
    padding: 1px 5px 3px 6px ;
7968
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
7969
    border: 1px solid #777777 ;
7970
    border-radius: 4px 4px 4px 4px ;
7971
    box-shadow: 0 0 1px #777777 inset ;
7972
    color: #E5E5E5;
7973
    font-weight: bold ;
7974
    z-index: 500 ;
7975
}
7976
/* BROWSE STY - SUMMARY (ENHANCER - ADD TXT "SuMmary") - === */
7977
#summary>tbody:after {
7978
    position: fixed ;
7979
    visibility: visible ;
7980
    content: "SuMmary " ;
7981
    height: 15px ;
7982
    line-height: 15px ;
7983
    top: 48px ;
7984
    left: 270px ;
7985
    padding: 1px 5px ;
7986
    color: #E5E5E5 ;
7987
    font-weight: bold ;
7988
    border-radius: 5px ;
7989
    box-shadow: 0 0 4px #999999 ;
7990
    background-color: green ;
7991
}
7992
#summary>tbody {
7993
    position: fixed !important;
7994
    display: block !important;
7995
    visibility: hidden!important;
7996
}
7997
/* BROWSE STY - SUMMARY (TABLE VIEW PLUS - ADD TXT "SummaRy" )- HOVER - === */
7998
#summary>tbody:hover {
7999
    position: fixed !important;
8000
    display: inline-block !important;
8001
    left: 240px !important;
8002
    top: 73px !important;
8003
    visibility: visible!important;
8004
    border-radius: 5px !important;
8005
    box-shadow: 0 0 4px #999999 !important;
8006
    background: red !important;
8007
}
8008
8009
/* BROWSE STY - SUMMARY (TABLE VIEW PLUS updated) - STATISTICS LABELS - TXT "Total Installs" / "Weekly Total" / "Ratings" + "Good Ok Bad" - === */
8010
table#summary label.label:not(#good):not(#ok):not(#bad) {
8011
    font-size: 11px ! important;
8012
    color: gray ! important;
8013
}
8014
#good ,
8015
#ok ,
8016
#bad {
8017
    font-size: 11px ! important;
8018
}
8019
/* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT - TXT "LAST CHEC" - BLOCK (HOVER)- 
8020
MAKONDO (with pagination) : http://userstyles.org/users/60686
8021
=== */
8022
#summary p {
8023
    position: fixed !important;
8024
    width: auto !important;
8025
    top: 81px !important;
8026
    left: 377px ! important;
8027
    padding: 0 5px 2px 5px !important;
8028
    font-size: 0px ! important;
8029
    color: gray ! important;
8030
    text-align: left !important;
8031
    background: transparent ! important;
8032
}
8033
#summary:hover p {
8034
    font-size: 10px ! important;
8035
    color: gold ! important;
8036
    text-align: left !important;
8037
    background: red ! important;
8038
}
8039
#content-wrapper article#main-article table#summary label  + b ,
8040
#content-wrapper article#main-article table#summary label   {
8041
    position: relative ! important;
8042
    display: inline ! important;
8043
    top: -4px !important;
8044
    left: -120px ! important;
8045
    width: 650px !important;
8046
    font-size: 10px ! important;
8047
    color: gold ! important;
8048
    text-align: left !important;
8049
    background: transparent ! important;
8050
}
8051
/* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT -  LAST CHEC - RESET BUTT- === */
8052
#summary #resetBtn {
8053
    position: fixed !important;
8054
    height: 15px !important;
8055
    line-height: 12px !important;
8056
    width: 40px ! important;
8057
    height: 38px !important;
8058
    top: 79.5px !important;
8059
    left: -2px ! important;
8060
    padding: 0px 1px 4px 1px !important;
8061
    border: 1px solid #777777 !important;
8062
    border-radius: 4px !important;
8063
    box-shadow: 0 0 1px #777777 inset !important;
8064
    font-size: 11px !important;
8065
    color: #D7D7D7 !important;
8066
    cursor: pointer ! important;
8067
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
8068
}
8069
#summary #resetBtn:hover {
8070
    color: gold ! important;
8071
}
8072
8073
/* BROWSE STY - SUMMARY - TABLE VIEW PLUS - PROFILE without ABOUT and STYLES - 
8074
https://userstyles.org/users/190305
8075
=== */
8076
#main-article dl + #summary {
8077
    position: fixed !important;
8078
    display: inline-block ! important;
8079
    left: 252px !important;
8080
    top: 112px ! important;
8081
    border-radius: 5px !important;
8082
    background-color: transparent !important;
8083
    z-index: 220 !important;
8084
}
8085
#main-article dl + #summary *[class="label total"]:before {
8086
    content:"SummaRy : " ;
8087
    position: fixed ;
8088
    display: inline-block ;
8089
    width: auto ;
8090
    height: 10px ;
8091
    line-height: 7px ;
8092
    top: 112px ;
8093
    left: 48px ;
8094
    padding: 1px 5px 1px 6px ;
8095
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
8096
    border: 1px solid #777777 ;
8097
    border-radius: 4px 4px 4px 4px ;
8098
    box-shadow: 0 0 1px #777777 inset ;
8099
    color: #E5E5E5;
8100
    font-weight: bold ;
8101
    z-index: 500 !important;
8102
}
8103
/* BROWSE STY - TABLE VIEW PLUS - TABLE OPT - === */
8104
#optBtn-container {
8105
    position: absolute !important;
8106
    display: inline-block !important;
8107
    visibility: visible !important;
8108
    width: 100px !important;
8109
    height: 20px !important;
8110
    line-height: 14px! important;
8111
    top: -21px !important;
8112
    left: 172px !important;
8113
    border-radius : 5px! important;
8114
    text-align: center !important;
8115
    z-index: 200 !important;
8116
    background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
8117
}
8118
#optBtn-container a {
8119
    text-align: center !important;
8120
    text-decoration: none ! important;
8121
    color: gray ! important;
8122
}
8123
#tohr {
8124
    display: none! important;
8125
}
8126
8127
/* ==== BROWSE SEARCH RESULTS ==== */
8128
8129
/* (new75) TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) === */
8130
/*(NOT LOGED / with GM) */
8131
body> #main-header + #content-wrapper {
8132
    position: absolute ! important;
8133
    display: inline-block ! important;
8134
    float: left !important;
8135
    clear: both !important;
8136
    height: 100% !important;
8137
    min-height: 200px !important;
8138
    width: 100% !important;
8139
    max-width: 95% !important;
8140
    top: 55px !important;
8141
    left: 0px !important;
8142
    margin-left: 20px ! important;
8143
}
8144
8145
/* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS - === */
8146
#content-wrapper article#main-article #social.listing +script + .ad +  #table-container {
8147
    position: absolute !important;
8148
    display: inline-block ! important;
8149
    width: 82%! important;
8150
    left: -27% !important;
8151
    top: -24px !important;
8152
}
8153
8154
/* BROWSE SEARCH RESULTS +  USER ACCOUNT + SEARCH RESULTS + TABLE VIEW PLUS - 
8155
#summary + #table-container 
8156
#main-header +#content-wrapper #main-article  ul+dl +h2 +#summary + #table-container (2GM)
8157
=== */
8158
/* SEARCH*/
8159
#table-container {
8160
    position: absolute !important;
8161
    display: inline-block ! important;
8162
    width: 100% !important;
8163
    max-width: 68.9% !important;
8164
    min-width: 68.8% !important;
8165
    left: 0px !important;
8166
    margin-top: -1px !important;
8167
}
8168
/*MY SYTLES */
8169
#summary + #table-container  {
8170
    position: absolute !important;
8171
    display: inline-block ! important;
8172
    width: 100% !important;
8173
    max-width: 68.9% !important;
8174
    min-width: 68.8% !important;
8175
    left: 0px !important;
8176
    margin-top: 3px !important;
8177
}
8178
/* TABLE HEADER FIXED - === */
8179
#style-table {
8180
    width: 100% !important;
8181
    min-width: 100% !important;
8182
    max-width: 100% !important;
8183
    margin-top: 42px !important;
8184
}
8185
8186
#style-table>tr:first-of-type {
8187
    display: inline-table  !important;
8188
    position: fixed !important;
8189
    height: 100%!important;
8190
    max-height: 42px!important;
8191
    max-height: 42px!important;
8192
    width: 100% !important;
8193
    max-width: 65.7% !important;
8194
    min-width: 65.7% !important;
8195
    margin-top: -46px !important;
8196
    border-top: 4px solid tan !important;
8197
    border-bottom: 4px solid tan !important;
8198
    z-index: 200 !important;
8199
}
8200
8201
/* TABLE VIEW PLUS - ??? ENHANCER -
8202
#main-article> ul + dl +h2 + #summary + #table-container #style-table === */
8203
#main-article> ul + dl +h2 + #summary + #table-container #style-table {
8204
/* width: 100% !important; */
8205
/* min-width: 103.9% !important; */
8206
/* max-width: 103.9% !important; */
8207
}
8208
#main-article> ul + dl +h2 + #summary + #table-container #style-table>tr:first-of-type {
8209
    position: fixed !important;
8210
    margin-top: -52px !important;
8211
    border-top: 4px solid tan !important;
8212
    border-bottom: 4px solid tan !important;
8213
    z-index: 200 !important;
8214
}
8215
8216
/* A VOIR - HEIGHT HEADER - TABLE VIEW PLUS - === */
8217
#style-table th {
8218
    color: tan;
8219
    height: 25px !important;
8220
    line-height: 3px !important;
8221
    padding: 0 4px;
8222
    text-shadow: 1px 1px 2px #000000;
8223
}
8224
8225
/* A SUPP ?? - HEIGHT HEADER - ENHANCER HEADER - === */
8226
#summary+ p + #table-container #style-table th  {
8227
    display: inline-table  !important;
8228
    color: tan;
8229
    line-height: 3px !important;
8230
    padding: 0 4px;
8231
    text-shadow: 1px 1px 2px #000000;
8232
}
8233
8234
/* POSITION COLUMN - TABLE VIEW PLUS */
8235
#table-container #style-table th:first-of-type  {
8236
    width: 1% !important;
8237
    padding-left: 10px !important;
8238
}
8239
#table-container #style-table th:nth-child(2)  {
8240
    max-width: 57% !important;
8241
    min-width: 57% !important;
8242
    padding-left: 10px !important;
8243
}
8244
#table-container #style-table th:last-of-type  {
8245
    width: 7% !important;
8246
    padding-right: 0px !important;
8247
}
8248
8249
/* A VOIR ??? - === */
8250
#content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
8251
    display: inline-table  !important;
8252
    position: fixed !important;
8253
    width: 970px !important;
8254
}
8255
8256
/* POSITION COLUMN - ENHANCER */
8257
#summary+ p + #table-container #style-table th:first-of-type  {
8258
    width: 4% !important;
8259
}
8260
#summary+ p + #table-container #style-table th  {
8261
    width: 8.1% !important;
8262
    height: 20px!important;
8263
    line-height: 20px!important;
8264
}
8265
#summary+ p + #table-container #style-table th:nth-child(2)  {
8266
    min-width: 61.5% !important;
8267
    max-width: 61.5% !important;
8268
    border-right: 1px solid red!important;
8269
}
8270
8271
/* A VOIR ??? - === */
8272
#content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
8273
    display: inline-table  !important;
8274
    position: fixed !important;
8275
    width: 970px !important;
8276
}
8277
8278
/* MY ACCOUNT - ENHANCER (#summary+ p + #table-container) - CONTAINER - === */
8279
#summary+ p + #table-container {
8280
    margin-top: -13px !important;
8281
    max-width: 100% !important;
8282
    min-width: 100% !important;
8283
    width: 100% !important;
8284
}
8285
#summary+ p + #table-container #style-table {
8286
    width: 100% !important;
8287
    min-width: 67%! important;
8288
    max-width: 67% !important;
8289
}
8290
 #summary+ p + #table-container #style-table#style-table > tr:first-of-type {
8291
    position: fixed !important;
8292
    display: inline-block ! important;
8293
    display: inline-table !important;
8294
    top: 120px !important;
8295
    min-width: 63.6%! important;
8296
    max-width: 63.6% !important;
8297
    height: 20px! important;
8298
    line-height: 20px!important;
8299
    border-bottom: 4px solid tan !important;
8300
    border-top: 4px solid tan !important;
8301
    background: red!important;
8302
    z-index: 200 !important;
8303
}
8304
8305
8306
8307
8308
/* (NOT LOGED / with GM) */
8309
.author-styles>tbody>tr:nth-child(odd) {
8310
    background: #222222 ! important;
8311
}
8312
/* BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc  - === */
8313
.author-styles>tbody>tr>td[valign="top"]>a {
8314
    color: #CF9C28  !important;
8315
}
8316
.author-styles>tbody>tr>td[valign="top"]>a:visited {
8317
    color: #DDB46D  !important;
8318
}
8319
.author-styles>tbody>tr>td[valign="top"]>a:hover {
8320
    color: tan !important;
8321
}
8322
.author-styles>thead>tr>th:nth-child(3) ,
8323
.author-styles>thead>tr>th:nth-child(4) ,
8324
.author-styles>thead>tr>th:nth-child(5){
8325
    width: 43px !important;
8326
}
8327
.author-styles>thead>tr>th:nth-child(6){
8328
    width: 100px !important;
8329
}
8330
/*  EDIT/Delete/Statictic ICONS - === */
8331
table.author-styles tbody tr td+td a:nth-child(1) {
8332
    font-size: 0px ! important;
8333
}
8334
/* (new93) NEDD CONVERT for Addstylish lib -  */
8335
table.author-styles tbody tr td+td a[href$="/edit"]:before {
8336
    content : "\270E " ! important;
8337
    font-size: 18px ! important;
8338
}
8339
table.author-styles tbody tr td+td a:nth-child(2) {
8340
    font-size: 0px ! important;
8341
}
8342
table.author-styles tbody tr td+td a[href^="/styles/delete"]:before {
8343
/* content : "\2717" ; */
8344
/* content : "➕" ; */
8345
content : "✅" ;
8346
    font-size: 18px ;
8347
    color: green ;
8348
}
8349
.obsolete ~ td:last-of-type a[href^="/styles/delete/"]:before{
8350
/* content : "\2717" ; */
8351
content : "➖" ;
8352
    font-size: 18px ;
8353
    color: red ;
8354
}
8355
8356
/* Text Shadow === */
8357
#style-table tr td * {
8358
    text-shadow: none !important;
8359
}
8360
8361
/* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT - === */
8362
#popup_container.popup_right,
8363
#popup_container.popup_left {
8364
    position: fixed !important;
8365
    display: inline-block !important;
8366
    float: right !important;
8367
    top: 25% !important;
8368
    right: 0% !important;
8369
    padding: 0 !important;
8370
    background: transparent !important;
8371
    border: none !important;
8372
    box-shadow: none !important;
8373
    z-index: -5000 !important;
8374
}
8375
#popup_container img {
8376
    position: absolute !important;
8377
    display:  inline-block !important;
8378
    float: none !important;
8379
    float: right !important;
8380
    min-width: 30% !important;
8381
    max-width: 30% !important;
8382
    box-shadow: 4px 4px 8px #000000;
8383
    right: 0% !important;
8384
    z-index: 500000 !important;
8385
    border: 1px solid peru !important;
8386
}
8387
/* (new75) BROWSE SEARCH RESULTS - Screenshot POPUP - MEDIA QUERIES */
8388
@media screen and (max-width: 1400px){
8389
#popup_container.popup_right,
8390
#popup_container.popup_left {
8391
    position: fixed !important;
8392
    display: inline-block !important;
8393
    height: 13000px !important;
8394
    width: 1300px !important;
8395
    float: right !important;
8396
    top: 25% !important;
8397
    right: 0% !important;
8398
    padding: 0 !important;
8399
    background: transparent !important;
8400
    border: none !important;
8401
    box-shadow: none !important;
8402
    z-index: -5000 !important;
8403
}
8404
#popup_container img {
8405
    position: absolute !important;
8406
    display:  inline-block !important;
8407
    float: none !important;
8408
    float: right !important;
8409
/* width: 100% !important; */
8410
/* max-width: 28% !important; */
8411
    box-shadow: 4px 4px 8px #000000;
8412
    right: 1% !important;
8413
/* background-size: contain !important; */
8414
    z-index: 500000 !important;
8415
}
8416
8417
/* ==== END BROWSE SEARCH RESULTS - Screenshot POPUP - MEDIA QUERIES ==== */
8418
}
8419
8420
8421
/* BROWSE SEARCH RESULTS - Title === */
8422
.style-brief-text>header>a:link {
8423
    color: #CCCDCD !important;
8424
    text-decoration: none !important;
8425
}
8426
/* BROWSE SEARCH RESULTS - Desc - === */
8427
.style-brief-text > a:visited {
8428
    color: #929292 !important;
8429
    text-decoration: none !important;
8430
}
8431
.style-brief-text > a:active {
8432
    color: #929292 !important;
8433
    text-decoration: none !important;
8434
}
8435
8436
8437
/* (new84) PAGINATION ALL - PB NOT LOGED - === */
8438
 .pagination {
8439
    position: fixed !important;
8440
    display: inline-block !important;
8441
/*     width: 100% !important; */
8442
    max-width: 350px !important;
8443
    min-width: 350px !important;
8444
    height: 17px!important;
8445
    line-height: 17px!important;
8446
    top: 29px !important;
8447
    left: 550px !important;
8448
/* right: 15% !important; */
8449
    padding: 1px !important;
8450
    text-align: center !important;
8451
    z-index: 200 !important;
8452
    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);
8453
    border-radius: 3px 3px 0 0 !important;
8454
} 
8455
.pagination > a {
8456
    display: inline-block !important;
8457
    border: 1px solid #999999;
8458
    border-radius: 3px !important;
8459
    font-size: 10px;
8460
    margin-left: -1px;
8461
    margin-right: -1px;
8462
    top: -5px !important;
8463
    padding: 0 3px !important;
8464
}
8465
/* PAGINATION - ALL -  Link - === */
8466
.pagination > a {
8467
    margin-left: -1px;
8468
    margin-right: -1px;
8469
    padding: 0 3px !important;
8470
    border: 1px solid #999999;
8471
    border-radius: 3px  !important;
8472
    font-size: 10px;
8473
}
8474
.pagination>a:hover {
8475
    padding: 0 3px !important;
8476
    font-size: 12px !important;
8477
    text-decoration: none;
8478
    color: #000000;
8479
    border-radius: 3px;
8480
    border: 1px solid #A7A7A7;
8481
    background-color: white;
8482
}
8483
/* PAGINATION  - BROWSE SEARCH RESULTS - CURRENT - === */
8484
.current {
8485
    margin-left: 1px;
8486
    margin-right: 1px;
8487
    padding: 0 3px !important;
8488
    font-size: 12px !important;
8489
    text-decoration: none;
8490
    font-weight: bold;
8491
    color: #000000;
8492
    border-radius: 3px;
8493
    border: 1px solid #336699;
8494
    background-color: #F5F7FA;
8495
}
8496
/* PAGINATION  - BROWSE SEARCH RESULTS - PREV DISABLED - === */
8497
.previous_page.disabled ,
8498
.disabled.prev_page {
8499
    display: none !important;
8500
}
8501
8502
/* (new84) PAGINATION USERSTYLES - with GM " TABLE VIEW PLUS" - === */
8503
#table-container + .pagination {
8504
    line-height: 13px!important;
8505
    top: 32px !important;
8506
    left: 450px !important;
8507
    padding: 1px !important;
8508
/*     background: red !important; */
8509
} 
8510
8511
/* PAGINATION  - BROWSE SEARCH RESULTS - Paginat NEXT / NEXT DISABLE - 
8512
https://greasyfork.org/fr/scripts?per_page=100&sort=created
8513
=== */
8514
.next_page {
8515
    display: inline-block!important;
8516
    width: 80px !important;
8517
}
8518
.next_page.disabled {
8519
    display: none !important;
8520
}
8521
8522
/* A VOIR - PAGINATION  - BROWSE STYLES/SCRIPT SEARCH RESULTS - ONLY ONE Pagination (MOVE TO TOP) -
8523
USER : MAKONDO : http://userstyles.org/users/169?page=2&per_page=10 (SCRIPT Table View Plus NOT WORKING : Alternate Userstyle)
8524
GREASY FORK SCRIPT LIST: https://greasyfork.org/fr/scripts/
8525
==== */
8526
8527
8528
/* PAGINATION  - SEARCH / USERS - List USERSTYLES - (when Table View Plus don't catch them) - 
8529
http://userstyles.org/styles/browse/facebook?page=2&per_page=100
8530
http://userstyles.org/users/169?page=2&per_page=10 
8531
=== */
8532
.ad + .pagination {
8533
    position: fixed !important;
8534
    display: inline-block !important;
8535
    height: 20px!important;
8536
    width: 100% !important;
8537
    width: auto !important;
8538
    max-width: 600px !important;
8539
    min-width: 600px !important;
8540
    left: 270px !important;
8541
    top: 35px !important;
8542
    padding: 1px 5px !important;
8543
    z-index: 200 !important;
8544
outline: 1px solid green !important;
8545
}
8546
8547
8548
/* (new79) PAGINATION - SCRIPT PAGE (with / without GM CITRUS) - Not from link "Scripts from top header) = .width-constraint .pagination  - 
8549
8550
Without CITRUS :
8551
#browse-script-list + .pagination
8552
WITH CITRUS :
8553
#script-table + .pagination
8554
BUT NOT for SET VIEW (CITRUS) :
8555
#UserSets + .width-constraint .pagination
8556
=== */
8557
.width-constraint .pagination {
8558
    position: fixed !important;
8559
    display: inline-block !important;
8560
    vertical-align: bottom !important;
8561
    min-width: 100% !important;
8562
    max-width: 100% !important;
8563
    max-width: 450px !important;
8564
    min-width: 450px !important;
8565
    height: 17px !important;
8566
    line-height: 15px !important;
8567
    top: 27px !important;
8568
    left: 51.4% !important;
8569
    padding: 1px !important;
8570
/* text-align: left !important; */
8571
    border-radius: 3px 3px 0 0 !important;
8572
    box-shadow: none !important; 
8573
    text-align: center !important;
8574
    border: 1px solid peru !important;
8575
/*     background: transparent!important; */
8576
}
8577
8578
/* (new66) PAGINATION - SCRIPT PAGE  - MEDIA QUERIE - === */
8579
@media screen and (max-width: 1400px) {
8580
.width-constraint .pagination {
8581
left: 44% !important;
8582
}
8583
/* ==== END === PAGINATION - SCRIPT PAGE  - MEDIA QUERIE  ==== */
8584
}
8585
8586
/* A VOIR USER SET PAGINATION - GM "CITRUS" ONLY OK - 
8587
https://greasyfork.org/en/scripts?page=3&per_page=100&set=367&sort=updated
8588
=== */
8589
#UserSets + .width-constraint .pagination {
8590
    position: fixed !important;
8591
    display: inline-block !important;
8592
    min-width: 100% !important;
8593
    max-width: 100% !important;
8594
    max-width: 550px !important;
8595
    min-width: 550px !important;
8596
    height: 15px !important;
8597
    line-height: 15px !important;
8598
    top: 49px !important;
8599
    left: 34% !important;
8600
    padding: 1px !important;
8601
    text-align: left !important;
8602
    background: transparent !important;
8603
    border-radius: 5px !important;
8604
    box-shadow: none !important; 
8605
    text-align: center !important;
8606
}
8607
8608
/* (new79) - PAGINATION - SCRIPT PAGE (with GM CITRUS) - Not from link "Scripts from top header) = #script-table + .pagination   - === */
8609
#script-table + .pagination  {
8610
    position: fixed !important;
8611
    display: inline-block !important;
8612
    width: 100% !important;
8613
    max-width: 459px !important;
8614
    min-width: 459px !important;
8615
    height: 15px!important;
8616
    line-height: 15px!important;
8617
    top: 28px !important;
8618
    left: 51% !important;
8619
    padding: 1px !important;
8620
    border-radius: 3px 3px 0 0 !important;
8621
    text-align: center !important;
8622
    box-shadow: 0 0 4px #999999 !important;
8623
    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); 
8624
    z-index: 200 !important;
8625
} 
8626
/* (new74) PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE - MEDIA QUERIE - === */
8627
@media screen and (max-width: 1400px) {
8628
#script-table + .pagination  {
8629
    left: 43.5% !important;
8630
} 
8631
/* ==== END === PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE === */
8632
}
8633
/* (new87) A VOIR - PAGINATION - LISTING SCRIPTS PAGE (with // without GM CITRUS) - === */
8634
/* ALL */
8635
/* .pagination > *, 
8636
.script-list + .pagination > *, 
8637
.user-list + .pagination > * , */
8638
.pagination .current, 
8639
.pagination .gap ,
8640
.pagination a ,
8641
body[pagetype="ListingPage"] .gap ,
8642
body[pagetype="ListingPage"] .current ,
8643
body[pagetype="ListingPage"] .pagination a {
8644
display: inline-block !important;
8645
    position: relative !important;
8646
    height: 14px !important;
8647
    line-height: 14px !important;
8648
    margin-top: -5px !important;
8649
    top: -1px !important;
8650
    padding: 0 3px !important;
8651
    border: none !important;
8652
    border-radius: 3px !important;
8653
    box-shadow: 3px 3px 2px black !important;
8654
    background: #222 !important;
8655
}
8656
8657
.pagination .current, 
8658
.pagination .gap ,
8659
body[pagetype="ListingPage"] .pagination .gap ,
8660
body[pagetype="ListingPage"]  .pagination .current {
8661
    color: white !important;
8662
}
8663
8664
.pagination .current, 
8665
body[pagetype="ListingPage"] .pagination .current {
8666
    margin-top: 0px !important;
8667
    top: -2px !important;
8668
/* color: white !important; */
8669
}
8670
/* body[pagetype="ListingPage"] .pagination a:hover , */
8671
.pagination > a.next_page ,
8672
.pagination > a.next_page:hover ,
8673
.pagination > a.previous_page,
8674
.pagination > a.previous_page:hover  {
8675
    width: 20px !important;
8676
    font-size: 0px !important;
8677
}
8678
.previous_page:before {
8679
    content: "<" ;
8680
    font-size: 10px !important;
8681
}
8682
.next_page:before {
8683
    content: ">" ;
8684
    font-size: 10px !important;
8685
}
8686
8687
/* (new87) USERSTYLES */
8688
#content-wrapper #main-article .pagination>.current {
8689
    margin-top: 0px !important;
8690
    top: 0px !important;
8691
    color: white !important;
8692
}
8693
span.Ellipsis {
8694
    height: 14px !important;
8695
    line-height: 7px !important;
8696
    border-radius: 3px !important;
8697
    box-shadow: 3px 3px 2px black !important;
8698
color: peru !important;
8699
}
8700
.pagination .gap ,
8701
body[pagetype="ListingPage"] .pagination .gap {
8702
    line-height: 2px !important;
8703
    top: -7px !important;
8704
    border-radius: 3px !important;
8705
    box-shadow: 3px 3px 2px black !important;
8706
}
8707
#content-wrapper #main-article .pagination> .gap {
8708
    vertical-align: middle !important;
8709
    line-height: 7px !important;
8710
    top: 2px !important;
8711
}
8712
8713
/* (new77) USERSTYLES)
8714
/* #content-wrapper #main-article .pagination> .gap ,
8715
#content-wrapper #main-article .pagination>.current {
8716
display: inline-block !important;
8717
    color: red !important;
8718
} */
8719
.pagination a:hover ,
8720
body[pagetype="ListingPage"] .pagination a:hover {
8721
    padding: 0 3px !important;
8722
}
8723
8724
/* ==== EDIT PAGE ==== */
8725
8726
/* EDIT - INFOS - Textarea Input === */
8727
table.form-controls,
8728
.form-controls > tbody > tr > td , 
8729
    textarea#style_long_description ,
8730
    textarea#style_additional_info ,
8731
    textarea#css {
8732
    min-width: 940px !important;
8733
}
8734
/* EDIT - INFOS - SHORT DESC - === */
8735
.form-controls>tbody>tr>td [id="style_short_description"] {
8736
    min-width: 200px!important;
8737
    resize: both !important;
8738
    overflow:auto !important;
8739
}
8740
/* EDIT - INFOS - ScreenShots (PreView) - Principal - BEFORE/AFTER === */
8741
.form-controls>tbody>tr>td>dl>dd>img{
8742
    box-shadow: 0 0 4px #999999 !important;
8743
    height: auto;
8744
    margin-left: 200px !important;
8745
    max-width: 900px !important;
8746
}
8747
.form-controls>tbody>tr>td>dl>dd{
8748
    margin-left: -169px !important;
8749
}
8750
/* EDIT - INFOS - ScreenShots (PreView) - Additional === */
8751
.form-controls>tbody>tr>td>table>tbody>tr>td>img{
8752
    box-shadow: 0 0 4px #999999 !important;
8753
    height: auto;
8754
    max-width: 900px !important;
8755
}
8756
/* EDIT - INFOS - ScreenShots - Additional (Table) === */
8757
.form-controls>tbody>tr>td>table{
8758
    margin-left: -149px !important;
8759
}
8760
8761
/* (new91) EDIT - MAIN CONT - === */
8762
#main-article>form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
8763
    position: absolute !important;
8764
    display: inline-block !important;
8765
    max-width: 800px !important;
8766
    margin-top: 35px ! important;
8767
    margin-left: 5% ! important;
8768
}
8769
8770
/* EDIT - WIDGET - === */
8771
#main-article>form[action="/help/widget"] {
8772
    position: relative !important;
8773
    display: table !important;
8774
    min-width: 910px !important;
8775
    max-width: 910px !important;
8776
    margin-top: 3px ! important;
8777
    margin-left: -3px ! important;
8778
    background: #222 !important;
8779
}
8780
8781
#main-article>form[action="/help/widget"] .form-controls {
8782
    min-width: 910px !important;
8783
    max-width: 910px !important;
8784
}
8785
#main-article>form[action="/help/widget"] .form-controls tbody tr {
8786
    display: inline-block !important;
8787
    width: 100% !important;
8788
    min-width: 910px !important;
8789
    max-width: 910px !important;
8790
    margin-bottom: 0px !important;
8791
    text-align: center !important;
8792
}
8793
#main-article>form[action="/help/widget"] .form-controls tbody tr td ,
8794
#main-article>form[action="/help/widget"] .form-controls tbody tr th {
8795
    display: inline-block !important;
8796
    min-width: 870px !important;
8797
    max-width: 870px !important;
8798
    padding: 0 !important;
8799
    text-align: center !important;
8800
}
8801
8802
/* EDIT - USERSTYLES - DELETE STYLE PAGE - === */
8803
#main-article>form[action="/styles/delete_save"] {
8804
    position: absolute !important;
8805
    display: inline-block !important;
8806
    max-width: 800px !important;
8807
    min-height: 400px !important;
8808
    margin-top: 100px !important;
8809
    margin-left: -55% !important
8810
}
8811
#main-article>form[action="/styles/delete_save"] .form-controls > tbody >tr:first-of-type>td textarea {
8812
    min-height: 400px !important;
8813
}
8814
8815
8816
/* EDIT - STY NAME INPUT - === */
8817
article#main-article form .form-controls input#style_short_description {
8818
    width: 600px !important;
8819
}
8820
/* EDIT - SCREENSHOTS NAME/UPLOAD FOLDER/BUTTON INPUT - === */
8821
article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
8822
    display: block !important;
8823
    position: relative !important;
8824
    width: auto !important;
8825
}
8826
.form-controls>table>tbody>tr>td:first-of-type>input {
8827
    width: 462px !important;
8828
}
8829
.form-controls>table>tbody>tr>td:nth-child(2)>input {
8830
    width: 465px !important;
8831
}
8832
/* EDIT - CHECK BOX (REMOVE/CHANGE) - === */
8833
.form-controls>table>tbody>tr>td:nth-child(3)>input {
8834
    position: absolute !important;
8835
    top: -20px !important;
8836
}
8837
.form-controls>table>tbody>tr>td:nth-child(3):after {
8838
    position: absolute ;
8839
    display: inline-block ;
8840
    content: "Remove / Change" ;
8841
    width: 200px ;
8842
    height: 15px ;
8843
    margin-top: -22px ;
8844
    margin-left: 45px ;;
8845
    font-size: 15px ;
8846
    color: red ;
8847
}
8848
/* EDIT - LABELS - === */
8849
.form-controls>label {
8850
    color: gold ! important;
8851
}
8852
/* EDIT - SCREENSHOTS - TITLES SECT - === */
8853
.form-controls>table>thead>tr {
8854
    display: none ! important;
8855
}
8856
8857
/* EDIT - ADDIT SCREENSHOT - ZEBBRA - === */
8858
.form-controls>table>tbody>tr:nth-child(odd) {
8859
    display: inline-block ! important;
8860
    min-width: 900px ! important;
8861
    background: #222222 ! important;
8862
    padding: 10px 50px 20px 50px ! important;
8863
}
8864
.form-controls>table>tbody>tr:nth-child(even) {
8865
    display: inline-block ! important;
8866
    background: #0B0909 ! important;
8867
    padding: 10px 50px 20px 50px ! important;
8868
    min-width: 900px ! important;
8869
}
8870
8871
/* EDIT - ADDIT SCREENSHOT - === */
8872
.form-controls>table>tbody>tr>td:nth-child(4) {
8873
    position: relative !important;
8874
    display: inline-block !important;
8875
    left: -2% !important;
8876
    top: 20px ! important;
8877
    margin-bottom: 60px ! important;
8878
    text-align: left !important;
8879
}
8880
.form-controls>table>tbody>tr>td:nth-child(4) img {
8881
    position: relative !important;
8882
    display: inline-block !important;
8883
    max-width: 850px !important;
8884
    left: -2% !important;
8885
    top: 20px ! important;
8886
    margin-bottom: 60px ! important;
8887
    text-align: left !important;
8888
}
8889
8890
/* EDIT - ADD A NEW SCREENSHOT - === */
8891
.form-controls>table>tbody>tr:last-of-type:before {
8892
    content: "Add a NEW Screenshot : " ;
8893
    display: inline-block ;
8894
    font-size: 10px ;
8895
    color: gold ;
8896
}
8897
8898
8899
/* [[1]==== END ==== */
8900
8901
/* ==== NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT 
8902
OLD:
8903
#content-wrapper article#main-article dl + h2 ~ 
8904
8905
.style-brief:nth-child(-n+4) .style-brief-text > p ,
8906
.style-brief:nth-child(n+11) .style-brief-text > p 
8907
8908
===== */
8909
.listing-left-info {
8910
    position: absolute !important;
8911
    display: inline-block !important;
8912
    float: none !important;
8913
    min-height: 100px;
8914
    width: 100% !important;
8915
}
8916
8917
/* NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN - === */
8918
.style-brief:nth-child(odd) {
8919
    background: #222222 !important;
8920
}
8921
8922
/* NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN - 
8923
PB - SEARCH (BIG) :
8924
http://userstyles.org/styles/browse/facebook?page=2&per_page=100
8925
#social ~article.style-brief:nth-child( 4n + 2 )
8926
=== */
8927
.style-brief {
8928
    position: relative ! important;
8929
    display: inline-block ! important;
8930
    width: 32.72% !important;
8931
    height: 163px ! important;
8932
    right: 7.5% ! important;
8933
    margin-top: 6px !important;
8934
    margin-bottom: 0px !important;
8935
    border-radius: 5px !important;
8936
    box-shadow: 6px 5px 6px black !important;
8937
    border: 1px solid gray ! important;
8938
    overflow: hidden ! important;
8939
}
8940
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4),
8941
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) {
8942
    position: relative ! important;
8943
    display: inline-block ! important;
8944
    float: left !important;
8945
    width: 49.6% !important;
8946
    height: 224px ! important;
8947
    right: 7.7% ! important;
8948
    margin-top: 6px !important;
8949
    margin-bottom: 0px !important;
8950
    border-radius: 5px !important;
8951
    box-shadow: 6px 5px 6px black !important;
8952
    border: 1px solid gray ! important;
8953
    overflow: hidden ! important;
8954
}
8955
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text ,
8956
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text  {
8957
    left: 180px;
8958
}
8959
8960
8961
/* NOT LOGGED - STYLES INFOS */
8962
.style-brief-text {
8963
    position: absolute !important;
8964
    display: inline-block !important;
8965
    float: none !important;
8966
    height: 150px ! important;
8967
    width: 100% !important;
8968
    max-width: 67% !important;
8969
    margin-left: 10% !important;
8970
    left: 119px;
8971
    top: 2px !important;
8972
/* overflow: hidden !important; */
8973
/* overflow-y: auto !important; */
8974
/* white-space: pre-line !important; */
8975
}
8976
8977
/* (new84) NOT LOGGED - TEXT DESCRIPTION - ALL and ODD/EVEN - === */
8978
.style-brief-control-links:before {
8979
content: "⏪ " !important;
8980
    position: absolute !important;
8981
width: 20px !important;
8982
height: 17px !important;
8983
line-height: 17px !important;
8984
left: -10px;
8985
color: gold !important;
8986
background: green !important;
8987
z-index: 500 ;
8988
}
8989
.style-brief-control-links:hover:before {
8990
content: "⏩ " !important;
8991
    position: absolute !important;
8992
/*     padding-top: 0 !important; */
8993
width: 20px ;
8994
left: -20px;
8995
/*     top: 28px; */
8996
color: white  !important;
8997
text-align: center ;
8998
z-index: 500 ;
8999
}
9000
.style-brief-control-links {
9001
    position: absolute !important;
9002
    padding-top: 0 !important;
9003
width: 10px !important;
9004
    right: -12px;
9005
    top: 22px;
9006
color: peru !important;
9007
white-space: nowrap !important;
9008
z-index: 500 ;
9009
}
9010
.style-brief-control-links:hover {
9011
width: auto !important;
9012
    right: 0px;
9013
color: peru !important;
9014
background: green !important;
9015
z-index: 500 ;
9016
}
9017
.style-brief-control-links a:hover {
9018
    color: tomato !important;
9019
background: black !important;
9020
}
9021
.style-brief-text>p::first-line {
9022
    color: red !important;
9023
}
9024
.style-brief-text>p {
9025
/* position: relative !important; */
9026
position: absolute !important;
9027
    display: inline-block !important;
9028
/* vertical-align: top !important; */
9029
/* vertical-align: top !important; */
9030
    width: 81.5% !important;
9031
    height: 115px !important;
9032
    left: 51px;
9033
top: 25px !important;
9034
/*     margin-top: 8px !important; */
9035
margin: 0 auto !important;
9036
    padding: 0 5px !important;
9037
overflow: hidden !important;
9038
overflow-y: auto !important;
9039
white-space: pre-line !important;
9040
/* border: 1px solid aqua !important; */
9041
}
9042
9043
/* (new84) NOT LOGGED - TEXT DESCRIPTION - BIG - === */
9044
/*#content-wrapper article#main-article h2 ~ article.style-brief:nth-child(-n+3) .style-brief-text > p ,
9045
#content-wrapper article#main-article h2 ~ article.style-brief:nth-child(n+10) .style-brief-text > p*/
9046
9047
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text > p ,
9048
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text > p  {
9049
/*     position: relative !important; */
9050
/*     display: inline-block !important; */
9051
    width: 90.5% !important;
9052
    height: 178px !important;
9053
    left: 37px;
9054
    top: 24px !important;
9055
    padding: 0 5px !important;
9056
    overflow: hidden !important;
9057
    overflow-y: auto !important;
9058
/* border: 1px solid red !important; */
9059
}
9060
9061
/* NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) - 
9062
.style-brief-text > header > a:link 
9063
=== */
9064
.style-brief header {
9065
    font-size: 0.89vw !important;
9066
    position: absolute !important;
9067
    display: inline-block ! important;
9068
    width: 150% !important;
9069
    height: 100% !important;
9070
    min-height: 25px ! important;
9071
    max-height: 25px ! important;
9072
    line-height: 25px !important;
9073
    top: -3px !important;
9074
    left: -49.5% !important;
9075
    padding-bottom: 0px ! important;
9076
    overflow: hidden !important;
9077
    white-space: nowrap !important;
9078
    text-overflow: ellipsis !important;
9079
    text-align: center !important;
9080
}
9081
.style-brief-text > header > a:link  {
9082
    position: relative !important;
9083
    display: inline-block ! important;
9084
    width: 100% !important;
9085
    left: 0px!important;
9086
    overflow: hidden !important;
9087
    white-space: nowrap !important;
9088
    text-overflow: ellipsis !important;
9089
    background: black !important;
9090
}
9091
/* NOT LOGGED - STYLES NAME - BIG
9092
.style-brief-text > header > a:link 
9093
=== */
9094
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) header ,
9095
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) header {
9096
    font-size: 1.1vw !important;
9097
}
9098
9099
/* NOT LOGGED - STATS */
9100
.style-brief-stats {
9101
    position: absolute !important;
9102
    display: inline-block !important;
9103
    float: right!important;
9104
    height: 16px !important;
9105
    line-height: 16px !important;
9106
    width: 100% !important;
9107
    right: 0px !important;
9108
    left: 0%! important;
9109
    bottom: -12px !important;
9110
    padding: 2px 0 2px 12px !important;
9111
    text-align: left !important;
9112
    background: black ! important;
9113
}
9114
.style-brief-stats span {
9115
    display: inline !important;
9116
    min-width: 16em;
9117
    width: auto !important;
9118
    border: 1px solid gray !important;
9119
    margin-right: 10px !important;
9120
    margin-left: 10px !important;
9121
    padding: 1px !important;
9122
    color: tan !important;
9123
}
9124
9125
/* NOT LOGGED - RATING AVERAGE - SMALL - ICON css OR SPRITE - === */
9126
.style-brief-text .style-brief-stats span:last-child {
9127
    position: absolute !important;
9128
    left: -5px !important;
9129
    min-width: 10px !important;
9130
    max-width: 10px !important;
9131
    min-height: 16px !important;
9132
    max-height: 16px !important;
9133
    line-height: 16px !important;
9134
    padding: 0 3px 0 15px !important;
9135
    border: none !important;
9136
    cursor: pointer !important;
9137
    font-size: 0 !important;
9138
}
9139
9140
.style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {
9141
    content: ". " ;
9142
    position: absolute ;
9143
    display: inline-block ;
9144
    left: 0 ;
9145
    min-width: 19px ;
9146
    max-width: 19px ;
9147
    min-height: 14px ;
9148
    max-height: 15px ;
9149
    line-height: 15px ;
9150
    margin-top: -1px ;
9151
    font-size: 15px ;
9152
    color: transparent ;
9153
    background-image:url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);
9154
    background-position:-101px -457px ;
9155
}
9156
.style-brief-text .style-brief-stats span:hover:last-child {
9157
    position: absolute !important;
9158
    min-width: 100% !important;
9159
    height: 15px !important;
9160
    line-height: 15px !important;
9161
    font-size: 11px !important;
9162
    color: gold !important;
9163
    background: black !important;
9164
}
9165
/* (new86) ICON RATING - GOOD / BAD - 
9166
.style-brief.good-rating .style-brief-stats img
9167
=== */
9168
.style-brief-stats .bad-average-rating {
9169
    position: absolute !important;
9170
    left: -2px !important;
9171
top: 2px !important;
9172
}
9173
.style-brief.good-rating .style-brief-stats img {
9174
    position: absolute !important;
9175
    left: -2px !important;
9176
}
9177
/* NOT LOGGED - RATING AVERAGE - BIG - === */
9178
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-stats ,
9179
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-stats {
9180
    position: absolute !important;
9181
    display: inline-block !important;
9182
    float: left !important;
9183
    width: auto !important;
9184
    left: 4px !important;
9185
    bottom: -72px !important;
9186
    right: 0 !important;
9187
    padding: 2px 0 0 4% !important;
9188
    font-size: smaller !important;
9189
    text-align: left !important;
9190
    background: black !important;
9191
}
9192
9193
/* (new84) NOT LOGGED - STYLES SCREENSHOT - ALL - === */
9194
.style-brief .listing-left-info figure.screenshot-thumbnail {
9195
    position: relative !important;
9196
    display: inline-block ! important;
9197
    vertical-align: top ! important;
9198
    margin-top: 28px  ! important;
9199
    margin-bottom: 0 ! important;
9200
    width: 42% !important;
9201
    height: 265px;
9202
    max-height: 130px !important;
9203
    min-height: 130px !important;
9204
    overflow-y: hidden ! important;
9205
    text-align: center ! important;
9206
/* border: 1px solid pink !important; */
9207
}
9208
/* to prevent small screenshots became too bigger */ 
9209
 .style-brief .listing-left-info figure.screenshot-thumbnail img {
9210
    position: relative !important;
9211
    display: inline-block !important;
9212
    max-width: 77% !important;
9213
    max-height: 128px !important;
9214
/* vertical-align: middle !important; */
9215
/* vertical-align: middle !important; */
9216
/* margin: auto 0 !important; */
9217
    border: 1px dotted gray !important;
9218
}
9219
/* .style-brief.no-rating>div[style="clear:left"] {
9220
display: none !important;
9221
} */
9222
/* NOT LOGGED - SCREENSHOT - BIG - === */
9223
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .listing-left-info figure.screenshot-thumbnail ,
9224
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .listing-left-info figure.screenshot-thumbnail {
9225
    position: relative !important;
9226
    display: inline-block !important;
9227
vertical-align: middle !important;
9228
    max-height: 195px !important;
9229
    min-height: 195px !important;
9230
    width: 36.5% !important;
9231
    margin-top: 25px !important;
9232
    margin-left: 0.3% !important;
9233
    text-align: center !important;
9234
    overflow-y: hidden !important;
9235
/* border: 1px solid tan !important; */
9236
}
9237
9238
/* NOT LOGGED - NO SCREENSHOT - === */
9239
.style-brief .listing-no-screenshot {
9240
    width: 30% !important;
9241
    margin: 27px 0 0 3px !important;
9242
}
9243
.listing-no-screenshot {
9244
    width: 70% !important;
9245
    height: 110px !important;
9246
    background-color: black !important;
9247
}
9248
9249
9250
/* GM "AUTOPAGERIZE" - GENERAL - OK - === */
9251
.autopagerize_page_info {
9252
    text-align: center !important;
9253
    font-size: 8px !important;
9254
    color: white !important;
9255
    background: #222 !important;
9256
}
9257
.autopagerize_page_info a {
9258
    display: inline-block !important;
9259
    min-width: 20px !important;
9260
    height: 20px !important;
9261
    line-height: 20px !important;
9262
    margin-top: 3px !important;
9263
    border-radius: 100% !important;
9264
    text-align: center !important;
9265
    font-size: 14px !important;
9266
    color: white !important;
9267
    background: red !important;
9268
}
9269
9270
9271
/* GM "AUTOPAGERIZE" - 2 FIRST USERSTYLES by PAGE - DISABLE */
9272
/* GM "AUTOPAGERIZE - DISABLE  */
9273
.autopagerize_page_info ~ article.style-brief  {
9274
    position: relative ! important;
9275
    display: inline-block ! important;
9276
    width: 32.72% !important;
9277
    height: 163px ! important;
9278
    right: 7.5% ! important;
9279
    margin-top: 6px !important;
9280
    margin-bottom: 0px !important;
9281
    border-radius: 5px !important;
9282
    box-shadow: 6px 5px 6px black !important;
9283
    border: 1px solid gray ! important;
9284
    overflow: hidden ! important;
9285
}
9286
9287
/* TEST - GM "AUTOPAGERIZE" ADAPTATION  -
9288
https://userstyles.org/users/131844
9289
=== */
9290
9291
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator {
9292
    display: inline-block !important;
9293
    clear: both;
9294
    width: 100% !important;
9295
    top: 5px !important;
9296
    margin-left: -75px !important;
9297
    margin-bottom: -15px !important;
9298
}
9299
9300
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_info {
9301
    width: 100% !important;
9302
    margin-left: -145px !important;
9303
    top: 5px !important;
9304
    color: white !important;
9305
    font-size: 8px !important;
9306
    text-align: center !important;
9307
    background: #222  !important;
9308
}
9309
9310
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .listing-left-info figure.screenshot-thumbnail {
9311
    display: inline-block !important;
9312
    height: 265px;
9313
    margin-bottom: 0 !important;
9314
    margin-top: 28px !important;
9315
    max-height: 160px !important;
9316
    min-height: 160px !important;
9317
    overflow-y: hidden !important;
9318
    position: relative !important;
9319
    text-align: left !important;
9320
    vertical-align: top !important;
9321
    width: 42% !important;
9322
}
9323
9324
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text {
9325
    display: inline-block !important;
9326
    float: right !important;
9327
    height: 150px !important;
9328
    margin-left: 10% !important;
9329
    max-width: 67% !important;
9330
    position: relative !important;
9331
    top: 2px !important;
9332
    width: 100% !important;
9333
}
9334
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text > header > a:link {
9335
    background: black none repeat scroll 0 0 !important;
9336
    display: inline-block !important;
9337
    left: 0 !important;
9338
    overflow: hidden !important;
9339
    position: relative !important;
9340
    text-overflow: ellipsis !important;
9341
    white-space: nowrap !important;
9342
    width: 100% !important;
9343
}
9344
9345
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-stats {
9346
margin-bottom: 61px !important;
9347
    background: black !important;
9348
    bottom: -12px !important;
9349
    display: inline-block !important;
9350
    float: right !important;
9351
    height: 16px !important;
9352
    left: 0 !important;
9353
    line-height: 16px !important;
9354
    padding: 2px 0 2px 12px !important;
9355
    position: absolute !important;
9356
    right: 0 !important;
9357
    text-align: left !important;
9358
    width: 100% !important;
9359
}
9360
/* GM "AUTOPAGERIZE - 2 USERTYLES BY ROW - ENABLE OK  */
9361
9362
#content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text .style-brief-stats {
9363
    position: absolute !important;
9364
    display: inline-block !important;
9365
    float: left !important;
9366
    width: auto !important;
9367
    left: 0px !important;
9368
    bottom: -132px !important;
9369
    padding: 2px 0 0 4% !important;
9370
    font-size: smaller !important;
9371
    text-align: left !important;
9372
    background: black !important;
9373
}
9374
9375
#content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > p {
9376
    position: relative !important;
9377
    display: inline-block !important;
9378
    width: 97% !important;
9379
    min-height: 185px !important;
9380
    max-height: 185px !important;
9381
    top: 12px !important;
9382
    overflow-x: hidden !important;
9383
    overflow-y: auto !important;
9384
    padding: 0 5px !important;
9385
}
9386
9387
9388
/* [[2]==== END ==== */
9389
9390
9391
/* [[1]] +[[2]==== END ==== */
9392
9393
9394
/* ======== NEW FORUM ==== */
9395
9396
/* USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON -
9397
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)
9398
*/
9399
.UserBox .WhoIs, 
9400
.MeBox .WhoIs {
9401
    position: relative !important;
9402
    display: inline-block !important;
9403
    width: 200px !important;
9404
    height: 100px!important;
9405
    padding: 0 5px 2px 0 !important;
9406
    border-radius: 5px !important;
9407
    border: 1px solid gray !important;
9408
    text-align: center !important;
9409
}
9410
/* (new74) With USER ICON */
9411
.MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,
9412
.UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {
9413
    position: relative !important;
9414
    display: inline-block !important;
9415
    width: 196px !important;
9416
    height: 100px!important;
9417
    left: 0px !important;
9418
    margin-top: -50px !important;
9419
    padding: 0 0px 2px 0 !important;
9420
    border-radius: 5px !important;
9421
    border: 1px solid gray !important;
9422
    box-shadow: 3px 3px 2px black !important;
9423
    text-align: center !important;
9424
}
9425
.UserBox a.Username:before, 
9426
.MeBox a.Username:before {
9427
    content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
9428
    position: relative ;
9429
    display: inline-block ;
9430
    width: 157px !important;
9431
    margin-left: 0 !important;
9432
    padding: 0 2px 2px 2px ;
9433
    transform: scale(1.2, 1) ;
9434
    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) ;
9435
    border-radius: 5px 5px 0 0 ;
9436
    text-align: center ;
9437
}
9438
/* (new72) */
9439
.UserBox {
9440
    margin-top: 28px !important;
9441
}
9442
9443
.MeMenu {
9444
    width: 195px !important;
9445
    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;
9446
    line-height: 24px;
9447
    margin-top: 5px ! important;
9448
    margin-bottom: -2px ! important;
9449
    border-radius: 0 0 5px 5px !important;
9450
}
9451
.FlyoutMenu {
9452
    width: 300px;
9453
    border: 1px solid #999;
9454
    color: gray !important;
9455
    box-shadow: 3px 3px 2px black !important;
9456
    background: #222 !important;
9457
}
9458
.PopList.Activities li.Item:nth-child(odd){
9459
    background: #333 !important;
9460
}
9461
9462
9463
.FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"] ,
9464
.FlyoutMenu  .ItemContent.Activity>a + a {
9465
    display: inline-block;
9466
    width: 100% !important;
9467
    text-align: left !important;
9468
/* background: red ; */
9469
}
9470
.FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"]{
9471
    text-indent: 25px !important;
9472
}
9473
9474
/* ALL HEADER - BACKGOUND COLOR - === */
9475
#Head {
9476
    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;
9477
}
9478
9479
/* TEST - FOR TS CITRUS - FORUM HEADER + FORUM EDIT POST - SAME WIDTH THAN THE PUBLIED POST - ADPT for GM - GREASY FORK TABLE VIEW - === */
9480
#Form_Body  {
9481
    display: inline-block ! important;
9482
    height: 133px;
9483
    max-width: 660px !important;
9484
    min-width: 660px !important;
9485
    overflow: hidden;
9486
}
9487
/* (new79) */
9488
body > #Frame > .Head {
9489
    position: fixed !important;
9490
    width: 100% !important;
9491
    max-height: 41px ! important;
9492
    min-height: 41px !important;
9493
    top: 0px !important;
9494
    padding-top: 7px ! important;
9495
    border-bottom: 1px solid #828182 !important;
9496
    box-shadow: 0 0 9px 0 #000000 !important;
9497
z-index: 50 !important;
9498
}
9499
9500
9501
/* FOR TS CITRUS - SITE TITLE " GREASY FORUM" + ICON - = */
9502
.SiteTitle {
9503
    position: relative!important;
9504
    display: inline-block !important;
9505
    top: -5px !important;
9506
    font-size: 24px ! important;
9507
}
9508
/* FORUM USERSTYLE TITLE */
9509
#Head .SiteTitle a {
9510
    position: relative !important;
9511
    display: inline-block!important;
9512
    min-width: 250px !important;
9513
    max-width: 250px !important;
9514
    margin-left: -105px ! important;
9515
    text-align: right ! important;
9516
    font-size: 19px !important;
9517
}
9518
9519
.SiteTitle>a img  {
9520
    position: absolute ! important;
9521
    max-height: 40px !important;
9522
    width: 40px !important;
9523
    margin-left: -60px ! important;
9524
    margin-top: -5px !important;
9525
}
9526
9527
/* TEST - SITE MENU - FOR GM TS CITRUS - === */
9528
#Head a {
9529
    font-weight: bold ! important;
9530
}
9531
.SiteMenu a {
9532
    font-size: 14px ! important;
9533
    padding: 6px;
9534
}
9535
9536
/* (new90) SEARCH - FOR/WITHOUT GM TS CITRUS - === */
9537
#Head .SiteSearch {
9538
    float: right !important;
9539
    margin-top: -5px !important;
9540
    margin-right: 6.5% !important;
9541
}
9542
.MeBox + .SiteSearch {
9543
    margin-top: 25px !important;
9544
}
9545
.SiteSearch>form {
9546
    height: 21px !important;
9547
}
9548
.SiteSearch>form  div {
9549
    height: 21px !important;
9550
}
9551
9552
.SiteSearch>form  div .InputBox {
9553
    height: 21px !important;
9554
    font-size: 11px;
9555
    padding: 2px 25px 2px 5px!important;
9556
}
9557
.SiteSearch>form  div input.Button {
9558
    height: 15px !important;
9559
}
9560
9561
/* GREASYFORK / USERSTYLES - FORUM - CF at end : URL-PREF USERSTYLES FORUM - === */
9562
#Body {
9563
    max-width: 980px !important;
9564
    padding: 14px 0 0 10px !important;
9565
    margin: 14px auto auto;
9566
    border: 1px solid #bbbbbb !important;
9567
    border-radius: 0 !important;
9568
    box-shadow: none !important;
9569
    background-color: transparent !important;
9570
}
9571
#Head + #Body {
9572
    margin-top: 61px !important;
9573
}
9574
9575
/* new79) - USERSTYLES */
9576
#Body .Row {
9577
    display: inline-block !important;
9578
    width: 960px !important;
9579
    margin-top: 24px !important;
9580
}
9581
9582
/* (new81) GREASYFORK OK - VOIR FORUM USERSTYLES */
9583
.DiscussionAboutShowDiscussion  {
9584
    position: fixed !important;
9585
    display: inline-block !important;
9586
    height: 34px !important;
9587
    line-height: 15px !important;
9588
    max-width: 206px !important;
9589
    min-width: 206px !important;
9590
    top: 53px !important;
9591
    left: 24.5% !important;
9592
    padding: 2px 5px !important;
9593
    border-radius: 0 0 0 5px !important;
9594
    color: gold ! important;
9595
    text-align: left !important;
9596
    white-space: nowrap ! important;
9597
    overflow: hidden !important;
9598
    text-overflow: ellipsis !important;
9599
    z-index: 500 !important;
9600
    background-color: #222 !important;
9601
/*     background-color: red !important; */
9602
}
9603
.DiscussionAboutShowDiscussion + img {
9604
    position: fixed!important;
9605
    display: inline-block !important;
9606
    margin-left: -25px !important;
9607
    top: 56px !important;
9608
    z-index: 500 !important;
9609
}
9610
9611
/* (new83) GREASYFORK FORUM - PANEL LEFT - ALL - VOIR PB GREASYFORK: ABOUT SCRIPT / POPUP NOTIFICATION MENU - USER WITHOUT ICON - === */
9612
#Panel.Column.PanelColumn {
9613
    position: fixed !important;
9614
    display: inline-block !important;
9615
    float: left !important;
9616
    width: 200px;
9617
    margin-top: 90px !important;
9618
    top: 0px !important;
9619
    z-index: 100 !important;
9620
border-top: 1px solid red !important;
9621
}
9622
#Panel.Column.PanelColumn .MeBox {
9623
    position: relative !important;
9624
    display: inline-block !important;
9625
    width: 198px ! important;
9626
    margin-top: -30px !important;
9627
    bottom: -32px !important;
9628
    padding: 0 !important;
9629
    box-shadow: none !important;
9630
    background-color: #222 !important;
9631
}
9632
.BoxFilter.BoxDiscussionFilter ,
9633
.SiteSearch {
9634
    box-shadow: 3px 3px 2px black !important;
9635
}
9636
#vanilla_post_discussion .SiteSearch ,
9637
#vanilla_post_editdiscussion .SiteSearch {
9638
    top: 27px;
9639
}
9640
9641
.UserBox .Username, 
9642
.MeBox .Username {
9643
    color: peru !important;
9644
    font-size: 23px ! important;
9645
    font-weight: bold;
9646
    vertical-align: top;
9647
    text-shadow: 2px 2px 3px #000;
9648
}
9649
/* (new72) == #Panel.Column.PanelColumn .MeBox +   */
9650
.Button.BigButton.NewConversation.Primary {
9651
    margin-top: 28px !important;
9652
}
9653
9654
9655
/* (new76) Forum Userstyles - LEFT PANEL - BOX FILTER - 
9656
WIth AVATAR :
9657
https://greasyfork.org/fr/forum/profile/323/wOxxOm
9658
NO AVATAR:
9659
https://greasyfork.org/fr/forum/profile/2694/zeus007
9660
=== */
9661
#Panel .FilterMenu, 
9662
#Panel .PanelCategories {
9663
    background-color: #222 !important;
9664
    border: 1px solid #bbbbbb !important;
9665
    border-radius: 5px !important;
9666
    box-shadow: 3px 3px 2px black !important;
9667
}
9668
9669
.Box.BoxCategories ,
9670
#Panel .BoxFilter {
9671
    margin: 10px 0;
9672
}
9673
.Column.PanelColumn .MeBox +  .BoxFilter.BoxProfileFilter  {
9674
    margin-top: 65px !important;
9675
}
9676
9677
9678
/* (new81) DISSCUSSION COMMMENTS -  (+ TEST GREASY FORK)- 
9679
USERSTYLES FORUM ??:
9680
#vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
9681
=== */
9682
/* GREASYFORK */
9683
#Item_0 {
9684
    position: fixed !important;
9685
    display: inline-block !important;
9686
    width: 100% !important;
9687
    min-width: 28px !important;
9688
    max-width: 28px !important;
9689
    height: 37px !important;
9690
    vertical-align: top !important;
9691
/* margin-top: -3px !important; */
9692
    top: 53px;
9693
    left: 35.8% !important;
9694
    color: gold !important;
9695
    color: white !important;
9696
    text-align: center !important;
9697
    background-color: black !important;
9698
/* background-color: green !important; */
9699
/* border: 1px dashed green !important; */
9700
    z-index: 0 !important;
9701
}
9702
.ToggleFlyout.OptionsMenu {
9703
    height: 14px;
9704
    width: 28px !important;
9705
    left: -15px !important;
9706
    margin-right: -23px !important;
9707
    top: -9px;
9708
}
9709
#Item_0 .ToggleFlyout.OptionsMenu {
9710
    height: 14px;
9711
    width: 28px !important;
9712
    left: -45px !important;
9713
    margin-right: -23px !important;
9714
    top: -9px;
9715
}
9716
.OptionsMenu .Flyout {
9717
}
9718
9719
/* (new80) USERTYLES / GREASEMONKEY OK:
9720
#vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
9721
*/
9722
.MessageList.Discussion {
9723
    margin-top: 42px;
9724
}
9725
9726
.Discussion .PageTitle h1 {
9727
    position: fixed !important;
9728
    display: inline-block !important;
9729
    height: 37px !important;
9730
    line-height: 18px!important;
9731
    width: 38.4% !important;
9732
    min-width: 705px !important;
9733
    top: 48px !important;
9734
    right: 24.4% !important;
9735
    font-size: 15px !important;
9736
    background: black !important;
9737
}
9738
/* (new79) GREASYFORK FORUM */
9739
.Discussion.comment.Section-Discussion .Discussion  h1  ,
9740
.Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
9741
    position: fixed !important;
9742
    display: inline-block !important;
9743
    height: 38px !important;
9744
    line-height: 18px!important;
9745
    min-width: 726px !important;
9746
    max-width: 726px !important;
9747
    top: 47px !important;
9748
    right: 24.4% !important;
9749
    padding-left: 30px !important;
9750
    font-size: 15px !important;
9751
    text-align: left !important;
9752
}
9753
9754
/* (new80) PB USERSTYLE - DISC LAST PAGE z-index*/
9755
.MessageList.Discussion .PageTitle .Options {
9756
    display: inline-block !important;
9757
    height: 33px !important;
9758
    z-index: 5000  !important;
9759
}
9760
.MessageList.Discussion .PageTitle .Options .Hijack.Bookmark {
9761
    display: inline-block !important;
9762
}
9763
9764
/* (new81) FORUM USERSTYLES - TITLE - MEDIA QUERIE - === */
9765
9766
@media screen and (max-width: 1400px) {
9767
#Item_0 {
9768
    left: 28.6% !important;
9769
}
9770
.Discussion .PageTitle h1 {
9771
/* width: 54.7% !important; */
9772
     width: 725px !important;
9773
    right: 11.7% !important;
9774
/* background: red !important; */
9775
}
9776
.Discussion.comment.Section-Discussion .Discussion h1, 
9777
.Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
9778
    max-width: 720px !important;
9779
    min-width: 720px !important;
9780
    right: 11.9% !important;
9781
}
9782
.DiscussionAboutShowDiscussion {
9783
    left: 11.7% !important;
9784
}
9785
.MessageList.Discussion .PageTitle .Options {
9786
    margin-left: 78px !important;
9787
}
9788
9789
/* === END === FORUM USERSTYLES - TITLE - MEDIA QUERIE ==== */
9790
}
9791
9792
a.Bookmark, 
9793
a.Bookmarked, 
9794
a.Bookmarking {
9795
    margin-left: -5px !important;
9796
    margin-right: 9px !important;
9797
}
9798
#Item_0.PageTitle .Options .Hijack.Bookmark {
9799
    position: relative;
9800
    display: inline-block;
9801
    margin-top: 1px !important;
9802
    z-index: 5000;
9803
}
9804
9805
/* GREASYFORK SPRITE UI : 
9806
https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png 
9807
=== */
9808
.Hijack.Bookmark[title="Bookmark"] {
9809
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0) !important;
9810
}
9811
.Hijack.Bookmark.Bookmarked  {
9812
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0) !important;
9813
}
9814
9815
/* (new62) BOOKMARKS LIST*/
9816
.ItemDiscussion span.Options a.Hijack.Bookmark {
9817
    position: relative !important;
9818
    display: inline-block !important;
9819
    left: 37px !important;
9820
    top: -6px !important;
9821
}
9822
.ItemDiscussion span.Options .ToggleFlyout.OptionsMenu +  a.Hijack.Bookmark {
9823
    position: relative !important;
9824
    display: inline-block !important;
9825
    top: -6px !important;
9826
}
9827
.ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {
9828
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0) ! important;
9829
}
9830
9831
/* (new79) DISCUSSIONS - === */
9832
.MessageList.Discussion .Discussion {
9833
    border: 1px solid gray !important;
9834
    border-top: 1px solid peru !important;
9835
    padding: 10px 15px ! important;
9836
}
9837
9838
.MessageList.DataList.Comments {
9839
    position: relative !important;
9840
    display: inline-block !important;
9841
    width: 100% ;
9842
    border-top: 1px solid gray !important;
9843
    margin-top: 0px !important;
9844
    z-index: -1 !important;
9845
}
9846
.MessageList .Item {
9847
    z-index: 0 !important;
9848
/* background-color: red ! important; */
9849
}
9850
.MessageList .Item:hover {
9851
    z-index: 1 !important;
9852
    background-color: black ! important;
9853
}
9854
9855
.MessageList .Item.ItemDiscussion {
9856
    position: relative !important;
9857
    display: inline-block !important;
9858
    width: 94% !important;
9859
    margin-bottom: -17px;
9860
    margin-top: 37px;
9861
    top: 28px;
9862
    z-index: -1 !important;
9863
}
9864
9865
9866
#vanilla_discussions_bookmarked .Item:nth-child(odd) ,
9867
#vanilla_discussions_mine .Item:nth-child(odd) ,
9868
#vanilla_discussions_participated .Item:nth-child(odd) ,
9869
.DataList.CategoryList .Item:nth-child(odd) , 
9870
.DataList .ItemDiscussion:nth-child(odd) ,
9871
.Item.ItemComment:nth-child(odd) {
9872
    background-color: #222  ! important;
9873
}
9874
#vanilla_discussions_bookmarked .Item:nth-child(even) ,
9875
#vanilla_discussions_participated .Item:nth-child(even) ,
9876
.DataList.CategoryList .Item:nth-child(even) ,
9877
.DataList .ItemDiscussion:nth-child(even) ,
9878
.Item.ItemComment:nth-child(even) {
9879
    background-color: #414141  ! important;
9880
}
9881
#vanilla_discussions_bookmarked .Item:hover ,
9882
#vanilla_discussions_participated .Item:hover ,
9883
#vanilla_discussions_participated .Item:hover ,
9884
.DataList.CategoryList .Item:hover ,
9885
.DataList .ItemDiscussion:hover ,
9886
.Item.ItemComment:hover {
9887
    box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.7) inset !important;
9888
    background-color: rgba(7, 7, 7, 0.57)! important;
9889
    transition: background ease 0.8s !important;
9890
}
9891
#vanilla_discussions_bookmarked .Item:nth-child(odd):hover ,
9892
#vanilla_discussions_participated .Item:nth-child(odd):hover ,
9893
#vanilla_discussions_participated .Item:nth-child(odd):hover ,
9894
.DataList.CategoryList .Item:nth-child(odd):hover ,
9895
.DataList .ItemDiscussion:nth-child(odd):hover ,
9896
.Item.ItemComment:nth-child(odd):hover {
9897
    background-color: rgba(7, 7, 7, 0.67)! important;
9898
    transition: background ease 0.8s !important;
9899
}
9900
9901
/* (new79) GREASYFORK (PB z-index)  cf PB USERSTYLE - DISC LAST PAGE : .BeforeCommentHeading + .DataBox.DataBox-Comments */
9902
.BeforeCommentHeading + .DataBox.DataBox-Comments {
9903
    position: relative !important;
9904
    display: inline-block ;
9905
    margin-top: 42px !important;
9906
    left: 0px;
9907
    z-index: 0 !important;
9908
}
9909
9910
/* DISCUSSION LIST - RATNG ICON */
9911
.DataList .rating-image {
9912
    height: 16px !important;
9913
    line-height: 16px !important;
9914
    margin-top: 3px ;
9915
}
9916
9917
/* DISCUSSION LIST - READ - === */
9918
.DataList .ItemDiscussion.Item.Read {
9919
    background-color: rgba(47, 47, 47, 0.84)  ! important;
9920
}
9921
.Item.Read .BlockTitle a:before ,
9922
.Item.Read .Title a:before {
9923
    content: ">>  " ;
9924
    color: gold ;
9925
}
9926
/* ADD ICON "VIEW" from MOZILLA ADDONS PAGES */
9927
.Bookmarked .Title a::before, 
9928
.Item.Read .Title a::before {
9929
    background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
9930
    background-position: 3px -650px !important;
9931
    background-repeat: no-repeat;
9932
    color: transparent;
9933
    content: ">> ";
9934
    display: inline-block !important;
9935
    position: relative !important;
9936
    height: 100% !important;
9937
    max-height: 15px !important;
9938
    min-height: 15px !important;
9939
    top: 4px !important;
9940
    margin-right: 3px !important;
9941
    margin-left: -2px !important;
9942
    background-color: rgba(55, 173, 227, 0.4) !important;
9943
}
9944
.DataList .ItemDiscussion {
9945
    border-bottom: 1px solid gray !important;
9946
    padding-left: 22px;
9947
    position: relative;
9948
}
9949
/* (new83) */
9950
.MessageList.DataList.Comments .ItemComment ,
9951
.ItemDiscussion {
9952
    display: inline-block !important;
9953
    width: 94% ;
9954
    min-width: 656px;
9955
    margin-top: 37px;
9956
    padding-right: 35px !important;
9957
}
9958
.CommentsWrap .MessageList.DataList.Comments .ItemComment {
9959
}
9960
9961
#vanilla_discussions_index.index.Section-DiscussionList .ItemDiscussion {
9962
    left: 0px !important;
9963
    z-index: 0 !important;
9964
}
9965
/* FORUM DISSCUSSION - ITEMS - MINE - === */
9966
.Item.Bookmarked.Mine.ItemDiscussion {
9967
    border: 1px solid peru !important;
9968
    padding-left: 22px;
9969
    position: relative;
9970
}
9971
9972
/* PROFILE */
9973
.ProfilePhotoLarge {
9974
    margin-top: 55px !important;
9975
    position: relative !important;
9976
    width: 200px;
9977
}
9978
9979
/* ICON PROFILE - PANEL LEFT - DISCUSSION LIST / COMMENTS -  (not Notification or comments) - === */
9980
.MeBox > .PhotoWrap[href*="/profile/"] ,
9981
.UserBox > .PhotoWrap[href*="/profile/"] {
9982
    position: relative ! important;
9983
    display: inline-block !important;
9984
    height: 50px!important;
9985
    width: 198px ! important;
9986
    top: 6px!important;
9987
    text-align: center ! important;
9988
    z-index: 500 ! important;
9989
}
9990
/* (new79 GREASYFORK FORUM - DISCUSSION - TOP POSITION - === */
9991
#vanilla_discussion_comment .Column.ContentColumn  {
9992
    border-top: 1px solid peru !important;
9993
    margin-top: 26px !important;
9994
}
9995
9996
.MeBox + .BoxButtons.BoxNewDiscussion {
9997
    margin-top: 30px !important;
9998
    box-shadow: 3px 3px 2px black !important;
9999
}
10000
10001
/* ==== Userstyles.org Review - Style Name in First v.1 ==== */
10002
.Section-Category-style-reviews.Section-DiscussionList   .DataList .Title {
10003
    display: inline-block !important;
10004
    font-size: 14px;
10005
    font-weight: bold;
10006
    margin: 0;
10007
}
10008
10009
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .DiscussionAboutListDiscussion {
10010
    position: relative !important;
10011
    display: inline-block !important;
10012
    float: left !important;
10013
    width: 600px!important;
10014
    height: 100%!important;
10015
    min-height: 10px!important;
10016
    max-height: 10px!important;
10017
    line-height: 10px!important;
10018
    margin-top: -31px!important;
10019
    margin-left: -10px!important;
10020
  }
10021
/* GOOD RATING - OK - THUMB UP  */
10022
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image  {
10023
    display: inline-block !important;
10024
    float: left;
10025
    margin-left: 0px!important;
10026
}
10027
/* BAD RATING - THUMB DOWN */
10028
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"]  {
10029
    display: inline-block !important;
10030
    float: left;
10031
    margin-left: 0px!important;
10032
    margin-top: 5px !important;
10033
}
10034
10035
/* (new79) */
10036
/* .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title a */
10037
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title > a {
10038
    display: inline-block !important;
10039
    float: left!important;
10040
    width: 670px!important;
10041
    margin-bottom: -9px!important;
10042
  }
10043
10044
/* FORUM NOTIFICATION - TXT - === */
10045
.Flyout .Author .PhotoWrap  {
10046
    height: 10px !important;
10047
    width: 20px !important;
10048
}
10049
10050
.PopList.Activities .PhotoWrap.PhotoWrapMedium {
10051
    height: 20px !important;
10052
    margin-bottom: -18px !important;
10053
    background-color: black !important;
10054
}
10055
.Flyout .Author .ProfilePhoto {
10056
    width: 20px !important;
10057
    height: 20px !important;
10058
    background-size: cover !important; 
10059
}
10060
.PopList .ItemContent {
10061
    line-height: 1.2!important;
10062
    margin-left: -1px!important;
10063
}
10064
/* DRAFT */
10065
.DataList.Drafts {
10066
    margin-top: 98px!important; 
10067
    border-top: 1px solid gray !important;
10068
}
10069
10070
/* ATTACHEMENTS - === */
10071
.Attachment img {
10072
    max-width: 100% ! important;
10073
    height: auto ! important;
10074
    vertical-align: bottom;
10075
}
10076
10077
.Attachment {
10078
    max-width: 100px !important;
10079
    min-width: 100px !important;
10080
    padding: 3px 8px 8px 5px !important;
10081
    border-radius: 5px !important;
10082
    background-color: black !important;
10083
}
10084
10085
/* ATTACHEMENT COUNTER - === */
10086
.Attachments {
10087
    background-color: #222222 !important;
10088
    border-radius: 5px !important;
10089
    counter-reset: image !important;
10090
}
10091
.Attachment:before {
10092
    position: absolute ;
10093
    display: inline-block ;
10094
    height: 20px ;
10095
    content: counter(image, decimal);
10096
    top: 10px ;
10097
    padding: 0 3px ;
10098
    border-radius: 5px ;
10099
    counter-increment: image ;
10100
    background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3) ;
10101
}
10102
10103
/* FORUM PAGINATION - PAGE WRAP (bottom) */
10104
.PagerWrap {
10105
    margin-top: 20px!important;
10106
    overflow: visible!important;
10107
}
10108
/* (new79) FORUM PAGINATION - ALL */
10109
.PageControls {
10110
    display: inline-block !important;
10111
    width: 95%!important;
10112
    height: 100% !important;
10113
    min-height: 15px !important;
10114
    max-height: 15px !important;
10115
    line-height: 15px !important;
10116
    text-align: right !important;
10117
}
10118
/* (new79) */
10119
.PageControls.Top {
10120
    position: fixed !important;
10121
    display: inline-block !important;
10122
    width: 560px ! important;
10123
    min-height: 22px !important;
10124
    margin-left: 190px !important;
10125
    top: 25px !important;
10126
    opacity: 1 !important;
10127
    visibility: visible !important;
10128
    z-index: 200 !important;
10129
/* outline: 1px solid aqua !important; */
10130
}
10131
10132
/* (new79) PAGER TOP - USERSTLE DISC LAST PAGE - === */
10133
#PagerBefore.Pager  {
10134
position: fixed !important;
10135
    display: inline-block !important;
10136
    float: right !important;
10137
    vertical-align: bottom !important;
10138
    min-width: 100% !important;
10139
    max-width: 100% !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
/* (new79) PAGER TOP - MEDIA QUERIE - === */
10155
@media screen and (max-width: 1400px) {
10156
10157
#PagerBefore.Pager  {
10158
position: fixed !important;
10159
10160
    max-width: 530px !important;
10161
    min-width: 530px !important;
10162
    right: 0% !important;
10163
}
10164
10165
/* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
10166
}
10167
10168
10169
/* ICONS */
10170
10171
/* SPRITE GREASY FORK :
10172
https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png
10173
==== */
10174
10175
.SpNotifications, 
10176
.SpGlobe {
10177
    background-position: -32px -212px !important;
10178
}
10179
.SpInbox, 
10180
.SpEnvelope {
10181
    background-position: 0 -228px !important;
10182
}
10183
.SpBookmarks, 
10184
.SpStar {
10185
    background-position: -80px -245px!important;
10186
}
10187
.SpDashboard, 
10188
.SpOptions, 
10189
.SpCog {
10190
     background-position: 0 -212px !important;
10191
}
10192
10193
/* MY NAME */
10194
.QuoteAuthor>a[href*="/decembre"] ,
10195
.Item .Author a[href*="/decembre"] {
10196
    font-size: 18px ! important;
10197
    color: peru ! important;
10198
}
10199
10200
/* ==== (ALL) STYLE ==== */
10201
10202
/* (ALL) BackGround Color === */
10203
10204
htlm, body {
10205
    background:#333333 !important;
10206
    color: #929292 !important;
10207
    width: 100% !important;
10208
}
10209
10210
/* (ALL) LINKS - === */
10211
10212
a:link {
10213
    color: #6D878F !important;
10214
    text-decoration: none !important;
10215
}
10216
10217
10218
/* LINK / TXT  SPECIAL - === */
10219
10220
#Head a, 
10221
#site-nav a {
10222
    color: peru !important;
10223
}
10224
.MItem.MCount.CommentCount ,
10225
.MItem.MCount.ViewCount {
10226
    color: #b7b7b7!important;
10227
}
10228
table#style-table .meta span.date.date1{
10229
    color: #23A4A2  !important;
10230
    text-decoration: none !important;
10231
}
10232
table#style-table .meta span.date.date2{
10233
    color: #0DD6D3 !important;
10234
    text-decoration: none !important;
10235
}
10236
#main-article #style-table a[href^="/styles/"]{
10237
    color: #DD9E0F !important;
10238
    text-decoration: none !important;
10239
}
10240
#main-article #style-table a:visited[href^="/styles/"]{
10241
    color: #EAC060 !important;
10242
    text-decoration: none !important;
10243
}
10244
10245
/* LINKS HOVER - COLOR tomato / TOMATO - === */
10246
10247
#show-code + #control-panel>a:hover ,
10248
#main-header>h1>a:hover ,
10249
#style-author-info>tbody>tr>td>a:not(.license-image):hover ,
10250
#long-description>a:hover ,
10251
.MItem.LastCommentBy>a:hover ,
10252
.About>dt:last-of-type a:hover ,
10253
.script-author-description>ul>li>ul>li:hover a:hover ,
10254
.About dt a:hover ,
10255
#main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover ,
10256
#script-list-option-groups .list-option>a:hover ,
10257
#user-script-list > li h2 a:hover , 
10258
#browse-script-list > li h2 a:hover ,
10259
.script-list-author>span>a:hover ,
10260
10261
.DataList.SearchResults .Item .ItemContent:hover .Meta a ,  
10262
#script-content > form > ul > li:hover ,
10263
#contact a:hover ,
10264
#related>ul>li>a:hover ,
10265
#screenshots #more-screenshots a:hover ,
10266
.Message>b>a:hover ,
10267
.Buttons .Back>a:hover ,
10268
.AttachFileWrapper .AttachFileLink>a:hover ,
10269
.AuthorWrap .Author .PhotoWrap +.Username:hover ,
10270
#Item_0 +  .DiscussionAboutShowDiscussion>a:hover ,
10271
.Item-Body .Message>a:hover ,
10272
.MItem.Category>a:hover , 
10273
.ReactButton.Quote.Visible:hover , 
10274
.Box.BoxCategories a:hover , 
10275
#Panel .FilterMenu a:hover ,
10276
.SiteMenu>li>a:hover ,
10277
.ItemContent.Discussion .Title>a:hover ,
10278
#main-article>dl>dd>a:hover ,
10279
#main-article>dl>dt:hover ,
10280
#main-header + #content-wrapper > #main-article > ul:hover:before ,
10281
#main-article>ul>li>a:hover ,
10282
#sidebar-forum>a:hover ,
10283
#sidebar-help>a:hover ,
10284
#sidebar-browse>a:hover ,
10285
#sidebar-my-account>a:hover ,
10286
#show-button:hover ,
10287
#control-panel > a:nth-child(1):hover ,
10288
#control-panel>a:hover ,
10289
10290
#long-description>a>b:hover ,
10291
10292
#main-article #hidden-meta a:hover ,
10293
#no-discussions>a:hover ,
10294
#site-name > a[href="/"] span:hover ,
10295
.thetitle>.theauthor>a:hover ,
10296
.thetitle>a>b:hover ,
10297
.width-constraint>h3>a:hover ,
10298
#script-content>form>ul>li>a:hover ,
10299
#script-content>p>a:hover ,
10300
#install-area .script-in-sets>a:hover ,
10301
#additional-info-text>a>b:hover ,
10302
#additional-info>div>ul>li>a:hover ,
10303
#additional-info>div>p>a:hover ,
10304
#additional-info>div>p>b>a:hover ,
10305
.script-show-author>span>a:hover ,
10306
10307
#title-subtext:hover > b ,
10308
#site-name > a span#settings-subtext:hover ,
10309
#nav-user-info .user-profile-link>a:hover ,
10310
#nav-user-info>li>a:hover ,
10311
#nav-user-info + nav .help-link>a:hover ,
10312
#nav-user-info + nav .forum-link>a:hover ,
10313
#nav-user-info + nav .scripts-index-link>a:hover ,
10314
#nav-user-info + nav a:hover ,
10315
#nav-user-info .sign-out-link>a:hover ,
10316
#start-discussion:hover ,
10317
#start-discussion-top:hover ,
10318
#start-discussion-bottom:hover ,
10319
.inline-list>li>a:hover {
10320
    color: TOMATO  !important;
10321
}
10322
10323
/* LINK HOVER - SPECIAL - === */
10324
10325
#discussions-area #discussions li:hover a:not(:last-of-type),
10326
.CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]) ,
10327
.CommentsWrap .Comment a.FlagContent:hover ,
10328
.width-constraint #discussions li>a:nth-child(4):hover  ,
10329
.width-constraint #discussions li>a:nth-child(2):hover , 
10330
.width-constraint #discussions li>a:first-of-type:hover ,
10331
.width-constraint #discussions li:hover > a:nth-child(4) ,
10332
.width-constraint #discussions li:hover>time {
10333
    color: tomato  !important;
10334
}
10335
10336
10337
/* GREASYFORK - CODE PAGE - STRIPP BACKGROUND  - 
10338
TEST CODERAY HUGE CODE: https://greasyfork.org/en/scripts/1896-nwpb/code
10339
=== */
10340
#script-info .CodeRay {
10341
    display: inline-block!important;
10342
    max-width: 99.8% !important;
10343
    background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
10344
    background-size: 30px 15px!important;
10345
}
10346
#script-info .CodeRay tbody {
10347
    display: inline-block !important;
10348
    width: 99.98% !important;
10349
}
10350
10351
#script-info .CodeRay tbody .code {
10352
    display: inline-block !important;
10353
    min-width: 905px !important;
10354
    max-width: 905px !important;
10355
}
10356
#script-info .CodeRay tbody .code pre {
10357
    min-width: 900px !important;
10358
    max-width: 900px !important;
10359
    word-wrap: break-word !important;
10360
    white-space: pre-line!important;
10361
}
10362
10363
/* (ALL) LINKS VISITED / VISITED HOVER - === */
10364
a:visited {
10365
    color: #278CAD  !important
10366
}
10367
#additional-info>a:visited {
10368
    color: #6BA9BE  !important
10369
}
10370
a:hover {
10371
    color: #73B379 !important;
10372
}
10373
a:visited:hover  {
10374
    color: #B9D56E !important;
10375
    text-decoration: none !important;
10376
}
10377
10378
/* VISITED - gold / GOLD - === */
10379
section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note ,
10380
#style-install-unknown>p>a, 
10381
#style-install-unknown>p>a:visited, 
10382
#style-install-unknown>p>a:active {
10383
    color: GOLD !important;
10384
}
10385
10386
/* VISITED - tan  /TAN - === */
10387
.discussion-list>li>a:visited ,
10388
.About>dt>a:visited ,
10389
.Item-Body .Message>a:visited ,
10390
.script-author-description>p>a:visited ,
10391
.script-author-description>ul>li>ul>li>a:visited ,
10392
.script-author-description>ul>li>a:visited ,
10393
.DataList .Item .Title>a:visited ,
10394
.inline-list>li>a:visited ,
10395
.DataList .ItemDiscussion.Item.Read a:visited {
10396
    color: TAN !important;
10397
}
10398
/* VISITED - goldenrod / GOLDENROD - === */
10399
.thetitle>a:visited>b  {
10400
    color: GOLDENROD !important;
10401
}
10402
/* VISITED - hover tomato / TOMATO - === */
10403
.Message>ol>li>small>a:hover ,
10404
.Message>dl>dd>a:hover ,
10405
.UserQuote .QuoteAuthor a:hover ,
10406
.inline-list>li>a:visited:hover ,
10407
.DataList .ItemDiscussion.Item.Read a:visited:hover {
10408
    color: TOMATO !important;
10409
}
10410
10411
/* VISITED - rosybrown / ROSYBROWN - === */
10412
.width-constraint #discussions li > a:first-of-type:visited {
10413
    color: ROSYBROWN  !important;
10414
}
10415
/* (new79) NEW TOP HEADER NAV MENU - VISITED - === */
10416
#Frame .Row .SiteMenu  a:hover {
10417
    color: tomato !important;
10418
/* outline: 1px solid tomato !important; */
10419
}
10420
10421
/* ============ END VISITED LINKS ====== */
10422
10423
10424
10425
/* TEST - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - FIGHT AGAINST a VERY STRANGE TYPO EFFECT - with / without GM "CITRUS" - 
10426
in SCRIPT NAME of:
10427
DIEP.IO by Terjanq
10428
10429
IT'S USER (terjanq) LIST:
10430
https://greasyfork.org/fr/users/33759-terjanq
10431
10432
SEARCH "DIEP.IO+":
10433
https://greasyfork.org/fr/scripts/search?q=DIEP.IO+
10434
10435
MY DISSCUS about it :
10436
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
10437
=== */
10438
10439
/* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in FORUM - MY COMMENT ABOUT IT */
10440
.Title a[href*="https://greasyfork.org/fr/forum/discussion/9570/"]{
10441
    overflow: hidden !important;
10442
    background: rgba(255, 0, 0, 0.2) !important;
10443
}
10444
#Discussion_9570 .Discussion .Item-BodyWrap .Message  {
10445
    overflow: hidden !important;
10446
    background: rgba(255, 0, 0, 0.2) !important;
10447
}
10448
10449
10450
/* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in SCRIPT LIST - USER PROFILE / SEARCH   */
10451
#script-table #s19838 .thetitle + div ,
10452
#user-script-list > li > article  a[href$="/19838-diep-io-by-terjanq"] + span +  .description ,
10453
#user-script-list > li[data-script-name*="Diepiomods.com"] > article .description,
10454
#browse-script-list>li>article>h2>a[href*="diep-io-by-terjanq"] ~ span.description  {
10455
    overflow: hidden !important;
10456
    background: rgba(255, 0, 0, 0.2) !important;
10457
}
10458
10459
.discussion-list>li>a[href="https://greasyfork.org/fr/scripts/19838"] + a   {
10460
    position: relative !important;
10461
    display: inline-block !important;
10462
    top: 4px !important;
10463
    overflow: hidden !important;
10464
    background: rgba(255, 0, 0, 0.2) !important;
10465
}
10466
10467
/* ========== END GENERAL SITE ======= */
10468
}
10469
10470
10471
/* ========== START URL PREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
10472
/*@-moz-document url("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") */
10473
10474
@-moz-document url-prefix("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") { 
10475
/* URL PREF - GM "DIEP.IO by Terjanq" - GOOD : in SCRIPT INFO PAGE - DESCRIPTION */
10476
#script-info header p {
10477
    overflow: hidden !important;
10478
    background: rgba(255, 0, 0, 0.2) !important;
10479
}
10480
/* ========== END URLPREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
10481
}
10482
10483
10484
/* ========== START - DOMAIN SLEASYFORK TEST ======= */
10485
10486
@-moz-document domain("sleazyfork.org") {
10487
10488
/* ==== Userstyles TableView+Enhancer - DarkGrey 60 (new60) - SLEASYFORK TEST - CLEAN02 ==== */
10489
10490
/* TEST LINK :
10491
https://sleazyfork.org/fr/scripts/9478-vporn-com-a-new-layout-ii-updated/code
10492
==== */
10493
10494
/* (new60)CHANGE ICON of SLEAZY FORK SITE TITLE ADD TXT "SKEAZY" where That's "GREASY" - === */
10495
/* (new60) SLEAZYFORK - SITE NAME + ICON - === */
10496
.width-constraint #site-name  #site-name-text h1 {
10497
    font-size: 20px!important;
10498
    letter-spacing: 2px !important;
10499
}
10500
.width-constraint #site-name  #site-name-text h1  {
10501
    color: blue !important;
10502
}
10503
.width-constraint #site-name  #site-name-text h1 a {
10504
    display: none !important;
10505
}
10506
#site-name  #site-name-text h1 +.subtitle {
10507
    margin-left: 46px !important;
10508
    margin-top: 16px !important;
10509
    font-size: 10px!important;
10510
    letter-spacing: 1px !important;
10511
}
10512
#site-nav > nav li a{
10513
    font-size: 14px !important;
10514
}
10515
10516
.width-constraint #site-name a img ,
10517
.width-constraint #site-name a span ,
10518
#site-name-text>h1>a {
10519
    display: none !important;
10520
}
10521
10522
.width-constraint #site-name > a:before ,
10523
.width-constraint #site-name > h1:before {
10524
    content: "SleasyFork" !important;
10525
    display: inline-block !important;
10526
    position: absolute !important;
10527
    margin-left: 40px !important;
10528
    font-size: 22px !important;
10529
    color: green !important;
10530
}
10531
#Head #site-name-text h1:before {
10532
content: "SleasyFork" !important;
10533
    display: inline-block !important;
10534
    position: absolute !important;
10535
    top: -5px !important;
10536
    margin-left: 0px !important;
10537
    font-size: 22px !important;
10538
    color: red !important;
10539
}
10540
10541
.width-constraint #site-name > a:after {
10542
    content: " " !important;
10543
    display: inline-block !important;
10544
    height: 30px !important;
10545
    width: 30px !important;
10546
    padding: 2px !important;
10547
    border-radius: 5px !important;
10548
    box-shadow: 0 0 2px #cccccc inset !important;
10549
    background-color: rgba(191, 191, 190, 0.33) !important;
10550
    background-image: url("https://sleazyfork.org/fr/forum/uploads/SCN2YQGWLIU4.jpg") !important;
10551
    background-position: 50% 50% !important;
10552
    background-size: contain !important;
10553
}
10554
10555
10556
/* ========== (new60) END - DOMAIN SLEASYFORK TEST ======= */
10557
}
10558
10559
10560
/* ========== START === URL-PREF - ALL ======= */
10561
10562
/* ========== START - URL-PREF - USERSTYLES HELP ======= */
10563
@-moz-document url-prefix("https://userstyles.org/help") {
10564
10565
/* HEPLS PAGES - === */
10566
body > #main-header + #content-wrapper {
10567
    position: absolute !important;
10568
    display: inline-block !important;
10569
    float: none !important;
10570
    clear: both !important;
10571
    min-height: 200px !important;
10572
    height: auto !important;
10573
    width: 71em !important;
10574
    margin: auto auto auto 21em !important;
10575
    top: 75px !important;
10576
    border-radius: 5px !important;
10577
    border: 1px solid green !important;
10578
}
10579
#main-article {
10580
    width: 70em !important;
10581
    margin: 0.5em auto 2em 0.5em !important;
10582
    padding-bottom : 20px !important;
10583
}
10584
#main-header + #content-wrapper > #main-article > p ~ ul ~ h3 ,
10585
#main-article>h3  {
10586
    width: 58em !important;
10587
    margin-left: 1em !important;
10588
    text-align: left !important;
10589
    text-indent: 20px !important;
10590
    background: black !important;
10591
}
10592
10593
#main-article>ol {
10594
    width: 65em !important;
10595
    margin-left: 1em !important;
10596
    margin-top: -7px !important;
10597
    outline: 1px solid peru !important;
10598
}
10599
10600
#main-article>p:first-of-type {
10601
    position: relative !important;
10602
    display: inline-block !important;
10603
    width: 867px !important;
10604
    left: 0px !important;
10605
    margin-top:  auto !important;
10606
    margin-bottom: 20px!important;
10607
    padding: 15px 20px !important;
10608
    border: 1px solid gray !important;
10609
outline: none !important;
10610
}
10611
#main-article>p {
10612
    position: relative !important;
10613
    display: inline-block !important;
10614
    width: 840px !important;
10615
    left: 1em !important;
10616
    margin:  auto !important;
10617
    padding: 8px 20px !important;
10618
}
10619
#main-article>p +p {
10620
    position: relative !important;
10621
    display: inline-block !important;
10622
    width: 840px !important;
10623
    left: 1em !important;
10624
    margin:  auto !important;
10625
    margin-bottom: 15px !important;
10626
    padding: 8px 20px !important;
10627
}
10628
#main-article>p:nth-child(even) {
10629
    border: 1px solid gray !important;
10630
    background: #222222 !important;
10631
}
10632
#main-article>p:nth-child(odd) {
10633
    border: 1px solid gray !important;
10634
    background: #171717 !important;
10635
}
10636
#main-article>iframe {
10637
    margin-left: 10% !important;
10638
}
10639
#help-style-settings-edit ~pre ,
10640
#main-header + #content-wrapper > #main-article > p ~ ul ,
10641
#main-header + #content-wrapper > #main-article > p ~ ul:hover ,
10642
#main-header + #content-wrapper > #main-article > ul:hover ,
10643
#main-header + #content-wrapper > #main-article > ul {
10644
    position: relative !important;
10645
    display: inline-block !important;
10646
    width: 66em !important;
10647
    height: auto !important;
10648
    margin-left: 10px !important;
10649
    padding-bottom: 10px !important;
10650
    padding-left: 20px !important;
10651
    padding-right: 5px !important;
10652
    border-radius: 3px !important;
10653
    border: 1px solid gray !important;
10654
    background: #222222 !important;
10655
}
10656
#main-header + #content-wrapper > #main-article > ul:only-of-type {
10657
    position: relative !important;
10658
    display: inline-block !important;
10659
    width: 43em !important;
10660
    height: auto !important;
10661
    margin-left: 10px !important;
10662
    margin-top: 29px !important;
10663
    padding-bottom: 10px !important;
10664
    padding-left: 30px !important;
10665
    padding-right: 5px !important;
10666
    border-radius: 3px !important;
10667
    border: 1px solid gray !important;
10668
    font-size: 20px !important;
10669
}
10670
#help-style-settings-edit ~pre {
10671
    position: relative !important;
10672
    display: inline-block !important;
10673
    width: 72em !important;
10674
    height: auto!important;
10675
    margin-top: 5px!important;
10676
    border-radius: 3px!important;
10677
    border: 1px solid gray!important;
10678
    background: #222222!important;
10679
    overflow: visible!important;
10680
    z-index: 10 !important;
10681
}
10682
#help-style-settings-edit ~pre >code {
10683
    position: relative !important;
10684
    display: inline-block !important;
10685
    width: 63em !important;
10686
    height: auto !important;
10687
    margin-left: 0px !important;
10688
    border-radius: 3px !important;
10689
}
10690
/* ========== END === URL-PREF - HELP ======= */
10691
}
10692
10693
/* START ==== (new79) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
10694
10695
@-moz-document url-prefix("https://forum.userstyles.org") {
10696
10697
#Head + #Body {
10698
    margin-left: 22% !important;
10699
/* background: yellow !important; */
10700
}
10701
/* (new79) URL-PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFOR different than USERSTYLES - DISSCUSSION CONTAINER - === */
10702
.HomepageTitle, 
10703
.H.HomepageTitle {
10704
}
10705
10706
#PagerBefore.Pager {
10707
    right: 26% !important;
10708
}
10709
#Content.Column.ContentColumn  {
10710
    display: inline-block !important;
10711
    float: right !important;
10712
    width: 689px !important;
10713
    min-height: 750px !important;
10714
    margin-top: -8px!important;
10715
    margin-right: 50px !important;
10716
    z-index: 0 !important;
10717
}
10718
#vanilla_discussion_index #Content.Column.ContentColumn {
10719
    display: inline-block !important;
10720
    float: right !important;
10721
    width: 689px!important;
10722
    min-height: 750px !important;
10723
    margin-top: -8px!important;
10724
    margin-right: 20px !important;
10725
}
10726
#vanilla_discussion_index #Content.Column.ContentColumn  .MessageList.Discussion {
10727
    margin-bottom: -21px;
10728
}
10729
.P.PageDescription {
10730
    width: 753px!important;
10731
}
10732
10733
/* (new80) */
10734
10735
#Item_0 {
10736
    left: 33% !important;
10737
    top: 53px !important;
10738
    background: black ;
10739
    z-index: 500 !important;
10740
/* background-color: green !important; */
10741
}
10742
10743
#Item_0 .ToggleFlyout.OptionsMenu {
10744
    left: -15px !important;
10745
}
10746
.MessageList.Discussion h1 ,
10747
.Discussion.comment.Section-Discussion .Discussion h1 {
10748
    position: fixed !important;
10749
    display: inline-block !important;
10750
    height: 38px !important;
10751
    line-height: 18px !important;
10752
/*     min-width: 750px !important; */
10753
    width: 39.1% !important;
10754
    right: 26.4% !important;
10755
    top: 47px !important;
10756
    font-size: 15px !important;
10757
    text-align: left !important;
10758
    background: black !important;
10759
/* background: blue !important; */
10760
}
10761
/* (new90) URL-PREF - USERSTYLES FORUM - PROFILE BUTTON */
10762
#dashboard_profile_discussions .About>dt:last-of-type  {
10763
    position: relative !important;
10764
    display: inline-block !important;
10765
    width: 23% !important;
10766
    height: 18px !important;
10767
    line-height: 18px !important;
10768
    top: -56px !important;
10769
    left: 74%!important;
10770
    padding: 2px 2px 2px 15px !important;
10771
    border-radius: 3px !important;
10772
    font-size: 15px !important;
10773
    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;
10774
/* outline: 1px solid violet !important; */
10775
}
10776
/* (new83) URL-PREF - USERSTYLES FORUM - ADOUT Userstyles DISCUSS */
10777
#Panel.Column.PanelColumn {
10778
/*     top: 103px !important; */
10779
    z-index: 100 !important;
10780
}
10781
#Panel.Column.PanelColumn .MeBox {
10782
    margin-top: -29px !important;
10783
}
10784
.DiscussionAboutShowDiscussion  {
10785
    max-width: 200px !important;
10786
    min-width: 200px !important;
10787
    top: 53px !important;
10788
    left: 22.1% !important;
10789
    z-index: 100 !important;
10790
/* background-color: red !important; */
10791
}
10792
10793
/* (new82) START === URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - MEDIA QUERIE - 1400px - === */
10794
@media screen and (max-width: 1400px) {
10795
10796
#PagerBefore.Pager {
10797
    right: 3.8% !important;
10798
}
10799
.MessageList.Discussion h1 ,
10800
.Discussion.comment.Section-Discussion .Discussion h1 {
10801
    min-width: 736px !important;
10802
/* width: 37% !important; */
10803
    right: 9.9% !important;
10804
/* background: blue !important; */
10805
}
10806
.MessageList.Discussion #Item_0 {
10807
    left: 30% !important;
10808
    top: 53px !important;
10809
    z-index: 500 !important;
10810
/* background: blue !important; */
10811
}
10812
.DiscussionAboutShowDiscussion  {
10813
    max-width: 217px !important;
10814
    min-width: 217px !important;
10815
    top: 53px !important;
10816
    left: 12.2% !important;
10817
    z-index: 100 !important;
10818
/* background-color: red !important; */
10819
}
10820
10821
/* ==== END === URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - MEDIA QUERIE - 1400px - === */
10822
}
10823
10824
10825
.MessageList.Discussion {
10826
    margin-top: 36px;
10827
}
10828
#Item_0 .ToggleFlyout.OptionsMenu .Flyout.MenuItems{
10829
    left: 4px !important;
10830
    top: -1px !important;
10831
}
10832
10833
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before ,
10834
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion::before {
10835
    left: 32px !important;
10836
/* outline: 1px solid red !important; */
10837
}
10838
.MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion::before {
10839
    left: 0px !important;
10840
    top: 0px !important;
10841
/* outline: 1px solid yellow !important; */
10842
}
10843
}
10844
/* ========== END === URL-PREF - ALL ======= */
10845
10846
10847
/* START ===== NEW DESIGN - MEDIA QUERY ===== */
10848
10849
/* START ==== URL-PREF- USERSTYLES FORUM ??? - TEST - MEDIA QUERIES - 1400px  ==== */
10850
10851
@media screen and (max-width: 1400px){
10852
#Head + #Body {
10853
    margin-left: 12% !important;
10854
/* background: green !important; */
10855
}
10856
10857
/* ==== END ==== URL-PREF- USERSTYLES FORUM - TEST - MEDIA QUERIES === */
10858
}
10859
@media screen and (max-width: 1400px){
10860
#navigation {
10861
    margin-left: 0px;
10862
}
10863
#style_info {
10864
background-color: tomato !important;
10865
outline: 7px solid red !important;
10866
}
10867
#style_info {
10868
    margin-left: 341px !important;
10869
    width: 100%;
10870
    min-width: 900px;
10871
}
10872
#applies_link + #headline + .text_style_page {
10873
    display: inline-block !important;
10874
    width: 100% !important;
10875
    min-width: 350px !important;
10876
    max-width: 350px !important;
10877
    max-height: 295px !important;
10878
    min-height: 295px !important;
10879
    left: 69% !important;
10880
    white-space: pre-wrap;
10881
    overflow-x: hidden !important;
10882
    overflow-y: auto !important;
10883
/* overflow: hidden !important; */
10884
}
10885
.css_button {
10886
    position: absolute;
10887
    right: 4%;
10888
    top: 68px;
10889
}
10890
10891
/* CREAT BUTTON */
10892
#create_new_style {
10893
    margin-left: 0px !important;
10894
    margin-top: 40px;
10895
}
10896
10897
/* ==== END === URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION ==== */
10898
/* END ===== NEW DESIGN - MEDIA QUERY ===== */
10899
10900
}