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