API tools faq
paste
View difference between Paste ID: juU0b1yh and f77ygmrt
SHOW: | | - or go back to the newest paste.
1
/* AGENT_SHEET */
2
/* @namespace url(http://www.w3.org/1999/xhtml); */
3
4
@-moz-document url-prefix("https://greasyfork.org/forum/"), url-prefix("https://74.86.192.75/"), domain("userstyles.org"), domain("greasyfork.org"), domain("sleazyfork.org") {

5
/* ==== Userstyles / Greasy Fork Enhancer Dark-Grey TEST v.126(new126) - QUICK TEST - WATnew06 - AGENT_SHEET ==== */

6-
/* ==== Userstyles / Greasy Fork Enhancer Dark-Grey TEST v.121(new121) - QUICK TEST - WATnew06 - AGENT_SHEET ==== */

6+
7
/* ______________________________________________________________________

8
|                                                                        |

9
|                                                                        |

10
|                                                                        |

11
| Title:  |  Userstyles / Greasy Fork Enhancer Dark-Grey  132 (new132)   |

12-
| Title:  |  Userstyles / Greasy Fork Enhancer Dark-Grey  121 (new121)   |

12+
13
|    Description:  |                                                     |

14
|                      GREASY FORK - With / without (GM) TS CITRUS       |

15
|                      FORUM Styles in first + Forum GREASY Fork -       |

16
|                      Logged or NOT                                     |

17
|                      With / Without GM                                 |

18
|                      AGENT_SHEET                                       |

19
|                                                                        |

20
|         Author:  |  decembre                                           |

21
|                                                                        |

22
|   Date Created:  |  23-11-2011                                         |

23
|                                                                        |

24
|   Last Updated:  |  08-09-2019                                         |

25-
|   Last Updated:  |  16-12-2018                                         |

25+
26
|________________________________________________________________________|

27
28
29-
/* (new119) CHROME/FIREFOX - SUPP ADD and DIVERS - without adblock - === */

29+
/* (new131) ADMINISTRTOR / DELETE SCRIPT PAGE - === */

30
.multiform-page:first-of-type  ,

31
#script-content>form[action$="/delete"]>p:first-of-type {

32
    margin-top: 48px !important;

33
}

34
35
36
37
/* (new131) - GEASYFORK FORUM - PROFILE COMMENT LIST - === */

38
.Profile .DataListWrap ul.DataList.SearchResults .MItem:first-child{

39
    margin-left: 8px;

40
    margin-right: 8px;

41
    white-space: pre-line !important;

42
}

43
44
/* (new131) - GEASYFORK FORUM - COMMENT RATING - === */

45
.ExtraDiscussionData-Rating .RadioLabel {

46
    display: inline-block !important;

47
}

48
49
/* (new129) ALERTE MESSAGE - FORUM USERSTYLES - === */

50
.DismissMessage {

51
    position: absolute !important;

52
    width: 18% !important;

53
    top: 100px !important;

54
    right: 5px !important;

55
}

56
57
/* (new129) CHROME/FIREFOX - SUPP ADD and DIVERS - without adblock - === */

58
.adsbygoogle ,

59
#share_div ,

60
.NotificationLine ,

61
.hamburger ,

62
.walking,

63
.android_button_button ,

64
.overlay_background ,

65
.adContainer ,

66
#discussions-area #social.single-style ,

67
#social ,

68
.twitter-share-button ,

69
#twitter-widget-0 ,

70
.fb-like {

71
    display: none!important;

72
}

73
74
/*  (new129) LOADER */

75
.init_loader>img {

76
    background: #e6dbdb !important;

77
    border: 1px solid red !important;

78
    border-radius: 100% !important;

79
}

80
81
82
/* (new130) USRATYLES FORUM - IMGUR VIDEO - === */

83
.imgur-gifv.VideoWrap>video {

84-
    max-width: 50%;

84+
    max-width: 624px;

85-
    min-width: 50%;

85+
86
87
/* (new119) - CATEGORIES - === */

88
.us-category--stylecard-long h1 ,

89-
    height: 100%;

89+
90-
    left: 0;

90+
91-
    object-fit: cover;

91+
92-
    object-position: center top;

92+
93
}

94
95
#categories {

96
    display: inline-block !important;

97
    width: 100% !important;

98
    margin-bottom: 50px;

99
}

100
.StyleCategory-Link {

101
    display: inline-block !important;

102
width: 280px !important;

103
    margin: 2px -18px 22px 48px !important;

104
}

105
.us-category--narrow ,

106
.us-category--stylecard-short.us-category--narrow {

107
    width: 100% !important;

108
    margin-left: 0 !important;

109
}

110
111
.us-category--stylecard-long .us-stylecards__container--narrow ,

112
.us-category--stylecard-short .us-stylecards__container--narrow {

113
    width: 100% !important;

114
}

115
#title_div {

116
    width: 100% !important;

117
}

118
.us-category--stylecard-short h1 {

119
    margin-top: 31px;

120
    color: #6687aa !important;

121
}

122
.fallbackDiv {

123
    position: relative;

124
    display: flex;

125
    height: 156px;

126
    max-width: 100%;

127
    min-width: 100%;

128
    align-items: center;

129
    background-color: #222;

130
/* opacity: 0.5 !important; */

131
}

132
.fallbackDiv .fallbackImg {

133
    position: absolute;

134
    width: 50%;

135
    height: 50%;

136
    top: 0;

137
    left: 25% !important;

138
/* object-fit: 50%; */

139
     object-fit: contain !important;

140
     object-position: 50% 50% !important;

141
opacity: 0.5 !important;

142
}

143
144
/* (new119) USESERSTYLES - MENU LEFT - === */

145
.navigation {

146
    width: 38% !important;

147
    height: 100% !important;

148
    min-height: 20px !important;

149
    max-height: 20px !important;

150
    left: 0 !important;

151
    top: -22px !important;

152
    padding: 0 !important;

153
    overflow: hidden !important;

154
    box-shadow: none !important;

155
    background-color: #2e3e49 !important;

156
    z-index: 5000000 !important;

157
}

158
159
.navigation .links-box {

160
    position: fixed !important;

161
    width: 200px !important;

162
    top: 47px !important;

163
    left:40px !important;

164
    background-color: #222 !important;

165
}

166
.links-box>a {

167
    display: inline-block !important;

168
    width: 200px !important;

169
}

170
.navigation .links-box .navigation-link {

171
    height: 16px !important;

172
    align-items: center;

173
    padding: 1px 0;

174
}

175
.navigation .links-box .navigation-link .navigation-title {

176
    color: #617488 !important;

177
}

178
179
.navigation .navigation-category {

180
    position: fixed;

181
    display: inline-block;

182
    top: 19px !important;

183
    margin: 30px 0 10px;

184
    width: 200px !important;

185
    color: #95a5a6;

186
    font-size: 12px !important;

187
    text-align: center !important;

188
    z-index: 5000000;

189
}

190
191
.links-box:first-of-type:before {

192
    content: "Menu  ∇ " ;

193
    display: inline-block;

194
/*     width: 100px !important; */

195
    width: 200px !important;

196
/*     border-left: 1px solid #95a5a6 !important; */

197
    border-bottom: 4px solid gold !important;

198
    text-align: center !important;

199
    visibility: visible !important;

200
}

201
.links-box:first-of-type {

202
    border-top: none !important;

203
    visibility: hidden !important;

204
}

205
.links-box:first-of-type:hover {

206
    border-top: none !important;

207
    visibility: visible !important;

208
}

209
.links-box:first-of-type + .navigation-category {

210
    left: 258px !important;

211
/*     border-right: 1px solid #95a5a6 !important; */

212
/*     border-left: 1px solid #95a5a6 !important; */

213
    border-bottom: 4px solid blue !important;

214
}

215
216
.links-box:first-of-type + .navigation-category  + .links-box {

217
    position: fixed !important;

218
    display: inline-block !important;

219
    top: 67px !important;

220
    left: 258px !important;

221
    visibility: hidden !important;

222
border-bottom: 4px solid blue !important;

223
}

224
.links-box:first-of-type + .navigation-category  + .links-box:hover  ,

225
.links-box:first-of-type + .navigation-category:hover  + .links-box {

226
    visibility: visible !important;

227
}

228
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category {

229
    left: 466px !important;

230
    border-bottom: 4px solid green !important;

231
}

232
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category  + .links-box {

233
    position: fixed !important;

234
    display: inline-block !important;

235
    top: 67px !important;

236
    left: 466px !important;

237
    visibility: hidden !important;

238
border-bottom: 4px solid green !important;

239
}

240
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category  + .links-box:hover  ,

241
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category:hover  + .links-box {

242
    visibility: visible !important;

243
}

244
245
246
.links-box:first-of-type + .navigation-category  + .links-box + .navigation-category:after ,

247
.links-box:first-of-type + .navigation-category:after {

248
    content: " ∇ " ;

249
    display: inline-block;

250
    width: 5px !important;

251
    margin-left: 10px !important;

252
    text-align: center !important;

253
    color: gold ;

254
    visibility: visible !important;

255
}

256
257
/* (new119) USER PAGE(not ACCOUNT PAGE) - === */

258
.personal-page-header {

259
    position: fixed;

260
    width: 419px;

261
    height: 30px;

262
    right: 226px;

263
    top: 42px !important;

264
    z-index: 50000;

265
}

266
.personal-page-header h1 {

267
    width: 100%;

268
    color: #7691AD;

269
    font-size: 20px !important;

270
    overflow: hidden;

271
    text-overflow: ellipsis;

272-
    min-width: 50% !important;;

272+
273
    word-break: normal;

274
}

275
.personal-page-header-right {

276
    height: 30px;

277
}

278
.personal-page .light-blue-button {

279
    padding: 1px 10px !important;

280
281
}

282
283
284
.personal-page-narrow {

285
    width: 100% !important;

286
}

287
.personal-page {

288
    box-sizing: border-box;

289
    margin: 10px auto;

290
    padding: 0 20px;

291
    width: 100%;

292
}

293
.us-stylecard--long {

294
position: relative !important;

295
    display: inline-block !important;

296
float: left !important;

297
    box-sizing: border-box;

298
    width: 48% !important;

299
    height: 172px;

300
/*     margin-right: 20px !important; */

301
/*     margin-bottom: -15px !important; */

302
margin: 15px 20px -10px 0 !important;

303
/* top: 10px !important; */

304
/* bottom: 10px !important; */

305
    padding: 8px !important;

306
    border: 1px solid red;

307
    border-radius: 5px;

308
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);

309-
    top: 44% !important;

309+
310
}

311
.us-stylecard--long .us-stencil {

312
    align-items: center;

313
    background-color: #d4dce7;

314
    display: flex;

315
    height: 156px;

316
    justify-content: center;

317
    max-width: 50% !important;

318
    min-width: 50% !important;

319
    position: relative;

320
}

321
.us-stylecard--long .us-container {

322
    display: inline-block !important;

323
    box-sizing: border-box;

324
    width: 50% !important;

325
    float: right !important;

326
    margin-top: -162px;

327
    padding: 16px 13px 0 13px !important;

328
    overflow: hidden;

329
}

330
.us-stylecard--long .us-title {

331
    width: 100%;

332
    font-size: 20px;

333
    font-weight: 500;

334
    margin-top: 4px;

335
    overflow: hidden;

336
    text-overflow: ellipsis;

337
    white-space: pre-line !important;

338
339
}

340
.us-stylecard__button-container {

341
    display: inline-block;

342
    float: right;

343
    align-items: flex-end;

344
    justify-content: flex-end;

345
    width: 15%;

346
    margin-top: -40px !important;

347
    padding: 0 !important;

348
}

349
350
/* USERSTYLES - PAGINATION */

351
.us-stylecards__container  + #pagination {

352
position: fixed !important;

353
width: 700px !important;

354
    right: -320px !important;

355
    top: 50% !important;

356
padding: 5px !important;

357
border-radius: 5px !important;

358
    transform: rotate(90deg);

359
background: #222 !important;

360
}

361
.us-stylecards__container  + #pagination>a:first-of-type ,

362
.us-stylecards__container  + #pagination>a:last-of-type ,

363
.us-stylecards__container  + #pagination>#pages>.pageNumber ,

364
.us-stylecards__container  + #pagination>#pages>a {

365
    align-items: center;

366
    cursor: pointer;

367
    display: flex;

368
    font-size: 15px !important;

369
    font-weight: 500;

370
    height: 30px !important;

371
    justify-content: center;

372
    margin: 0 4px;

373
    width: 40px !important;

374
    transform: rotate(-90deg);

375
}

376
.us-stylecards__container  + #pagination>a:first-of-type .div-arrow  ,

377
.us-stylecards__container  + #pagination>a:last-of-type .div-arrow {

378
    width: 30px !important;

379
    margin-left: 0 !important;

380
    margin-right: 0 !important;

381
text-align: center  !important;

382
}

383
.us-stylecards__container  + #pagination>a:first-of-type .arrow-icon , 

384
.us-stylecards__container  + #pagination>a:last-of-type .arrow-icon {

385
    width: 41px !important;

386
height: 30px !important;

387
text-align: center  !important;

388
}

389
390
391
/* (new108) GREASYFORK - FORUM - TOP HEADER - DISMIS - == */

392
.MessageList.Discussion .Flyout.MenuItems.list-reset {

393
    height: 21px !important;

394
    margin-top: -3px !important;

395
    top: 0 !important;

396
}

397
398
.MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss {

399
    height: 15px !important;

400
    width: 15px !important;

401
    margin-right: 0 !important;

402
    margin-top: 0 !important;

403
    padding: 0 !important;

404
    font-size: 0px !important;

405
    color: red !important;

406
}

407
.MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:before {

408
    content: " \274C" ;

409
    font-size: 10px !important;

410
    color: red !important;

411
}

412
.MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:hover:after {

413
    content: "Dismiss" ;

414
    position: absolute ;

415
    display: inline-block ;

416
    margin-top: -20px !important;

417
    margin-left: -30px !important;

418
    font-size: 10px !important;

419
    color: tomato !important;

420
}

421
422
/* (new96) STRANGE POST IN FORUM - 

423
https://forum.userstyles.org/discussion/29263/srazzano/p90

424
=== */

425
.MessageList.DataList.Comments {

426
    width: 712px !important;

427
}

428
429
430
/* (new94) - GM - Greasyfork Display Update Checks - (not working with CITRUS) -

431
https://greasyfork.org/fr/scripts/21484-greasyfork-display-update-checks

432
=== */

433
#browse-script-list>li>article>p>span[style*="border: 1px ridge #817F82;)"]>b  {

434
    color: gold !important;

435
/* OK - FINE TOP OF THE BACKGROUND - BLACK */

436
    text-shadow: 0px 1px 1px #000;

437
} 

438
439
/* (new93) GREASYFORK -  SET - LISTING PAGE - DESCRIPTION - === */

440
body[pagetype="ListingPage"] #main-header +  #script-table +.width-constraint h3 + p ,

441
body[pagetype="ListingPage"]  #script-table +.width-constraint h3 + p ,

442
body[pagetype="ListingPage"]  .width-constraint h3 + p {

443
    display: inline-block;

444
    border: 1px solid violet ;

445
}

446
447
448
/* (new79) GREASYFORK - Without SCRIPT - === */

449
.width-constraint > p {

450
    display: inline-block;

451
}

452
#script-links .current > * {

453
    color: red !important;

454
}

455
456
457
/* CITRUS SETTINGS - POPUP - === */

458
#CForkSettings {

459
    z-index: 5000 !important;

460
}

461
462
/* (new79) PB HOVER - NEW TOP HEADER NAV MENU - MORE - 

463
.SiteMenu 

464
=== */

465
.with-submenu {

466
    position: relative !important;

467
    display: inline-block !important;

468
}

469
470
li.with-submenu a + nav ,

471
li.with-submenu a + nav:hover ,

472
li.with-submenu a:hover + nav {

473
    position: absolute  !important;

474
    min-width: 100%; 

475
    margin-top: -5px !important;

476
    padding: 2px 5px 5px 15px !important;

477
    text-align: left !important;

478
    box-shadow: 3px 3px 2px black !important;

479
    background-color: #333 !important;

480
}

481
li.with-submenu a + nav li {

482
    height: 20px !important;

483
    line-height: 20px !important;

484
    z-index: 50000000 !important;

485
}

486
li.with-submenu a + nav li a {

487
    padding: 2px 2px !important;

488
    text-align: left !important;

489
}

490
491
492
493
/* (new117) - ADAPTATION for GM "Greasyfork install button on search" (NOT Working with CITRUS) - 

494
https://greasyfork.org/fr/scripts/23340-greasyfork-install-button-on-search

495
AND GM "GreasyFork - filter libraries in profiles"

496
https://greasyfork.org/fr/scripts/12669-greasyfork-filter-libraries-in-profiles

497
2018 - MAYBE NOT NEED with CITRUS : SHOW Only INSTALL LINK IN USER PROFILE:

498
https://greasyfork.org/fr/forum/discussion/11601/x

499
=== */

500
.thetitle + div #install-area {

501
    position: relative !important;

502
    display: inline-block !important;

503
    float: left !important;

504
    max-width: 450px !important;

505
    min-width: 450px !important;

506
    margin-left: -4px !important;

507
    top: 0 !important;

508
    padding: 1px 4px !important;

509
    background-color: #f9ecdb !important;

510
    border-bottom: 1px solid gray;

511
    z-index: 1 !important;

512
    overflow: hidden !important;

513
}

514
.thetitle + div #install-area:hover {

515
    position: relative !important;

516
    display: inline-block !important;

517
    float: left !important;

518
    height: auto !important;

519
    max-width: 450px !important;

520
    min-width: 450px !important;

521
    margin-left: -4px !important;

522
    top: 0 !important;

523
    padding: 1px 4px !important;

524
    background-color: #f9ecdb !important;

525
    border-bottom: 1px solid gray;

526
    z-index: 5000 !important;

527
    overflow: visible !important;

528
}

529
.thetitle + div #install-area> a:first-of-type {

530
    display: inline-block;

531
    float: left !important;

532
    clear: both !important;

533
    max-width: 150px !important;

534
    min-width: 150px !important;

535
    line-height: 13px !important;

536
    font-size: 10px !important;

537
    margin-left: 0 !important;

538
    text-align: center !important;

539
}

540
.thetitle + div #install-area> a:last-of-type {

541
    max-width: 20px !important;

542
    min-width: 20px !important;

543
    line-height: 13px !important;

544
    font-size: 10px !important;

545
    margin-left: 0 !important;

546
    text-align: center !important;

547
}

548
.thetitle + div #install-area form.script-in-sets {

549
    position: absolute !important;

550
    display: inline-block !important;

551
    height: 100% !important;

552
    min-height: 50px !important;

553
    max-height: 50px !important;

554
    max-width: 374px !important;

555
    min-width: 374px !important;

556
    left: 75px !important;

557
    top: 2px !important;

558
    font-size: 0px !important;

559
    overflow-x: hidden;

560
    overflow-y: auto;

561
}

562
563
.thetitle + div #install-area form.script-in-sets:hover {

564
    min-height: 150px !important;

565
    max-height: 200px !important;

566
    z-index: 500000 !important;

567
    border: 1px solid violet !important;

568
}

569
.thetitle + div #install-area .script-in-sets select {

570
    display: inline-block;

571
    max-width: 287px !important;

572
    min-width: 287px !important;

573
    margin-left: 0px !important;

574
    margin-top: 7px !important;

575
}

576
577
.tk.sel {

578
    color: #25B300 !important;

579
}

580
.tk.pro {

581
    color: #2a7da3 !important;

582
}

583
.tk.pun {

584
    color: #0F40A7 !important;

585
}

586
.tk.com {

587
    color: #9F7E15 !important;

588
}

589
590
/* (new110) - ADAPTATION for GM :

591
== GreasyFork Bullshit Filter :

592
https://greasyfork.org/en/scripts/12179-greasyfork-bull-filter

593
== GreasyFork Bullshit Filter (compatible with Citrus GFork)

594
https://greasyfork.org/en/scripts/13514-greasyfork-bull-filter-compatible-with-citrus-gfork

595
596
AND (TEST):

597
GreasyFork - filter discussions on scripts by review type and author

598
https://greasyfork.org/fr/scripts/23626-greasyfork-filter-discussions-on-scripts-by-review-type-and-author

599
=== */

600
.MessageList.DataList.Comments .ItemComment.filtered, 

601
.ItemDiscussion.filtered  {

602
    height: 10px!important;

603
    font-size: 3px !important;

604
    overflow: hidden !important;

605
    opacity: 0.4 !important;

606
}

607
.MessageList.DataList.Comments .ItemComment.filtered:hover, 

608
.ItemDiscussion.filtered:hover  {

609
    opacity: 1 !important;

610
}

611
.ItemDiscussion.filtered .ItemContent.Discussion .Title  {

612
    height: 10px!important;

613
    line-height: 10px!important;

614
    font-size: 8px !important;

615
/* background: red !important; */

616
}

617
.ItemDiscussion.filtered .ItemContent.Discussion .Title a {

618
    min-width: 600px !important;

619
    max-width: 600px !important;

620
    height: 10px!important;

621
    line-height: 7px!important;

622
    margin-top: -45px !important;

623
    font-size: 8px !important;

624
}

625
.ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion  {

626
    min-width: 600px !important;

627
    max-width: 600px !important;

628
    height: 10px!important;

629
    line-height: 10px!important;

630
    margin-left: 20px !important;

631
    font-size: 9px !important;

632
}

633
.ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion::before {

634
    margin-top: -8px !important;

635
    transform: scale(0.7) !important;

636
}

637
/* FILTERED SCRIPTS - DISPLAY MINIMUM - === */

638
body[pagetype="ListingPage"] #script-table tr.filtered {

639
    display: table-row !important;

640
    width: 100% !important;

641
    height: 10px!important;

642
}

643
body[pagetype="ListingPage"] #script-table tr.filtered:hover td {

644
    background: black !important;

645
}

646
body[pagetype="ListingPage"] #script-table tr.filtered > td {

647
    display: table-cell !important;

648
    height: 100% !important;

649
    min-height: 10px!important;

650
    max-height: 10px!important;

651
    padding: 0 !important;

652
    font-size: 7px !important;

653
    background-color: #F7F6E9 !important;

654
}

655
body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {

656
    font-size: 8px !important;

657
}

658
659
body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {

660
    font-size: 8px !important;

661
}

662
body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {

663
    border-left: 1px solid red !important;

664
}

665
666
/* HIDDE SCRIPT DESCRIPTION FOR FILTERED */

667
body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {

668
    display: none !important;

669
}

670
671
/* (new98) SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */

672
body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {

673
    position: absolute !important;

674
    display: inline-block !important;

675
    width: 914px !important;

676
    background-color: #f7f6e9 !important;

677
    border: 1px solid peru !important;

678
    border-left: 3px solid red !important;

679
    border-right: 3px solid red !important;

680
    border-bottom: 4px solid red !important;

681
    font-size: 15px !important;

682
    z-index: 50000 !important;

683
}

684
body[pagetype="ListingPage"] #script-table tr.filtered > td span + span ,

685
body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {

686
    display: inline-block !important;

687
    display: none !important;

688
    height: 100% !important;

689
    min-height: 15px!important;

690
    max-height: 15px!important;

691
    padding: 0 !important;

692
    font-size: 8px !important;

693
}

694
body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {

695
    display: inline-block !important;

696
    height: 100% !important;

697
    min-height: 10px!important;

698
    max-height: 10px!important;

699
    line-height: 8px!important;

700
    padding: 0 !important;

701
    font-size: 9px !important;

702
}

703
.filter-status:not(:empty) ,

704
#script-content .filter-status:not(:empty) {

705
    box-sizing: border-box;

706
    position: fixed !important;

707
    height: 35px !important;

708
    line-height: 17px !important;

709
    max-width: 190px !important;

710
    min-width: 190px !important;

711
    left: calc(83.95%) !important;

712
    top: 55px !important;

713
    padding: 1px 0px  !important;

714
    border-radius: 5px 5px 0 0 !important;

715
    text-align: center !important;

716
    font-size: 13px !important;

717
    color: white !important;

718
    cursor: default !important;

719
    z-index: 500000 !important;

720
    background: #B38C25 !important;

721
}

722
.filter-status:first-of-type + .filter-switches:hover ,

723
.filter-status:first-of-type:hover + .filter-switches ,

724
.filter-status:first-of-type + .filter-switches {

725
    position: fixed !important;

726
    width: 190px !important;

727
    left: calc(84.3%) !important;

728
    top: 88px !important;

729
    border-radius: 0 0 5px 5px !important;

730
    background: #B38C25 !important;

731
    z-index: 50000 !important;

732
}

733
.filter-status:first-of-type + .filter-switches ~  .filter-switches ,

734
.filter-status:first-of-type + .filter-switches ~ .filter-status {

735
    display: none !important;

736
}

737
:hover > .filter-switches a ,

738
.filter-switches  a ,

739
#main-header  .width-constraint + .filter-status ~  .filter-switches a ,

740
#Frame #Head.Head .filter-switches a

741
#script-content .filter-switches  a {

742
    display: inline-block  !important;

743
    width: 160px !important;

744
    height: 15px !important;

745
    line-height: 15px !important;

746
    margin-top: -2px !important;

747
    bottom: 0px !important;

748
    margin-left: 0px !important;

749
    font-size: 14px !important;

750
    color: white !important;

751
    cursor: pointer !important;

752
}

753
#Frame #Head.Head .filter-switches a {

754
    color: white !important;

755
}

756
757
.ui-widget {

758
    position: fixed !important;

759
    width: 190px !important;

760
    top: 175px !important;

761
    left: calc(84.5%) !important;

762
}

763
.ui-widget #myform {

764
    width: 185px !important;

765
}

766
767
.ui-widget #myform input#authors {

768
    width: 180px !important;

769
}

770
.dropdown {

771
    position: fixed !important;

772
    width: 185px !important;

773
    left: calc(84.5%) !important;

774
    top: 228px !important

775
}

776
777
.dropbtn {

778
    width: 185px !important;

779
    padding: 5px 0px 5px 20px !important;

780
}

781
.dropdown-content {

782
    width: 185px !important;

783
    height: 400px !important;

784
    padding: 16px 0px 5px 0px !important;

785
    background-color: #222 !important;

786
}

787
#myDropdown.dropdown-content a {

788
    padding: 1px 0px 2px 5px !important;

789
    font-size: 15px !important;

790
    color: gray !important;

791
    background-color: #333 !important;

792
    text-align: left !important;

793
    cursor: default !important;

794
}

795
#myDropdown.dropdown-content a:hover {

796
    font-size: 15px !important;

797
    color: gold !important;

798
    background-color: #222 !important;

799
}

800
801
/* FILTER - ALL COMMENTS (on top)  */

802
.dropdown:hover   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] ,

803
.dropdown:not(:hover)   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] {

804
    position: fixed !important;

805
    display: inline-block !important;

806
    left: calc(85.56%) !important;

807
    top: 232px !important;

808
    padding: 3px !important;

809
    border-radius: 100% !important;

810
    text-align: center !important;

811
}

812
813
/* for FITTER SCRIPT */

814
.width-constraint + .filter-status {

815
    position: fixed !important;

816
    width: 190px !important;

817
}

818
.width-constraint + .filter-status + .filter-switches {

819
/* left: calc(87%) !important; */

820
}

821
.width-constraint + .filter-status + .filter-switches a {

822
    margin-left: 10px !important;

823
}

824
825
/* (new94) GREASYFORK - FITER COMMENTS on USER PROFILE - CONTAINER - === */

826
body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches {

827
    position: fixed !important;

828
    display: inline-block;

829
    right: 110px !important;

830
    width: 189px;

831
    top: 91px;

832
    text-align: center;

833
    background: #222 !important;

834
}

835
body[pagetype="PersonalProfile"] #user-profile +  #control-panel .ui-widget {

836
    left: calc(84.5%);

837
    top: 195px !important;

838
    width: 190px;

839
}

840
841
842
body[pagetype="PersonalProfile"] #user-profile +  #control-panel .dropdown {

843
    left: calc(84.5%);

844
    top: 241px !important;

845
    width: 185px;

846
}

847
848
/* GREASEAFORK FORUM - CLEAR CONVERSTAION BUTTON - Small TXT - === */

849
.Button.Danger.BigButton.ClearConversation {

850
    display: block;

851
    font-size: 11px!important;

852
    font-weight: bold;

853
    margin: 0 0 10px;

854
    padding: 8px 10px;

855
    text-align: center;

856
}

857
858
/* ALL SITES PAGE - 

859
https://greasyfork.org/en/scripts/by-site

860
=== */

861
#by-site-list li[style="font-size: 5.0em"] {

862
    font-size: 3.28em  !important;

863
}

864
#by-site-list li[style="font-size: 5.0em"] a {

865
    color: darkturquoise !important;

866
}

867
868
869
#by-site-list li[style="font-size: 4.07em"] {

870
    font-size: 3.27em !important;

871
}

872
#by-site-list li[style="font-size: 4.07em"] a {

873
    color: lightsalmon!important;

874
}

875
876
#by-site-list li[style="font-size: 3.86em"] {

877
    font-size: 3.26em !important;

878
}

879
#by-site-list li[style="font-size: 3.86em"] a {

880
    color: darkturquoise !important;

881
}

882
883
#by-site-list li[style="font-size: 2.86em"] {

884
    font-size: 3.25em!important;

885
}

886
#by-site-list li[style="font-size: 2.86em"] a {

887
    color: deepskyblue !important;

888
}

889
890
#by-site-list li[style="font-size: 2.02em"] {

891
    font-size: 3.24em!important;

892
}

893
#by-site-list li[style="font-size: 2.02em"] a {

894
    color: darkturquoise !important;

895
}

896
897
#by-site-list li[style="font-size: 2.1em"] {

898
    font-size: 3.23em !important;

899
}

900
#by-site-list li[style="font-size: 2.1em"] a {

901
    color: darkturquoise !important;

902
}

903
904
#by-site-list li[style="font-size: 2.06em"] {

905
    font-size: 3.22em !important;

906
}

907
#by-site-list li[style="font-size: 2.06em"] a {

908
    color: deepskyblue !important;

909
}

910
911
#by-site-list li[style="font-size: 1.99em"] {

912
    font-size: 3.21em !important;

913
}

914
#by-site-list li[style="font-size: 1.99em"] a {

915
    color: darkturquoise !important;

916
}

917
918
#by-site-list li[style="font-size: 1.92em"] {

919
    font-size: 3.20em !important;

920
}

921
#by-site-list li[style="font-size: 1.92em"] a {

922
    color: darkturquoise !important;

923
}

924
925
#by-site-list li[style="font-size: 1.87em"] {

926
    font-size: 3.19em!important;

927
}

928
#by-site-list li[style="font-size: 1.87em"] a {

929
    color: darkturquoise !important;

930
}

931
932
#by-site-list li[style="font-size: 1.7em"] {

933
    font-size: 3.18em!important;

934
}

935
#by-site-list li[style="font-size: 1.7em"] a {

936
    color: darkturquoise !important;

937
}

938
939
#by-site-list li[style="font-size: 1.66em"] {

940
    font-size: 3.17em !important;

941
}

942
#by-site-list li[style="font-size: 1.66em"] a {

943
    color: darkturquoise !important;

944
}

945
946
#by-site-list li[style="font-size: 1.61em"] {

947
    font-size: 3.16em !important;

948
}

949
#by-site-list li[style="font-size: 1.61em"] a {

950
    color: deeppink !important;

951
}

952
953
#by-site-list li[style="font-size: 1.5em"] {

954
    font-size: 3.15em !important;

955
}

956
#by-site-list li[style="font-size: 1.5em"] a {

957
    color: darkturquoise !important;

958
}

959
960
#by-site-list li[style="font-size: 1.4em"] {

961
    font-size: 3.14em !important;

962
}

963
#by-site-list li[style="font-size: 1.4em"] a {

964
    color: darkturquoise !important;

965
}

966
967
#by-site-list li[style="font-size: 1.41em"] {

968
    font-size: 3.13em !important;

969
}

970
#by-site-list li[style="font-size: 1.41em"] a {

971
    color: deeppink !important;

972
}

973
974
#by-site-list li[style="font-size: 1.3em"] {

975
    font-size: 3.12em !important;

976
}

977
#by-site-list li[style="font-size: 1.3em"] a {

978
color: deeppink !important;

979
}

980
981
#by-site-list li[style="font-size: 1.39em"] {

982
    font-size: 3.11em !important;

983
}

984
#by-site-list li[style="font-size: 1.39em"] a {

985
    color: darkturquoise !important;

986
}

987
988
#by-site-list li[style="font-size: 1.38em"] {

989
    font-size: 3.10em!important;

990
}

991
#by-site-list li[style="font-size: 1.38em"] a {

992
    color: darkturquoise !important;

993
}

994
995
#by-site-list li[style="font-size: 1.35em"] {

996
    font-size: 3.09em !important;

997
}

998
#by-site-list li[style="font-size: 1.35em"] a {

999
color: darkturquoise !important;

1000
}

1001
1002
#by-site-list li[style="font-size: 1.34em"] {

1003
    font-size: 3.08em !important;

1004
}

1005
#by-site-list li[style="font-size: 1.34em"] a {

1006
    color: darkturquoise !important;

1007
}

1008
1009
#by-site-list li[style="font-size: 1.32em"] {

1010
    font-size: 3.07em !important;

1011
}

1012
#by-site-list li[style="font-size: 1.32em"] a {

1013
    color: darkturquoise !important;

1014
}

1015
1016
#by-site-list li[style="font-size: 1.31em"] {

1017
    font-size: 3.06em !important;

1018
}

1019
#by-site-list li[style="font-size: 1.31em"] a {

1020
    color: darkturquoise !important;

1021
}

1022
1023
#by-site-list li[style="font-size: 1.29em"] {

1024
    font-size: 3.05em !important;

1025
}

1026
#by-site-list li[style="font-size: 1.29em"] a {

1027
    color: deeppink !important;

1028
}

1029
1030
#by-site-list li[style="font-size: 1.26em"] {

1031
    font-size: 3.04em !important;

1032
}

1033
#by-site-list li[style="font-size: 1.26em"] a {

1034
    color: darkturquoise !important;

1035
}

1036
1037
#by-site-list li[style="font-size: 1.23em"] {

1038
    font-size: 3.03em !important;

1039
}

1040
#by-site-list li[style="font-size: 1.23em"]:nth-child(odd) a {

1041
    color: lightcyan !important;

1042
}

1043
#by-site-list li[style="font-size: 1.23em"]:nth-child(even) a {

1044
    color: wheat !important;

1045
}

1046
1047
#by-site-list li[style="font-size: 1.21em"] {

1048
    font-size: 3.02em !important;

1049
}

1050
#by-site-list li[style="font-size: 1.21em"] a {

1051
    color: deeppink !important;

1052
}

1053
1054
#by-site-list li[style="font-size: 1.08em"] {

1055
    font-size: 3.01em !important;

1056
}

1057
#by-site-list li[style="font-size: 1.08em"] a {

1058
    color: darkturquoise !important;

1059
}

1060
1061
#by-site-list li[style="font-size: 1.07em"] {

1062
    font-size: 3.00em !important;

1063
}

1064
#by-site-list li[style="font-size: 1.07em"] a {

1065
    color: darkturquoise !important;

1066
}

1067
1068
#by-site-list li[style="font-size: 1.05em"] {

1069
    font-size: 2.99em  !important;

1070
}

1071
#by-site-list li[style="font-size: 1.05em"] a {

1072
    color: darkturquoise !important;

1073
}

1074
1075
#by-site-list li[style="font-size: 1.0em"] {

1076
    font-size: 2.98em  !important;

1077
}

1078
#by-site-list li[style="font-size: 1.0em"] a {

1079
    color: darkturquoise !important;

1080
}

1081
1082
#by-site-list li[style="font-size: 1.01em"] {

1083
    font-size: 2.97em  !important;

1084
}

1085
#by-site-list li[style="font-size: 1.01em"] a {

1086
    color: darkturquoise !important;

1087
}

1088
1089
#by-site-list li[style="font-size: 0.6em"] {

1090
    font-size: 1em !important;

1091
}

1092
#by-site-list li[style="font-size: 0.6em"]:nth-child(odd) a {

1093
    color: lightblue!important;

1094
}

1095
#by-site-list li[style="font-size: 0.6em"]:nth-child(even) a {

1096
    color: aquamarine !important;

1097
}

1098
#by-site-list li[style="font-size: 0.6em"]:nth-child(3n+2) a {

1099
    color: tomato !important;

1100
}

1101
#by-site-list li[style="font-size: 0.6em"]:nth-child(3n+3) a {

1102
    color: powderblue !important;

1103
}

1104
#by-site-list li[style="font-size: 0.6em"]:nth-child(4n+7) a {

1105
    color: greenyellow !important;

1106
}

1107
1108
1109
#by-site-list li[style="font-size: 0.61em"]{

1110
    font-size: 1.1em !important;

1111
}

1112
#by-site-list li[style="font-size: 0.61em"]:nth-child(odd) a {

1113
    color: turquoise !important;

1114
}

1115
#by-site-list li[style="font-size: 0.61em"]:nth-child(even) a {

1116
    color: azure !important;

1117
}

1118
#by-site-list li[style="font-size: 0.61em"]:nth-child(3n+2) a {

1119
    color: mediumvioletred !important;

1120
}

1121
1122
1123
#by-site-list li[style="font-size: 0.62em"]{

1124
    font-size: 1.2em !important;

1125
}

1126
#by-site-list li[style="font-size: 0.62em"] a {

1127
    color: blueviolet !important;

1128
}

1129
#by-site-list li[style="font-size: 0.62em"]:nth-child(odd) a {

1130
    color: cornflowerblue !important;

1131
}

1132
#by-site-list li[style="font-size: 0.62em"]:nth-child(even) a {

1133
    color: peachpuff !important;

1134
}

1135
#by-site-list li[style="font-size: 0.62em"]:nth-child(3n+2) a {

1136
    color: tomato !important;

1137
}

1138
#by-site-list li[style="font-size: 0.62em"]:nth-child(3n+3) a {

1139
    color: powderblue !important;

1140
}

1141
#by-site-list li[style="font-size: 0.62em"]:nth-child(4n+7) a {

1142
    color: greenyellow !important;

1143
}

1144
1145
#by-site-list li[style="font-size: 0.63em"]{

1146
    font-size: 1.3em !important;

1147
}

1148
#by-site-list li[style="font-size: 0.63em"]:nth-child(odd) a  {

1149
    color: lightsalmon !important;

1150
}

1151
#by-site-list li[style="font-size: 0.63em"]:nth-child(even) a {

1152
    color: darkcyan !important;

1153
}

1154
1155
1156
#by-site-list li[style="font-size: 0.64em"]{

1157
    font-size: 1.4em !important;

1158
}

1159
#by-site-list li[style="font-size: 0.64em"] a {

1160
    color: peru !important;

1161
}

1162
#by-site-list li[style="font-size: 0.64em"]:nth-child(odd) a {

1163
    color: deepskyblue !important;

1164
}

1165
#by-site-list li[style="font-size: 0.64em"]:nth-child(even) a {

1166
    color: dodgerblue !important;

1167
}

1168
#by-site-list li[style="font-size: 0.64em"]:nth-child(3n+2) a {

1169
    color: tomato !important;

1170
}

1171
#by-site-list li[style="font-size: 0.64em"]:nth-child(3n+3) a {

1172
    color: powderblue !important;

1173
}

1174
#by-site-list li[style="font-size: 0.64em"]:nth-child(4n+7) a {

1175
    color: greenyellow !important;

1176
}

1177
1178
#by-site-list li[style="font-size: 0.65em"]{

1179
    font-size: 1.5em !important;

1180
}

1181
#by-site-list li[style="font-size: 0.65em"]:nth-child(odd) a {

1182
    color: violet !important;

1183
}

1184
#by-site-list li[style="font-size: 0.65em"]:nth-child(even) a {

1185
    color: goldenrod !important;

1186
}

1187
1188
1189
#by-site-list li[style="font-size: 0.66em"]{

1190
    font-size: 1.6em !important;

1191
}

1192
#by-site-list li[style="font-size: 0.66em"]:nth-child(odd) a {

1193
    color: greenyellow !important;

1194
}

1195
#by-site-list li[style="font-size: 0.66em"]:nth-child(even) a {

1196
    color: indianred !important;

1197
}

1198
1199
1200
#by-site-list li[style="font-size: 0.67em"]{

1201
    font-size: 1.7em !important;

1202
}

1203
#by-site-list li[style="font-size: 0.67em"] a {

1204
    color: lawngreen !important;

1205
}

1206
1207
1208
#by-site-list li[style="font-size: 0.68em"]{

1209
    font-size: 1.8em !important;

1210
}

1211
#by-site-list li[style="font-size: 0.68em"]:nth-child(odd) a {

1212
    color: lightblue !important;

1213
}

1214
#by-site-list li[style="font-size: 0.68em"]:nth-child(even) a {

1215
    color: lavender !important;

1216
}

1217
#by-site-list li[style="font-size: 0.68em"]:nth-child(3n+2) a {

1218
    color: tomato !important;

1219
}

1220
#by-site-list li[style="font-size: 0.68em"]:nth-child(3n+3) a {

1221
    color: powderblue !important;

1222
}

1223
#by-site-list li[style="font-size: 0.68em"]:nth-child(4n+7) a {

1224
    color: greenyellow !important;

1225
}

1226
1227
1228
#by-site-list li[style="font-size: 0.69em"]{

1229
    font-size: 1.9em !important;

1230
}

1231
#by-site-list li[style="font-size: 0.69em"] a {

1232
    color: lemonchiffon !important;

1233
}

1234
1235
1236
#by-site-list li[style="font-size: 0.7em"]{

1237
    font-size: 2em !important;

1238
}

1239
#by-site-list li[style="font-size: 0.7em"]:nth-child(odd) a {

1240
    color: thistle !important;

1241
}

1242
#by-site-list li[style="font-size: 0.7em"]:nth-child(even) a {

1243
    color:  blanchedalmond !important;

1244
}

1245
1246
1247
#by-site-list li[style="font-size: 0.71em"]{

1248
    font-size: 2.1em !important;

1249
}

1250
#by-site-list li[style="font-size: 0.71em"] a {

1251
    color: antiquewhite !important;

1252
}

1253
1254
#by-site-list li[style="font-size: 0.72em"]{

1255
    font-size: 2.2em !important;

1256
}

1257
#by-site-list li[style="font-size: 0.72em"] a {

1258
    color: aqua !important;

1259
}

1260
1261
#by-site-list li[style="font-size: 0.73em"]{

1262
    font-size: 2.3em !important;

1263
}

1264
#by-site-list li[style="font-size: 0.73em"] a {

1265
    color: aquamarine !important;

1266
}

1267
1268
#by-site-list li[style="font-size: 0.74em"]{

1269
    font-size: 2.4em !important;

1270
}

1271
#by-site-list li[style="font-size: 0.74em"] a {

1272
    color: bisque !important;

1273
}

1274
1275
1276
#by-site-list li[style="font-size: 0.75em"]{

1277
    font-size: 2.5em !important;

1278
}

1279
#by-site-list li[style="font-size: 0.75em"]:nth-child(odd) a {

1280
    color: darkgray !important;

1281
}

1282
#by-site-list li[style="font-size: 0.75em"]:nth-child(even) a {

1283
    color: palevioletred !important;

1284
}

1285
1286
1287
#by-site-list li[style="font-size: 0.76em"]{

1288
    font-size: 2.6em !important;

1289
}

1290
#by-site-list li[style="font-size: 0.76em"] a {

1291
color: darkcyan !important;

1292
}

1293
1294
#by-site-list li[style="font-size: 0.77em"]{

1295
    font-size: 2.7em !important;

1296
}

1297
#by-site-list li[style="font-size: 0.77em"] a {

1298
    color: darkorange !important;

1299
}

1300
1301
#by-site-list li[style="font-size: 0.78em"]{

1302
    font-size: 2.8em !important;

1303
}

1304
#by-site-list li[style="font-size: 0.78em"] a {

1305
    color: crimson !important;

1306
}

1307
1308
#by-site-list li[style="font-size: 0.79em"]{

1309
    font-size: 2.9em !important;

1310
}

1311
#by-site-list li[style="font-size: 0.79em"] a {

1312
    color: cornsilk  !important;

1313
}

1314
1315
/* ==== > 2.91em ===  */

1316
1317
#by-site-list li[style="font-size: 0.8em"]{

1318
    font-size: 2.91em !important;

1319
}

1320
#by-site-list li[style="font-size: 0.8em"] a {

1321
    color: cornflowerblue  !important;

1322
}

1323
1324
#by-site-list li[style="font-size: 0.81em"]{

1325
    font-size: 2.92em !important;

1326
}

1327
#by-site-list li[style="font-size: 0.81em"] a {

1328
    color: coral  !important;

1329
}

1330
1331
#by-site-list li[style="font-size: 0.82em"]{

1332
    font-size: 2.93em !important;

1333
}

1334
#by-site-list li[style="font-size: 0.82em"] a {

1335
    color: chocolate !important;

1336
}

1337
1338
#by-site-list li[style="font-size: 0.83em"]{

1339
    font-size: 2.94em !important;

1340
}

1341
#by-site-list li[style="font-size: 0.83em"] a {

1342
    color: chartreuse !important;

1343
}

1344
1345
1346
#by-site-list li[style="font-size: 0.85em"]{

1347
    font-size: 2.945em !important;

1348
}

1349
#by-site-list li[style="font-size: 0.85em"] a {

1350
    color: cadetblue !important;

1351
}

1352
#by-site-list li[style="font-size: 0.85em"]:nth-child(odd) a {

1353
    color: orangered!important;

1354
}

1355
#by-site-list li[style="font-size: 0.85em"]:nth-child(even) a {

1356
    color: indianred !important;

1357
}

1358
#by-site-list li[style="font-size: 0.85em"]:nth-child(3n+2) a {

1359
    color: tomato !important;

1360
}

1361
#by-site-list li[style="font-size: 0.85em"]:nth-child(3n+3) a {

1362
    color: mediumturquoise !important;

1363
}

1364
#by-site-list li[style="font-size: 0.85em"]:nth-child(4n+7) a {

1365
    color: greenyellow !important;

1366
}

1367
1368
1369
#by-site-list li[style="font-size: 0.89em"] {

1370
    font-size: 2.96em !important;

1371
}

1372
#by-site-list li[style="font-size: 0.89em"]:nth-child(odd) a {

1373
    color: darkturquoise !important;

1374
}

1375
#by-site-list li[style="font-size: 0.89em"]:nth-child(even) a {

1376
    color: mediumorchid !important;

1377
}

1378
1379
#by-site-list li[style="font-size: 0.99em"] {

1380
    font-size: 2.965em !important;

1381
}

1382
#by-site-list li[style="font-size: 0.99em"]:nth-child(odd) a {

1383
    color: darkturquoise !important;

1384
}

1385
#by-site-list li[style="font-size: 0.99em"]:nth-child(even) a {

1386
    color: mediumorchid !important;

1387
}

1388
1389
/* (new101) (COR) - GREASY FORK - LIGHTBOX - POSITION - === */

1390
/* SOURCE - SUPP "Source" - ==== */

1391
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after {

1392
    position: relative !important;

1393
    display: inline-block !important;

1394
    float: right !important;

1395
    clear: both !important;

1396
    content: " 🔻 Preview 🔻 " !important;

1397
    height: 15px !important;

1398
    line-height: 12px !important;

1399
    width: 140px!important;

1400
    margin-top: 57px!important;

1401
    margin-right: -83px !important;

1402
    border-right: 1px solid peru !important;

1403
    border-left: 1px solid peru !important;

1404
    border-top: 1px solid peru !important;

1405
    transform: rotate(90deg) !important;

1406
    text-align: center !important;

1407
    letter-spacing: 1.7px;

1408
    background: black !important;

1409
    z-index: 5000 !important;

1410
    border: 1px solid gold !important;

1411
}

1412
1413
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots {

1414
    position: absolute!important;

1415
    display: inline-block!important;

1416
    height: 130px !important;

1417
    width: 97.5%!important;

1418
    top: -160px!important;

1419
    text-align: right!important;

1420
    border: 1px solid peru !important;

1421
    background: black !important;

1422
    clip: rect(0px, 990px, 145px , 945px)!important;

1423
    transition: all ease 1.5s !important;

1424
}

1425
.width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover {

1426
    background: red !important;

1427
    clip: rect(0px, 947px, 145px , 0px)!important;

1428
    z-index: 5000!important;

1429
}

1430
1431
.script-screenshots .fancybox {

1432
    position: relative !important;

1433
    display: inline-block !important;

1434
    float: right !important;

1435
    clear:left !important;

1436
    height: 120px !important;

1437
    width: 160px!important;

1438
    margin-right: 5px!important;

1439
    margin-left: 5px !important;

1440
}

1441
.script-screenshots .fancybox:not([title=""]):after {

1442
    content: attr(title) !important;

1443
    position: relative !important;

1444
    display: inline-block !important;

1445
    height: 10px !important;

1446
    line-height: 10px !important;

1447
    width: 145px!important;

1448
    float: right !important;

1449
    clear: both !important;

1450
    margin-right: 0px !important;

1451
    margin-top: 5px!important;

1452
    padding: 2px 5px !important;

1453
    border-radius: 5px !important;

1454
    font-size: 10px !important;

1455
    text-align: left !important;

1456
    text-overflow: ellipsis !important;

1457
    white-space: nowrap !important;

1458
    overflow: hidden !important;

1459
    background: #333 !important;

1460
}

1461
1462
1463
/* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :

1464
reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338

1465
https://greasyfork.org/fr/scripts/13725-youtube-fairblock

1466
==== */

1467
img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {

1468
    display: inline-block !important;

1469
}

1470
.width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {

1471
    position: relative !important;

1472
    display: inline-block !important;

1473
    height: 100% !important;

1474
    min-height: 100px !important;

1475
    max-height: 100px !important;

1476
    max-width: 98% !important;

1477
    margin: 0 auto !important;

1478
    border: 1px solid orange !important;

1479
    border-radius: 3px;

1480
    box-shadow: 5px 5px 2px #181818 !important;

1481
    color: yellow !important;

1482
    padding: 2px !important;

1483
    background-color: #2b2b2b !important;

1484
}

1485
1486
/* TEST - GM - LANG FILTER - === */

1487
#greazy-forq-info  {

1488
    background: rgba(255, 255, 255, 0.55);

1489
    color: #670000;

1490
    cursor: pointer;

1491
    left: 2px;

1492
    position: fixed;

1493
    text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;

1494
    top: 2px;

1495
    z-index: 5000!important;

1496
}

1497
li.greazy-forq-hiden ,

1498
.greazy-forq-hiden {

1499
    border-width: 1px 0 1px 9px !important;

1500
}

1501
1502
1503
/* (new79) SCRIPT TABLE - RATING NUMBER - TS CITRUS - === */

1504
.good-rating-count, 

1505
.ok-rating-count, 

1506
.bad-rating-count {

1507
    border-radius: 2px!important;

1508
    display: inline-block !important;

1509
    min-width: 15px!important;

1510
    height: 13px !important;

1511
    line-height: 11px !important;

1512
    padding: 0px 2px !important;

1513
    margin-right: 2px!important;

1514
    margin-left: -2px!important;

1515
    text-align: center !important;

1516
    text-indent: 0px !important;

1517
}

1518
.total-rating-count  {

1519
    display: table-cell !important;

1520
    width: 100% !important;

1521
    height: 13px !important;

1522
    line-height: 13px !important;

1523
    padding: 0px 2px !important;

1524
    border-radius: 2px!important;

1525
}

1526
1527
1528
/* (new94) TEST GREASYFORK - POST COMMENT - FIRST (cf #Form_Body) + RE EDIT */

1529
/* FIRST  */

1530
textarea#Form_Body.textarea-autosize {

1531
    height: 138px;

1532
    min-height: 50px;

1533
    min-width: 670px !important;

1534
    overflow: hidden;

1535
    resize: vertical !important;

1536
    word-wrap: break-word;

1537
/* outline: 1px solid red ; */

1538
}

1539
.FormWrapper>form {

1540
    margin-left: -23px;

1541
    margin-top: 27px;

1542
    width: 681px !important;

1543
/* outline: 1px solid red ; */

1544
}

1545
/* FIRST */

1546
#vanilla_post_discussion #DiscussionForm {

1547
    position: relative;

1548
    display: inline-block;

1549
    width: 682px ;

1550
    top: 25px ;

1551
    margin-top: -144px !important;

1552
}

1553
#vanilla_post_discussion .FormWrapper {

1554
    margin-top: -8px ;

1555
}

1556
1557
/* RE EDIT / MODIF  */

1558
#vanilla_post_editdiscussion #DiscussionForm {

1559
    position: relative;

1560
    display: inline-block;

1561
    width: 682px ;

1562
    top: 39px ;

1563
    margin-top: -144px !important;

1564
    left: -22px;

1565
}

1566
#vanilla_post_editdiscussion  .FormWrapper>form {

1567
    margin-left: 0px ;

1568
}

1569
1570
/* LARGE - HTLM EDIT COMMENT - FORUM USERSTYLES - HELPER on HOVER -  GM - === */

1571
.RadioLabel[for="Form_Format"] {

1572
    display: inline-block!important;

1573
    width: 116px !important;

1574
    border: 1px solid green !important;

1575
    margin-bottom: 2px !important;

1576
}

1577
/* (new60) NEDD CONVERT for Addstylish lib -  HTLM - WITHOUT GM */

1578
.bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {

1579
    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;

1580
    position: absolute !important;

1581
    display: inline-block !important;

1582
    width: 659px !important;

1583
    height: 325px !important;

1584
    margin-top: -338px !important;

1585
    margin-left: -40px !important;

1586
    padding: 5px !important;

1587
    color: peru !important;

1588
    border-radius: 4px 4px 20px 20px !important;

1589
    background: black !important;

1590
    white-space: pre-line !important;

1591
    z-index: 500 !important;

1592
    opacity: 1 !important;

1593
    overflow:hidden !important;

1594
    overflow-y: auto !important;

1595
    transition: all 0.7s!important;

1596
    transition: all ease 0.7s !important;

1597
    border: 4px solid GREEN !important;

1598
}

1599
1600
/* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */

1601
#vanilla_post_discussion .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {

1602
    position: absolute !important;

1603-
/* (new60) NEDD CONVERT for Addstylish lib -  MARKDOWN - WITH GM */

1603+
1604
    width: 430px !important;

1605
    height: 500px !important;

1606
    top: 460px !important;

1607
    left: 40px !important;

1608
    border: 4px DOTTED GREEN !important;

1609-
    height: 390px !important;

1609+
1610
1611
/* HTLM WITH GM */

1612
.bodybox-wrap .Button +  .RadioLabel[for="Form_Format"]:hover:after {

1613
    display: none !important;

1614
}

1615
/* .bodybox-wrap:hover:after , */

1616
.bodybox-wrap .Button +  .RadioLabel[for="Form_Format"] a:hover:after {

1617
    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;

1618
    position: absolute !important;

1619
    display: inline-block !important;

1620
    width: 638px !important;

1621
    height: 400px !important;

1622
    margin-top: -398px !important;

1623
    margin-left: -40px !important;

1624
    padding: 5px !important;

1625
    color: peru !important;

1626
    border: 1px dotted GREEN !important;

1627
    border-radius: 4px 4px 0px 20px !important;

1628
    background: black !important;

1629
    white-space: pre-line !important;

1630
    z-index: 500 !important;

1631
    opacity: 1 !important;

1632
    overflow:hidden !important;

1633
    overflow-y: auto !important;

1634
    transition: all 0.7s!important;

1635
    transition: all ease 0.7s !important;

1636
}

1637
1638
1639
/* (new60) LARGE - MARKDOWN - Hover on (?)  FOR for GM "Markdown toolbar for GreasyFork and UserStyles":

1640
https://greasyfork.org/scripts/6779

1641
=== */

1642
.RadioLabel[for="Form_Format1"] {

1643
    position: relative !important;

1644
    display: inline-block !important;

1645
    width: 130px !important;

1646
    border: 1px solid YELLOW !important;

1647
}

1648
1649
/* (new126) NEED CONVERT for Addstylish lib -  MARKDOWN - WITH GM -

1650
INFOS: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#code-and-syntax-highlighting

1651
Request: https://greasyfork.org/fr/forum/discussion/51141/help-how-to-make-it-work-when-occur-a-dynamically-change-in-the-page#latest

1652
=== */

1653
.editor-help-text>a[href="http://fr.wikipedia.org/wiki/Markdown"]:hover:after ,

1654
.bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"] a:hover:after {

1655
    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 TEXT ( [ ...] ):   \A  [This is a link](http://www.darkcoding.net)  \A  \25B6  BLOCKQUOTE with ( > ) and for Long BLOCKQUOTE, break line by adding other ( > ):  \A  > This is quoted.     \A  \25B6  CODE :   \A  Need to Indent Code 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 CODE INLINE:  \A  Inline code is `escaped` with backticks (`) \A  \25B6  LISTS  \A  \25B6  UNORDERED LISTS : with *, + or - :  \A  * This  \A  * is  \A  * a list  \A  \25B6  ORDERED LISTS : with number followed by period (.)  \A  1. with  \A  1. numbers  \A   \25B6  HORIZONTAL LINES with ( - )  : \A  Three or more dashes ( - ) ----   \A  \25B6  Emphasis   \A  ITALIC with a single underscore ( _ )or ONE asterix ( * ) , BOLD with TWO ( * )  :   \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;

1656
    position: absolute !important;

1657
    display: inline-block !important;

1658
    width: 500px !important;

1659
    height: 410px !important;

1660
    line-height: 15px !important;

1661
    margin-top: -428px !important;

1662
    margin-left: -66px !important;

1663
    padding: 16px !important;

1664
    color: peru !important;

1665
    border: 1px dotted YELLOW !important;

1666
    border-radius: 4px 4px 0px 20px !important;

1667
    background: black !important;

1668
    white-space: pre-line !important;

1669
    z-index: 500 !important;

1670
    opacity: 1 !important;

1671
    visibility: visible !important;

1672
    overflow:hidden !important;

1673
    overflow-y: auto !important;

1674
    transition: all 0.7s!important;

1675
}

1676
1677
/* HTLM WITH GM */

1678
.bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"]:hover:after {

1679
    display: none !important;

1680
}

1681
/* (new60) NEDD CONVERT for Addstylish lib -  HTLM WITHOUT GM */

1682
.bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {

1683
    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;

1684
    position: absolute !important;

1685
    display: inline-block !important;

1686
    width: 520px !important;

1687
    height: 320px !important;

1688
    margin-top: -342px !important;

1689
    margin-left: -66px !important;

1690
    padding: 10px !important;

1691
    color: peru !important;

1692
    border-radius: 4px 4px 20px 20px !important;

1693
    white-space: pre-line !important;

1694
    z-index: 500 !important;

1695
    opacity: 1 !important;

1696
    visibility: visible !important;

1697
    overflow:hidden !important;

1698
    overflow-y: auto !important;

1699
    transition: all 0.7s!important;

1700
border: 4px solid YELLOW !important;

1701
    background: black !important;

1702
}

1703
/* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */

1704
#vanilla_post_discussion .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {

1705
    position: absolute !important;

1706
    display: inline-block !important;

1707
    width: 420px !important;

1708
    height: 500px !important;

1709
    margin-left: 80px !important;

1710
    top: 255px !important;

1711
    left: -525px !important;

1712
    font-size: 12px !important;

1713
border: 4px DOTTED YELLOW !important;

1714
}

1715
1716
.bodybox-wrap .RadioLabel[for="Form_Format2"] a:after ,

1717
.bodybox-wrap .RadioLabel[for="Form_Format2"]:after ,

1718
.bodybox-wrap .RadioLabel[for="Form_Format1"]:after {

1719
visibility: hidden !important;

1720
    opacity: 0!important;

1721
}

1722
1723
/* (new66) PROFILE INFOS - without sript - === */

1724
#main-header + .width-constraint .text-content #user-profile + section header {

1725
    margin-bottom: 2px !important;

1726
    margin-top: -18px !important;

1727
}

1728
/* (new76) PROFILE INFOS - CITRUS */

1729
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {

1730
    margin-bottom: 2px !important;

1731
    margin-top: -9px !important;

1732
} 

1733
.width-constraint #script-list-option-groups.list-option-groups + header {

1734
    display: inline-block !important;

1735
    float: right !important;

1736
    width: 778px !important;

1737
    min-height: 25px !important;

1738
    max-height: 25px !important;

1739
    line-height: 0px !important;

1740
    margin-right: -26px !important;

1741
    margin-top: 0px !important;

1742
}

1743
.width-constraint #script-list-option-groups.list-option-groups + header h3 {

1744
    display: inline-block !important;

1745
    width: 779px !important;

1746
    min-height: 25px !important;

1747
    max-height: 25px !important;

1748
    line-height: 20px !important;

1749
    margin-top: -3px !important;

1750
    text-align: center !important;

1751
    background: #222 !important;

1752
}

1753
.width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {

1754
    display: inline-block !important;

1755
    float: right !important;

1756
    width: 778px !important;

1757
    min-height: 844px !important;

1758
    margin-top: 25px !important;

1759
    margin-right: -29px !important;

1760
}

1761
1762
1763
/* (new94) USER PROFILE - === */

1764
.script-list, 

1765
.user-list, 

1766
.text-content {

1767
    display: inline-block !important;

1768
    margin-top: 0px !important;

1769
    box-shadow: 3px 3px 2px black !important;

1770
    background-color: #222 !important;

1771
}

1772
#user-profile>p {

1773
    margin-top: 0 !important;

1774
}

1775
.text-content {

1776
    width: 100% !important;

1777
}

1778
1779
.white-panel, 

1780
#user-discussions-on-scripts-written, 

1781
#control-panel, 

1782
#user-profile {

1783
    background-color: transparent !important;

1784
}

1785
1786
/* (new74) PROFILE INFOS - WITH / WITHOUT CITRUS  - PERSONALPROFILE and USREPROFILE - === */

1787
body[pagetype="PersonalProfile"] #main-header + .width-constraint ,

1788
body[pagetype="UserProfile"] #main-header + .width-constraint {

1789
    margin-top: 45px !important;

1790
    max-width: 980px !important;

1791
    background: #222 !important;

1792
}

1793
body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel ,

1794
body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content {

1795
    display: inline-block  !important;

1796
    max-width: 980px !important;

1797
    box-shadow: none !important;

1798
}

1799
1800
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content {

1801
    box-shadow: none !important;

1802
    padding-bottom: 0 !important;

1803
}

1804
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content .white-panel {

1805
    padding: 0 0 0 10px !important;

1806
}

1807
1808
/* (new73) FAVORIS SCRIPTS - without CITRUS */

1809
.width-constraint section.text-content + section {

1810
    margin-top: 25px !important;

1811
    margin-bottom: 10px !important;

1812
}

1813
.width-constraint section.text-content + section header {

1814
    margin-top: -31px !important;

1815
    margin-bottom: -10px !important;

1816
}

1817
#user-script-sets {

1818
    margin-top: 0px !important;

1819
    padding-top: 10px !important;

1820
    padding-left: 0px !important;

1821
}

1822
1823
1824
/* (new73) FAVORIS SCRIPTS - CITRUS - PERSONALPROFILE and USREPROFILE */

1825
body[pagetype="UserProfile"] #main-header + .width-constraint >section.text-content + section .white-panel {

1826
    display: inline-block  !important;

1827
    margin-top: -18px !important;

1828
}

1829
body[pagetype="UserProfile"] #main-header + .width-constraint section.text-content + section header {

1830
    margin-top: -31px !important;

1831
    margin-bottom: 10px !important;

1832
}

1833
1834
1835
/* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE */

1836
1837
#user-profile {

1838
    display: inline-block !important;

1839
    min-width: 910px;

1840
    max-width: 910px;

1841
    min-height: 21px!important;

1842
    max-height: 21px!important;

1843
    padding-bottom: 8px !important;

1844
    padding-top: 2px !important;

1845
    overflow: hidden!important;

1846
    transition: all ease 0.2s !important;

1847
}

1848
1849
body[pagetype="PersonalProfile"] #user-profile ,

1850
body[pagetype="UserProfile"] #user-profile {

1851
    display: inline-block !important;

1852
    min-width: 930px;

1853
    max-width: 930px;

1854
    background-color: white;

1855
    min-height: 21px!important;

1856
    max-height: 21px!important;

1857
    padding-bottom: 18px !important;

1858
    padding-top: 0px !important;

1859
    overflow: hidden!important;

1860
    transition: all ease 0.2s !important;

1861
}

1862
/* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - HOVER */

1863
#user-profile:hover {

1864
    display: inline-block !important;

1865
    min-height: 21px !important;

1866
    max-height: 200px !important;

1867
    background: black!important;

1868
    overflow-y: auto !important;

1869
    transition: all ease 0.7s !important;

1870
}

1871
body[pagetype="PersonalProfile"] #user-profile:hover ,

1872
body[pagetype="UserProfile"] #user-profile:hover {

1873
    display: inline-block !important;

1874
    min-height: 21px !important;

1875
    max-height: 200px !important;

1876
    background: black!important;

1877
    overflow-y: auto !important;

1878
    transition: all ease 0.7s !important;

1879
}

1880
1881
/* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - TXT "HOVER IT" - HOVER */

1882
.width-constraint > .text-content #user-profile:after {

1883
    position: absolute !important;

1884
    display: inline-block !important;

1885
    top: 107px !important;

1886
    margin-left: -255px !important;

1887
    content: " (hover it !)" !important;

1888
    font-size: 9px !important;

1889
    color: tomato !important;

1890
}

1891
body[pagetype="UserProfile"] .width-constraint > .text-content #user-profile:after  {

1892
    top: 99px !important;

1893
    margin-left: 0px !important;

1894
    color: red !important;

1895
}

1896
1897
body[pagetype="PersonalProfile"] .width-constraint > .text-content #user-profile:after {

1898
    top: 99px !important;

1899
    margin-left: -220px !important;

1900
    color: green !important;

1901
}

1902
1903
/* A SUPP ?? */

1904
#user-profile>h1:not(:hover){

1905
    margin-bottom: -5px !important;

1906
}

1907
#user-profile>h1:not(:hover):after {

1908
    margin-top: -3px !important;

1909
    content: " (hover it !)" !important;

1910
    font-size: 9px !important;

1911
    color: tomato !important;

1912
}

1913
#user-profile>a:hover {

1914
    color: tomato !important;

1915
}

1916
#user-discussions-on-scripts-written  {

1917
    min-width: 930px !important;

1918
    max-width: 930px !important;

1919
    margin: auto !important;

1920
    padding-bottom: 18px !important;

1921
    padding-top: 0px !important;

1922
    background-color: white;

1923
}

1924
#user-discussions-on-scripts-written ~ #script-table tbody tr td:nth-child(2) {

1925
    max-width: 385px !important;

1926
    word-wrap: break-word !important;

1927
}

1928
.width-constraint .text-content section#user-profile  + section + section #script-list-option-groups.list-option-groups {

1929
    display: inline-block !important;

1930
    float: left !important;

1931
    margin-left: -15px !important;

1932
    margin-top: 20px !important;

1933
}

1934
1935
1936
/* (new66) USER PROFILE -  SETS - for long SETS DESCRIPTION - wiyh / without GM " CITRUS" OK - === */

1937
#main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {

1938
    display: inline-block!important;

1939
    margin-left: -13px !important;

1940
    margin-bottom: 0 !important;

1941
    margin-top: -14px !important;

1942
    padding-left: 6px !important;

1943
}

1944
1945
/* CITRUS */

1946
body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {

1947
    display: inline-block!important;

1948
    margin-left: -13px !important;

1949
    margin-top: 4px !important;

1950
    padding-left: 6px !important;

1951
}

1952
1953
#user-script-sets>li {

1954
    display: inline-block !important;

1955
    float: right ;

1956
    clear: both ;

1957
    width: 935px !important;

1958
    line-height: 20px !important;

1959
    margin-bottom: 2px !important;

1960
    padding: 0 5px !important;

1961
    text-indent: -18px !important;

1962
}

1963
#user-script-sets>li:nth-child(odd)  {

1964
    background: #333 !important;

1965
}

1966
#user-script-sets>li:nth-child(even) {

1967
    background: black !important;

1968
}

1969
#user-script-sets>li:hover {

1970
    color: tomato !important;

1971
}

1972
#user-script-sets>li:before {

1973
    content: " ▶   " ;

1974
}

1975
1976
#user-script-sets>li a[href*="/scripts?set="] {

1977
    display: inline-block !important;

1978
    width: 17px !important;

1979
    line-height: 20px !important;

1980
    margin-bottom: -3px !important;

1981
    font-size: 10px !important;

1982
    color: transparent !important;

1983
    white-space: nowrap !important;

1984
    overflow: hidden !important;

1985
}

1986
#user-script-sets>li a[href*="/scripts?set="]:before {

1987
    position: relative ;

1988
    display: inline-block !important;

1989
    float: left ;

1990
    height: 100% ;

1991
    max-height: 15px ;

1992
    min-height: 15px ;

1993
    width: 100% ;

1994
    min-width: 25px ;

1995
    max-width: 25px ;

1996
    margin-left: -2px ;

1997
    top: 4px ;

1998
    color: transparent;

1999
    content: " ";

2000
    background-repeat: no-repeat;

2001
    background-color: rgba(55, 173, 227, 0.4) ;

2002
    background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");

2003
    background-position: 3px -650px !important;

2004
}

2005
#user-script-sets>li:hover>a[href$="/edit"] {

2006
    display: inline-block !important;

2007
    height: 15px !important;

2008
    line-height: 18px !important;

2009
    margin-left: 15px !important;

2010
    color: gold !important;

2011
    padding: 2px 4px !important;

2012
}

2013
#user-script-sets>li:hover>a:not([href$="/edit"]) {

2014
    display: inline-block !important;

2015
}

2016
#user-script-sets>li>a[href$="/edit"]:hover  ,

2017
#user-script-sets>li>a:not([href$="/edit"]):hover {

2018
/*     color: white !important; */

2019
/*     transition: background ease 0.8s !important; */

2020
}

2021
2022
/* TS CITRUS - SETS - USER SETS (ON HOVER) - #script-table +  - === */

2023
#main-header + #script-table + .pagination + #UserSets ,

2024
#main-header + #script-table + #UserSets {

2025
    position: fixed !important;

2026
    left: 27.5% !important;

2027
    top: 48px!important;

2028
    padding: 2px 10px;

2029
    background-color: yellow;

2030
    border-radius: 5px;

2031
    z-index: 200!important;

2032
    z-index: 200000 !important;

2033
    opacity: 1 !important;

2034
}

2035
2036
#main-header + #script-table + .pagination + #UserSets:before ,

2037
#main-header + #script-table + #UserSets:before {

2038
    background-color: yellow;

2039
    border-radius: 5px;

2040
    content: "Your Sets ▼ " !important;

2041
    display: inline-block !important;

2042
    left: 27.5% !important;

2043
    padding: 1px 5px !important;

2044
    position: fixed !important;

2045
    top: 48px !important;

2046
    font-size: 12px !important;

2047
    visibility: visible !important;

2048
    z-index: 200000 !important;

2049
    opacity: 1 !important;

2050
}

2051
#main-header + #script-table + .pagination + #UserSets:hover ,

2052
#main-header + #script-table + #UserSets:hover {

2053
    opacity: 1 !important;

2054
    visibility: visible !important;

2055
}

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

2058
2059
/* TEST - FAVORITS / SETS PAGES - TXT "FAVORIS BY...." - === */

2060
#UserSets +.width-constraint>h3 {

2061
    position: fixed !important;

2062
    display: inline-block !important;

2063
    width: 300px !important;

2064
    height: 20px !important;

2065
    line-height: 17px !important;

2066
    top: 60px !important;

2067
    margin-left: 250px !important;

2068
    padding: 0 2px !important;

2069
    font-size: 12px !important;

2070
    text-align: left !important;

2071
    border-radius: 3px !important;

2072
    background: #333 !important;

2073
}

2074
#UserSets +.width-constraint>h3 a {

2075
    display: inline-block !important;

2076
    max-width: 80px !important;

2077
    height: 15px !important;

2078
    line-height: 15px !important;

2079
    margin-top: 0px !important;

2080
    font-size: 13px !important;

2081
    color: gold !important;

2082
    white-space: nowrap !important;

2083
    overflow: hidden !important;

2084
    text-overflow: ellipsis !important;

2085
}

2086
#UserSets +.width-constraint>h3 a:hover {

2087
    color: tomato !important;

2088
}

2089
#UserSets +.width-constraint>h3 >a[href$="/edit"] {

2090
    position: absolute !important;

2091
    display: inline-block !important;

2092
    height: 15px !important;

2093
    line-height: 15px !important;

2094
    width: 40px !important;

2095
    top: 2px !important;

2096
    margin-left: 25% !important;

2097
    padding: 2px 2px 2px 15px !important;

2098
    border-radius: 3px !important;

2099
    font-size: 14px !important;

2100
    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;

2101
    opacity: 0 !important;

2102
    z-index: 1500 !important;

2103
}

2104
#UserSets +.width-constraint>h3:hover >a[href$="/edit"] {

2105
    position: absolute !important;

2106
    display: inline-block !important;

2107
    height: 15px !important;

2108
    line-height: 15px !important;

2109
    width: 40px !important;

2110
    top: 20px !important;

2111
    margin-left: 27% !important;

2112
    padding: 2px 2px 2px 15px !important;

2113
    border-radius: 3px !important;

2114
    font-size: 14px !important;

2115
    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;

2116
    opacity: 1 !important;

2117
    z-index: 1500 !important;

2118
}

2119
2120
/* TEST - FAVORITS / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" - === */

2121
#UserSets + .width-constraint>p {

2122
    padding: 2px 2px 2px 20px !important;

2123
    z-index: 500 !important;

2124
    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;

2125
}

2126
#UserSets + .width-constraint>p {

2127
    padding: 2px 2px 2px 20px !important;

2128
    z-index: 500 !important;

2129
    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;

2130
}

2131
2132
/* TEST - FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER - ===  */

2133
#UserSets + .width-constraint h3:not(:hover)  ~ p:nth-last-of-type(n+2):not(:hover):before ,

2134
.width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n+2):not(:hover):before {

2135
    content: "► Desc " !important;

2136
    position: fixed !important;

2137
    min-width: 60px !important;

2138
    max-width: 60px !important;

2139
    top: 71px !important;

2140
    margin-left: -290px !important;

2141
    padding: 2px 2px 2px 10px !important;

2142
    border-radius: 3px !important;

2143
    font-size: 13px !important;

2144
    font-weight: bolder !important;

2145
    color: gold !important;

2146
    overflow: hidden !important;

2147
    text-overflow: ellipsis !important;

2148
    white-space: nowrap !important;

2149
    z-index: 500 !important;

2150
    background: rgba(145, 124, 124, 0.42)!important;

2151
    pointer-events: none !important;

2152
}

2153
#UserSets + .width-constraint h3  ~ p:nth-last-of-type(n+2) ,

2154
.width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2) {

2155
    position: fixed !important;

2156
    min-width: 185px !important;

2157
    max-width: 185px !important;

2158
    top: 31px !important;

2159
    margin-left: 760px !important;

2160
    padding: 2px 2px 2px 10px !important;

2161
    border-radius: 3px !important;

2162
    font-size: 15px !important;

2163
    font-weight: bolder !important;

2164
    color: peru !important;

2165
    overflow: hidden !important;

2166
    text-overflow: ellipsis !important;

2167
    white-space: nowrap!important;

2168
    z-index: 500 !important;

2169
    background: rgba(145, 124, 124, 0.42)!important;

2170
}

2171
#UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n+2),

2172
.width-constraint h3:hover  + .script-author-description ~ p:nth-last-of-type(n+2) ,

2173
#UserSets + .width-constraint h3 ~ p:nth-last-of-type(n+2):hover ,

2174
.width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2):hover {

2175
    position: fixed !important;

2176
    height: auto !important;

2177
    min-width: 385px !important;

2178
    max-width: 385px !important;

2179
    top: 31px !important;

2180
    margin-left: 530px !important;

2181
    padding: 2px 40px 20px 40px !important;

2182
    border: 1px solid peru !important;

2183
    border-radius: 5px !important;

2184
    box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important;	

2185
    font-size: 15px !important;

2186
    font-weight: bolder !important;

2187
    color: white !important;

2188
    overflow: hidden !important;

2189
    white-space: normal !important;

2190
    text-align: left !important;

2191
    z-index: 500 !important;

2192
    background: black !important;

2193
    transition: all ease 0.7s !important;

2194
}

2195
2196
/* (new74) MEDIA QUERIE - FAVORITS / SETS PAGES - === */

2197
@media screen and (max-width: 1400px) {

2198
2199
/* #main-header + #script-table + #UserSets */

2200
#UserSets {

2201
    margin-left: -10% !important;

2202
    z-index: 5000 !important;

2203
}

2204
/* #main-header + #script-table + #UserSets:before */

2205
#UserSets:before {

2206
    margin-left: -15% !important;

2207
    z-index: 5000 !important;

2208
}

2209
2210
#UserSets + .width-constraint .pagination  {

2211
    margin-left: -10% !important;

2212
}

2213
/* ==== END === MEDIA QUERIE === FAVORITS / SETS PAGES - === */

2214
}

2215
2216
2217
2218
2219
/* GREASY FORK - FORUM - PROFILE PAGE - === */

2220
.PhotoWrap a.ChangePicture {

2221
    display: block;

2222
    top: 15px !important;

2223
    color: gold !important;

2224
    z-index: 5000 !important;

2225
    transition: all ease 0.2s !important;

2226
}

2227
.PhotoWrap:hover a.ChangePicture {

2228
    display: block;

2229
    top: 70px !important;

2230
    color: gold !important;

2231
    transition: all ease 0.7s !important;

2232
}

2233
.PhotoWrap:hover a.ChangePicture span {

2234
    color: gold !important;

2235
}

2236
#dashboard_profile_index #Content.Column.ContentColumn ,

2237
#dashboard_profile_discussions #Content.Column.ContentColumn {

2238
    margin-top: 70px!important;

2239
}

2240
.About dd {

2241
    color: peru !important;

2242
}

2243
#dashboard_profile_notifications #Content.Column.ContentColumn .User,

2244
#dashboard_profile_comments #Content.Column.ContentColumn .User,

2245
#dashboard_profile_discussions #Content.Column.ContentColumn .User {

2246
    position: fixed !important;

2247
    display: inline-block !important;

2248
    width: 742px !important;

2249
    top: 54px !important;

2250
    margin-left: -7px !important;

2251
    padding: 5px !important;

2252
    border-bottom: 1px solid peru !important;

2253
    background: black !important;

2254
    z-index: 200 !important;

2255
}

2256
#dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions  ,

2257
#dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions  ,

2258
#dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions {

2259
    position: fixed !important;

2260
    display: inline-block !important;

2261
    top: 69px !important;

2262
    margin-left: -158px !important;

2263
    z-index: 5000 !important;

2264
    background: transparent !important;

2265
}

2266
#dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile , 

2267
#dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,

2268
#dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {

2269
    position: fixed!important;

2270
    display: inline-block !important;

2271
    min-width: 20px !important;

2272
    max-width: 20px !important;

2273
    top: 99px !important;

2274
    margin-left: -58px !important;

2275
    padding: 3px 10px  3px 3px!important;

2276
    box-shadow: none !important;

2277
    text-shadow: none !important;

2278
    z-index: 202 !important;

2279
background: red !important;

2280
}

2281
#dashboard_profile_notifications #Content.Column.ContentColumn .BoxFilter + h2 ,

2282
#dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2 ,

2283
#dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {

2284
    top: 24px!important;

2285
    position: fixed!important;

2286
    display: inline-block;

2287
    z-index: 250!important;

2288
    color: peru!important;

2289
    width: 678px!important;

2290
    text-align: left;

2291
    background: black;

2292
    padding: 2px 5px!important;

2293
border: 1px solid peru!important;

2294
}

2295
#dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions + .Profile  ,

2296
#dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions +.Profile  ,

2297
#dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions +.Profile {

2298
margin-top: 70px !important;

2299
}

2300
#conversations_messages_all .Condensed.DataList.Conversations {

2301
    margin-top: 42px !important;

2302
}

2303
.Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {

2304
    margin-top: -70px !important;

2305
}

2306
/* (new90) GREASYFORK FORUM - PROFILE BUTTON */

2307
#dashboard_profile_discussions .About>dt:last-of-type  {

2308
    position: absolute !important;

2309
    display: inline-block !important;

2310
    width: 23% !important;

2311
    height: 18px !important;

2312
    line-height: 18px !important;

2313
    top: 5px !important;

2314
    left: 74%!important;

2315
    padding: 2px 2px 2px 15px !important;

2316
    border-radius: 3px !important;

2317
    font-size: 15px !important;

2318
    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;

2319
}

2320
/* (new66) GEASY FORK - WITHOUT GM - SCRIPTS LIST(work with TS CITRUS enable) - === */

2321
#user-script-list>li>article ,

2322
#browse-script-list>li>article {

2323
    padding: 2px 5px !important;

2324
    width: 720px !important;

2325
}

2326
/* CIRTUS */

2327
.script-list dt {

2328
    width: 12em;

2329
    clear: left;

2330
    float: left;

2331
    padding-left: 5px!important;

2332
    padding-right: 1em;

2333
    font-weight: bold;

2334
    text-align: left !important;

2335
border-left: 1px solid peru !important;

2336
}

2337
/* (new66) without script */

2338
#user-script-list>li>article .description ,

2339
#browse-script-list>li>article .description {

2340
    display: inline-block!important;

2341
    width: 100% !important;

2342
    min-width: 757px !important;

2343
    max-width: 757px !important;

2344
    padding-bottom: 4px !important;

2345
    padding-left: 4px!important;

2346
    font-size: 15px !important;

2347
    line-height: 15px !important;

2348
    border-bottom: 1px solid gray!important;

2349
border-left: 3px solid red !important;

2350
    word-wrap: break-word !important;

2351
    overflow: hidden !important;

2352
}

2353
/* CITRUS */

2354
body[pagetype="UserProfile"] 

2355
#user-script-list>li>article .description ,

2356
#browse-script-list>li>article .description {

2357
    display: inline-block!important;

2358
    width: 100% !important;

2359
    min-width: 710px !important;

2360
    max-width: 710px !important;

2361
    padding-bottom: 4px !important;

2362
    padding-left: 4px!important;

2363
    font-size: 15px !important;

2364
    line-height: 15px !important;

2365
    border-bottom: 1px solid gray!important;

2366
border-left: 3px solid red !important;

2367
    word-wrap: break-word !important;

2368
    overflow: hidden !important;

2369
}

2370
/* mark ELEMENT - === */

2371
mark {

2372
    padding: 0px 5px !important;

2373
    border-radius: 3px!important;

2374
    background: #DED236 !important;

2375
}

2376
2377
2378
2379
/* (new84) ICON USER / SCRIPT - BACKGROUND - === */

2380
#site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] ,

2381
#title-image ,

2382
.ProfilePhoto.ProfilePhotoMedium ,

2383
#script-info>header>h2>div img {

2384
    height: auto !important;

2385
    max-height: 30px !important;

2386
    max-width: 30px !important;

2387
    width: auto !important;

2388
    margin-top: -3px;

2389
    padding: 2px !important;

2390
    background-color: rgba(191, 191, 190, 0.33) !important;

2391
    border-radius: 5px !important;

2392
    box-shadow: 0 0 2px #cccccc inset !important;

2393
}

2394
#site-name img ,

2395
#title-image  {

2396
    background-color: rgba(191, 191, 190, 0.33) !important;

2397
    background-image: none !important;

2398
}

2399
#site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"] , 

2400
#site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"]   {

2401
    display: inline-block !important;

2402
    position: relative !important;

2403
    height: 100% !important;

2404
    min-height: 30px !important;

2405
    max-height: 30px !important;

2406
    width: 100%!important;

2407
    min-width: 30px !important;

2408
    max-width: 30px !important;

2409
    top: -4px !important;

2410
    padding: 2px!important;

2411
    background-color: black !important;

2412
    border-radius: 3px !important;

2413
    box-shadow: 0 0 2px #cccccc inset !important;

2414
}

2415
#site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {

2416
    position: relative !important;

2417
    display: inline-block !important;

2418
    top: -3px !important;

2419
    border-radius: 5px !important;

2420
}

2421
2422
/* FORUM COMMENT - POST REPY - PREVIEW + QUOTE with "ol" or not / With AUTHOR or not - === */

2423
.Preview {

2424
    background: #454545!important;

2425
    color: #929292 !important;

2426
    min-height: 100px;

2427
    padding: 4px;

2428
}

2429
blockquote ,

2430
blockquote.Quote, 

2431
blockQuote.UserQuote {

2432
    background: rgba(184, 181, 181, 0.05) !important;

2433
    border-left: 4px solid rgba(242, 193, 36, 0.37) !important;

2434
}

2435
2436
/* (new101) BLOCKQUOTES */

2437
/* for : https://forum.userstyles.org/discussion/61368/cant-get-regexp-to-work-in-new-version#latest */

2438
blockquote {

2439
    width: 608px !important;

2440
    margin-left: -4px !important;

2441
    padding: 1px 5px !important;

2442
}

2443
.Message>blockquote>div>pre{

2444
    margin-left: 2px!important;

2445
}

2446
.Message>blockquote>pre{

2447
    width: 97% !important;

2448
}

2449
.QuoteText>ol{

2450
    display: inline-block!important;

2451
    width: 95%!important;

2452
    margin-bottom: -28px!important;

2453
    margin-top: -15px!important;

2454
}

2455
.script-author-description>blockquote {

2456
    margin-left: -4px !important;

2457
    padding: 1px 5px !important;

2458
    width: 99% !important;

2459
}

2460
/* FORUM COMMENT - POST/EDIT NEW DISCUSSION + ACTIVITIES - === */

2461
#vanilla_post_editdiscussion #Content.Column.ContentColumn ,

2462-
    width: 727px!important;

2462+
2463
    width: 689px!important;

2464
    margin-top: 74px!important;

2465
    margin-left: 215px!important;

2466
}

2467
/* (new79) GREASYFORK different than USERSTYLES - FORUM DISCUSSION - DISSCUSSION CONTAINER - === */

2468
#Content.Column.ContentColumn ,

2469
#vanilla_discussion_index #Content.Column.ContentColumn {

2470
    display: inline-block !important;

2471
    float: right !important;

2472
    width: 750px !important;

2473
    min-height: 770px !important;

2474
    margin-top: -8px !important;

2475
    padding: 0 0 0 5px !important;

2476
    border-radius: 0 0 5px 5px !important;

2477
    box-shadow: none !important;

2478
    background: transparent !important;

2479
}

2480
2481
/* (new94) GREASYFORK - FORUM - POST A COMMENT - FIRST POST - === */

2482
.ExtraDiscussionData-Rating .report {

2483
    width: 584px ;

2484
    padding: 5px !important;

2485
    border: 1px solid gray !important;

2486
}

2487
2488
/* (new79) GREASYFORK / USERSTYLES - CATEGORIES DISCUSSION LIST */

2489
#vanilla_categories_index.Vanilla.Categories.Index.Discussions #Content.Column.ContentColumn {

2490
    margin-top: -37px !important;

2491
}

2492
2493
/* (new79) USERSTYLE */

2494
#Content.Column.ContentColumn .MessageList.Discussion ,

2495
#vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {

2496
    position: relative !important;

2497
    top: -28px;

2498
    margin-bottom: -41px !important;

2499
    z-index: 10 !important;

2500
}

2501
2502
2503
/* (new68) FORUM DISCUSSION - COMMENT FORM -  CONTAINER - === */

2504
.MessageForm.CommentForm.FormTitleWrapper {

2505
    padding-left: 15px !important;

2506
}

2507
2508
/* (new79) PB DIFF - USERSTYLES / GREASYFORK - FORUM DISCUSSION - DISSCUSSION LIST CONTAINER - === */

2509
/* GREASYFORK / USERSTYELS */

2510
.Column.ContentColumn .DataList.Discussions {

2511
    position: relative !important;

2512
    display: inline-block !important;

2513
    width: 727px !important;

2514
    margin-top: 5px!important;

2515
}

2516
2517
/* (new74) PB DIFF - USERSTYLES / GREASYFORK */

2518
/* GREASYFORK */

2519
#vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {

2520
    margin-left: 0px !important;

2521
}

2522
/* (new74) - USERSTYLES == #Frame .Row .BreadcrumbsWrapper etc...- === */

2523
#Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .PageControls.Top + .DataList.Discussions ,

2524
#vanilla_discussions_mine #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions  {

2525
/*     margin-left: -20px !important; */

2526
}

2527
2528
/* ==== */

2529
2530
.Profile .DataList.Discussions {

2531
    position: relative !important;

2532
    display: inline-block !important;

2533
    width: 727px !important;

2534
    margin-top: 107px!important;

2535
}

2536
#vanilla_categories_index .DataList.CategoryList {

2537
    position: relative !important;

2538
    display: inline-block !important;

2539
    width: 727px !important;

2540
    margin-top: 30px!important;

2541
}

2542
.DataList.Activities .Item   {

2543
    position: relative !important;

2544
    display: inline-block !important;

2545
    width: 709px !important;

2546
}

2547
2548
/* (new79) FORUMS ALL - DISCUSSIONS LIST - HEADER - ===  */

2549
.HomepageTitle ,

2550
.H.HomepageTitle {

2551
    position: fixed !important;

2552
    width: 733px !important;

2553
    top: 80px !important;

2554
    margin-left: 0px !important;

2555
    padding: 1px 5px 1px 5px !important;

2556
    border-top: 1px solid peru !important;

2557
    border-bottom: 1px solid peru!important;

2558
    color: gold !important;

2559
    background-color: #222 !important;

2560
    z-index: 10 !important;

2561
}

2562
#vanilla_discussions_participated .HomepageTitle {

2563
    width: 733px !important;

2564
    top: 47px !important;

2565
}

2566
2567
/* (new79) USERSTYLES FORUM - DISCUSSIONS LIST - HEADER - === */

2568
#Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {

2569
    width: 747px!important;

2570
    top: 46px !important;

2571
}

2572
.P.PageDescription {

2573
    position: fixed !important;

2574
    width: 738px!important;

2575
    top: 72px !important;

2576
    padding: 1px 0px 1px 5px !important;

2577
    color: gold !important;

2578
    border-bottom: 1px solid red !important;

2579
    background-color: #222 !important;

2580
    z-index: 10 !important;

2581
}

2582
#vanilla_categories_index .DataList.Discussions {

2583
    margin-top: 47px !important;

2584
    border-top: 1px solid peru !important;

2585
}

2586
2587
/* PROFILE - DICUSSION LIST -  === */

2588
.Profile .DataList.Discussions {

2589
    margin-top: 0px !important;

2590
}

2591
2592
/* ACTIVITY PAGE - === */

2593
.Excerpt>p>a>img {

2594
    max-width: 671px!important;

2595
}

2596
#dashboard_profile_notifications .Item:nth-child(odd) , 

2597
.Profile .DataList.Discussions .Item:nth-child(odd) ,

2598
.DataList.SearchResults .Item:nth-child(odd) {

2599
    background-color: #222 !important;

2600
}

2601
#dashboard_profile_notifications .Item:nth-child(even) ,

2602
.Profile .DataList.Discussions .Item:nth-child(even) ,

2603
.DataList.SearchResults .Item:nth-child(even) {

2604
    background-color: #414141 !important;

2605
}

2606
#dashboard_profile_notifications .Item:hover ,

2607
.Profile .DataList.Discussions .Item:hover ,

2608
.DataList.SearchResults .Item:hover {

2609
    background-color: rgba(7, 7, 7, 0.57) !important;

2610
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;

2611
    transition: background 0.8s ease 0s !important;

2612
}

2613
#dashboard_profile_notifications .Item:hover ,

2614
.Profile .DataList.Discussions .Item:hover ,

2615
.DataList.SearchResults .Item:hover {

2616
    background-color: black !important;

2617
    z-index: 1 !important;

2618
}

2619
/* #dashboard_profile_notifications .Item .ItemContent .Meta a , */

2620
.DataList.SearchResults .Item .ItemContent .Meta a {

2621
    font-size: 15px! important;

2622
}

2623
2624
2625
/* (new86) GREASYFORK - with / without TS CITRUS - SEARCH FORM + BUTTONS - ===  */

2626
.sidebar-search {

2627
    position: absolute !important;

2628
}

2629
2630
#script-search>input[type="search"] {

2631
    min-height: 18px !important;

2632
    line-height: 18px!important;

2633
}

2634
#script-search>input[type="submit"] {

2635
    position: relative;

2636
    -moz-appearance: none!important;

2637
    height: 21px !important;

2638
    line-height: 18px!important;

2639
    width: 20px !important;

2640
    top: 3px !important;

2641
    padding-right: 0 !important;

2642
    font-size: 12px !important;

2643
    text-align: center !important;

2644
}

2645
#userProfile + ul  #sidebar-search #search-submit {

2646
    height: 19px !important;

2647
}

2648
2649
#search-other-sites {

2650
    direction: rtl;

2651
    width: 13px!important;

2652
    height: 20px!important;

2653
    padding: 0px !important;

2654
    line-height: 10px !important;

2655
}

2656
2657
/*  GREASYFORK - without TS CITRUS - LINKS in MESSAGE - 

2658
https://greasyfork.org/fr/forum/discussion/2246/please-help-me-convert-bookmarklet-in-user-script-in-order-to-download-artwork-on-soundcloud#latest

2659
=== */ 

2660
body:not(.Settings) a:not(.Button) {

2661
    color: peru!important;

2662
}

2663
2664
/* (new74) GREASYFORK - without TS CITRUS - FORUM HEADER - === */ 

2665
#main-header +.width-constraint {

2666
    max-width: 980px !important;

2667
    margin-top: 51px !important;

2668
}

2669
body[pagetype="UserProfile"] #main-header +.width-constraint ,

2670
body[pagetype="PersonalProfile"] #main-header +.width-constraint {

2671
    margin-top: 51px !important;

2672
    box-shadow: 3px 3px 2px black !important;

2673
}

2674
2675
#Head .Row  {

2676
    position: relative;

2677
    display: inline-block!important;

2678
    max-height: 47px ! important;

2679
    min-height: 47px !important;

2680
    left: 25%!important;

2681
    padding: 0.25em 0;

2682
}

2683
#Head .Row #site-name {

2684
    height: 51px !important;

2685
    line-height: 1em;

2686
    margin-top: -8px!important;

2687
}

2688
#nav-user-info {

2689
    position: absolute;

2690
    display: inline-block!important;

2691
    top: -7px!important;

2692
}

2693
.user-profile-link {

2694
    position: relative !important;

2695
    display: inline-block !important;

2696
}

2697
/* (new76) GREASYFORK - USER NAME + LOGIN / LOGOUT + LANG CHOOSE - CONTAINER */

2698
#language-selector {

2699
    position: absolute !important;

2700
    display: inline-block !important;

2701
    -moz-appearance: none !important;

2702
    width: 18px !important;

2703
    height: 15px !important;

2704
    line-height: 13px !important;

2705
    top: 2px !important;

2706
    padding: 0 2px !important;

2707
    border-radius: 3px !important;

2708
    box-shadow: 3px 3px 2px black !important;

2709
    background: #222 !important;

2710
    overflow: hidden !important; 

2711
    text-indent: -1px !important;

2712
    text-overflow: '' !important;

2713
    z-index: 500000 !important;

2714
}

2715
#language-selector-locale {

2716
    position: relative !important;

2717
    display: inline-block !important;

2718
    -moz-appearance: none !important;

2719
    width: 19px !important;

2720
    height: 13px !important;

2721
    line-height: 8px !important;

2722
    margin-right: 14px !important;

2723
    letter-spacing: 1px !important;

2724
    color: peru !important;

2725
    border: 1px solid transparent !important;

2726
    background: #222 !important;

2727
    overflow: hidden !important;

2728
    cursor: pointer !important;

2729
}

2730
#language-selector-locale:hover {

2731
    color: tomato !important;

2732
}

2733
#language-selector-locale>option {

2734
    text-indent: 20px !important;

2735
    margin-left: -20px !important;

2736
}

2737
#language-selector-locale>option:checked:before {

2738
    content: attr(value) ;

2739
    color: tan !important;

2740
    font-size: 20px !important;

2741
    background: black !important;

2742
}

2743
#language-selector-locale>option:before {

2744
    content: attr(value) ;

2745
    display: inline-block ;

2746
    width: 100px !important;

2747
    margin-right: 17px  ;

2748
    margin-left: -20px  ;

2749
    color: gold ;

2750
}

2751
#language-selector-locale>option[selected=""]:before {

2752
    content: attr(value) ;

2753
    color: green !important;

2754
}

2755
2756
2757
.width-constraint #nav-user-info {

2758
    position: absolute;

2759
    display: inline-block !important;

2760
    height: 15px!important;

2761
    line-height: 15px!important;

2762
    width: 300px!important;

2763
    top: 15px!important;

2764
    top: -4px!important;

2765
    left: 64%!important;

2766
    text-align: right !important;

2767
}

2768
2769
/* (new74) GREASYFORK - SITE MENU - with SEARCH - === */

2770
.SiteMenu {

2771
    position: absolute;

2772
    display: inline-block !important;

2773
    height: 24px!important;

2774
    width: 320px!important;

2775
    top: -12px!important;

2776
    left: 16%!important;

2777
}

2778
2779
/* (new79) GREASYFORK : WITH / Without TS CITRUS - === */

2780
#site-nav>nav  {

2781
    position: absolute;

2782
    display: inline-block!important;

2783
    height: 24px!important;

2784
    line-height: 24px!important;

2785
    width: 390px!important;

2786
    top: -9px!important;

2787
    left: 16%!important;

2788
    text-align: left !important;

2789
}

2790
/* (new79) GREASYFORK - SCRIPT LIST - TS CITRUS - === */

2791
body[pagetype="ListingPage"] #site-nav>nav   {

2792
    position: absolute;

2793
    display: inline-block!important;

2794
    height: 15px!important;

2795
    line-height: 15px!important;

2796
    width: 410px!important;

2797
    top: -4px!important;

2798
    left: 16%!important;

2799
    text-align: left !important;

2800
}

2801
2802
#main-header .width-constraint {

2803
    position: relative;

2804
    height: 42px !important;

2805
    padding: 0 0 0.25em;

2806
    overflow: visible !important;

2807
}

2808
#main-header .width-constraint #site-name {

2809
    height: 40px!important;

2810
}

2811
#title-subtext {

2812
    font-size: 10px;

2813
    font-weight: 400 !important;

2814
    left: 63px !important;

2815
    position: absolute;

2816
    text-decoration: none;

2817
    top: 28px !important;

2818
}

2819
#site-name>a[href="/"] {

2820
    display: inline-block!important;

2821
    color: gold !important;

2822
}

2823
#site-name>a[href="/"] span {

2824
    position: relative!important;

2825
    display: inline-block!important;

2826
    height: 33px!important;

2827
    line-height: 33px!important;

2828
    top: -3px !important;

2829
    margin-left: 3px!important;

2830
    font-size: 27px!important;

2831
    color: peru !important;

2832
2833
}

2834
#site-name>a[href="/"] #title-subtext {

2835
    position: absolute;

2836
    top: 15px!important;

2837
    left: 55px !important;

2838
    font-size: 10px;

2839
    font-weight: 400 !important;

2840
    text-decoration: none;

2841
    color: peru !important;

2842
}

2843
#site-name>a[href="/"] span:first-of-type {

2844
    height: 18px !important;

2845
    line-height: 16px !important;

2846
    top: -18px !important;

2847
    border-radius: 0 0 10px 0 !important;

2848
    border: 1px solid peru !important;

2849
    border-left:  none !important;

2850
    border-top:  none !important;

2851
    font-size: 18px !important;

2852
}

2853
/*(new74) GREASYFORK - SITE TITLE - WITHOUT CITRUS */

2854
#site-name h1 {

2855
    width: 109px !important;

2856
    height: 20px !important;

2857
    line-height: 12px !important;

2858
    top: -18px !important;

2859
    border-radius: 0 0 10px 0 !important;

2860
    border: 1px solid peru !important;

2861
    border-left:  none !important;

2862
    border-top:  none !important;

2863
}

2864
#site-name h1 a {

2865
    height: 18px !important;

2866
    line-height: 15px !important;

2867
    font-size: 18px !important;

2868
    letter-spacing: 0.2px !important;

2869
}

2870
2871
.subtitle ,

2872
#main-header .subtitle {

2873
    margin-top: -3px !important;

2874
    margin-left: -1px !important;

2875
    text-shadow: none !important;

2876
}

2877
#site-name-text {

2878
    display: inline-block;

2879
    vertical-align: top;

2880
    height: 18px!important;

2881
    line-height: 18px!important;

2882
}

2883
#site-name-text h1 {

2884
    font-size: 18px!important;

2885
    letter-spacing: -2px;

2886
    margin-top: -4px;

2887
}

2888
#site-name-text h1 a {

2889
    font-size: 15px!important;

2890
    letter-spacing: 0.6px !important;

2891
    margin: 0;

2892
}

2893
#site-nav>nav>li>a {

2894
    margin-right: 2px !important;

2895
}

2896
2897
/* (new73) GREASEMONKEY - ADD ICON for LOGIN - === */

2898
#nav-user-info {

2899
    color: transparent !important;

2900
}

2901
.sign-out-link {

2902
    position: relative !important;

2903
    display: inline-block !important;

2904
    height: 15px !important;

2905
    margin-right: 5px !important;

2906
    font-size: 0 !important;

2907
    opacity: 0.4 !important;

2908
}

2909
.sign-out-link:hover {

2910
    opacity: 1 !important;

2911
}

2912
.SignOut,

2913
.sign-out-link a {

2914
    border: 1px solid gray !important;

2915
    border-radius: 3px !important;

2916
    display: inline-block !important;

2917
    font-size: 0 !important;

2918
    height: 15px !important;

2919
    margin-right: 5px !important;

2920
    position: relative !important;

2921
    top: -3px !important;

2922
    width: 15px !important;

2923
    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;

2924
    background-position: center !important;

2925
    background-size: cover !important;

2926
    background-color: red !important;

2927
    cursor: pointer !important;

2928
}

2929
2930
/* (new74) - GREASYFORK - SEARCH - === */

2931
.nav-search {

2932
    position: absolute !important;

2933
    display: inline-block !important;

2934
    width: 220px !important;

2935
    height: 19px !important;

2936
    line-height: 0px !important;

2937
    left: 240px !important;

2938
    top: 7px !important;

2939
}

2940
.nav-search:hover {

2941
    width: 400px !important;

2942
}

2943
.nav-search #script-search {

2944
    position: relative;

2945
    display: inline-block !important;

2946
    vertical-align: top !important;

2947
    width: 200px !important;

2948
    top: -7px !important;

2949
}

2950
body[pagetype="ListingPage"] .nav-search #script-search {

2951
    top: -12px !important;

2952
}

2953
.nav-search:hover #script-search {

2954
    width: 420px !important;

2955
}

2956
.nav-search #script-search input[name="q"] {

2957
    display: inline-block !important;

2958
    width: 150px !important;

2959
    margin-top: 5px !important;

2960
    opacity: 0.4 !important;

2961
}

2962
2963
.nav-search:hover #script-search input[name="q"] {

2964
    width: 350px !important;

2965
    opacity: 1 !important;

2966
}

2967
2968
/* (new74) TS CITRUS - SETTINGS - ADD ICON - === */

2969
#site-name > a span#settings-subtext {

2970
    position: absolute !important;

2971
    display: inline-block !important;

2972
    height: 16px !important;

2973
    width: 16px !important;

2974
    margin-left: -31px !important;

2975
    margin-top: 18px !important;

2976
    border-radius: 4px !important;

2977
    font-size: 0px !important;

2978
    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;

2979
    background-color: #DCD9D9 !important;

2980
    transform: scale(0.7) !important;

2981
    opacity: 0.4 !important;

2982
}

2983
#site-name > a span#settings-subtext:hover {

2984
    opacity: 1 !important;

2985
}

2986
2987
/* (new74) TS CITRUS - SCRIPT LIST TABLE - BROWSE/PROFILE - === */

2988
#script-info {

2989
    margin-top: -50px !important;

2990
    padding: 0 5px 0 5px !important;

2991
    border: 1px solid #bbb;

2992
    border-radius: 0 !important;

2993
    box-shadow: none !important;

2994
    background-color: #333 !important;

2995
}

2996
#share {

2997
    position: relative !important;

2998
    display: inline-block !important;

2999
    max-height: 20px !important;

3000
    margin-bottom: 0 !important;

3001
    overflow: hidden !important;

3002
    background: red !important;

3003
    background-color: #670000 !important;

3004
    background-image: linear-gradient(#670000, #900) !important;

3005
}

3006
#share:hover {

3007
    height: 240px !important;

3008
    max-height: 100% !important;

3009
    overflow: visible !important;

3010
    transition: height ease 4s !important;

3011
}

3012
#share>h3 {

3013
    margin-top: -2px;

3014
    width: 942px !important;

3015
    padding: 0 5px !important;

3016
}

3017
#social-buttons {

3018
    text-align: center !important;

3019
}

3020
.social_share_privacy_area.box li.settings_info {

3021
    display: inline-block !important;

3022
    left: 0 !important;

3023
}

3024
#script-table {

3025
    display: block!important;

3026
    margin: 0 auto!important;

3027
    max-width: 960px!important;

3028
}

3029
body[pagetype="ListingPage"] #script-table {

3030
    margin-top: 76px!important;

3031
}

3032
body[pagetype="ListingPage"] #script-table thead {

3033
    position: fixed!important;

3034
    max-width: 970px!important;

3035
    margin-top: -31px!important;

3036
}

3037
#script-table tbody td:nth-child(2) {

3038
    max-width: 450px!important;

3039
    min-width: 450px !important;

3040
}

3041
3042
3043
/* (new121) */

3044
#script-table tbody td:nth-child(2) .thetitle>a>b {

3045
    display: inline-block !important;

3046
    width: 100% !important;

3047
    max-width: 450px!important;

3048
    min-width: 450px !important;

3049
/*     overflow: hidden !important; */

3050
/* text-overflow: ellipsis !important; */

3051
/* white-space: nowrap !important; */

3052
/*     white-space: pre-wrap !important; */

3053
    word-wrap: break-word !important;

3054
/* background: blue !important; */

3055
}

3056
3057
3058
body[pagetype="ListingPage"] #script-table thead tr {

3059
    display: inline-table!important;

3060
    width: 100% !important;

3061
    max-width: 970px!important;

3062
}

3063
#script-table>thead>tr>td:first-of-type {

3064
    width: 25px !important;

3065
}

3066
#script-table>thead>tr>td[tag="name"] {

3067
    width: 452px !important;

3068
    text-align: left !important;

3069
    text-indent: 130px !important;

3070
}

3071
#script-table>thead>tr>td[tag="name"] span {

3072
    position: relative  !important;

3073
    display: inline-block !important;

3074
    width: 15px !important;

3075
    margin-left: 0px !important;

3076
    padding: 0px !important;

3077
    text-align: center !important;

3078
    text-indent: 0px !important;

3079
}

3080
#script-table>thead>tr>td[tag="name"] span.filterL:hover:before {

3081
    content: "Library Filter" !important;

3082
    position: absolute !important;

3083
    display: inline-block !important;

3084
    width: 80px !important;

3085
    margin-left: -10px !important;

3086
    margin-top: -17px !important;

3087
    padding: 0px !important;

3088
    border-radius: 5px !important;

3089
    text-align: center !important;

3090
    text-indent: 0px !important;

3091
    background: #cefd8a !important;

3092
    color: black !important;

3093
}

3094
#script-table>thead>tr>td[tag="name"] span.filterU:hover:before {

3095
    content: "Unlisted Filter" !important;

3096
    position: absolute !important;

3097
    display: inline-block !important;

3098
    width: 80px !important;

3099
    margin-left: -10px !important;

3100
    margin-top: -17px !important;

3101
    padding: 0px !important;

3102
    border-radius: 5px !important;

3103
    text-align: center !important;

3104
    text-indent: 0px !important;

3105
    background: #cee7f3 !important;

3106
    color: black !important;

3107
}

3108
#script-table>thead>tr>td[tag="name"] span.filterD:hover:before {

3109
    content: "Deleted Filter" !important;

3110
    position: absolute !important;

3111
    display: inline-block !important;

3112
    width: 80px !important;

3113
    margin-left: -10px !important;

3114
    margin-top: -17px !important;

3115
    padding: 0px !important;

3116
    border-radius: 5px !important;

3117
    text-align: center !important;

3118
    text-indent: 0px !important;

3119
    background: #f77a7a !important;

3120
    color: black !important;

3121
}

3122
3123
/* (new79) - PB TO CHANGE HEADER  TD BACKGROUD SELECTED - === */ 

3124
#script-table>thead>tr>td {

3125
    box-shadow: 3px 3px 2px black !important;

3126
}

3127
3128
#script-table>thead>tr>td[tag="ratings"] {

3129
    width: 84px!important;

3130
}

3131
#script-table>thead>tr>td[tag=""] {

3132
    width: 45px!important;

3133
}

3134
#script-table>thead>tr>td[tag="total_installs"] {

3135
    width: 55px !important;

3136
}

3137
#script-table>thead>tr>td[tag="created"] {

3138
    width: 107px!important;

3139
}

3140
#script-table>thead>tr>td[tag="updated"] {

3141
    width: 108px!important;

3142
}

3143
3144
/* SCRIPT # */

3145
#script-table tbody td:nth-child(1) {

3146
/* width: 4% !important; */

3147
}

3148
/* SCRIPT INFO */

3149
#script-table tbody td:nth-child(2) {

3150
    width: 12% !important;

3151
}

3152
/* SCRIPT RATING */

3153
#script-table tbody td:nth-child(3) {

3154
    width: 4% !important;

3155
}

3156
/* SCRIPT DAILY */

3157
#script-table tbody td:nth-child(4) {

3158
    width: 12.7% !important;

3159
}

3160
/* SCRIPT TOTAL  */

3161
#script-table tbody td:nth-child(5) {

3162
    width: 8.8% !important;

3163
}

3164
/* SCRIPT CREATED  */

3165
#script-table tbody td:nth-child(6) {

3166
    width: 11.1% !important;

3167
}

3168
/* SCRIPT UPDATED  */

3169
#script-table tbody td:nth-child(7) {

3170
    width: 12.4% !important;

3171
}

3172
3173
#script-table td .thetitle +div {

3174
    overflow: hidden !important;

3175
    word-wrap: break-word!important;

3176
}

3177
/* (new90) */

3178
.width-constraint #script-info>header {

3179
    position: fixed !important;

3180
    display: inline-block !important;

3181
    min-width: 966px!important;

3182
    max-width: 966px!important;

3183
    height: 126px!important;

3184
    line-height: 17px!important;

3185
    margin-left: -4px !important;

3186
    top: 48px !important;

3187
    padding: 5px 5px  0px 5px !important;

3188
    z-index: 5 !important;

3189
    background: black !important;

3190
}

3191
#script-description {

3192
    display: inline-block !important;

3193
    width: 100% !important;

3194
    padding-bottom: 7px !important;

3195
    border-bottom: 1px solid red !important;

3196
}

3197
#script-info header h2 {

3198
    position: relative !important;

3199
    display: inline-block !important;

3200
    width: 100% !important;

3201
    line-height: 17px !important;

3202
    vertical-align: top !important;

3203
    margin-top: 1px !important;

3204
    padding-bottom: 5px !important;

3205
    font-size: 17px !important;

3206
    border-bottom: 1px solid red !important;

3207
}

3208
3209
3210
/* (new90) ADAPTATION For GM - GreasyFork script icon (https)

3211
https://greasyfork.org/fr/scripts/6861-greasyfork-script-icon-https 

3212
=== */

3213
#script-info>header>h2>div {

3214
    position: relative !important;

3215
    display: inline-block;

3216
    width: 34px !important;

3217
    top: 3px;

3218
    margin-top: -2px ;

3219
    margin-left: 0px !important;

3220
    margin-right: 10px !important;

3221
    text-align: right;

3222
}

3223
/* === */

3224
.width-constraint #script-info>#script-links {

3225
    position: fixed !important;

3226
    display: inline-block !important;

3227
    width: 100% !important;

3228
    min-width: 960px!important;

3229
    max-width: 960px!important;

3230
    top: 179px!important;

3231
    margin-left: 0 !important;

3232
    padding: 2px 5px !important;

3233
    background: #222 !important;

3234
    z-index: 5000 !important;

3235
}

3236
3237
3238
3239
3240
/* (new62) TS CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" - === */

3241
html>body>div[style="text-align: right; padding: 1px 50px"] {

3242
    position: fixed !important;

3243
    width: 275px !important;

3244
    top: 72px !important;

3245
    padding: 0 !important;

3246
    text-align: right;

3247
    left:  33% !important;

3248
    z-index: 500 !important;

3249
}

3250
#RelativeSearch {

3251
    display: inline-block;

3252
    width: 120px !important;

3253
    padding: 1px 10px !important;

3254
    text-align: center;

3255
    border-radius: 3px;

3256
    cursor: pointer;

3257
    background-color: orange;

3258
}

3259
3260
/* (new102) USER SET - HEADER - TXT "SETS" / HOVER - - === */

3261
#UserSets::before {

3262
    width: 53px !important;

3263
    left: 5px !important;

3264
    text-indent: 0px !important;

3265
    z-index: 20000 !important;

3266
}

3267
#UserSets:hover::before {

3268
    position: absolute !important;

3269-
/* SCRIPT INFOS PAGE - SMALLER TAB LABELS - For extras labels in  AUTHOR SCRIPTS (where We can EDIT IT) === */

3269+
3270
    left: -5px !important;

3271
    top: 0px !important;

3272
    text-indent: 0px !important;

3273
    z-index: 20000 !important;

3274
    background: green !important;

3275
}

3276
#UserSets {

3277
    position: fixed !important;

3278
    display: inline-block !important;

3279
    float: none !important;

3280
    left: 22% !important;

3281
    padding: 6px 5px !important;

3282
    top: 52px !important;

3283
    border-radius: 5px;

3284
    opacity: 1 !important;

3285
    visibility: hidden !important;

3286
    z-index: 20000 !important;

3287
    cursor: pointer !important;

3288
}

3289
#UserSets:hover {

3290
    width: 510px !important;

3291
    height: 834px !important;

3292
    top: 34px !important;

3293
    left: 22.5% !important;

3294
    padding: 25px 6px 5px 50px !important;

3295
    overflow: hidden !important;

3296
    overflow-y: auto!important;

3297
    opacity: 1 !important;

3298
    visibility: visible !important;

3299
}

3300
#UserSets li {

3301
    width: 480px !important;

3302
    text-indent: 0px !important;

3303
}

3304
3305
3306
/* (new129) TEST - SCRIPT INFOS PAGE  - CODE IN ONE LINE - === */

3307
3308
#script-content>pre {

3309
    background-color: #ffff99;

3310
    margin-left: 30px;

3311
    padding: 5px 10px;

3312
    white-space: pre-wrap;

3313
    word-wrap: break-word;

3314
}

3315
3316
3317
/* SCRIPT INFOS PAGE  - ADAPTATION for GM: Linkify Plus Plus - === */

3318
#script-info #script-description .linkifyplus>img {

3319
    display: inline-block !important;

3320
    max-width: 15% !important;

3321
    margin-bottom: -27px !important;

3322
}

3323
3324
/* SCRIPT INFOS PAGE - IN CODE SECTION - ADAPTATION for GM: Linkify Plus Plus - === */

3325
#code-container  .linkifyplus>img {

3326
    height: auto !important;

3327
    max-height: 64px !important;

3328
    max-width: 64px !important;

3329
    width: auto !important;

3330
    background: rgba(191, 191, 190, 0.33) none repeat scroll 0 0 !important;

3331
    border-radius: 5px !important;

3332
    box-shadow: 0 0 2px #cccccc inset !important;

3333
    padding: 2px !important;

3334
}

3335
/* (new124) SCRIPT INFOS PAGE - SMALLER TAB LABELS - For extras labels in  AUTHOR SCRIPTS (where We can EDIT IT) === */

3336
.width-constraint #script-info>#script-links li {

3337
    display: inline-block !important;

3338
    padding: 2px!important;

3339
    font-size: 14px!important;

3340
}

3341
.width-constraint #script-info>#script-links li > * {

3342
    display: inline-block !important;

3343
    padding: 2px!important;

3344
    font-size: 14px!important;

3345
}

3346
3347
3348
/* (new88) GREASYFORK - PROFILE - TS CITRUS - === */

3349
#user-control-panel > li  ,

3350
body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel li {

3351
    display: inline-block !important;

3352
    width: 45% !important;

3353
    line-height: 13px!important;

3354
    margin-left: 25px !important;

3355
    padding: 2px 1px!important;

3356
    border: 1px solid #404040;

3357
    border-radius: 5px;

3358
    box-shadow: 3px 3px 2px black !important;

3359
    text-align: center!important;

3360
    font-size: 13px!important;

3361
    background-color: #333 !important;

3362
}

3363
3364
/*  GREASYFORK - TS CITRUS - SCRIPT PAGE - TXT "Show your appreciation..." - === */

3365
.width-constraint #script-info>#script-content>div[style*="background-color: yellow;"]  {

3366
    position: fixed !important;

3367
    display: inline-block !important;

3368
    width: 350px !important;

3369
    height: 30px !important;

3370
    line-height: 15px !important;

3371
    margin-left: 580px !important;

3372
    margin-top: -45px !important;

3373
    padding: 3px 5px 3px 5px !important;

3374
    border-radius: 4px;

3375
    text-align: left !important;

3376
    background-color: #D6D6D1 !important;

3377
    opacity: 0!important;

3378
    transition: opacity ease 0.7s !important;

3379
}

3380
.width-constraint #script-info>#script-content:hover >div[style*="background-color: yellow;"] {

3381
    opacity: 1!important;

3382
    z-index: 5000 !important;

3383
}

3384
3385
.width-constraint #script-info>#script-content>#install-area>div[style*="background-color: yellow;"] {

3386
    position: fixed !important;

3387
    display: inline-block !important;

3388
    width: 310px !important;

3389
    height: 30px !important;

3390
    line-height: 15px !important;

3391
    margin-left: -100px !important;

3392
    margin-top: -50px !important;

3393
    padding: 3px 5px 3px 5px !important;

3394
    border-radius: 4px;

3395
    text-align: left !important;

3396
    background-color: #D6D6D1 !important;

3397
    opacity: 0!important;

3398
    transition: opacity ease 0.7s !important;

3399
}

3400
.width-constraint #script-info>#script-content>#install-area:hover>div[style*="background-color: yellow;"] {

3401
    position: fixed!important;

3402
    display: inline-block!important;

3403
    float: none!important;

3404
    margin-left: 95px !important;

3405
    margin-top: -205px!important;

3406
    opacity: 1!important;

3407
}

3408
3409
/* (new78) USERSCRIPT PAGES INFOS - - FEEDBACK - === */

3410
#script-feedback-suggestion {

3411
    margin-top: 95px !important;

3412
    margin-bottom: -15px !important;

3413
}

3414
3415
/* (new94) SCRIPT INFO - VERSIONS - DIFF - === */

3416
.width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) {

3417
    margin-top: 38px !important;

3418
    margin-bottom: 5px;

3419
}

3420
.width-constraint #script-info > #script-content p + form[action$="/diff"] {

3421
    margin-top: -21px !important;

3422
}

3423
.width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form:not([action*="/script_sets/add_to_set"]) {

3424
    height: 40px !important;

3425
/*     margin-bottom: 100px; */

3426
/*     margin-top: -441px; */

3427
}

3428
3429
3430
/* (new93) GREASYFORK - with/without TS CITRUS - SCRIPT INFOS  -

3431
:not([id="install-stats-chart-container"])

3432
 === */

3433
.width-constraint #script-info>#script-content>p {

3434
    margin-top: 42px !important;

3435
    margin-bottom: -88px;

3436
}

3437
.width-constraint #script-info>#script-content{

3438
    position: relative !important;

3439
    display: inline-block!important;

3440
    min-height: 682px !important;

3441
    min-width: 959px !important;

3442
    max-width: 959px !important;

3443
    margin-top: 174px !important;

3444
    margin-left: -1px !important;

3445
    padding-left: 9px !important;

3446
    padding-right: 0 !important;

3447
    padding-top: 0px !important;

3448
    border: 1px solid black !important;

3449
    background-color: #2B2B2B !important;

3450
    z-index: 0 !important;

3451
}

3452
.width-constraint #script-info>#script-content>h3:not([id="feedback-favoriters"]) {

3453
    min-width: 930px !important;

3454
    max-width: 930px !important;

3455
    margin-left: 0px !important;

3456
    border-bottom: 1px solid gray !important;

3457
    text-align: center !important;

3458
    background: #222222!important;

3459
}

3460
.width-constraint #discussions {

3461
    min-width: 850px !important;

3462
    max-width: 850px !important;

3463
    margin-top: -10px !important;

3464
    margin-left: -10px !important;

3465
    padding: 20px 53px !important;

3466
    border: 1px solid gray !important;

3467
}

3468
.width-constraint #discussions li:nth-child(odd) {

3469
    border-bottom: 1px solid gray!important;

3470
    background: #222222 !important;

3471
}

3472
.width-constraint #discussions li:nth-child(even) {

3473
    border-bottom: 1px solid gray!important;

3474
    background: #333333 !important;

3475
}

3476
3477
.width-constraint #discussions li:hover {

3478
    background: rgba(0, 0, 0, 0.8)!important;

3479
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;

3480
    transition: background 0.8s ease 0s !important;

3481
}

3482
body[pagetype="ListingPage"] #script-table +.width-constraint h3 {

3483
    position: fixed !important;

3484
    height: 20px !important;

3485
    line-height: 20px !important;

3486
    width: 483px !important;

3487
    margin-left: -5px !important;

3488
    top: 32px !important;

3489
    padding: 1px 1px 1px 20px  !important;

3490
    border-radius: 5px !important;

3491
    font-size: 13px ;

3492
    text-align: center !important;

3493
    border: 1px solid gray !important;

3494
    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);

3495
    z-index: 0 !important;

3496
    pointer-events: none !important;

3497
}

3498
body[pagetype="ListingPage"] #script-table +.width-constraint h3>a {

3499
    z-index: 100 !important;

3500
    pointer-events: auto !important;

3501
}

3502
3503
3504
/* (new103) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER + META + INFOS + SCREENSHOTS - === */

3505
#install-area {

3506
    position: fixed !important;

3507
    display: inline-block!important;

3508
    min-width: 950px !important;

3509
    max-width: 950px !important;

3510
    top: 213px !important;

3511
    margin-left: -8px !important;

3512
    padding: 5px 9px !important;

3513
    border-bottom: 1px solid gray;

3514
    background-color: #f9ecdb!important;

3515
    z-index: 1!important;

3516
}

3517
.width-constraint #script-info > #script-content  #script-meta {

3518
    display: table;

3519
    min-width: 950px !important;

3520
    margin-top: 15px !important;

3521
    padding: 5px !important;

3522
    border-bottom: 1px dotted gray !important;

3523
}

3524
3525
/* (new105) */

3526
.script-in-sets:not(:hover) {

3527
    position: fixed ;

3528
    display: inline-block ;

3529
    min-width: 298px ;

3530
    max-width: 298px ;

3531
    min-height: 34px !important;

3532
    max-height: 34px !important;

3533
    top: 216px ;

3534
    left: 40% ;

3535
    margin-left: 0 ;

3536
    font-size: 0 ;

3537
    overflow: hidden ;

3538
    overflow-y: auto ;

3539
    border: 1px solid #404040;

3540
    background: #222 ;

3541
z-index: 5000 !important;

3542
}

3543
.script-in-sets:hover {

3544
    position: fixed ;

3545
    display: inline-block ;

3546
    min-width: 298px ;

3547
    max-width: 298px ;

3548
    max-height: 100% ;

3549
    top: 216px ;

3550
    left: 40% ;

3551
    margin-left: 0 ;

3552
    padding: 0 0 50px 0 !important;

3553
    font-size: 0 ;

3554
    overflow: hidden ;

3555
    overflow-y: auto ;

3556
    border: 1px solid #404040;

3557
    background: #222 ;

3558
z-index: 5000 !important;

3559
}

3560
.script-in-sets > a {

3561
    display: inline-block ;

3562
    width: 291px ;

3563
    margin-left: 0 ;

3564
    font-size: 13px ;

3565
    text-indent: 5px ;

3566
    white-space: nowrap ;

3567
    overflow: hidden ;

3568
    text-overflow: ellipsis ;

3569
}

3570
.script-in-sets:hover {

3571
    height: auto ;

3572
    padding-bottom: 50px ;

3573
}

3574
3575
.script-in-sets > select {

3576
    display: inline-block ;

3577
    width: 252px !important;

3578
    margin-top: 2px ;

3579
}

3580
3581
3582
/* (new94) SET CHOICE - FIRT VALUE SELECTED - === */

3583
.script-in-sets>select[name="action-set"] {

3584
    position: relative ;

3585
    display: inline-block ;

3586
    height: 15px !important;

3587
    line-height: 15px !important;

3588
    top: -2px ;

3589
    border: none ;

3590
    -moz-appearance: none ;

3591
}

3592
/* .script-in-sets>select option[value^="ri-"]:first-of-type */

3593
.script-in-sets>select option[value^="ri-"] {

3594
    color: peru ;

3595
    background: black ;

3596
    -moz-appearance: none ;

3597
    outline: 1px solid peru ;

3598
}

3599
/* SET NEW */

3600
.script-in-sets>select option[value="ai-new"] {

3601
    color: gold ;

3602
    background: black ;

3603
    -moz-appearance: none ;

3604
}

3605
/* SET SUBMIT ARROW */

3606
.script-in-sets > input[value="→"][type="submit"] {

3607
    position: relative ;

3608
    display: inline-block ;

3609
    height: 15px ;

3610
    line-height: 15px;

3611
    top: -2px !important;

3612
    margin-left: 2px ;

3613
    border: none ;

3614
    cursor: pointer ;

3615
    -moz-appearance: none;

3616
}

3617
.script-in-sets:before {

3618
    content: "sets ⏬" ;

3619
    position: absolute ;

3620
    display: inline-block ;

3621
    height: 10px ;

3622
    line-height: 15px ;

3623
    width: 25px ;

3624
    top: -2px ;

3625
    right: 17px ;

3626
    font-size: 12px ;

3627
    text-align: center ;

3628
    color: red  ;

3629
}

3630
#script-stats {

3631
    display: inline-table !important;

3632
    -moz-column-count: unset !important;

3633
    float: left !important;

3634
    clear: none !important;

3635
    width: 100% !important;

3636
    max-width: 399px !important;

3637
    min-width: 399px !important;

3638
    outline: 1px solid gray !important;

3639
    padding-right: 0 !important;

3640
}

3641
#script-stats dt {

3642
    display: table-row !important;

3643
    clear: none !important;

3644
    float: left !important;

3645
    height: 18px !important;

3646
    line-height: 18px !important;

3647
    min-width: 45% !important;

3648
    max-width: 45% !important;

3649
    border-bottom: 1px solid gray !important;

3650
    text-indent: 10px !important;

3651
}

3652
3653
#script-stats dt.script-show-compatibility {

3654
    display: table-row !important;

3655
    clear: none !important;

3656
    float: left !important;

3657
    height: 30px !important;

3658
    line-height: 30px !important;

3659
    min-width: 45% !important;

3660
    max-width: 45% !important;

3661
}

3662
#script-stats dd {

3663
    display: table-cell !important;

3664
    clear: none !important;

3665
    float: right !important;

3666
    height: 18px !important;

3667
    line-height: 18px !important;

3668
    min-width: 55% !important;

3669
    max-width: 55% !important;

3670
    margin-left: -50px !important;

3671
    white-space: nowrap !important;

3672
    overflow: hidden !important;

3673
    text-overflow: ellipsis !important;

3674
}

3675
3676
#script-meta dd:not(.script-show-applies-to) {

3677
    display: table-cell !important;

3678
    clear: none !important;

3679
    float: right !important;

3680
    height: 18px !important;

3681
    line-height: 18px !important;

3682
    border-bottom: 1px solid gray !important;

3683
    text-indent: 10px !important;

3684
}

3685
/* (new106) */

3686
#script-meta dd.script-show-compatibility {

3687
    display: table-row !important;

3688
    clear: none !important;

3689
    float: right !important;

3690
    height: 30px !important;

3691
    line-height: 34px !important;

3692
}

3693
3694
3695
/* (new106) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER - "APPLIES" TO CONTAINER - === */

3696
#script-meta>div {

3697
    position: relative;

3698
    display: inline-block !important;

3699
    float: right !important;

3700
    clear: none !important;

3701
    width: 425px !important;

3702
    max-height: 186px !important;

3703
    margin-right: -5px !important;

3704
    top: -10px !important;

3705
    padding: 5px 5px 5px 5px !important;

3706
    overflow-x: hidden !important;

3707
    overflow-y: hidden !important;

3708
}

3709
3710
#script-applies-to dd.script-show-applies-to {

3711
    display: inline-block !important;

3712
    width: 425px !important;

3713
    max-height: 156px !important;

3714
    padding: 5px 5px 5px 5px !important;

3715
    border-radius: 3px !important;

3716
    border: 1px solid gray !important;

3717
    overflow: hidden !important;

3718
    overflow-y: auto !important;

3719
}

3720
#script-meta>div code {

3721-
/* (new117) GREASYFORK - SCRIPT PAGE - INFOS CONTAINER - 

3721+
3722
    display: inline-block !important;

3723
    height: 15px !important;

3724
    line-height: 15px !important;

3725
    background-color: #262626 !important;

3726
    border-radius: 3px !important;

3727
    border: none !important;

3728
    color: #aba2a4 !important;

3729
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;

3730
    font-size: 90%;

3731
    padding: 1px 4px !important;

3732
    white-space: nowrap;

3733
}

3734
#script-meta>div  .inline-list>li:nth-child(even) code {

3735
    color: #BAA591  !important;

3736
    background-color: #1A1919 !important

3737
}

3738
#script-meta>div  .inline-list>li:nth-child(odd) code {

3739
    color: #BAA591  !important;

3740
    background-color: #363535 !important

3741
}

3742-
    min-width: 455px !important;

3742+
3743-
    max-width: 455px !important;

3743+
3744
.script-show-applies-to .inline-list li a.linkifyplus {

3745
    position: relative;

3746
    display: inline-block !important;

3747
    height: 15px !important;

3748
    line-height: 15px !important;

3749
    padding: 1px 4px !important;

3750-
    min-width: 440px !important;

3750+
3751-
    max-width: 440px !important;

3751+
3752
    background-color: #1A1919 !important

3753
}

3754
3755
.script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {

3756
    color: #D0A070  !important;

3757
    background-color: #1A1919 !important

3758
}

3759
.script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {

3760
    color: #BAA591  !important;

3761
    background-color: #1A1919 !important

3762
}

3763
.script-show-applies-to .inline-list li:hover a.linkifyplus {

3764
    color: tomato  !important;

3765
    background-color: #1A1919 !important

3766
}

3767
.expander {

3768
    display: none !important;

3769
}

3770
3771
/* GREASYFORK - SCRIPT PAGE - LIST "FAVORITED BY" - ==== */

3772
#script-content>#feedback-favoriters + div {

3773
    display: inline-block !important;

3774
    width: 953px !important;

3775
    margin-top: -10px !important;

3776
    font-size: 14px !important;

3777
}

3778
.inline-list>li:nth-child(odd)>a ,

3779
.inline-list>li:nth-child(even)>a {

3780
    display: inline-block !important;

3781
    padding: 1px 3px !important;

3782
    border-radius: 3px !important;

3783
}

3784
.inline-list>li:nth-child(odd)>a {

3785
    background: #222 !important;

3786
}

3787
.inline-list>li:nth-child(even)>a {

3788-
/* GREASYFORK - CODE PAGE - === */

3788+
3789
}

3790
3791
3792
/* (new126) GREASYFORK - SCRIPT PAGE - INFOS CONTAINER - 

3793
ADAPT FOR TABLE IN TABLE:

3794
https://greasyfork.org/fr/scripts/7251-enhanced-word-highlight

3795
https://greasyfork.org/fr/scripts/9285-translate-google-tooltip

3796
=== */

3797
.width-constraint #script-info > #script-content #additional-info {

3798
    position: relative !important;

3799
    display: inline-block !important;

3800
    min-width: 950px !important;

3801
    max-width: 950px !important;

3802
    top: 10px !important;

3803
    margin-left: -4px !important;

3804
    margin-bottom: 50px !important;

3805
    padding: 0 5px 15px 5px !important;

3806
    background-color: #f9dacd;

3807
    border-radius: 5px;

3808
    word-wrap: break-word !important;

3809
}

3810
3811
.script-author-description>table td blockquote ,

3812
.script-author-description>table td  {

3813
    display: inline-block!important;

3814
float: left !important;

3815
clear: left !important;

3816
    vertical-align: top !important;

3817
    min-width: 920px !important;

3818
    max-width: 920px !important;

3819
    padding: 5px !important;

3820
    border-radius: 3px;

3821
    word-wrap: break-word !important;

3822
border: 1px solid gray ;

3823
}

3824
.script-author-description>table td blockquote   {

3825
    min-width: 900px !important;

3826
    max-width: 900px !important;

3827
border: 1px solid yellow ;

3828
}

3829
3830
3831
.width-constraint #script-info > #script-content #additional-info {

3832
    margin-bottom: -14px !important;

3833
    margin-top: 0 !important;

3834
}

3835
.script-author-description>p>code {

3836
    display: inline-block!important;

3837
    white-space: pre-line !important;

3838
}

3839
#additional-info > .script-author-description> pre ,

3840
.script-author-description>blockquote>pre {

3841
    margin-left: 30px;

3842
    padding: 5px 10px;

3843
    border: 1px solid gray !important;

3844
    border-radius: 2px;

3845
    word-wrap: break-word !important;

3846
    background-color: #5c5c5c !important;

3847
}

3848
/* (new62) CODE in SCRIPT INFO PAGE - === */

3849
.script-author-description>p>code ,

3850
#additional-info > .script-author-description > pre > code ,

3851
#additional-info > .script-author-description  > blockquote > pre > code {

3852
    border: 1px solid gray !important;

3853
    max-width: 99% !important;

3854
}

3855
.width-constraint #script-info > #script-content #additional-info > div {

3856
    padding: 5px !important;

3857
    background-color: #2B2B2B !important;

3858
}

3859
.width-constraint #script-info > #script-content #additional-info>div>p>img {

3860
    max-width: 895px !important;

3861
}

3862
3863
/* (new127) GREASYFORK - CODE PAGE - === */

3864
pre.prettyprint {

3865
    background-color: #ffff99 !important;

3866
    margin-left: 30px;

3867
    padding: 5px 10px;

3868
    white-space: pre-wrap !important;

3869
    word-wrap: break-word !important;

3870
}

3871
3872
3873
#code-container {

3874
    max-height: 620px!important;

3875
    width: 100% ;

3876
    margin-left: -5px !important;

3877
    margin-top: 8px !important;

3878
    overflow-x: hidden !important;

3879
    background-color: white !important;

3880
}

3881
#script-feedback-suggestion + #code-container{

3882
    max-height: 615px!important;

3883
    width: 100% ;

3884
    margin-left: -5px !important;

3885
    margin-top: 22px !important;

3886
    overflow-x: hidden !important;

3887
    background-color: white !important;

3888
}

3889
/* GREASYFORK - DISCUSS / HISTORIC etc - === */

3890
#feedback-favoriters ,

3891
#script-content>p:not(:empty):not(:first-of-type):not(:empty) {

3892
    margin-top: 10px !important;

3893
    margin-bottom: 20px !important;

3894
    padding: 5px !important;

3895
    border-radius: 4px !important;

3896
    text-align: center !important;

3897
    background-color: #f9dacd !important;

3898
}

3899
3900
/* (new117) GREASYFORK - SCRIPT INFO - HISTORIC - WATCH DIFF (HOVER BUTTON) - === */

3901
.diff {

3902
    margin-top: 80px !important;

3903
}

3904
3905
.width-constraint #script-info > #script-content >form[action$="/diff"]  {

3906
    margin-top: 90px!important;

3907
    width: 934px !important;

3908
}

3909
3910
.width-constraint #script-info > #script-content > form > ul  {

3911
    width: 950px !important;

3912
    height: 610px !important;

3913
    margin-top: 0px !important;

3914
    margin-bottom: 0 !important;

3915
    border-top: 1px dashed gray !important;

3916
    border-bottom: 1px dashed gray !important;

3917
    padding-left: 5px !important;

3918
    overflow-x: hidden !important;

3919
    overflow-y: auto !important;

3920
}

3921
3922
.width-constraint #script-info > #script-content >form[action$="/diff"]>input:first-of-type  {

3923
    margin-bottom: 15px !important;

3924
    cursor: pointer !important;

3925
    visibility: hidden !important;

3926
}

3927
.width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type  {

3928
    top: 27.9%!important;

3929
    margin-left: -40px!important;

3930
    position: fixed !important;

3931
    width: 10px !important;

3932
    height: 15px !important;

3933
    border-left: 19px solid #AAAAAA;

3934
    border-bottom: 9px solid transparent;

3935
    border-top: 9px solid transparent;

3936
    border-right: none !important;

3937
    padding-right: 0px !important;

3938
    color: transparent!important;

3939
    cursor: pointer !important;

3940
    background: green !important;

3941
    -moz-appearance: none !important;

3942
    transition: width ease 0s, margin ease 0.1s  !important;

3943
}

3944
3945
.width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type:hover {

3946
    margin-left: -140px !important;

3947
    width: 145px !important;

3948
    height: auto !important;

3949
    line-height: 12px !important;

3950
    -moz-appearance: button !important;

3951
    white-space: normal !important;

3952
    border: none !important;

3953
    color: black !important;

3954
    cursor: pointer !important;

3955
    transition: width ease 0s, margin ease 0.7s !important;

3956
}

3957
3958
/* (new117) DIFF CODE - === */

3959
.width-constraint #script-info > #script-content >form + p + .diff ul {

3960
    background: #fff none repeat scroll 0 0;

3961
    display: table;

3962
    font-size: 13px;

3963
    list-style: outside none none;

3964
    margin: 0;

3965
    overflow: auto;

3966
    padding: 5px !important;

3967
    max-width: 945px !important;

3968
    min-width: 945px !important;

3969
}

3970
.width-constraint #script-info > #script-content >form + p + .diff ul  li {

3971
    display: inline-block !important;

3972
    max-width: 945px !important;

3973
    min-width: 945px !important;

3974
    height: 1em;

3975
    margin: 0;

3976
    padding: 0;

3977
    word-wrap: break-word !important;

3978
    white-space: pre-wrap !important;

3979
text-align: left !important;

3980
}

3981
.diff li.diff-block-info {

3982
    display: table-row;

3983
    height: 1.4em !important;

3984
    margin: 0;

3985
    padding: 0;

3986
    background: rgba(128, 128, 128, 0.17) !important;

3987
}

3988
3989
/* (new62) GREASYFORK - SCRIPT STATS - === */

3990
#script-content> script[src*="assets"] ~h3 {

3991
    margin-top: 10px !important;

3992
    margin-bottom: 20px !important;

3993
    padding: 5px !important;

3994
    border-radius: 4px !important;

3995
    text-align: center! important;

3996
}

3997
[id$="-chart-container"] {

3998
    background: white !important;

3999
}

4000
td.numeric, 

4001
th.numeric {

4002
    text-align: left!important;

4003
    text-align: center!important;

4004
}

4005
/* GREASYFORK - SCRIPT - DISCUSSION TABLE - ITEMS - === */

4006
.width-constraint #discussions li>a:first-of-type {

4007
    width: 835px !important;

4008
    display: inline-block !important;

4009
    color: #B4A393  !important;

4010
}

4011
.width-constraint #discussions li>a:first-of-type:hover {

4012
    color: tomato  !important;

4013
}

4014
.width-constraint #discussions li>time:first-of-type {

4015
    display: inline-block !important;

4016
    width: 95px !important;

4017
    margin-right: 20px!important;

4018
    text-align: center !important;

4019
}

4020
.width-constraint #discussions li>time:last-of-type {

4021
    display: inline-block!important;

4022
    width: 125px !important;

4023
    margin-left: -30px !important;

4024
    text-align: center !important;

4025
    white-space: nowrap !important;

4026
}

4027
.width-constraint #discussions li>a:nth-child(2) {

4028
    width: 180px !important;

4029
    display: inline-block !important;

4030
    margin-left: 10px !important;

4031
}

4032
.width-constraint #discussions li>a:nth-child(4) {

4033
    width: 160px !important;

4034
    display: inline-block !important;

4035
    margin-left: 20px !important;

4036
}

4037
4038
4039
/* (new93) GM VERSIONS - CONTAINER - MORE of ONE VERSION - 

4040
#script-content>form > input:first-of-type + ul

4041
https://greasyfork.org/fr/scripts/50-userstyles-tableview-enhancer-dark-grey-59-1-addstylish-lib-leoncastro/versions

4042
==== */

4043
.width-constraint #script-info > #script-content>form > input:first-of-type + ul {

4044
    margin-top: -5px  !important;

4045
}

4046
/* (new115) VERSIONS - CONTAINER - ONLY ONE VERSION - NOT DIFF VERSION) -

4047
.width-constraint #script-info > #script-content > form > ul

4048
https://greasyfork.org/fr/scripts/29600-flickr-auto-showallgroups-photo-page-v-2/versions

4049
=== */

4050
.width-constraint #script-info > #script-content > form:not(.diff_options) > ul {

4051
    margin-top: -42px  !important;

4052
outline: 4px solid red !important;

4053
}

4054
/* (new93) GM VERSIONS - ITEMS - ALL - === */

4055
.width-constraint #script-info > #script-content>form > input:first-of-type {

4056
    margin-bottom: -3px !important;

4057
    padding-bottom: 4px !important;

4058
    border-top: 1px solid gray !important;

4059
    overflow: hidden !important;

4060
    text-overflow: ellipsis !important;

4061
    white-space: nowrap !important;

4062
}

4063
4064
.width-constraint #script-info > #script-content > form > ul li:not(:hover) {

4065
    margin-bottom: -3px !important;

4066
    padding-bottom: 4px !important;

4067
    border-top: 1px solid gray !important;

4068
    overflow: hidden !important;

4069
    text-overflow: ellipsis !important;

4070
    white-space: nowrap !important;

4071
}

4072
4073
.width-constraint #script-info > #script-content > form > ul li:hover {

4074
    margin-bottom: -3px !important;

4075
    padding-bottom: 4px !important;

4076
    border-top: 1px solid gray !important;

4077
    overflow: visible !important;

4078
    text-overflow: ellipsis !important;

4079
    background: black !important;

4080
    transition: all ease 0.7s !important;

4081
}

4082
#script-content>form>ul>li>input + a {

4083
    display: inline-block !important;

4084
    width: 15% !important;

4085
    padding: 1px 5px !important;

4086
    background: #222222 !important;

4087
}

4088
#script-content>form>ul>li:nth-child(odd)>input + a {

4089
    background: #222222 !important;

4090
}

4091
#script-content>form>ul>li:nth-child(even)>input + a {

4092
    background: #333333 !important;

4093
}

4094
4095
4096
.width-constraint #script-info > #script-content > form > ul li time {

4097
    display: inline-block!important;

4098
    min-width: 202px !important;

4099
    max-width: 202px !important;

4100
    padding: 1px 5px !important;

4101
    letter-spacing: 1.4px !important;

4102
    text-align: center !important;

4103
}

4104
.width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {

4105
    background: #222222 !important;

4106
}

4107
.width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {

4108
    background: #333333 !important;

4109
}

4110
/* (new115) CHECKED */

4111
/* .width-constraint #script-info > #script-content > form > ul.history_versions>li:selected {

4112
    background: aqua !important;

4113
color: white !important;

4114
} */

4115
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v1"]:checked + input + a ,

4116
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v1"]:checked + input + a + time {

4117
    background: green !important;

4118
color: white !important;

4119
}

4120
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v2"]:checked + a ,

4121
.width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v2"]:checked + a + time {

4122
    background: tomato !important;

4123
color: white !important;

4124
}

4125
4126
/* (new72) GREASYFORK - FORUM TABLE - === */

4127
.Message table {

4128
    border-collapse: separate;

4129
    border-spacing: 4px;

4130
    margin: 1em -4px;

4131
    width:  650px !important;

4132
}

4133
.Message table thead{

4134
    width:  600px !important;

4135
}

4136
.Message th {

4137
    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;

4138
    font-size: 105%;

4139
    font-weight: bold;

4140
    padding-bottom: 0.5em;

4141
    padding-top: 0.5em;

4142
}

4143
.Message table tbody {

4144
    width:  600px !important;

4145
}

4146
.Message table tbody tr td:first-of-type  {

4147
    width:  120px !important;

4148
    vertical-align: middle !important;

4149
    color: gold !important;

4150
border: 1px solid red !important;

4151
}

4152
.Message table tbody tr td:first-of-type + td  {

4153
    min-width:  75px !important;

4154
    max-width:  75px !important;

4155
    color: gold !important;

4156
    vertical-align: middle !important;

4157
    border: 1px solid green !important;

4158
}

4159
.Message table tbody tr td:last-of-type  {

4160
    min-width:  280px !important;

4161
    max-width:  280px !important;

4162
border: 1px solid blue !important;

4163
}

4164
/* (COR) */

4165
.Message table tbody tr td:last-of-type code {

4166
    float: left!important;

4167
    min-width:  290px !important;

4168
    max-width:  290px !important;

4169
    background-color: #f9ebd2;

4170
    border: 1px solid;

4171
    border-radius: 3px;

4172
    color: #eb5100;

4173
    margin-left: -6px !important;

4174
    padding: 1px 3px;

4175
    white-space: pre-line !important;

4176
}

4177
4178
/* (COR) GREASYFORK - BROWSE / USER SCRIPTS  - === */

4179
#user-script-list>li ,

4180
#browse-script-list>li {

4181
padding: 5px !important;

4182
}

4183
#user-script-list>li:nth-child(odd) ,

4184
#browse-script-list>li:nth-child(odd) {

4185
    background-color: #222 !important;

4186
}

4187
#user-script-list>li:nth-child(odd):hover ,

4188
#browse-script-list>li:nth-child(odd):hover {

4189
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;

4190
    background-color: rgba(7, 7, 7, 0.67) !important;

4191
    transition: background 0.8s ease 0s !important;

4192
}

4193
#user-script-list>li:nth-child(even) ,

4194
#browse-script-list>li:nth-child(even) {

4195
    background-color: #414141 !important;

4196
}

4197
#user-script-list>li:nth-child(even):hover ,

4198
#browse-script-list>li:nth-child(even):hover {

4199
    background-color: rgba(7, 7, 7, 0.57) !important;

4200
    box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;

4201
    transition: background 0.8s ease 0s !important;

4202
}

4203
#user-script-list>li:hover ,

4204
#browse-script-list>li:hover {

4205
    background-color: black !important;

4206
    z-index: 1 !important;

4207
}

4208
/* (new66) without script */

4209
#user-script-list>li h2 ,

4210
#browse-script-list>li h2 {

4211
    display: inline-block !important;

4212
    width: 100% !important;

4213
    max-width: 762px !important;

4214
    word-wrap: break-word !important;

4215
    overflow: hidden !important;

4216
}

4217
#user-script-list>li h2 a ,

4218
#browse-script-list>li h2 a {

4219
    display: inline-block!important;

4220
    width: 100% !important;

4221
    line-height: 17px !important;

4222
}

4223
#browse-script-list>li h2 span {

4224
    width: 100% !important;

4225
    max-width: 720px !important;

4226
    overflow: hidden !important;

4227
}

4228
#user-script-list>li h2 span.name-description-separator ,

4229
#browse-script-list>li h2 span.name-description-separator {

4230
    display: none !important;

4231
}

4232
4233
4234
/* (new102) GREASYFORK - BROWSE SCRIPTS - LEFT SORT PANEL (WIth/Without TS CITRUS) - === */

4235
/* (new102) without CITRUS*/

4236
.width-constraint  #script-list-option-groups.list-option-groups {

4237
    display: inline-block !important;

4238
    float: left !important;

4239
    margin-left: -120px !important;

4240
    margin-top: 0px !important;

4241
}

4242
.width-constraint  #script-list-option-groups.list-option-groups #script-list-sort>div {

4243
    margin-top: 19px;

4244
}

4245
.width-constraint  #script-list-option-groups.list-option-groups .list-option-group {

4246
    margin-bottom: 0.5em;

4247
    padding: 0.5em;

4248
    box-shadow: 3px 3px 2px black !important;

4249
    border-radius: 5px 0 0 5px !important;

4250
    border: 1px solid gray !important;

4251
    background-color: #2d2d2d !important;

4252
}

4253
.list-option-group ul {

4254
    box-shadow: 3px 3px 2px black !important;

4255
    background-color: transparent !important;

4256
    padding: 2px 0 !important;

4257
}

4258
.width-constraint  #browse-script-list {

4259
    display: inline-block !important;

4260
    float: right !important;

4261
    margin-right: 106px !important;

4262
}

4263
.list-option-group .list-current {

4264
    height: 19px !important;

4265
    line-height: 15px !important;

4266
    margin-bottom: 2px !important;

4267
    padding: 2px 0 0 0 !important;

4268
}

4269
.list-option-group .list-option {

4270
    height: 19px ;

4271
    line-height: 9px ;

4272
    border: 1px solid #404040;

4273
}

4274
.list-option-group .list-option a {

4275
    white-space: nowrap ;

4276
    overflow: hidden ;

4277
    text-overflow: ellipsis ;

4278
}

4279
4280
.width-constraint #script-list-option-groups.list-option-groups + h3 + p ,

4281
.width-constraint #script-list-option-groups.list-option-groups + h3 ,

4282
#browse-script-list + .pagination + p {

4283
    display: inline-block !important;

4284
    float: left !important;

4285
    width: 727px !important;

4286
    margin-bottom: 8px !important;

4287
    margin-left: 59px !important;

4288
    margin-top: -15px !important;

4289
    padding: 5px !important;

4290
    background: #222 !important;

4291
}

4292
.width-constraint #script-list-option-groups.list-option-groups + h3 {

4293
    margin-top: 0px !important;

4294
    margin-bottom: 18px !important;

4295
    border-bottom: 1px solid gray !important;

4296
}

4297
4298
#browse-script-list + .pagination + p {

4299
    margin-bottom: 10px !important;

4300
    margin-left: 242px !important;

4301
    margin-top: -10px !important;

4302-
/* (new96) TEST - FORUM IMAGE IN DISSCUSSION - === */

4302+
4303
}

4304
4305
/* STATISTICS - ADD LABEL on HOVER - === */

4306
#install-stats-chart-container + table>thead>tr>th>abbr:before {

4307
    position: fixed !important;

4308
    display: inline-block !important;

4309
    width: 100px !important;

4310
    transform: rotate(-90deg)!important;

4311
    content: attr(title) !important;

4312
    margin-top: 65px !important;

4313
    margin-left: -83px !important;

4314
    font-size: 13px !important;

4315
    text-align: right !important;

4316
    color: peru !important;

4317
}

4318
#install-stats-chart-container + table:hover>thead>tr>th>abbr:after {

4319
    position: fixed !important;

4320
    display: inline-block !important;

4321
    width: 20px !important;

4322
    height: 17px !important;

4323
    transform: rotate(-90deg)!important;

4324
    content: "."!important;

4325
    margin-top: 22px !important;

4326
    margin-left: -44px !important;

4327
    border-radius: 5px !important;

4328
    font-size: 13px !important;

4329
    text-align: center !important;

4330
    color: peru!important;

4331
    background: rgba(255, 211, 0, 0.16)!important;

4332
}

4333
#install-stats-chart-container + table>thead>tr>th:nth-of-type(7):before {

4334
    position: fixed !important;

4335
    display: inline-block !important;

4336
    width: 100px !important;

4337
    transform: rotate(-90deg) !important;

4338
    content: "Opera JS" !important;

4339
    margin-top: 80px !important;

4340
    margin-left: -40px !important;

4341
    font-size: 20px !important;

4342
    text-align: right !important;

4343
    color: peru !important;

4344
}

4345
#install-stats-chart-container + table>thead>tr>th:nth-of-type(8):before {

4346
    position: fixed !important;

4347
    display: inline-block !important;

4348
    width: 100px !important;

4349
    transform: rotate(-90deg) !important;

4350
    content: "Opera JS" !important;

4351
    margin-top: 80px! important;

4352
    margin-left: -29px !important;

4353
    font-size: 20px !important;

4354
    text-align: right !important;

4355
    color: peru!important;

4356
}

4357
4358
#install-stats-chart-container + table>tbody>tr:nth-child(odd) {

4359
    background: rgba(255, 0, 0, 0.23) !important;

4360
}

4361
#install-stats-chart-container + table>tbody>tr:nth-child(even) {

4362
    background: rgba(255, 254, 0, 0.23) !important;

4363
}

4364
#install-stats-chart-container + table>tbody>tr:hover th {

4365
    background: blue !important;

4366
}

4367
#install-stats-chart-container + table>tbody>tr:hover th {

4368
    background: blue  !important;

4369
}

4370
#install-stats-chart-container + table>tbody>tr:hover td {

4371
    background: black !important;

4372
}

4373
#install-stats-chart-container + table>tbody>tr:hover td:last-of-type {

4374
    background: red !important;

4375
}

4376
4377
/* MESSAGE - ERROR NOT LOADING IMAGES - === */

4378
.notice {

4379
    display: inline-block !important;

4380
    position: absolute !important;

4381
    width: 214px !important;

4382
    left: -13px !important;

4383
    top: 15px !important;

4384
}

4385
4386
/* (new131) TEST - FORUM IMAGE IN DISSCUSSION - === */

4387
#vanilla_discussion_comment .Message>img{

4388
    max-height: 200px !important;

4389
    max-width: 50% !important;

4390
    margin-bottom: 25px !important;

4391
}

4392
4393
.Discussion.comment .Message>div {

4394
    display: inline-block !important;

4395
    float: right;

4396
    height: 150px;

4397
    width: 719px !important;

4398
    margin: auto auto 20px 50px !important;

4399
    left: 150px !important;

4400
    overflow: hidden;

4401
}

4402
/* (new131) https://greasyfork.org/fr/forum/discussion/comment/75068#Comment_75068 */

4403
.Discussion.comment .Message>div.imgur-gifv.VideoWrap {

4404
    float: none !important;

4405
    height: auto !important;

4406
    width: 700px !important;

4407
    margin: auto auto 20px 0px !important;

4408
}

4409
4410
.Message>div>a>a>img {

4411
    margin-left: 56px !important;

4412
    text-align: center;

4413
}

4414
4415
.Message .ImageResized {

4416
    cursor: pointer;

4417
    font-size: 11px;

4418
    font-weight: normal;

4419
    height: 20px !important;

4420
    margin-bottom: 5px !important;

4421
    max-width: 668px !important;

4422
    color: peru !important;

4423
}

4424
.Message .ImageResized:hover {

4425
    color: tomato !important;

4426
}

4427
4428
4429
/* TEST - CODE IN DISCUSSION - === */

4430
.Message>table>tbody>tr>td>code {

4431
    display: inline-block !important;

4432
    min-width: 688px !important;

4433
    max-width: 688px !important;

4434
    letter-spacing: initial;

4435
    white-space: pre-line !important;

4436
    word-wrap: break-word !important;

4437
    background-color: #5c5c5c !important;

4438
    color: white!important;

4439
}

4440
.Message>pre {

4441
    position: relative !important;

4442
    display: inline-block !important;

4443
    min-width: 650px !important;

4444
    max-width: 650px !important;

4445
    margin-left: 5px !important;

4446
    letter-spacing: initial;

4447
    white-space: pre-line !important;

4448
    word-wrap: break-word !important;

4449
    background-color: #5c5c5c !important;

4450
    color: white!important;

4451
}

4452
.Message>ul>li>pre {

4453
    position: relative !important;

4454
    display: inline-block !important;

4455
    min-width: 580px !important;

4456
    max-width: 580px !important;

4457
    margin-left: 5px !important;

4458
    letter-spacing: initial;

4459
    white-space: pre-line !important;

4460
    word-wrap: break-word !important;

4461
    background-color: #5c5c5c !important;

4462
    color: white !important;

4463
}

4464
.Message>ul>li>ul>li>pre{

4465
    position: relative !important;

4466
    display: inline-block !important;

4467
    min-width: 580px !important;

4468
    max-width: 580px !important;

4469
    margin-left: -35px !important;

4470
    letter-spacing: initial;

4471
    white-space: pre-line !important;

4472
    word-wrap: break-word !important;

4473
    background-color: #5c5c5c !important;

4474
    color: white !important;

4475
}

4476
4477
/* TEST code in discussion - === */

4478
.Message ol li pre {

4479
    display: inline-block !important;

4480
    min-width: 650px !important;

4481
    max-width: 650px !important;

4482
    margin-left: -35px !important;

4483
    letter-spacing: initial;

4484
    white-space: pre-line !important;

4485
    word-wrap: break-word !important;

4486
    background-color: #5c5c5c !important;

4487
    color: white !important;

4488
}

4489
4490
/* (new96) FORUM USERTYLES / GREASY FORK - CODE (BACKROUND STRIPED) - for .linenums.prettyprinted  - 

4491
TEST different:

4492
https://greasyfork.org/en/forum/discussion/6928/gm-xmlhttprequest-vs-xmlhttprequest#latest

4493
https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help#latest

4494
===  */    

4495
.Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {

4496
    position: relative !important;

4497
    display: inline-block !important;

4498
    min-width: 670px !important;

4499
    max-width: 670px !important;

4500
    left: 0px !important;

4501
    top: -10px !important;

4502
    letter-spacing: initial;

4503
    white-space: pre-line !important;

4504
    word-wrap: break-word !important;

4505
    background-color: white !important;

4506
    background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent) !important;

4507
    background-size: 30px 15px !important;

4508
    color: red !important;

4509
    outline: 1px solid green !important;

4510
}

4511
.Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {

4512
    position: relative !important;

4513
    display: inline-block !important;

4514
    min-width: 670px !important;

4515
    max-width: 670px !important;

4516
    left: 0px !important;

4517
    top: -10px !important;

4518
    letter-spacing: initial;

4519
    white-space: pre-line !important;

4520
    word-wrap: break-word !important;

4521
    background-color: white !important;

4522
    background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent)!important;

4523
    background-size: 30px 15px !important;

4524
    color: red !important;

4525
    outline: 1px solid violet !important;

4526
}

4527
pre.linenums.prettyprinted .linenums {

4528
    background: transparent !important;

4529
    padding: 8px;

4530
}

4531
    pre.linenums.prettyprinted li.L0, 

4532
pre.linenums.prettyprinted li.L1, 

4533
    pre.linenums.prettyprinted li.L2, 

4534
pre.linenums.prettyprinted li.L3, 

4535
    pre.linenums.prettyprinted li.L4, 

4536
pre.linenums.prettyprinted li.L5, 

4537
    pre.linenums.prettyprinted li.L6, 

4538
pre.linenums.prettyprinted li.L7,

4539
    pre.linenums.prettyprinted li.L8, 

4540
pre.linenums.prettyprinted li.L9 {

4541
    min-width: 600px !important;

4542
    max-width: 600px !important;

4543
    margin-left: -20px!important;

4544
    background:transparent !important;

4545
}

4546
    pre.linenums.prettyprinted li.L0 code,

4547
pre.linenums.prettyprinted li.L1 code,

4548
    pre.linenums.prettyprinted li.L2 code, 

4549
pre.linenums.prettyprinted li.L3 code , 

4550
    pre.linenums.prettyprinted li.L4 code, 

4551
pre.linenums.prettyprinted li.L5 code , 

4552
    pre.linenums.prettyprinted li.L6 code , 

4553
pre.linenums.prettyprinted li.L7 code ,

4554
    pre.linenums.prettyprinted li.L8 code, 

4555
pre.linenums.prettyprinted li.L9 code {

4556
    min-width: 600px !important;

4557
    max-width: 600px !important;

4558
    background: #5c5c5c !important;

4559
    background:transparent !important;

4560
    color: white!important;

4561
}

4562
.linenums.prettyprinted code .pun{

4563
    background:transparent !important;

4564
}

4565
    

4566
/* === 

4567
https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help/p1

4568
=== */

4569
#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 {

4570
    display: inline-block !important;

4571
    min-width: 630px !important;

4572
    max-width: 630px !important;

4573
    margin-left: -5px !important;

4574
}

4575
.Quote>p>code ,

4576
.Message pre code , 

4577
.Message > code  {

4578
    display: inline-block !important;

4579
    max-width: 648px !important;

4580
    vertical-align: middle !important;

4581
    padding: 1px 2px 1px 4px !important;

4582
    white-space: pre-line !important;

4583
    word-wrap: break-word !important;

4584
    background-color: #5c5c5c !important;

4585
    color: white !important;

4586
}

4587
4588
/*(new96) CODE - USERSTLES / GREASYFORK  - FIRST TOP DISSCUSSION -

4589
OK for : https://forum.userstyles.org/discussion/53223/firefoxs-developer-toolbar-readable-userstyles-name-for-css-selector-lines-like-firebug?new=1

4590
PB fixed for : https://greasyfork.org/fr/forum/discussion/27373/x

4591
=== */

4592
.Discussion .Item-BodyWrap .Item-Body .Message code ,

4593
.MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code  {

4594
    display: inline-block !important;

4595
    max-width: 600px !important;

4596
    position: relative;

4597
    letter-spacing: initial;

4598
    line-height: 15px;

4599
    min-height: 0px !important;

4600
    min-width: 0px !important;

4601
    top: 0;

4602
        overflow-y: hidden !important;

4603
    overflow-x: hidden !important;

4604
}

4605
code ,

4606
.Message>p>code {

4607
    position: relative !important;

4608
    display: inline-block!important;

4609
    min-width: 10px !important;

4610
    max-width: 670px !important;

4611
    min-height: 15px !important;

4612
    line-height: 15px !important;

4613
    top: 0px !important;

4614
    margin-top: 0px!important;

4615
    margin-bottom: -2px !important;

4616
    margin-left: 2px !important;

4617
    padding: 0px 2px !important;

4618
    letter-spacing: initial;

4619
    white-space: pre-line !important;

4620
    word-wrap: break-word !important;

4621
    background-color: #5c5c5c!important;

4622
    color: white!important;

4623
}

4624
/* TEST - CODE IN DISCUSSION - TOP AUTHOR DISCUSSION - === */

4625
.Message>ul>li>code  {

4626
    position: relative !important;

4627
    display: inline-block!important;

4628
    min-width: 10px !important;

4629
    max-width: 670px !important;

4630
    height: 13px !important;

4631
    line-height: 13px !important;

4632
    top: 0px !important;

4633
    margin-top:0px!important;

4634
    margin-bottom: -2px !important;

4635
    margin-left: 2px !important;

4636
    padding: 1px 4px !important;

4637
    letter-spacing: initial;

4638
    white-space: pre-line !important;

4639
    word-wrap: break-word !important;

4640
    background-color: #5c5c5c!important;

4641
    color: white!important;

4642
}

4643
.QuoteText>pre {

4644
    width: 660px!important;

4645
    padding: 2px 2px 2px 4px !important;

4646
    letter-spacing: initial;

4647
    white-space: pre-line !important;

4648
    word-wrap: break-word !important;

4649
}

4650
4651
/* USERSTYLES PAGE INFO - CODE - === */

4652
#additional-info-text>code:not(:empty),

4653
#long-description>code:not(:empty)  {

4654
    display: inline-block !important;

4655
    margin-left: 1px!important;

4656
    padding: 5px 10px!important;

4657
    border-radius: 2px!important;

4658
    letter-spacing: initial;

4659
    white-space: pre-line !important;

4660
    word-wrap: break-word !important;

4661
    background-color: #e9e8e5!important;

4662
    background-color: #5c5c5c !important;

4663
    color: white !important;

4664
}

4665
#additional-info-text>pre ,

4666
#additional-info-text>code pre code ,

4667
#additional-info-text>code pre {

4668
    display: inline-block !important;

4669
    width: 850px!important;

4670
    margin-left: 1px!important;

4671
    padding: 5px 10px!important;

4672
    border-radius: 2px!important;

4673
    letter-spacing: initial;

4674
    white-space: pre-line !important;

4675
    word-wrap: break-word !important;

4676
    background-color: #e9e8e5!important;

4677
    background-color: #5c5c5c !important;

4678
    color: white !important;

4679
}

4680
4681
/* CODE - IN STYLE INFO - LONG DESCRIPTION - === */

4682
#long-description>code:not(:empty)  {

4683
    display: inline-block !important;

4684
    width: auto !important;

4685
    max-width: 540px!important;

4686
}

4687
/* CODE - IN STYLE INFO - ADITIONAL DESCRIPTION - === */

4688
#additional-info-text > code:not(:empty)  {

4689
    display: inline-block !important;

4690
    width: auto !important;

4691
    max-width: 820px!important;

4692
}

4693
4694
/* GREASYFORK - SCRIPT PAGE INFO - CODE - === */

4695
#additional-info>div>blockquote>pre>code  {

4696
    display: inline-block !important;

4697
    width: 99%!important;

4698
    margin-left: -6px!important;

4699
    padding: 5px 10px!important;

4700
    border-radius: 2px!important;

4701
    border: 1px solid gray !important;

4702
    letter-spacing: initial;

4703
    white-space: pre-line !important;

4704
    word-wrap: break-word !important;

4705
    background-color: #e9e8e5!important;

4706
    background-color: #5c5c5c !important;

4707
    color: white !important;

4708
}

4709
#additional-info>div>pre>code  {

4710
    display: inline-block !important;

4711
    width: 99%!important;

4712
    margin-left: -6px!important;

4713
    padding: 5px 10px!important;

4714
    border-radius: 2px!important;

4715
    letter-spacing: initial;

4716
    white-space: pre-line !important;

4717
    word-wrap: break-word !important;

4718
    background-color: #e9e8e5!important;

4719
    background-color: #5c5c5c !important;

4720
    color: white !important;

4721
}

4722-
/* (new79) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN - === */

4722+
4723
/* (new75) WITH / WITHOUT GM - MY ACCOUNT PAGE / EDIT PAGE - === */

4724-
/* (new79) ALL - USERSTYLE / GREASY FORK - EDIT COMMENT - ICON PENCIL GRAY - TOP TITLE DISCUS / OK COMMENTS - === */

4724+
4725
    position: fixed !important;

4726
    display: inline-block !important;

4727
    width: 50px !important;

4728
    height: 18px !important;

4729
    margin-left: -100px;

4730
    top: 18px !important;

4731
    padding-left: 15px !important;

4732
    border-radius: 3px 3px 0 0 !important;

4733
    box-shadow: 0 0 4px #999999 !important;

4734
    text-align: left !important;

4735
    background: #222 !important;

4736
    overflow: hidden !important;

4737
    z-index: 500 !important;

4738
}

4739
#help-style-settings-edit ~pre ,

4740
#main-header + #content-wrapper > #main-article > p ~ ul {

4741
    position: relative !important;

4742
    display: inline-block !important;

4743
    width: 700px !important;

4744
    height: auto!important;

4745
    margin-left: 200px !important;

4746
    margin-top: -5px !important;

4747
    border-radius: 3px !important;

4748
    border: 1px solid gray !important;

4749
    background: #222 !important;

4750
    overflow: visible !important;

4751
    z-index: 10 !important;

4752
}

4753
#main-header + #content-wrapper > #main-article > table + p {

4754
    position: fixed!important;

4755
    display: inline-block !important;

4756-
/* (new109) ALL */

4756+
4757
    height: auto !important;

4758
    top: 73px !important;

4759
    left: 320px !important;

4760
    opacity: 0 !important;

4761
}

4762
#main-header + #content-wrapper > #main-article > table:hover + p {

4763
    position: fixed!important;

4764
    display: inline-block !important;

4765
    width: 600px !important;

4766
    height: auto!important;

4767
    top: 73px!important;

4768
    left: 320px!important;

4769
    opacity: 1!important;

4770
    transition: opacity ease 0.7s !important;

4771
}

4772
#main-header + #content-wrapper> #main-article>ul:hover {

4773
    width: 200px !important;

4774
    height: auto!important;

4775
    box-shadow: 0 0 4px #999999 !important;

4776
}

4777
#main-header + #content-wrapper > #main-article > p ~ ul:hover{

4778
    width: 700px !important;

4779
    height: auto!important;

4780
}

4781
#main-header + #content-wrapper> #main-article>ul:before {

4782
    width: 200px !important;

4783
    height: 10px !important;

4784
    line-height: 10px !important;

4785
    content: "More..."!important;

4786
}

4787
#main-header + #content-wrapper > #main-article > p ~ ul:before{

4788
    content: ""!important;

4789
}

4790
/* HELP STYLES - === */

4791
 #main-header + #content-wrapper > #main-article > p ~ ul ~h3 {

4792
    width: 700px !important;

4793
    margin-left: 200px !important;

4794
    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);

4795
    text-align: center!important;

4796
    color: peru!important;

4797
}

4798
4799
4800
/* (new109) TEST TO SOLVE PB OVERFLOW ON SMALL SCREEN (no horizontal scrollbar) + FONT VERANDA - === */

4801
body {

4802
    display: inline-block !important;

4803
    width: 100% !important;

4804
    max-width: 1910px !important;

4805
    overflow: hidden !important;

4806
    overflow-x: hidden !important;

4807
    overflow-y: auto !important;

4808
    font-family: Verdana,sans-serif!important;

4809
    background-color: green !important;

4810
}

4811
4812
4813
/* (new127) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN - === */

4814
4815
/* (new127) ALL - USERSTYLE / GREASY FORK - EDIT COMMENT - ICON PENCIL GRAY - TOP TITLE DISCUS / OK COMMENTS - === */

4816
.ToggleFlyout.OptionsMenu  .Flyout.MenuItems {

4817
    display: inline-block !important;

4818
    float: left !important;

4819
    width: 15px !important;

4820
    height: 15px !important;

4821
    padding: 0 !important;

4822
    border: none !important;

4823
    background-color: transparent !important;

4824
    box-shadow: none !important;

4825
}

4826
#Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {

4827
    left: -5px !important;

4828
    top: 21px !important;

4829
}

4830
.OptionsMenu .Flyout {

4831
  right: 6px;

4832
  top: -1px;

4833
}

4834
.ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before, 

4835
.ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {

4836
    border: none !important;

4837
}

4838
.OptionsTitle ,

4839
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment ,

4840
.ToggleFlyout:not(.Open) .EditDiscussion {

4841
    display: inline-block !important;

4842
    width: 18px !important;

4843
    background-color: transparent!important;

4844
    font-size: 0px!important;

4845
    visibility: hidden!important;

4846
    outline: 1px solid peru !important;

4847
}

4848
/* (new127) ALL */

4849
4850
.ToggleFlyout:not(.Open) a.EditDiscussion:before {

4851
    content: " "!important;

4852
    position: relative!important;

4853
    display: inline-block !important;

4854
    width: 18px !important;

4855
    height: 15px !important;

4856
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;

4857
    background-color: black !important;

4858
    font-size: 15px !important;

4859
    visibility: visible !important;

4860
    outline: 1px solid gray !important;

4861
}

4862
 a.EditComment:before ,

4863
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {

4864
    content: " "!important;

4865
    position: relative!important;

4866
    display: inline-block !important;

4867
    width: 18px !important;

4868
    height: 18px !important;

4869
    left: 17px !important;

4870
    top: -12px !important;

4871
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;

4872
    background-color: black !important;

4873
    font-size: 15px !important;

4874
    visibility: visible !important;

4875
    outline: 1px solid gray !important;

4876
}

4877
/* EDIT BUTTON */

4878
.Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems  {

4879
    display: inline-block !important;

4880
    height: 15px !important;

4881
    line-height: 15 !important;

4882
    padding: 1px !important;

4883
}

4884
4885
4886
4887
/* (new62) COMMENT DISCUSSION - COMMENT EDIT PAGE - === */

4888
#DiscussionForm.FormTitleWrapper.DiscussionForm {

4889
    margin-top: -74px !important;

4890
}

4891
#DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {

4892
    padding: 0px 20px !important;

4893
}

4894
4895
.ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a {

4896
    position: relative !important;

4897
    display: inline-block !important;

4898
    float: left !important;

4899
    width: 18px !important;

4900
    padding: 0 !important;

4901
    line-height: 15px !important;

4902
outline: 1px solid pink !important;

4903
}

4904
4905
.ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a:hover {

4906
    background-color: #ACB1B7 !important;

4907
    color: white !important;

4908
    text-decoration: none;

4909
}

4910
4911
/* (new79) EDIT COMMENT - === */

4912
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {

4913
    font-size: 15px !important;

4914
    visibility: hidden !important;

4915
    outline: 1px solid gray !important;

4916
}

4917
#vanilla_discussions_index .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,

4918
#vanilla_discussions_mine .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,

4919
#vanilla_discussions_bookmarked .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before {

4920
/* outline: 1px solid violet !important; */

4921
}

4922
4923
/* COMMENT DISCUSS  */

4924
.Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle ,

4925
.Section-Discussion .Item.Mine.ItemComment .OptionsTitle ,

4926
.Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle  {

4927
    visibility: hidden!important;

4928
}

4929
/* COMMENT DISCUSS ALT (BLACK) */

4930
.Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle ,

4931
.Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle {

4932
    visibility: hidden !important;

4933
}

4934
/* LIST BOOKMARKED */

4935
.Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle ,

4936
.Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle {

4937
    visibility: hidden !important;

4938
}

4939
/* LIST BOOKMARKED ALT (BLACK) */

4940
.Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle ,

4941
.Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {

4942
    outline: 1px solid red!important;

4943
    visibility: hidden !important;

4944
}

4945
.DismissAnnouncement.Hijack {

4946
    margin-right: 19px !important;

4947
    margin-top: -31px !important;

4948
    color: peru !important;

4949
}

4950
#vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {

4951
    margin-right: 19px !important;

4952
    margin-top: 0px !important;

4953
    color: peru !important;

4954
}

4955
4956
/* (new118) TEST - USERSTYLES - EDIT COMMENT */

4957
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion  {

4958
    font-size: 15px !important;

4959
/*     visibility: visible !important; */

4960
    visibility: hidden !important;

4961
    z-index: 10000 !important;

4962
}

4963
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit  {

4964
    margin-left: 32px !important;

4965
    padding: 0 !important;

4966
    font-size: 0px !important;

4967
}

4968
/* (new116) */

4969
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before ,

4970
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {

4971
    content: " "!important;

4972
    position: relative !important;

4973
    display: inline-block !important;

4974
    float: left !important;

4975
    width: 18px !important;

4976
    height: 18px !important;

4977
/*     left: 762px !important; */

4978
top: -2px !important;

4979
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;

4980
    background-color: black !important;

4981
    font-size: 15px !important;

4982
    visibility: visible !important;

4983
    outline: 1px solid gray !important;

4984
    z-index: 10000 !important;

4985
}

4986
4987
/* (new79) USERSTYLES / GREASYFORK - EDIT BUTTON - IN HEADER DISSCUSS IN GREASY FORK DISCUS - === */

4988
/* GREASYFORK */

4989
.MessageList.Discussion #Item_0.PageTitle .OptionsTitle {

4990
    outline: 1px solid peru!important;

4991
    visibility: hidden !important;

4992
}

4993
4994
/* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style - === */

4995
.Attachment .FilePreview .Thumb-Default img ,

4996
.Attachment .FileHover .Thumb-Default img {

4997
    display: inline-block !important;

4998
    max-height: 25px !important;

4999
    min-height: 25px !important;

5000
    height: 100% !important;

5001
    width: 20px !important;

5002
}

5003
5004
/* START PAGE - === */

5005
#main-article>p  {

5006
    position: relative !important;

5007
    display: inline-block !important;

5008
    width: 870px! important;

5009
    margin: 10px auto ! important;

5010
    left: 70px ! important;

5011
}

5012
#front-page-best {

5013
    display: inline-block ! important;

5014
    margin-left: 200px ! important;

5015
}

5016
#front-page-newest {

5017
    display: inline-block !important;

5018
    margin-left: 200px !important;

5019
}

5020
#front-page-best h2 ,

5021
#front-page-newest  h2 {

5022
    display: inline-block ! important;

5023
    width: 300px !important;

5024
    margin-left: 15px !important;

5025
    padding-left: 29px !important;

5026
    border-radius: 5px !important;

5027
    box-shadow: 0 0 4px #999999 !important;

5028
    background-color: #222222 !important;

5029
}

5030
#front-page-best ul li  ,

5031
#front-page-newest ul li  {

5032
    width: 700px ! important;

5033
    padding: 2px 5px ! important;

5034
}

5035
#front-page-best ul li:nth-child(even) ,

5036
#front-page-newest ul li:nth-child(even) {

5037
    background: black! important;

5038
}

5039
#front-page-best ul li:nth-child(odd) ,

5040
#front-page-newest ul li:nth-child(odd) {

5041
    background: #222222 ! important;

5042
}

5043
#front-page-newest ul li:not(.additional-link):after ,

5044
#front-page-best ul li:not(.additional-link):after {

5045
    content: "tot   :   " attr(total-install-count) ;

5046
    display: inline-block ;

5047
    float: left ;

5048
    width: 250px ;

5049
    margin-right: -100px ;

5050
    text-align: left ;

5051
    color: gold ;

5052
}

5053
/* (COR) */

5054
#front-page-best ul li:not(.additional-link):before {

5055
content: "week   :   " attr(weekly-install-count) ;

5056
    display: inline-block ;

5057
    float: right ;

5058
    width: 120px ;

5059
    margin-left: 10px ;

5060
    text-align: left ;

5061
color: gold;

5062
}

5063
5064
/* for GM "ENHANCER" / "TABLE VIEW" - === */

5065
table#summary + #table-container > table#style-table  {

5066
    border-collapse: collapse;

5067
    margin-bottom: 0;

5068
    margin-left: 0;

5069
    margin-right: 0;

5070
}

5071
table#summary + #table-container > table#style-table > tr:first-of-type {

5072
    position: fixed !important;

5073
    height: 100% !important;

5074
    max-width: 65.5% !important;

5075
    min-width: 65.5% !important;

5076
    width: 100% !important;

5077
    margin-top: -45px !important;

5078
    min-height: 50px !important;

5079
    border-bottom: 4px solid #D2B48C !important;

5080
    border-top: 4px solid #D2B48C !important;

5081
    z-index: 200 !important;

5082
}

5083
/* TABLE VIEW - FIXED HEADER CELLS */

5084
table#summary + #table-container > table#style-table th {

5085
    height: 100%!important;

5086
    min-height: 35px!important;

5087
    max-height: 35px!important;

5088
    text-shadow: 1px 1px 2px #000000;

5089
}

5090
/* A VOIR - for GM "ENHANCER" */

5091
#main-article >dl + h2 + .ad + table#summary + #table-container > table#style-table th {

5092
    height: 30px !important;

5093
    line-height: 3px !important;

5094
    text-shadow: 1px 1px 2px #000000;

5095
}

5096
/* PAGINATION - HIGHLIGHT - === */

5097
.NumberedPager a.Highlight ,

5098
#PagerBefore.Pager a.Highlight{

5099
    background: none repeat scroll 0 0 yellow !important;

5100
    color: red !important;

5101
}

5102
5103
5104
5105
5106
/* (new76) ALL - PAGINATOR CENTER -  HIGHTLIGHT / PREV / NEXT  - === */

5107
.Pager a, 

5108
.Pager span {

5109
    position: relative !important;

5110
    display: inline-block;

5111
    margin: 0 3px;

5112
    min-width: 17px!important;

5113
    height: 14px !important;

5114
    line-height: 13px !important;

5115
    padding: 0 !important;

5116
    text-align: center!important;

5117
    vertical-align: middle !important;

5118
    border-radius: 3px !important;

5119
    box-shadow: 3px 3px 2px black !important;

5120
    background: #222 !important;

5121
}

5122
.NumberedPager a.Next, 

5123
.NumberedPager span.Next, 

5124
.NumberedPager a.Previous, 

5125
.NumberedPager span.Previous {

5126
    position: relative !important;

5127
    display: inline-block !important;

5128
    height: 14px !important;

5129
    line-height: 11px !important;

5130
    font-size: 23px !important;

5131
    border-radius: 3px !important;

5132
    box-shadow: 3px 3px 2px black !important;

5133
    background: #222 !important;

5134
    vertical-align: middle !important;

5135
}

5136
.NumberedPager .Next:hover, 

5137
.NumberedPager .Previous:hover {

5138
    position: relative !important;

5139
    display: inline-block !important;

5140
    height: 14px !important;

5141
    line-height: 11px !important;

5142
    border-radius: 3px !important;

5143
    top: 5px!important;

5144
    left: 0px !important;

5145
    margin-left: 3px !important;

5146
    right: 0px !important;

5147
    font-size: 26px !important;

5148
    vertical-align: middle !important;

5149
}

5150
#PagerAfter>a:hover,

5151
#PagerBefore>a:hover,

5152
body .Pager .Highlight:hover,

5153
.PageControls .Pager a:hover  {

5154
    display: inline-block !important;

5155
    color: tomato !important;

5156
}

5157
5158
#PagerBefore> .Next:hover,

5159
.NumberedPager a.Next:hover,

5160
.NumberedPager span.Next:hover {

5161
position: relative !important;

5162
    display: inline-block !important;

5163
    height: 20px !important;

5164
    line-height: 17px!important;

5165
    margin-top: -10px !important;

5166
    font-size: 23px !important;

5167
    vertical-align: middle !important;

5168
    color: tomato !important;

5169
}

5170
5171
#PagerAfter> .Previous:hover,

5172
#PagerBefore> .Previous:hover,

5173
.NumberedPager a.Previous:hover,

5174
.NumberedPager span.Previous:hover {

5175
    position: relative !important;

5176
    display: inline-block !important;

5177
    height: 20px !important;

5178
    line-height: 17px!important;

5179
    margin-top: -10px !important;

5180
    font-size: 23px !important;

5181
    vertical-align: middle !important;

5182
    color: tomato !important;

5183
}

5184
.p-100.LastPage:hover {

5185
    position: relative !important;

5186
    display: inline-block !important;

5187
    height: 20px !important;

5188
    line-height: 17px!important;

5189
    font-size: 16px !important;

5190
    vertical-align: middle !important;

5191
    color: tomato !important;

5192
}

5193
/* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */

5194
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous ,

5195
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next {

5196
    position: relative !important;

5197
    display: inline-block !important;

5198
    vertical-align: middle !important;

5199
    line-height: 20px !important;

5200
    height: 20px!important;

5201
    padding: 2px!important;

5202
    top: -10px!important;

5203
    font-size: 15px !important;

5204
    color: peru !important;

5205
}

5206
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous:hover {

5207
    display: inline-block !important;

5208
    left: -11px!important;

5209
    font-size: 20px !important;

5210-
    margin-left: 37% !important;

5210+
5211
    color: tomato !important;

5212
}

5213
#dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next:hover {

5214
    display: inline-block !important;

5215
    margin-right: -9px!important;

5216
    margin-left: 2px!important;

5217
    font-size: 20px !important;

5218
    transition: all ease  0.5s  !important;

5219
    color: tomato !important;

5220
}

5221
5222
5223
5224
5225
/* GREASYFORK - ALL - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)- === */

5226
#additional-info .script-author-description>p  img ~ br {

5227
    display : none !important;

5228
}

5229
#additional-info img , 

5230
.lightbox .lb-image {

5231-
    font-size: 26px ;

5231+
5232
    display: inline-block !important;

5233
    height: auto !important;

5234
    max-width: 80% !important;

5235
    margin: 0 auto !important;

5236-
/* (new119) USERSTYLES - ACCOUNT PAGE - USER ABOUT /HOVER */

5236+
5237
}

5238
#additional-info img {

5239
    display: inline-block !important;

5240-
    width: 30% ;

5240+
5241
    max-width: 98%!important;

5242
    max-height: 245px !important;

5243-
    margin-left: 39% !important;

5243+
5244
    color: yellow!important;

5245
/* box-shadow: 5px 5px 2px #888888 !important; */

5246
    box-shadow: 5px 5px 2px #181818 !important;

5247
    background-color: #2b2b2b !important;

5248
border: 1px solid orange !important;	

5249
}

5250
#additional-info .fancybox img {

5251
    box-shadow: none !important;

5252
    color: yellow!important;

5253-
    width: 40% !important;

5253+
5254
border: 1px solid orange !important;

5255
}

5256
5257
/* USERSTYLES - MAIN ARTICLE (inside CONTENT-WRAPPER) - === */

5258
#main-article {

5259
    margin-left: 215px !important;

5260
}

5261
5262
/* (new119) USERSTYLES -ACCOUNT PAGE - USER NAME */

5263
.PageContent>dl>dt:not(:last-of-type) {

5264
    position: absolute !important;

5265
    display: inline-block !important;

5266
    width: 21% ;

5267
    height: 15px;

5268
    line-height: 15px !important;

5269
    margin-left: 15%;

5270
    margin-top: -20px !important;

5271
    padding: 5px;

5272
    overflow: hidden;

5273
    text-align: center !important;

5274
    border: 1px solid #404040 ;

5275
    background: #222 !important;

5276
}

5277
/* TXT "HOMEPAGE" in STYLES PAGES */

5278
html>body>dl dt:not(:last-of-type) + #user-about + dt {

5279
    display: none !important;

5280
}

5281
5282
/* (new119) USERSTYLES -ACCOUNT PAGE - USER CONTACT */

5283
#user-about + dt {

5284
    position: absolute !important;

5285
    display: inline-block !important;

5286
    width: 1% ;

5287
    min-height: 14px;

5288
    max-height: 14px;

5289
    line-height: 14px;

5290
    margin-left: 37%;

5291
    margin-top: -20px !important;

5292
    padding: 5px;

5293
    text-align: left ;

5294
    font-size: 0 !important;

5295
    border: 1px solid #404040 ;

5296
}

5297
.PageContent>dl dd:last-of-type {

5298
    position: absolute !important;

5299
    display: inline-block !important;

5300
    width: 1.5% ;

5301
    height: 100% !important;

5302
    min-height: 25px !important;

5303
    max-height: 25px !important;

5304
    margin-left: 38% !important;

5305
    margin-top: -19px !important;

5306
    padding-right: 20px;

5307
    overflow: hidden !important;

5308
    white-space: nowrap !important;

5309
    text-align: left ;

5310
    font-size: 0px !important;

5311
    color: transparent !important;

5312
}

5313
.PageContent>dl dd:last-of-type:before {

5314
    content: "📧" ;

5315
    position: absolute !important;

5316
    display: inline-block !important;

5317
    width: 42px ;

5318
    height: 100% !important;

5319
    min-height: 22px !important;

5320
    max-height: 22px !important;

5321
    line-height: 20px ;

5322
    margin-left: -7px !important;

5323
    left: 0px !important;

5324
    padding: 0px;

5325
    text-align: center ;

5326
    font-size: 27px ;

5327
    color: red !important;

5328
    border: 1px solid #404040 ;

5329
    pointer-events: none !important;

5330
}

5331
/* (new123) USERSTYLES - ACCOUNT PAGE - USER ABOUT /HOVER */

5332
#user-about {

5333
    position: absolute !important;

5334
    display: inline-block;

5335
    width: 38% ;

5336
    min-height: 14px !important;

5337
    max-height: 14px !important;

5338
    margin-left: 43% !important;

5339
    margin-top: -20px !important;

5340
    padding: 5px;

5341
    overflow: hidden;

5342
    border: 1px solid lime !important;

5343
transition: all ease 0.7s !important;

5344
}

5345
#user-about:hover {

5346
    position: absolute !important;

5347
    display: inline-block;

5348
    width: 54% !important;

5349
    max-height: 700px !important;

5350
    padding: 5px;

5351
    overflow: hidden;

5352
    overflow-y: auto;

5353
    border: 1px solid blue;

5354
    background: #333 !important;

5355
    transition: all ease 0.7s !important;

5356
    z-index: 500 !important;

5357
}

5358
5359
5360
/* (new119) USERSTYLES - ACCOUNT PAGE - - INSTAL WEEK - === */

5361
.numeric-value {

5362
    color: gold !important;

5363
}

5364
.numeric-value + .numeric-value {

5365
    color: tan !important;

5366
}

5367
5368
/* (new118) USERSTYLES - (ALL) "Contact Admin" ETC ....- === */

5369
5370
5371
5372
/* (new118) USERSTYLES - FOOTER - === */

5373
footer {

5374
    position: fixed !important;

5375
    display: inline-block !important;

5376
    width: auto !important;

5377
    top: 00px !important;

5378
    left: 10px ! important;

5379
    padding: 0 5px 5px 20px !important;

5380
    z-index: 5000 ! important;

5381
    visibility: hidden !important;

5382
background: red !important;

5383
}

5384
footer:hover {

5385
    position: fixed !important;

5386
    display: inline-block !important;

5387
    width: auto !important;

5388
    top: 00px !important;

5389
    left: 10px ! important;

5390
    padding: 0 5px 5px 20px !important;

5391
    z-index: 5000 ! important;

5392
    visibility: visible !important;

5393
background: black !important;

5394
}

5395
footer:before {

5396
    content: "🔻" !important;

5397
    position: fixed !important;

5398
    display: inline-block !important;

5399
    width: auto !important;

5400
    top: 10px !important;

5401
    left: 5px ! important;

5402
    padding: 0px  !important;

5403
    z-index: 5000 ! important;

5404
    visibility: visible !important;

5405
background: gold !important;

5406
}

5407
/* ==== (ALL)  - USERSTYLES - MENUS POPUP ==== */

5408
5409
5410
5411
/* (new79) USERSTYLES - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL - === */

5412
#style-author-info {

5413
    position: fixed !important;

5414
    width: 205px ! important;

5415
    height: 100% ! important;

5416
    min-height: 292px ! important;

5417
    max-height: 792px ! important;

5418
    left: 5px !important;

5419
    top: 80px !important;

5420
    padding-left: 5px !important;

5421
    padding-bottom: 3px !important;

5422
    border-radius: 5px !important;

5423
    box-shadow: 3px 3px 2px black !important;

5424
    background: #222222 !important;

5425
}

5426
#style-install-info {

5427
    position: fixed !important;

5428
    width: 195px ! important;

5429
    left: 23px !important;

5430
    top: 320px !important;

5431
    padding-left: 5px !important;

5432
    padding-bottom: 3px !important;

5433
    border-radius: 5px !important;

5434
    background: #222222 !important;

5435
    z-index: 700 !important;

5436
}

5437
5438
/*  - USERSTYLES - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA - === */

5439
#style-install-info>tbody>tr:nth-child(2n+1) ,

5440
#style-author-info>tbody>tr:nth-child(2n+1) {

5441
    background: #262626 !important;

5442
 }

5443
5444
/*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE - === */

5445
#style-install-info>tbody>tr ,

5446
#style-author-info>tbody>tr {

5447
    color: gold !important;

5448
}

5449
/*  (new79) USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS - === */

5450
#style-install-info>tbody>tr th+td ,

5451
#style-author-info>tbody>tr th+td {

5452
    position: relative ! important;

5453
    display: inline-block ! important;

5454
    width: 95% ! important;

5455
    bottom: 3px ! important;

5456
    left: 3px ! important;

5457
    border-radius: 5px ! important;

5458
    border : #434141 solid 1px !important;

5459
    box-shadow: 3px 3px 2px black !important;

5460
    color: #6999A6 !important;

5461
    text-align: center ! important;

5462
    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%);

5463
}

5464
5465
/*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE - === */

5466
#style-install-info>tbody>tr ,

5467
#style-author-info>tbody>tr {

5468
    display: block !important;

5469
    position: relative !important;

5470
    width: 190px !important;

5471
    font-size: 11px !important;

5472
}

5473
/* USERSTYLES - STY INFOS - AUTH PANEL INFOS - AUTH - === */

5474
#style-author-info>tbody>tr:first-child {

5475
    position: relative !important;

5476
    display: inline-block !important;

5477
    margin-top: 5px ! important;

5478
    margin-left: 0px ! important;

5479
    width: 190px !important;

5480
    height: 89px ! important;

5481
    border-radius: 5px ! important;

5482
    border: 1px gray solid ! important;

5483
}

5484
5485
/* USERSTYLES - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */

5486
#style-author-info>tbody>tr:nth-child(1)>th {

5487
    display: inline-block !important;

5488
    position: relative !important;

5489
    width: 184px !important;

5490
    margin-top: 1px ! important;

5491
    padding: 0 5px 2px 0 !important;

5492
    border-radius: 5px 5px 0 0  ! important;

5493
    color: transparent !important;

5494
    font-size: 0px !important;

5495
    text-align: center ! important;

5496
    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%);

5497
}

5498
/* USERSTYLES - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */

5499
#style-author-info>tbody>tr:nth-child(1)>th:before {

5500
    position: relative ;

5501
    display: inline-block ;

5502
    content:url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;

5503
    transform:scale(0.9,0.7) ;

5504
}

5505
5506
/* (COR) USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */

5507
#style-author-info>tbody>tr:nth-child(1)>td a {

5508
    position: relative !important;

5509
    display: block !important;

5510
    max-width: 182px !important;

5511
    height: 51px ! important;

5512
    left: -2px ! important;

5513
    padding: 0 2px !important;

5514
    font-size: 19px !important;

5515
    font-weight: bold ! important;

5516
    text-align: center ! important;

5517
    color: SlateGray !important;

5518
    border-radius: 0 0 5px 5px ! important;

5519
    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%);

5520
    border :none !important;

5521
    white-space: pre-wrap ! important;

5522
    word-break: break-all ! important;

5523
    -moz-hyphens: auto ! important;

5524
}

5525
5526
/* USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */

5527
#style-author-info>tbody>tr:first-of-type th+td {

5528
    position: relative ! important;

5529
    display: inline-block ! important;

5530
    width: 100% ! important;

5531
    bottom: -1px ! important;

5532
    left: 3px ! important;

5533
    text-align: center ! important;

5534
    border :none !important;

5535
    background: transparent ! important;

5536
}

5537
5538
/* USERSTYLES - INFOS - SCREENSHOT + INFOS - (GM + NO GM) - === */

5539
#content-wrapper #main-article #left-info {

5540
    position: absolute ! important;

5541
    display: inline-block ! important;

5542
    vertical-align: top ! important;

5543-
    top: 65px !important;

5543+
5544
    margin-left: 2% !important;

5545
}

5546
5547
/* (new79) USERSTYLES - STY INFOS - SCREENSHOT - (GM + NO GM) - === */

5548
#screenshots {

5549
    position: absolute ;

5550
    display: inline-block ;

5551
    float: none ;

5552
    clear: both ;

5553
    height: 395px ;

5554
    width: 360px ;

5555
    top: 0px ;

5556
    border: 1px solid #434141 !important;

5557
    box-shadow: 3px 3px 2px black ;

5558
    background-color: #222222 ;

5559
    z-index: 10 ;

5560
}

5561
.screenshot-thumbnail {

5562
    border: 1px solid #434141 !important;

5563
    box-shadow: 3px 3px 2px black ;

5564
}

5565
#more-screenshots {

5566
    font-size: 0 !important;

5567
}

5568
#more-screenshots span {

5569
    position: absolute !important;

5570
    display: inline-block !important;

5571
    padding: 2px 5px !important;

5572
    border-radius: 5px !important;

5573
    background: black !important;

5574
    font-size: 15px !important;

5575
}

5576
#screenshots #more-screenshots a  {

5577
    position: relative !important;

5578
    display: inline-block !important;

5579
    width: 98% !important;

5580
    bottom: -20px !important;

5581
    font-size: small !important;

5582
}

5583
#screenshots #more-screenshots a:before  {

5584
    content: "\25BA" ;

5585
    color: gold ;

5586
}

5587
/* USERSTYLES - STY INFOS - LONG DESC - (GM + NO GM) - === */

5588
#style-info {

5589
    position: absolute ! important;

5590
    width: 78.5% !important;

5591
    margin-top : 1px !important;

5592
    left: 249px !important;

5593
    word-wrap: break-word ! important;

5594
}

5595
#main-style-info {

5596
    width: 60% !important;

5597
    margin-bottom: 1em;

5598
    margin-left: 380px !important;

5599
    padding-left: 1em;

5600
}

5601
5602
/* (COR) USERSTYLES - STY INFOS - LG DESC - TXT - === */

5603
#long-description {

5604
    position: relative !important;

5605
    display: inline-block !important;

5606
    width: 565px ! important;

5607
    height: 395px !important;

5608
    min-height: 100px ! important;

5609
    top: 4px !important;

5610
    margin-top: 0px !important;

5611
    left: 10px ! important;

5612
    padding: 5px 5px 2px 10px !important;

5613
    border-radius: 5px !important;

5614
    border: 1px solid red !important;

5615
/*    box-shadow: 0 0 4px #999999 !important;*/	

5616
    box-shadow: 3px 3px 2px black !important;

5617
    overflow: hidden ! important;

5618
    overflow-y: auto ! important;

5619
}

5620
/* (new109) NEED CONVERT for Addstylish lib -  USERSTYLES - STY INFOS - STYLE OPTIONS -

5621
http://userstyles.org/styles/62204/dust-for-firefox-pale-moon

5622
<a href="http://userstyles.org/styles/75965/">Firefox 7+: Addon Manager and some interface items</a>

5623
- https://userstyles.org/styles/47886/facebook-dark-shiny-transparency-with-options

5624
=== SITE CHANGE :

5625
"#style-options" to "#style-settings"

5626
=== */

5627
.advanced_button {

5628
    position: absolute ;

5629
    height: 20px !important;

5630
    margin-left: 251px !important;

5631
    top: 68px !important;

5632
}

5633
#style-settings {

5634
    position: absolute !important;

5635
    display: inline-block !important;

5636
    width: 75px ! important;

5637
    height: 16px !important;

5638
    top: 69px !important;

5639
    margin-left: 1160px !important;

5640
    left: 100px ! important;

5641
    padding: 3px 5px ;

5642
    border: 1px solid gray !important;

5643
    border-radius: 5px !important;

5644
    background: gray !important;

5645
    overflow: hidden !important;

5646
    overflow-y: hidden !important;

5647
    z-index: 500 !important;

5648
}

5649
#style-settings:hover {

5650
    position: absolute !important;

5651
    display: inline-block !important;

5652
    width: 555px ! important;

5653
    min-height: 727px !important;

5654
left: -370px ! important;

5655
    border: 1px solid gray !important;

5656
    border-radius: 5px !important;

5657
    background: black !important;

5658
    overflow: hidden !important;

5659
    overflow-y: auto !important;

5660
    z-index: 500!important;

5661
    transition: all ease 0.6s !important;

5662
}

5663
#style-settings li:first-of-type {

5664
    margin-top: 35px !important;

5665
}

5666
5667
#style-settings:before {

5668
    content: "Options \01F53B " ;

5669
    position: absolute ;

5670
    display: inline-block ;

5671
    height: 15px ;

5672
    width: 75px !important;

5673
    line-height: 13px ;

5674
    top: 0px ;

5675
    left: -2px ;

5676
    padding: 5px ;

5677
    border-radius: 3px ;

5678
    border: 1px solid gray ;

5679
    color: gold ;

5680
    background: #222222 ;

5681
    z-index: 500 !important;

5682
}

5683
#style-settings #advancedsettings_area.advancedsettings_shown ,

5684
#style-settings #advancedsettings_area.advancedsettings_hidden  {

5685
    display: inline-block !important;

5686
    min-width: 495px !important;

5687
    max-width: 495px !important;

5688
    margin-left: 14px;

5689
    margin-top: 28px;

5690
    padding: 15px !important;

5691
    background-color: #ffffff;

5692
}

5693
5694
/* (new77) USERSTYLES - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK - === */

5695
#style-info #control-panel {

5696
    position: fixed ! important;

5697
    display: inline-block ! important;

5698
    height: 17px !important;

5699
    line-height: 17px !important;

5700
    width: 566px;

5701
    margin-bottom: 1em;

5702
    left: 637px!important;

5703
    top: 25px ! important;

5704
    padding: 1px 6px !important;

5705
    border: 1px solid gray !important;

5706
    border-radius: 3px 3px 0 0 !important;

5707
    background: #222 !important;

5708
    z-index: 600 !important;

5709
}

5710
5711
#style-install-info > tbody > tr:last-of-type ,

5712
#style-info #control-panel>a:nth-child(1),

5713
#style-info #control-panel>a:nth-child(2),

5714
#style-info #control-panel> a:nth-child(3){

5715
    display: inline-block!important;

5716
    height: 14px !important;

5717
    line-height: 14px !important;

5718
    margin-top: -4px ! important;

5719
    top: 30px !important;

5720
    background-color: #222222 !important;

5721
    border-radius: 3px !important;

5722
    box-shadow: 3px 3px 2px black !important;

5723
    padding: 1px 5px !important;

5724
}

5725
5726
/* USERSTYLES - STY INFOS - LG DESC - (Links Color) === */

5727
#long-description>p>a{

5728
    color: #E0B81F !important;

5729
    margin-right: 5px !important;

5730
}

5731
/* (new77) USERSTYLES - STY INFOS - INST BUTT + Switch Browser - === */

5732
#stylish-installed-style-needs-update ,

5733
#stylish-installed-style-not-installed {

5734
    position: fixed !important;

5735
    width: 190px !important;

5736
    height: 16px !important;

5737
    line-height: 13px !important;

5738
    left: 1025px !important;

5739
    margin-bottom: 1px;

5740
    top: 16px !important;

5741
    padding: 0 4px 2px !important;

5742
    border-radius: 5px !important;

5743
    font-size: larger;

5744
    color: white;

5745
    vertical-align: middle;

5746
    z-index: 700!important;

5747
}

5748
5749
/* (new77) INSTALL BUTTON - COR to SEE WITH STYLISH addon differents version - === */

5750
#stylish-installed-style-installed  {

5751
    position: fixed !important;

5752
    width: 230px !important;

5753
    height: 18px !important;

5754
    line-height: 17px !important;

5755
    top: 11px !important;

5756
    left: 930px !important;

5757
    margin-bottom: 1px;

5758
    padding: 0 4px 2px !important;

5759
    border-radius: 5px !important;

5760
    font-size: larger;

5761
    color: white;

5762
    vertical-align: middle;

5763
    z-index: 650 !important;

5764
}

5765
#switch-browser-note {

5766
    position: absolute !important;

5767
    display: inline-block;

5768
    width: 180px !important;

5769
    top: 32px !important;

5770
    left: 575px !important;

5771
    margin-bottom: 1px;

5772
    margin-top: 13px !important;

5773
    padding: 0 4px 2px !important;

5774
    vertical-align: middle;

5775
    border-radius: 5px !important;

5776
    color: white;

5777
}

5778
5779
/* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3  - === */

5780
#style-install-mozilla-no-stylish {

5781
    display: none !important;

5782
}

5783
5784
/* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???)  */

5785
.install-status:not(.install) {

5786
    display: none;

5787
}

5788
5789
/* USERSTYLES -  INSTALL NOTE - === */

5790
.install-status:not(.install) {

5791
    position: absolute !important;

5792
    display: inline-block;

5793
    max-width: 450px;

5794
    margin-bottom: 1px;

5795
    margin-top: 15px;

5796
    right: 0 !important;

5797
    top: 0!important;

5798
    padding: 8px 16px 12px;

5799
    border-radius: 5px;

5800
    font-size: larger;

5801
    color: white;

5802
    vertical-align: middle;

5803
}

5804
5805
5806
5807
/* ==== (new108) USERSTYLES - STY INFOS - SHOW CODE - ==== */

5808
5809
5810
/* (new114) USERSTYLES - STY INFOS - NEW - SHOW CSS CODE */

5811
#stylish-code.cssHidden[style*="display: none;"] {

5812
    display: none !important;

5813
}

5814
#stylish-code.hiBeautted ,

5815
#stylish-code.cssHidden[style*="display: block;"] {

5816
    display: inline-block !important;

5817
    width: 650px !important;

5818
    min-height: 680px !important;

5819
    padding: 5px 5px 5px 15px  !important;

5820
    border-top: 30px solid red !important;

5821
    word-wrap: break-word !important;

5822
    -moz-hyphens: auto !important;

5823
    background: white !important;

5824
    background-color: #2e3e49 !important;

5825
}

5826
5827
5828
5829
/* TEST - SHOW CODE - IMAGE - FOR GM - "LinkyFyPlus" - === */

5830
#show-code #view-code #stylish-code  a.linkifyplus  {

5831
    display: inline-block !important;

5832
    height: 15px !important;

5833
    white-space: pre-wrap !important;

5834
    word-wrap: break-word !important;

5835
    font-size: 15px !important;

5836
    color: blue !important;

5837
    background: tan  !important;

5838
}

5839
5840
#show-code #view-code #stylish-code  a.linkifyplus > img {

5841
    position: absolute !important;

5842
    display: inline-block !important;

5843
    max-height: 100px !important;

5844
    padding: 3px 20px !important;

5845
    visibility: hidden !important;

5846
    transform: scale(0.2) !important;

5847
    transition: background ease 0.7s !important;

5848
    background: #333  !important;

5849
}

5850
#show-code #view-code #stylish-code  a.linkifyplus:hover > img {

5851
    position: fixed !important;

5852
    display: inline-block !important;

5853
    max-height: 50% !important;

5854
    max-width: 200px !important;

5855
    top: 25% !important;

5856
    margin: auto 0 !important;

5857
    right: 40% ! important;

5858
    padding: 3px 20px !important;

5859
    visibility: visible !important;

5860
    transform: scale(1.5) !important;

5861
    transition: background ease 0.1s !important;

5862
    z-index: 1000 !important;

5863
    background: black  !important;

5864
}

5865
5866
#show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:before  ,

5867
#show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:before  ,

5868
#show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:before {

5869
    content: " " !important;

5870
    position: relative !important;

5871
    display: inline-block !important;

5872
    width: 10px !important;

5873
    height: 18px !important;

5874
    line-height: 18px !important;

5875
    padding: 0 5px 0 10px !important;

5876
    border-radius: 3px !important;

5877
    font-size: 17px !important;

5878
    visibility: visible !important;

5879
    opacity: 1 !important;

5880
    background-image: url(http://findicons.com/files/icons/2652/gentleface/48/expand_icon.png) !important;

5881
    background-position: center  !important;

5882
    background-repeat: no-repeat !important;

5883
    background-size: 70% 140% !important;

5884
    transform: rotate(270deg) !important;

5885
    background-color: white  !important;

5886
}

5887
#show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:after ,

5888
#show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:after  ,

5889
#show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:after {

5890
    content: attr(href) !important;

5891
    position: relative !important;

5892
    display: inline-block !important;

5893
    height: 18px !important;

5894
    line-height: 18px !important;

5895
    padding: 0 20px !important;

5896
    font-size: 15px !important;

5897
    visibility: visible !important;

5898
    opacity: 1 !important;

5899
}

5900
5901
5902
/* (new77) USERSTYLES - STY INFOS - MORE - DESC - TITLE - === */

5903
#content-wrapper article#main-article #more-info h2 ,

5904
#content-wrapper article#main-article #additional-info h2 ,

5905
#content-wrapper article#main-article #discussions-area h2 {

5906
    display: inline-block ! important;

5907
    min-width: 965px !important;

5908
    max-width: 965px !important;

5909
    padding-left: 15px !important;

5910
    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%);

5911
    border-radius: 5px !important;

5912
    box-shadow: 3px 3px 2px black !important;

5913
    color: #A3A4A4 !important;

5914
}

5915
#content-wrapper article#main-article #discussions-area h2 {

5916
    min-width: 965px !important;

5917
    max-width: 965px !important;

5918
}

5919
section#discussions-area h2 {

5920
    position: relative !important;

5921
    display: inline-block !important;

5922
    left: 50px !important;

5923
    margin-bottom: -15px !important;

5924
}

5925
section#discussions-area h3 {

5926
    display: none !important;

5927
}

5928
5929
/* (new77) USERSTYLES -  STY INFOS - MORE INFOS - DESC - === */

5930
#style-info + #additional-info {

5931
    position: relative ! important;

5932
    display: inline-block !important;

5933
    min-width: 90% !important;

5934
    max-width: 90% !important;

5935
    left: 2% !important;

5936
    margin-top: 405px !important;

5937
}

5938
#additional-info-text {

5939
    position: relative !important;

5940
    display: inline-block !important;

5941
    min-width: 965px !important;

5942
    max-width: 965px !important;

5943
    margin-top: -10px !important;

5944
    overflow-y: auto;

5945
    overflow-x: hidden!important;

5946
    color: #ACAEB5 !important;

5947
}

5948
/* USERSTYLES - STY INFOS - MORE - DESC - Links Color - === */

5949
#additional-info #additional-info-text a{

5950
    color: #E0B81F !important;

5951
}

5952
#additional-info #additional-info-text a:visited {

5953
    color: #E7D590 !important;

5954
}

5955
5956
/* USERSTYLES - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ - === */

5957
#style-info + #additional-info #additional-info-text>mark>a {

5958
    color: black !important;

5959
}

5960
#additional-info #additional-info-text>mark>a b {

5961
    color: red!important;

5962
}

5963
5964
/* ===  - USERSTYLES - STY INFOS - FEED ==== */

5965
5966
/* (new118) USERSTYLES - FIX NEW DESIGN - TOP HEARDER - === */

5967
/* #top_logo ,  */

5968
.top_logo {

5969
    margin-top: -5px !important;

5970
}

5971
/* .header-search .search_input .input_text_search , */

5972
.header-search {

5973
    height: 25px !important;

5974
/*     margin-top: -27px !important; */

5975
}

5976
.header-search .search_input  {

5977
    height: 25px !important;

5978
    margin-top: 0px !important;

5979
}

5980
5981
/* (new118) USERSTYLES - CREATE NEW STYLE */

5982
#create_new_style ,

5983
.header_button  {

5984
    min-height: 20px !important;

5985
    margin-top: -27px !important;

5986
}

5987
#create_new_style  {

5988
    min-height: 20px !important;

5989
margin-top: 0px !important;

5990
    margin-left: 220px !important;

5991
    margin-right: -192px !important;

5992
}

5993
#create_new_style a ,

5994
.header_button a  {

5995
   font-weight: 600 !important;

5996
    font-size: 14px !important;

5997
}

5998
5999
6000
6001
/* (new118) USERSTYLES - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */

6002
#discussions-area{

6003
    position: absolute !important;

6004
    display: inline-block ! important;

6005
    float: none ! important;

6006
    clear: both ! important;

6007
    max-height: 100%!important;

6008
    min-height: 30px !important;

6009
    width: 330px !important;

6010
    left: 15px !important;

6011
    top: 370px !important;

6012
    padding: 1px !important;

6013
border: 1px solid red !important;

6014
}

6015
6016
/* (new118) USERSTYLES - NEW DESIGN FIX -  STYLE INFO - FEED BACK CONTAINER - === */

6017
#as_userscript + #headline {

6018
    position: absolute !important;

6019
    display: inline-block ! important;

6020
    float: none ! important;

6021
    clear: both ! important;

6022
    max-height: 100%!important;

6023
    min-height: 20px !important;

6024
    width: 330px !important;

6025
    left: 1% !important;

6026
    top: 300px !important;

6027
    padding: 1px !important;

6028
    color: gold !important;

6029
    background: #222 ;

6030
}

6031
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"] {

6032
    position: absolute !important;

6033
    display: inline-block ! important;

6034
    float: none ! important;

6035
    clear: both ! important;

6036
/*    max-height: 100%!important;*/

6037
    height: 100%!important;

6038
    min-height: 20px !important;

6039
    max-height: 20px !important;

6040
    width: 35px !important;

6041
    left: 15% !important;

6042
    top: 333px !important;

6043
    padding: 1px !important;

6044
    overflow: hidden ;

6045
}

6046
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover {

6047
    position: absolute !important;

6048
    display: inline-block ! important;

6049
    float: none ! important;

6050
    clear: both ! important;

6051
    max-height: 100%!important;

6052
    min-height: 20px !important;

6053
    width: 190px !important;

6054
    left: 8% !important;

6055
    padding: 1px !important;

6056
    overflow: hidden ;

6057
}

6058
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button {

6059
    height: 18px !important;

6060
    width: 30px !important;

6061
    margin-bottom: 18px;

6062
    margin-top: 0px !important;

6063
    box-shadow: none !important;

6064
    color: transparent !important;

6065
    border: none !important;

6066
    white-space: nowrap ;

6067
    background-color: blue !important;

6068
    transition: all ease 0.2s !important;

6069
}

6070
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button>div:last-of-type {

6071
    visibility: hidden ;

6072
}

6073
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div:first-of-type{

6074
    height: 20px ;

6075
    margin-right: -118px !important;

6076
    margin-top: 0px ;

6077
}

6078
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div .feedback-icon {

6079
    height: 15px ;

6080
    margin-top: 4px ;

6081
}

6082
/* HOVER */

6083
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button {

6084
    width: 172px !important;

6085
    height: 20px ;

6086
    margin-top: 0px !important;

6087
    color: gold !important;

6088
    transition: all ease 0.2s !important;

6089
}

6090
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:last-of-type {

6091
    display: inline-block ;

6092
    visibility: visible ;

6093
}

6094
#as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:first-of-type .feedback-icon {

6095
    height: 15px ;

6096
    margin-right: 15px !important;

6097
    margin-top: 5px !important;

6098
}

6099
/* (new128) - Without UBlock */

6100
#style_info .adContainer ~ #discussions-area {

6101
    position: absolute !important;

6102
    display: inline-block ! important;

6103
    float: none ! important;

6104
    clear: both ! important;

6105
    max-height: 450px !important;

6106
    min-height: 30px !important;

6107
    min-width: 330px !important;

6108
    max-width: 330px !important;

6109
    width: 330px !important;

6110
    left: 1% !important;

6111
    top: 360px !important;

6112
    padding: 1px !important;

6113
    overflow: hidden !important;

6114
    overflow-y: auto !important;

6115
    background: #222 ;

6116
border: 1px solid red !important;

6117
}

6118
6119
#single_discussion {

6120
    height: 70px !important;

6121
    padding: 5px !important;

6122
}

6123
#single_discussion:first-child {

6124
    margin-top: -15px !important;

6125
}

6126
#single_discussion:not(:first-child) {

6127
    margin-top: -10px !important;

6128
}

6129
#single_discussion_up {

6130
    height: 17px !important;

6131
    margin-bottom: 3px !important;

6132-
    top: 36px !important;

6132+
6133
}

6134
#single_discussion  .text_style_page {

6135
    width: 296px !important;

6136
    height: 41px !important;

6137
    line-height: 15px !important;

6138
    margin-top: 0px !important;

6139
    font-size: 13px !important;

6140
    color: gray !important;

6141
    outline: 1px solid gray !important;

6142
}

6143
6144
#rating_discussion[src="/ui/images/icons/rating_0.svg"] {

6145
    height: 13px;

6146
    width: 18px;

6147
    opacity: 0.2;

6148
}

6149
#style_info .adContainer ~#discussions-area .text_style_page {

6150
    color: #b3b3b3 ;

6151
}

6152
.see_more {

6153
    height: 21px !important;

6154
}

6155
.feedback-icon {

6156
    height: 17.3px;

6157
    margin-right: 6.8px !important;

6158
    margin-top: 3px !important;

6159
}

6160
/* (new108) */

6161
#archive_style_button {

6162
    position: absolute;

6163
    display: inline-block;

6164
    height: 15px !important;

6165
    line-height: 15px !important;

6166
    width: 120px !important;

6167
    right: 20% ;

6168
    top: 470px !important;

6169
    border-radius: 4px;

6170
    box-shadow: 5px 5px 2px black !important;

6171
    cursor: pointer;

6172
    font-size: 14px !important;

6173
    justify-content: center;

6174
    margin-top: 0px !important;

6175
    padding: 2px 2px !important;

6176
    text-align: center;

6177
}

6178
#as_userscript  {

6179
    position: absolute !important;

6180
    height: 18px !important;

6181
    line-height: 15px !important;

6182
    width: 120px !important;

6183
    right: 20% ;

6184
    margin-right: 0% !important;

6185
    top: 500px ;

6186
    margin-top: 0px !important;

6187
    padding: 2px 2px !important;

6188
    border-radius: 4px;

6189
border: 1px solid #222 !important;

6190
    box-shadow: 3px 3px 2px black !important;

6191
    cursor: pointer;

6192
    font-size: 5px ;

6193
    text-align: center;

6194
}

6195
#as_userscript a:before  {

6196
    content: "Userscript" ;

6197
    position: absolute !important;

6198
    display: inline-block;

6199
    height: 15px !important;

6200
    line-height: 15px !important;

6201
    width: 120px !important;

6202
    margin-left: -34px ;

6203
    margin-top: -2px ;

6204
    border-radius: 4px;

6205
    box-shadow: 3px 3px 2px black ;

6206
    font-size: 14px !important;

6207
    padding: 3px 2px !important;

6208
    text-align: center;

6209
    background-image: url("https://icons.duckduckgo.com/ip2/userscripts-mirror.org.ico") ;

6210
    background-position: 5px center;

6211
    background-repeat: no-repeat;

6212
    background-size: 12%;

6213
    background-color: #333 ;

6214
}

6215
6216
/* (new1114) TEST FIX NEW DESIGN - SHOW CSS - === */

6217
.css_button {

6218
    position: absolute;

6219
    display: inline-block;

6220
    flex-direction: row;

6221
    align-items: center;

6222
    justify-content: center;

6223
    height: 21px !important;

6224
    line-height: 25px !important;

6225
    width: 136px  !important;

6226
    margin-top: 30px;

6227
    right: 19.2% ;

6228
    top: 40px !important;

6229
    border-radius: 4px;

6230
    color: #3498db;

6231
    font-size: 14px;

6232
    font-weight: normal ;

6233
    box-shadow: 3px 3px 2px black ;

6234
    background-color: #e2ebf8;

6235
}

6236
.css_button .no-select {

6237
    float: right !important;

6238
    height: 21px !important;

6239
    line-height: 20px !important;

6240
    margin-bottom: 0px !important;

6241
}

6242
6243
.css_open::after ,

6244
.css_close::after {

6245
    content: "🙈";

6246
/*     position: relative; */

6247
    float: left !important;

6248
    height: 21px !important;

6249
    width: 21px !important;

6250
    margin-bottom: 8px  !important;

6251
    margin-right: 14px !important;

6252
text-align: center !important;

6253
/*     opacity: 0.7 ; */

6254
6255
}

6256
/* (new114) Without GM ?? */

6257
#css_text_area_div textarea#stylish-code.cssVisible  {

6258
    display: inline-block ;

6259
    position: fixed ;

6260
    resize: vertical;

6261
    overflow: auto;

6262
    min-width: 674px ;

6263
    max-width: 674px  !important;

6264
    min-height: 70% ;

6265
    left: 850px !important;

6266
    top: 166px !important;

6267
    margin-bottom: 20px;

6268
    padding: 5px 5px 5px 15px;

6269
    border-radius: 4px;

6270
    font-size: 13px;

6271
    font-family: "Open Sans",sans-serif !important;

6272
    color: #ffffff;

6273
    background-color: #2e3e49 !important;

6274
    z-index: 5000;

6275
}

6276
/* (new114) TEST - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - === */

6277
#css_text_area_div {

6278
    position: absolute !important;

6279
    left: 870px !important;

6280
    top: 80px !important;

6281
    border-top: 2px solid red !important;

6282
    z-index: 1 !important;

6283
}

6284
6285
.hiBeautted{

6286
    border-top: 20px solid transparent !important;

6287
    background-color: #293134 !important;

6288
    color: #e0e2e4 !important;

6289
}

6290
#stylish-code ,

6291
code.hiBeautted#stylish-code[style*="display: block;"]  {

6292
    min-height: 600px !important;

6293
    top: -23px !important;

6294
    padding: 20px !important;

6295
    border-top: 40px solid transparent !important;

6296
    color: #B1B1B1 !important;

6297
6298
}

6299
code.hiBeautted#stylish-code[style*="display: none;"]  {

6300
    display: none !important;

6301
}

6302
#hiBeauty .hiBeautted:before ,

6303
#hiBeauty::before {

6304
    position: absolute;

6305
/*     position: fixed !important; */

6306
    display: inline-block !important;

6307
height: 20px !important;

6308
    top: 5px !important;

6309
    left: 10% !important;

6310
    padding: 1px 3px 0 1px !important;

6311
    border-radius: 0 !important;

6312
    background-color: rgba(255, 0, 0, 0.7) !important;

6313
    opacity: 1 !important;

6314
    z-index: 5000 !important;

6315
}

6316
#hiBeauty:hover::before {

6317
    padding: 4px !important;

6318
    border: 1px solid gray !important;

6319
    background-color: rgba(0, 0, 0, 0.4) !important;

6320
    opacity: 1 !important;

6321
    z-index: 1;

6322
    transition: all ease 1s !important;

6323
}

6324
#hiBeauty::after {

6325
    content: "Ctrl + Clik = COPY Css to ClipBoard" !important;

6326
    position: absolute;

6327
    display: block;

6328
    left: 14% !important;

6329
    top: 5px;

6330
    padding: 0 5px !important;

6331
    border-radius: 0 5px 5px 0 !important;

6332
    font-size: 15px !important;

6333
    color: gold !important;

6334
    background: rgba(255, 0, 0, 1) !important;

6335
    opacity: 0.75;

6336
    z-index: 1;

6337
    transition: all ease 0.2s !important;

6338
}

6339
#hiBeauty:hover::after {

6340
    font-size: 15px !important;

6341
    color: white !important;

6342
    background: rgba(0, 0, 0, 0.61) !important;

6343
    transition: all ease 0.4s !important;

6344
}

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

6346
@media screen and (max-width: 1400px) {

6347
#css_text_area_div {

6348
    left: 590px !important;

6349
}

6350
}

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

6352
6353
/* (new118) USERTYLES - NEW DESIGN - ACTION BUTTON - === */

6354
#actions_div {

6355
    position: absolute;

6356
    display: flex;

6357
    flex-direction: row;

6358
    justify-content: space-between;

6359
    height: 25px !important;

6360
width: 583px !important;

6361
    right: 19.3% ;

6362
    padding: 1px 3px ;

6363
    box-shadow: 6px 5px 6px black;

6364
    background: #222 !important;

6365
}

6366
#share_div {

6367
    display: flex;

6368
    flex-direction: column;

6369
    padding: 0 2px !important;

6370
    color: #2c3e50;

6371
    font-size: 0 !important;

6372
}

6373
#social_networks {

6374
    height: 17px !important;

6375
    margin-top: 1px !important;

6376
}

6377
6378
#actions_div #buttons {

6379
    height: 20px !important;

6380
}

6381
6382
.white_button ,

6383
#style_installed_button ,

6384
#ownedButtons ,

6385
#update_style_button ,

6386
#style_installed_button {

6387
    height: 20px !important;

6388
}

6389
6390
.white_button {

6391
    align-items: center;

6392
    background-color: #ffffff;

6393
    border: 1px solid #cdcfd1;

6394
    border-radius: 4px;

6395
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);

6396
    color: #2c3e50;

6397
    cursor: pointer;

6398
    display: flex;

6399
    font-size: 12px;

6400
    font-weight: bold;

6401
    height: 19px;

6402
    justify-content: center;

6403
    width: 87px;

6404
}

6405
#update_style_button, 

6406
#install_style_button {

6407
    display: flex;

6408
    flex-direction: row;

6409
    justify-content: center;

6410
    align-items: center;

6411
    height: 21px !important;

6412
    width: 173px;

6413
    margin-left: 9px;

6414
    border-radius: 4px;

6415
    font-size: 15px;

6416
    font-weight: bold;

6417
    color: white;

6418
    cursor: pointer;

6419
    box-shadow: 0 6px 16px 0 rgba(80, 178, 243, 0.35);

6420
    background-color: #3498db;

6421
}

6422
#install_style_button div:first-of-type {

6423
   height: 20px ;

6424
   margin-top: -2px;

6425
}

6426
6427
/* (new114) */

6428
6429
/* #install_style_button>div:last-of-type , */

6430
#install_style_button>div + div {

6431
   height: 20px !important;

6432
   line-height: 18px !important;

6433
   margin-top: -18px !important;

6434
   padding-left: 25px !important;

6435
}

6436
#update_style_button>div:first-of-type ,

6437
#style_installed_button>div:first-of-type {

6438
   float: left !important;

6439
   height: 22px !important;

6440
   width: 26px !important;

6441
}

6442
.update-icon ,

6443
.installed-icon ,

6444
#install_style_icon {

6445
   height: 20px !important;

6446
   margin-right: 10px;

6447
   margin-top: 3px !important;

6448
   width: 18px !important;

6449
}

6450
6451
#style_info {

6452
   display: flex;

6453
   flex-direction: column;

6454
   width: 100%;

6455
}

6456
.style_title {

6457
    display: inline-block !important;

6458
   width: 43% !important;

6459
    height: 32px ;

6460
    line-height: 26px  !important;

6461
    margin-bottom: -4px ;

6462
    margin-top: 25px ;

6463
    padding-left: 13px;

6464
    color: #ccc !important;

6465
    font-size: 20px !important;

6466
border: 1px solid red !important;

6467
}

6468
#information_div ,

6469
#actions_div + #headline,

6470
#actions_div + #headline + #information_div ,

6471
.adContainer + #headline ,

6472
.adContainer + #headline + #applies_link {

6473
    position: absolute !important;

6474
    display: inline-block !important;

6475
    width: 17% !important;

6476
    min-width: 320px !important;

6477
    left: 1% !important;

6478
    padding: 5px ;

6479
    border: 1px solid #404040;

6480
    color: #ccc !important;

6481
}

6482
6483
#left_information {

6484
    display: flex;

6485
    flex-direction: column;

6486
    min-width: 325px !important;

6487
    max-width: 325px !important;

6488
}

6489
/* (new102) 1* - "INFORMATION" */

6490
#style-settings + #headline ,

6491
#actions_div + #headline {

6492
    display: none !important;

6493
}

6494
6495
#right_information ,

6496
#center_information {

6497-
/* (new108) NOTES */

6497+
6498
    float: left ;

6499
    margin-top: 15px ;

6500
    padding: 5px ;

6501-
#style_info #headline +  #notes_textarea {

6501+
6502
    text-align: center ;

6503
    background-color: #d6deeb;

6504
}

6505
6506
#center_information  {

6507
    border-radius: 5px 0 0 5px !important;

6508
    margin-right: 2px ;

6509
    text-align: center ;

6510
    background-color: #d6deeb;

6511
}

6512
#right_information {

6513
    border-radius: 0 5px 5px 0 !important;

6514
    text-align: center ;

6515
    background-color: #d6deeb;

6516
}

6517
6518
#infomation_value_left ,

6519
#information_key_left  {

6520
    min-width: 46.5% !important;

6521
    float: left ;

6522
    line-height: 13px !important;

6523
    margin-top: -5px ;

6524
    margin-bottom: -8px ;

6525
    padding: 2px 5px ;

6526
    border-radius: 3px !important;

6527
    text-align: center ;

6528
    background-color: #d6deeb;

6529
}

6530
#information_key_left {

6531
    border-radius: 5px 0 0 5px !important;

6532
    margin-right: -37px ;

6533
    text-align: center ;

6534
    background-color: #d6deeb;

6535
}

6536
#infomation_value_left  {

6537
    border-radius: 0 5px 5px 0 !important;

6538
    text-align: center ;

6539
    background-color: #d6deeb;

6540
}

6541
6542
6543
#information_value {

6544
    color: #2c3e50;

6545
    font-size: 21px !important;

6546
}

6547
6548
/* 2* - "APPLIES TO" */

6549
.adContainer + #headline {

6550
    height: 15px !important;

6551
    line-height: 15px !important;

6552
    top: 237px !important;

6553
}

6554
.adContainer + #headline + #applies_link {

6555
    height: 15px !important;

6556
    line-height: 15px !important;

6557
    top: 287px ;

6558
}

6559
6560
6561
/* (new118) - TEST FIX NEW DESIGN - STYLE INFO PAGE - === */

6562
/* (new118) USERTSTYLES INFOS - === */

6563
6564
/* #container , */

6565
#container-responsive  {

6566
    display: table;

6567
    margin: 0 auto;

6568
    width: 100% ;

6569
background: red !important;

6570
}

6571
#nav-view-responsive {

6572
/*     display: flex; */

6573
/*     display: inline-block !important; */

6574
    flex-direction: unset !important;

6575
    background-color: #333 !important;

6576
}

6577
/* #view , */

6578
#container-responsive #view-responsive  {

6579
    display: flex;

6580
    justify-content: center;

6581
    margin-right: 42px;

6582
    min-width: 100% !important;

6583
}

6584
6585
#style_info {

6586
    display: flex;

6587
    flex-direction: column;

6588
    margin-left: 19px;

6589
    width: 61% !important;

6590
    border: 1px solid #404040;

6591
}

6592
/* (new122) NOTES */

6593
#style_info #css_text_area_div + #headline {

6594
    margin-top: 44px !important;

6595
}

6596
#style_info #headline +  #notes_textarea:not(:empty) {

6597
    width: 100% !important;

6598
    max-width: 1154px !important;

6599
    margin-top: 0px !important;

6600
    color: gray !important;

6601
    font-size: 15px;

6602
    max-height: 270px !important;

6603
    padding: 5px !important;

6604
    overflow-y: scroll;

6605
    resize: none !important;

6606
    border: 1px solid #404040;

6607
    box-shadow: 3px 3px 2px black ;

6608
    background-color: #222 !important;

6609
}

6610
6611
#preview_image_div {

6612
    height: 353px ;

6613
    max-width: 500px !important;

6614
    margin-bottom: -39px !important;

6615
    margin-top: 10px;

6616
    padding: 5px ;

6617
    background-position: center center !important;

6618
    background-repeat: no-repeat;

6619
    background-size: 90% !important;

6620
    box-shadow: 3px 3px 2px black !important;

6621
border: 1px solid red ;

6622
}

6623
#applies_link + #headline + .text_style_page {

6624
    position: absolute !important;

6625
    display: inline-block !important;

6626
    float: none !important;

6627
    width: 100% !important;

6628
    min-width: 610px !important;

6629
    max-width: 610px !important;

6630
    height: 100% !important;

6631
    height: 355px !important;

6632
    top: 87px ;

6633
    left: 48% !important;

6634
    padding: 5px ;

6635
    color: gray !important;

6636
    word-wrap: break-word;

6637
    white-space: pre-wrap !important;

6638
    overflow-x: hidden !important;

6639
    overflow-y: auto !important;

6640
    box-shadow: 3px 3px 2px black !important;

6641
    outline: 1px solid red !important;

6642
}

6643
6644
#headline {

6645
    color: #ccc !important;

6646
    font-size: 18px;

6647
    font-weight: bold;

6648
    margin-top: 30px;

6649
}

6650
#applies_link + #headline ,

6651
.adContainer + #headline + #applies_link + #headline{

6652
    display:none ;

6653
}

6654
6655
#notes_textarea {

6656
    width: 99% ;

6657
}

6658
6659
/* (new118) APLLIE TO  */

6660
#information_div + #headline  {

6661
6662
    margin-top: 44px !important;

6663
}

6664
#headline + #applies_link{

6665
    color: peru !important;

6666
    font-size: 15px;

6667
    margin-top: 0px !important;

6668
    margin-bottom: -40px !important;

6669
    max-width: 728px;

6670
}

6671
/* (new108) USERSTYLE INFO PAGE - ANDROID - MESSAGE + BUTTON - === */

6672
#top_android_button {

6673
    display: inline-block !important;

6674
/* display: none !important; */

6675
    flex-direction: unset !important;

6676
    justify-content: unset !important;

6677
    height: 44px;

6678
    width: 176px;

6679
    border-radius: 4px;

6680
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.43);

6681
    cursor: pointer;

6682
    background-color: #222 !important;

6683-
/* (new118) USERSTYLES - EDIT/CREATE PAGE - SAVE BUTT - 

6683+
6684-
html>body>ul + form[action="/styles/create"] input[name="commit"] ,

6684+
6685-
form[action="/styles/create"] input[name="commit"] ,

6685+
6686-
#main-article   form[action="/styles/update"] input[name="commit"]

6686+
6687
6688-
.form-controls>input[name="commit"] {

6688+
6689
.customize_button + div  ,

6690
#buttons>#ownedButtons + div {

6691-
    left: 15% ;

6691+
6692-
    top: 10% !important;

6692+
6693-
    margin-left: -5px;

6693+
6694-
    transform: scale(1.3);

6694+
6695-
border: 5px solid red !important;

6695+
6696
    margin-right: 0px !important;

6697
    margin-left: 5px !important;

6698
    border-radius: 3px !important;

6699
    box-shadow: 3px 3px 2px black !important;

6700
    border: 1px solid red !important;

6701
/* background: red !important; */

6702
}

6703
.customize_button  {

6704
    position: relative !important;

6705
    display: inline-block !important;

6706
    display: none !important;

6707
    height: 22px !important;

6708
    width: 130px !important;

6709
    margin-bottom: 0px !important;

6710
background: blue !important;

6711
}

6712
6713
#install_button  ,

6714
#buttons>#ownedButtons + div #install_button {

6715
    position: relative !important;

6716
    display: inline-block !important;

6717
    height: 19px !important;

6718
    width: 19px !important;

6719
    white-space: nowrap !important;

6720
    overflow-wrap: unset !important;

6721
    text-align: left !important;

6722
}

6723
6724
#install_button >div:first-of-type ,

6725
#buttons>#ownedButtons + div #install_button >div:first-of-type {

6726
    position: relative !important;

6727
    display: inline-block !important;

6728
    height: 19px !important;

6729
    width: 19px !important;

6730
    white-space: nowrap !important;

6731
    overflow-wrap: unset !important;

6732
    text-align: left !important;

6733
}

6734
.customize_button  .customize_button_text ,

6735
#install_button >div:last-of-type ,

6736
#buttons>#ownedButtons + div #install_button >div:last-of-type {

6737
    position: relative !important;

6738
    display: inline-block !important;

6739
    height: 20px !important;

6740
    line-height: 15px !important;

6741
    width: 150px !important;

6742
    left: -40px !important;

6743
    margin-top: 0 !important;

6744
    top: -4px !important;

6745
    white-space: nowrap !important;

6746
    overflow-wrap: unset !important;

6747
    text-align: right !important;

6748
    font-size: 12px !important;

6749
    color: peru !important;

6750
}

6751
img.stylish-icon {

6752
    height: 18px !important;

6753
    width: 18px !important;

6754
    margin-right: 10px;

6755
}

6756
.customize_button  .customize_button_text {

6757
    width: 100px !important;

6758
    left: 20px !important;

6759
    top: -21px !important;

6760
}

6761
6762
/* (new122) USERSTYLES - ARCHIVED INFO -

6763
https://userstyles.org/styles/35345/stackoverflow-dark

6764
https://userstyles.org/users/35365

6765
 === */

6766
/* #style_author.ellipsis */

6767
#archived {

6768
    max-width: 505px !important;

6769
    margin-top: 5px !important;

6770
    padding: 3px !important;

6771
    border: 1px dashed red;

6772
}

6773
#archived_title ,

6774
.customize_button  + #archived_title {

6775
    display: inline-block;

6776
    height: 20px !important;

6777
    line-height: 20px !important;

6778
    margin-top: 0 !important;

6779
    font-size: 20px !important;

6780
    text-align: center !important;

6781
}

6782
6783
/* (new118) CREATE / EDIT USERSTYLE PAGE - === */

6784
6785
#view_inner {

6786
    display: inline-block ;

6787
    width: 68% !important;

6788
    padding: 5px 200px !important;

6789
}

6790
html>body>ul + form[action="/styles/create"] ,

6791
html>body>ul + form[action="/styles/update"] {

6792
    display: inline-block;

6793
    margin-left: 112px !important;

6794
    width: 1067px !important;

6795
}

6796
6797
6798
6799
/* (new118) (VOIR) QUESTION ? - PB IMAGE BACKGROUD - leoncastro OK */

6800
#post-discussion + #login-form + #no-discussions  {

6801
    position: absolute!important;

6802
    display: inline-block !important;

6803
    width: 750px!important;

6804
    height: 17px !important;

6805
    line-height: 17px !important;

6806
    padding: 1px 0px 1px 14px  !important;

6807
    top: -9px !important;

6808
    margin-left: 160px !important;

6809
    text-align: center!important;

6810
    color: gold !important;

6811
    text-decoration: none !important;

6812
    background-color: transparent!important;

6813
    background-image: url("https://userstyles.org/images/question.png") !important;

6814
    background-position: 0px 3px !important;

6815
    background-repeat: no-repeat !important;

6816
    z-index: 500!important;

6817
}

6818
#discussions {

6819
    margin-left: 20px !important;

6820
    margin-top: 5px !important;

6821
}

6822
6823
/* USERSTYLES - STY INFOS - FEED LIST - (Title) - === */

6824
#discussions>li>a:nth-child(1){

6825
    margin-left: 8px !important;

6826
    margin-right: 30px !important;

6827
}

6828
/*  - USERSTYLES - STY INFOS - FEED LIST - (Member NAME) - === */

6829
#discussions>li>a:nth-child(2){

6830
    margin-left: 4px !important;

6831
    margin-right: 15px !important;

6832
}

6833
/* (new118) FOOTER - ==== */

6834
#footer {

6835
    margin-top: 129px !important;

6836
    background-color: #222 !important;

6837
}

6838
#footer-inside {

6839
    display: inline-block;

6840
    margin-left: 8px !important;

6841
    margin-top: -29px !important;

6842
    text-align: center !important;

6843
}

6844
#leftFooter {

6845
    width: 1905px !important;

6846
    margin-left: 0px;

6847
}

6848
#copyrights {

6849
    color: gold !important;

6850
    background: black ;

6851
}

6852
6853
/* START ===== NEW DESIGN - MEDIA QUERY ===== */

6854
6855
/* START ==== MEDIA QUERIES - 1400px - USERSTYLES FORUM ??? - TEST -  ==== */

6856
6857
@media screen and (max-width: 1400px){

6858
#Head + #Body {

6859
    margin-left: 12% !important;

6860
/* background: green !important; */

6861
}

6862
6863
/* ==== END ==== MEDIA QUERIES - USERSTYLES FORUM - TEST - === */

6864
}

6865
6866
/* ==== START ==== MEDIA QUERIES - USERSTYLES STYLE INFO - TEST - === */

6867
@media screen and (max-width: 1400px){

6868
#navigation {

6869
    margin-left: 0px;

6870
}

6871
#style_info {

6872
    outline: 1px solid red !important;

6873
}

6874
#style_info {

6875
    margin-left: 341px !important;

6876
    width: 100%;

6877
    min-width: 900px;

6878
}

6879
.style_title {

6880
    border: 1px solid red;

6881
    display: inline-block;

6882
    height: 32px;

6883
    margin-top: 25px;

6884
    padding-left: 13px;

6885
    width: 55.5% !important;

6886
}

6887
#applies_link + #headline + .text_style_page {

6888
    display: inline-block !important;

6889
    width: 100% !important;

6890
    min-width: 350px !important;

6891
    max-width: 350px !important;

6892
    max-height: 295px !important;

6893
    min-height: 295px !important;

6894
    left: 70% !important;

6895
    white-space: pre-wrap;

6896
    overflow-x: hidden !important;

6897
    overflow-y: auto !important;

6898
}

6899
.css_button {

6900
    position: absolute;

6901
    right: 4%;

6902
    top: 41px !important;

6903
}

6904
6905
/* USERTYLE ACCEUIL */

6906
.category_head {

6907
    display: inline-block !important;

6908
    width: 50% !important;

6909
    float: left !important;

6910
    clear: none;

6911
    margin-bottom: 14px;

6912
    align-items: center;

6913
    flex-direction: unset !important;

6914
    justify-content: unset !important;

6915
background: red !important;

6916
}

6917
.styles.boxes {

6918
    display: inline-block !important;

6919
    float: left !important;

6920
    width: 50% !important;

6921
    margin-bottom: 20px;

6922
    padding-top: 10px;

6923
    align-items: unset !important;

6924
    flex-flow: unset !important;

6925
    justify-content: unset !important;

6926
}

6927
.style_card {

6928
    display: inline-block !important;

6929
    width: 221px !important;

6930
    height: 225px;

6931
    background-color: #ffffff;

6932
    border-radius: 4px;

6933
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);

6934
6935
    margin: 15px 0;

6936
6937
}

6938
6939
/* CREATE BUTTON */

6940
#create_new_style {

6941
    margin-left: 0px !important;

6942
    margin-top: 40px;

6943
}

6944
6945
/* ==== START ==== MEDIA QUERIES - USERSTYLES STYLE INFO - TEST - === */

6946
/* END ===== NEW DESIGN - MEDIA QUERY ===== */

6947
6948
}

6949
/* (new79) USERSTYLES / GREASEMONKEY - TOP HEADER - TITRE "User.org"/"User Name" - DARK BACKGROUD - === */

6950
#Frame {

6951
    margin-top: -8px !important;

6952
}

6953
#vanilla_discussions_index #Head.Head ,

6954
#main-header {

6955
    position: fixed !important;

6956
    display: inline-block ! important;

6957
    float: none ! important;

6958
    width: 99.9% !important;

6959
    height: 41px !important;

6960
    left: -0.2% !important;

6961
    top: -1px !important;

6962
    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;

6963
    border-bottom: 1px solid gray !important;

6964
    z-index: 50 !important;

6965
}

6966
6967
/* (new74) - GREASEMONKEY  - RED BACKGROUD */

6968
body:not(.Settings) #Head, 

6969
body[pagetype="ListingPage"]  #main-header ,

6970
body[pagetype="UserProfile"]  #main-header {

6971
    position: fixed !important;

6972
    display: inline-block ! important;

6973
    float: none ! important;

6974
    height: 40px !important;

6975
    top: -1px !important;

6976
    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;

6977
    background-color: #670000 !important;

6978
border-bottom: 1px solid red !important;

6979
}

6980
6981
/* === USERSTYLES - STY TITLE/Name === */

6982
6983
/* USERSTYLES - SITE TITLE "User.org" + "USER NAME" / NAME - === */

6984
#main-header > h1 {

6985
    position: relative ! important;

6986
    display: inline-block ! important;

6987
    width: 47% !important;

6988
    min-width: 895px !important;

6989
    height: 30px !important;

6990
    line-height: 28px !important;

6991
    margin-top: -3px !important;

6992
    border-radius: 5px ! important;

6993
    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%);

6994
    font-size: 23px ! important;

6995
    text-align: left !important;

6996
    text-indent: -117px !important;

6997
    overflow: hidden !important;

6998
    text-overflow: ellipsis !important;

6999
    white-space: nowrap !important;

7000
}

7001
#main-header > h1::-moz-selection {

7002
    background:#FFCC11 ! important;

7003
    color:#ffffff ! important;

7004
}

7005
#main-header > h1:hover {

7006
    color: gold ! important;

7007
}

7008
7009
/* USERSTYLES - SITE TITLE - TXT "User.org" - === */

7010
#main-header>h1>a {

7011
    display: inline-block ! important;

7012
    width: 161px !important;

7013
    margin-right: -100px !important;

7014
    margin-left: 28% !important;

7015
    margin-bottom: 30px ! important;

7016
}

7017
7018
7019
/* USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL - === */

7020
#left-sidebar nav ul dl:not(:hover) ,

7021
#main-article>dl:not(:hover) {

7022
    position: fixed ! important;

7023
    display: inline-block ! important;

7024
    float: none !important;

7025
    width: 50px !important;

7026
    max-height: 15px ! important;

7027
    top: 23px ! important;

7028
    margin-top: 5px ! important;

7029
    left: 275px !important;

7030
    font-size: 10px ! important;

7031
    text-align: left !important;

7032
    z-index: 900 ! important;

7033
    overflow: hidden !important;

7034
    visibility: visible !important;

7035
    transition: all ease .4s !important;

7036
}

7037
#left-sidebar nav ul dl:hover ,

7038
#main-article>dl:hover {

7039
    position: fixed ! important;

7040
    display: inline-block ! important;

7041
    float: none !important;

7042
    width: auto !important;

7043
    height: auto ! important;

7044
    top: 23px ! important;

7045
    margin-top: 5px ! important;

7046
    left: 210px !important;

7047
    padding: 3px 50px 1px 70px!important;

7048
    font-size: 10px ! important;

7049
    text-align: left !important;

7050
    overflow: visible !important;

7051
    z-index: 50000 !important;

7052
}

7053
7054
/* "About" / "Conact" - LABEL CONTAINER - NOT HOVER */

7055
#left-sidebar nav ul dl:not(:hover)>dt ,

7056
#main-article>dl:not(:hover)>dt {

7057
    position: relative ! important;

7058
    display: block !important;

7059
    float: none !important;

7060
    width: 74px !important;

7061
    height: 16px ! important;

7062
    line-height: 15px ! important;

7063
    top: 1px ! important;

7064
    margin-bottom: -14px !important;

7065
    left: 0px ! important;

7066
    padding: 0px 6px 1px 0px !important;

7067
    font-size: 10px ! important;

7068
    text-align: left !important;

7069
    color: transparent ! important;

7070
    overflow: hidden !important;

7071
    text-overflow: ellipsis !important;

7072
    white-space: nowrap !important;

7073
    z-index: 5000 !important;

7074
}

7075
#left-sidebar nav ul dl:not(:hover)>dt:before ,

7076
#main-article>dl:not(:hover)>dt:before {

7077
    content: "About \25B6  " !important;

7078
    color: red !important;

7079
}

7080
7081
7082
/* "About" / "Conact" - LABEL CONTAINER - HOVER */

7083
#left-sidebar nav ul dl:hover>dt ,

7084
#main-article>dl:hover>dt {

7085
    position: relative ! important;

7086
    display: block !important;

7087
    float: none !important;

7088
    width: 44px !important;

7089
    height: 12px ! important;

7090
    line-height: 12px ! important;

7091
    margin-bottom: -14px !important;

7092
    left: 0px ! important;

7093
    padding: 0px 6px 1px 2px !important;

7094
    font-size: 10px ! important;

7095
    text-align: left !important;

7096
    color: grey ! important;

7097
    overflow: hidden !important;

7098
    text-overflow: ellipsis !important;

7099
    white-space: nowrap !important;

7100
    background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;

7101
    border-radius: 5px 0 0 5px !important;

7102
    border: 1px solid gray !important;

7103
    z-index: 5000 !important;

7104
}

7105
/* "About" / "Conact" - FULL CONTAINER - HOVER */

7106
#main-article>dl:hover>dd:first-of-type ,

7107
#left-sidebar nav ul dl:hover > dd, #main-article > dl:hover > dd:first-of-type {

7108
    position: relative ! important;

7109
    width: 0px !important;

7110
    height: 15px ! important;

7111
    top: -6px ! important;

7112
    margin-bottom: -3px !important;

7113
    margin-left: 55px ! important;

7114
    padding-left: 10px !important;

7115
    padding-right: 8px !important;

7116
    text-align: left !important;

7117
    background: black !important;

7118
    outline: 1px solid gray !important;

7119
    overflow: hidden !important;

7120
    transition: all ease 0.4s !important;

7121
}

7122
7123
/* "About" - FULL CONTAINER - NOT HOVER */

7124
#left-sidebar nav ul dl:not(:hover), 

7125
#main-article > dl:not(:hover) dd:first-of-type {

7126
    margin-left: 100px !important;

7127
}

7128
#main-article>dl:not(:hover)>dd:first-of-type:not(:hover) {

7129
    position: relative ! important;

7130
    display: inline-block ! important;

7131
    max-width: 0px !important;

7132
    height: 20px ! important;

7133
    top: -6px ! important;

7134
    margin-bottom: -3px !important;

7135
    margin-left: 47px ! important;

7136
    padding-left: 0px !important;

7137
    padding-right: 0px !important;

7138
    border: none !important;

7139
    text-align: left !important;

7140
    background: black !important;

7141
    overflow: hidden !important;

7142
    visibility: hidden !important;

7143
}

7144
7145
/* "About" - FULL CONTAINER - HOVER */

7146
#left-sidebar nav ul dl:hover>dd:first-of-type ,

7147
#main-article>dl:hover>dd:first-of-type {

7148
    display: inline-block ! important;

7149
    width: 100% !important;

7150
    min-width: 0px !important;

7151
    max-width: 500px !important;

7152
    height: 100% ! important;

7153
    min-height: 0px ! important;

7154
    max-height: 500px ! important;

7155
    margin-left: 15px ! important;

7156
    margin-top: 0px ! important;

7157
    padding: 2px 0 100px 90px !important;

7158
    text-align: left !important;

7159
    font-size: 14px!important;

7160
    background: black !important;

7161
    overflow: hidden !important;

7162
    overflow-y: auto !important;

7163
    z-index: 900 ! important;

7164
}

7165
7166
/* SUB LABEL INFOS */

7167
#main-article>dl:hover>dt:first-of-type + dd +dt  {

7168
    position: absolute !important;

7169
    display: inline-block ! important;

7170
    top: 15px !important;

7171
    margin-left: 90px !important;

7172
}

7173
#main-article>dl>dt:first-of-type + dd +dt +dd+dt {

7174
    position: absolute !important;

7175
    display: inline-block ! important;

7176
    top: 30px !important;

7177
    margin-left: 90px !important;

7178
}

7179
#main-article>dl>dt:first-of-type + dd +dt +dd+dt+dd+dt {

7180
    position: absolute !important;

7181
    display: inline-block ! important;

7182
    top: 45px !important;

7183
    margin-left: 90px !important;

7184
}

7185
7186
/*  "About" - ARROW GRAY */

7187
#left-sidebar nav ul dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before ,

7188
#main-article>dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before {

7189
    position: relative ;

7190
    display: inline-block ;

7191
    content: "\25B6 " ;

7192
    margin-left: 1px ;

7193
    color: red ;

7194
}

7195
7196
/* ABOUT - LINKS */

7197
#main-article>dl>dd>a {

7198
    position: relative !important;

7199
    display: inline-block !important;

7200
    min-height: 15px !important;

7201
    max-height: 15px !important;

7202
    line-height: 14px !important;

7203
    font-size: 13px !important;

7204
}

7205
/* SEND MESSAGE */

7206
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"] {

7207
    position: fixed !important;

7208
    display: inline-block !important;

7209
    height: 20px !important;

7210
    line-height: 10px !important;

7211
    width: 170px !important;

7212
    top: 28px !important;

7213
    left: 360px !important;

7214
    padding: 1px 10px !important;

7215
    text-align: center !important;

7216
    color: red !important;

7217
    background: yellow !important;

7218
    z-index: 80000 !important;

7219
    visibility: visible !important;

7220
}

7221
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {

7222
    visibility: hidden !important;

7223
}

7224
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before ,

7225
#main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {

7226
    position: absolute !important;

7227
    display: inline-block ;

7228
    height: 15px !important;

7229
    width: 22px !important;

7230
    content: "✉" ;

7231
    color: peru !important;

7232
    left: -25px!important;

7233
    top: 0px !important;

7234
    font-size: 21px !important;

7235
    visibility: visible !important;

7236
}

7237
/* USERSTYLES -  PROFILE LINK - === */

7238
body:not(#f) a#userProfile {

7239
    position: absolute !important;

7240
    visibility: visible !important;

7241
    left: 256px !important;

7242
    top: -64px !important;

7243
    overflow: visible !important;

7244
    text-overflow: ellipsis !important;

7245
    white-space: nowrap !important;

7246
    font-size: 0 !important;

7247
    z-index: 500 !important;

7248
}

7249
7250
body:not(#f) a#userProfile:before {

7251
    display: inline-block ;

7252
    position: fixed ;

7253
    content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;

7254
    -moz-transform:scale(0.6,0.5) ;

7255
    margin-left: -90px ;

7256
    top: 1px ;

7257
}

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

7260
7261
/* USERSTYLES - "Following results" - "the results for all ..." - === */

7262
#page-description>a {

7263
    border-radius: 5px !important;

7264
    box-shadow: 0 0 4px #999999 !important;

7265
    display: inline-block !important;

7266
    left: 103px !important;

7267
    padding: 5px !important;

7268
    position: absolute !important;

7269
    top: -21px !important;

7270
    width: 994px !important;

7271
}

7272
7273
/* (new75) USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (TABLE VIEW PLUS) - === */

7274
#metaOption {

7275
    position: fixed !important;

7276
    display: inline-block !important;

7277
    -moz-appearance: none !important;

7278
    transform: scale(0.8) ! important;

7279
    height: 19px !important;

7280
    width: 19px ! important;

7281
    left: 0px !important;

7282
    top: 26px !important;

7283
    padding: 12px ! important;

7284
    color: transparent ! important;

7285
    border: none ! important;

7286
    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;

7287
    background-color: #0064AA ! important;

7288
    border-radius: 10px 10px 10px 10px !important;

7289
    z-index: 200 !important;

7290
    opacity: 0.7 !important;

7291
    cursor: pointer ! important;

7292
}

7293
#metaOption:hover {

7294
    background-color: gold !important;

7295
    opacity: 1 !important;

7296
}

7297
7298
/* USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (ENHANCER) - === */

7299
#style-table #metaPrefs {

7300
    position: absolute!important;

7301
    left: 5px!important;

7302
    margin-top: -5px!important;

7303
}

7304
7305
/* ==== (new87) USERSTYLES - SEARCH BOX ==== */

7306
7307
/* USERSTYLES - ADV SEARCH - PAGE RESUL  - === */

7308
/* USERSTYLES - ADV SEARCH - TOGGLE - SHOW BUTTON / BACK BUTTONS - TABLE VIEW PLUS - === */

7309
#advanced-search-submit button {

7310
   -moz-appearance: none ! important;

7311
    position: fixed !important;

7312
    display: inline-block !important;

7313
    width: 62px !important;

7314
    height: 20px !important;

7315
    right: calc(100% - 1202px)  ! important;

7316
    top: 1px ! important;

7317
    padding: 0 0 2px 0px  ! important;

7318
    border-radius: 4px ! important;

7319
    border: 1px solid #777777 !important;

7320
    font-size: 10px! important;

7321
    color: #D7D7D7 !important;

7322
    text-align: center ! important;

7323
    text-decoration: none ! important;

7324
    box-shadow: 0 0 1px #777777 inset !important;

7325
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;

7326
    cursor: pointer ! important;

7327
}

7328
#advanced-search-submit button:hover {

7329
    color: tomato !important;

7330
}

7331
/* (new87) USERSTYLES - ADV SEARCH - SHOW BUTT (TXT "Adv sear) - === */

7332
#left-sidebar nav ul li form #simple-search + #show-advanced-search {

7333
   -moz-appearance: none ! important;

7334
    position: absolute !important;

7335
    display: inline-block !important;

7336
    width: 60px !important;

7337
    height: 18px !important;

7338
    line-height: 15px ! important;

7339
    top: -16px ! important;

7340
    left: 85% ! important;

7341
    font-size: 10px! important;

7342
    color: #D7D7D7 !important;

7343
    z-index: 200 ! important;

7344
    text-align: center ! important;

7345
    text-decoration: none ! important;

7346
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;

7347
    border: 1px solid #777777 !important;

7348
    border-radius: 4px !important;

7349
    box-shadow: 0 0 1px #777777 inset !important;

7350
    cursor: pointer ! important;

7351
}

7352
7353
/* USERSTYLES - AVDV SEARCH - SUBMIT BUTT - === */

7354
#left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {

7355
   -moz-appearance: none ! important;

7356
    position: fixed !important;

7357
    display: inline-block !important;

7358
    width: 50px !important;

7359
    height: 20px !important;

7360
    right: calc(100% - 1138px)  ! important;

7361
    top: 1px ! important;

7362
    border-radius: 5px ! important;

7363
    font-size: 10px! important;

7364
    color: gold !important;

7365
    z-index: 200! important;

7366
    text-align: center ! important;

7367
    text-decoration: none ! important;

7368
    background: black ! important;

7369
    border: 1px gray solid ! important;

7370
    cursor: pointer ! important;

7371
}

7372
#left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {

7373
    color: tomato !important;

7374
}

7375
7376
/* (new87) USERSTYLES - ADV SEARCH - OPTIONS - BLOCK CONTAINER - PB when No GM "TABLE VIEW PLUS " - === */

7377
#advanced-search {

7378
    position: relative ! important;

7379
    position: fixed ! important;

7380
    height: 15px ! important;

7381
    width: 450px ! important;

7382
    top: 48px ! important;

7383
    left: 867px !important;

7384
    padding: 1px 2px 3px 2px  ! important;

7385
    border: none ! important;

7386
    border-radius: 0 0 3px 3px !important;

7387
    z-index: 2000000 ! important;

7388
    color: gold !important;

7389
    background: #2C6C14 !important;

7390
}

7391
7392
/* USERSTYLES - SEARCH - TOP Right (Background) - === */

7393
#search{

7394
    background-color:  transparent !important

7395
}

7396
7397
/* USERSTYLES - SEARCH BOX - === */

7398
#search {

7399
    position: fixed !important;

7400
    width: 187px ! important;

7401
    height: 85px ! important;

7402
    top: 400px ! important;

7403
}

7404
7405
/* USERSTYLES - SEARCH BOX INPUT -  === */

7406
#left-sidebar > nav ul li form {

7407
    position: fixed ! important;

7408
    width: 200px !important;

7409
    margin-top: -8px! important;

7410
    left: 970px ! important;

7411
    top: 25px ! important;

7412
    visibility: visible ! important;

7413
    z-index: 2000! important;

7414
}

7415
7416
/* USERSTYLES - SIMPLE SEARCH - SEARCH INPUT - === */

7417
#search-terms {

7418
    position: absolute ! important;

7419
    display: inline-block !important;

7420
    min-width: 204px !important;

7421
    max-width: 204px !important;

7422
    height: 19px ! important;

7423
    margin-right: -50px ! important;

7424
    left: -65px ! important;

7425
    top: -16px ! important;

7426
}

7427
/* USERSTYLES /GREASY FORK - SIMPLE SEARCH - SEARCH BUTT - === */

7428
#search-submit {

7429
    position: relative ! important;

7430
    left: -38px ! important;

7431
    margin-top: -15px ! important;

7432
    font-size:11px !important;

7433
}

7434
#script-search > input[type="submit"] ,

7435
#search-submit  {

7436
    position: relative !important;

7437
    display: inline-block !important;

7438
    top: 0px !important;

7439
    -moz-appearance: none !important;

7440
    border: 1px solid gray !important;

7441
    border-radius: 0 3px 3px 0 !important;

7442
    cursor: pointer!important;

7443
    background: peru !important;

7444
}

7445
#script-search > input[type="submit"]:hover ,

7446
#search-submit:hover  {

7447
    background: tomato !important;

7448
}

7449
7450
/* USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE SELECT - (ENHANCER) - === */

7451
#per-page-select {

7452
    width: 45px !important;

7453
    margin-left: -50px ! important;

7454
}

7455
*[id$="-select"] ,

7456
#advanced-search>[name="sort_direction"]  {

7457
    font-size: 11px ! important;

7458
    height: 17px ! important;

7459
}

7460
7461
/* USERSTYLES - ADV SEARCH - FILT BLOCK  - TXT "FILT" - SUPP (diplay:none) -(TABLE VIEW PLUS) - === */

7462
#fb-label {

7463
    display:none ! important;

7464
}

7465
7466
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK + TXT "FILTER" + BUTT - CONT - (TABLE VIEW PLUS) - === */

7467
#filter-block  {

7468
    position: fixed ! important;

7469
    display: inline-block ! important;

7470
    height: 24px !important;

7471
    width: 355px !important;

7472
    left: 620px !important;

7473
    margin-left: 288px !important;

7474
    top: 18px !important;

7475
    padding: 0 !important;

7476
    border-radius: 3px !important;

7477
    font-size: 10px ! important;

7478
    z-index: 2000 !important;

7479
    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;

7480
}

7481
#left-sidebar #labelGroup {

7482
    height: 20px !important;

7483
    line-height: 20px !important;

7484
    padding: 0 3px !important;

7485
    text-align: center !important;

7486
    border: none !important;

7487
}

7488
/* (new87) USERSTYLES - ADV SEARCH - FILT - "Create " + "Show Flit" + "Clear" BUTT - (TABLE VIEW PLUS) - === */

7489
#wordDiv button ,

7490
#filterGroup button {

7491
    height: 18px ! important;

7492
    line-height: 10px ! important;

7493
    padding: 1px ! important;

7494
    font-size: 10px !important;

7495
7496
7497
}

7498
/* (new87) USERSTYLES - ADV SEARCH - FILTBLOCK - "Create" BUTT - (TABLE VIEW PLUS) - === */

7499
#wordDiv button {

7500
    -moz-appearance: none ! important;

7501
    width: 40px ! important;

7502
    height: 20px !important;

7503
    margin-left: -430px ! important;

7504
    margin-top: 4px ! important;

7505
    padding: 0px 2px! important;

7506
    text-align: center ! important;

7507
    border-radius: 3px ! important;

7508
    border: 1px solid #404040;

7509
    box-shadow: 3px 3px 2px black ;

7510
    color: gold ! important;

7511
    background: #222 !important;

7512
    cursor: pointer ! important;

7513
    z-index: 200 ! important;

7514
}

7515
7516
/* USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt" + "Clear" BUTT - (TABLE VIEW PLUS) - === */

7517
#filterGroup button {

7518
    position: absolute ! important;

7519
    display: inline-block ! important;

7520
    top: 0px ! important;

7521
    margin-left: 100px ! important;

7522
}

7523
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt"  BUTT - (TABLE VIEW PLUS) - === */

7524
#filterGroup button#showB {

7525
    position: absolute ! important;

7526
    display: inline-block ! important;

7527
    top: 2px ! important;

7528
    margin-left: 94px ! important;

7529
    width: 80px ! important;

7530
}

7531
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Clear" BUTT - (TABLE VIEW PLUS) - === */

7532
#filterGroup button {

7533
    position: absolute ! important;

7534
    display: inline-block ! important;

7535
    top: 2px ! important;

7536
    margin-left: 173px ! important;

7537
}

7538
7539
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - FILT INPUT (TABLE VIEW PLUS) - === */

7540
#wordIn {

7541
    -moz-appearance: none ! important;

7542
    position: absolute ! important;

7543
    display: inline-block ! important;

7544
    width: 138px ! important;

7545
    height: 15px ! important;

7546
    left: -82px ! important;

7547
    margin-top: 3px ! important;

7548
    border: none ! important;

7549
    border-radius: 3px ! important;

7550
    padding: 2px 2px 3px 0px ! important;

7551
}

7552
7553
/* USERSTYLES - ADV SEARCH - FILT BLOCK - CREATE CONT - (TABLE VIEW PLUS) - === */

7554
#wordDiv {

7555
    position: absolute !important;

7556
    display: inline-block ! important;

7557
    width: 223px !important;

7558
    top: -6px !important;

7559
    left: 80px ! important;

7560
    text-align: center;

7561
}

7562
/*(new87)  USERSTYLES - ADV SEARCH - FILT BLOCK - FILT-GROUP CONTR (Filtd nbr / "Show Filt" / "Clear) - (TABLE VIEW PLUS) - === */

7563
#filterGroup {

7564
    position: absolute !important;

7565
    display: inline-block ! important;

7566
    height: 17px ! important;

7567
    max-width: 90px !important;

7568
    min-width: 90px ! important;

7569
    left: 142px !important;

7570
    top: 0px !important;

7571
    padding: 1px 1px 1px 0px ! important;

7572
    border-radius: 5px ! important;

7573
    text-align: left !important;

7574
}

7575
7576
/* USERSTYLES - ADV SEARCH - FILT BLOCK - TXT "Filt" - (TABLE VIEW PLUS) - === */

7577
#left-sidebar #labCnt {

7578
    display: inline-block ! important;

7579
    padding: 0px !important;

7580
    font-size: 11px !important;

7581
    margin: 0 2px 0 -15px !important;

7582
    color: gray ! important;

7583
}

7584
#left-sidebar #labCnt:after {

7585
    content: " :" ;

7586
    color: gold;

7587
    font-size: 11px ;

7588
}

7589
#left-sidebar #filterCount {

7590
    display: inline-block ! important;

7591
    padding: 0px !important;

7592
    color: gold;

7593
    font-size: 11px !important;

7594
}

7595
7596
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK -  PER PAGE CONT (+ TX "Tab Filt" +) - (TABLE VIEW PLUS) - === */

7597
#perPageGroup {

7598
    position: absolute !important;

7599
    display: inline-block!important;

7600
    width: 10px !important;

7601
    left: 305px ! important;

7602
    margin-top: -17px !important;

7603
    top: 5px !important;

7604
    padding: 0 0 0 0px !important;

7605
    color: gold !important;

7606
    font-size: 0px !important;

7607
    text-align: left !important;

7608
    background: black !important;

7609
}

7610
#perPageGroup:after {

7611
    content: "by"!important;

7612
    position: absolute !important;

7613
    display: inline-block!important;

7614
    width: 19px !important;

7615
    height: 19px!important;

7616
    line-height: 17px!important;

7617
    left: 8px ! important;

7618
    top: -10px !important;

7619
    padding: 0px !important;

7620
    color: gold !important;

7621
    font-size: 10px !important;

7622
    text-align: center !important;

7623
background: red !important;

7624
}

7625
/* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE BLOCK - NBR INPUT - (TABLE VIEW PLUS) - === */

7626
#filter-block #perPageGroup input#sel {

7627
    -moz-appearance: none !important;

7628
    position: absolute! important;

7629
    display: inline-block!important;

7630
    height: 17px !important;

7631
    line-height: 25px !important;

7632
    width: 20px !important;

7633
    margin-left: 27px! important;

7634
    margin-top: -13px! important;

7635
    border: none ! important;

7636
    border-radius: 0 3px 3px 0 ! important;

7637
    font-size: 10px !important;

7638
    text-align: center !important;

7639
    background: #D6D6D6 ! important;

7640
}

7641
7642
7643
/* USERSTYLES - ADV SEARCH - FILT RESULT - ITEM FILT - ADD TXT "Filt" - (TABLE VIEW PLUS) - === */

7644
table#style-table tr[filtered="true"]:after {

7645
    display: inline-block ;

7646
    width: 15px ;

7647
    content: "Filtered" ;

7648
    padding-top: 2px ;

7649
    padding-bottom: 5px ;

7650
    padding-right: 4px ;

7651
    padding-left: 1px ;

7652
    transform: rotate(90deg) ;

7653
    font-size: 10px ;

7654
    text-align: center ;

7655
    color: gold ;

7656
}

7657
7658
/* ====  - USERSTYLES - STY INFOS - RELATED ==== */

7659
7660
/* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - BLOCK - === */

7661
#related {

7662
    position: fixed !important;

7663
    width: 185px !important;

7664
    left: 20px !important;

7665
    top: 550px !important;

7666
    background-color: #222222 !important;

7667
    box-shadow: 0 0 4px #999999 !important;

7668
}

7669
/* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - ITEMS - === */

7670
#left-sidebar footer#related ul li:not(.more) a:before {

7671
    display: inline-block ;

7672
    content: "\25B6" ;

7673
    padding-right: 5px ;

7674
    font-size: 8px ;

7675
    color: red ;

7676
}

7677
7678
/* ==== USERSTYLES - STY INFOS ==== */

7679
7680
/* USERSTYLES - STY INFOS - "Style" Bar - SUPP - === */

7681
#main-article>h2{

7682
    display: none ! important;

7683
}

7684
7685
7686
/* STY INFOS - DELETED STYLE - MESS - 

7687
https://userstyles.org/styles/46216/flickr-widescreen-wide-film-strip-thumbs-x2-v4?r=1431273300

7688
=== */

7689
section#obsoletion-message {

7690
    position: fixed !important;

7691
    line-height: 15px !important;

7692
    min-width: 400px !important;

7693
    max-width: 400px !important;

7694
    max-height: 425px !important;

7695
    top: 35px !important;

7696
    margin-left: -10px!important;

7697
    padding: 10px ! important;

7698
    background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;

7699
    overflow: hidden !important;

7700
    overflow-y: auto !important;

7701
    z-index: 2000 !important;

7702
    transition: all ease 0.7s !important;

7703
    opacity: 1 !important;

7704
    visibility: visible !important;

7705
}

7706
#main-article section#obsoletion-message h2 + p + p , 

7707
#main-article section#obsoletion-message h2 + p  {

7708
    display: inline-block !important;

7709
    line-height: 15px !important;

7710
    width: 390px !important;

7711
    margin-left: -10px!important;

7712
    padding: 10px ! important;

7713
    font-size: 17px !important;

7714
    text-align: center !important;

7715
    color: white !important;

7716
}

7717
7718
#main-article section#obsoletion-message h2 + p  q  {

7719
    display: inline-block !important;

7720
    width: 100% !important;

7721
    line-height: 16px !important;

7722
    margin-top: 10px !important;

7723
    margin-bottom: 5px !important;

7724
    padding: 5px !important;

7725
    border-radius: 5px !important;

7726
    text-align: left !important;

7727
    font-size: 15px !important;

7728
    color: gray !important;

7729
    background: black !important;

7730
}

7731
/* #main-article section#obsoletion-message a  */

7732
#obsoletion-message>p + p>a:last-of-type ,

7733
#main-article section#obsoletion-message h2 + p>a:first-of-type {

7734
    position: relative!important;

7735
    display: inline-block!important;

7736
    width: 100%!important;

7737
    min-width: 375px!important;

7738
    margin-top: 10px !important;

7739
    margin-bottom: 5px !important;

7740
    text-align: center!important;

7741
    font-size: 18px !important;

7742
    color: gold !important;

7743
}

7744
#obsoletion-message>p + p>a:nth-last-of-type(n+2) {

7745
    position: relative!important;

7746
    display: inline-block!important;

7747
    width: 100%!important;

7748
    min-width: 375px!important;

7749
    margin-top: 10px !important;

7750
    margin-bottom: 10px !important;

7751
    text-align: center!important;

7752
    font-size: 15px !important;

7753
    color: gold !important;

7754
}

7755
/* USERSTYLES - STY INFOS - DEL STY - BUBBLE - === */

7756
#obsoletion-message:not(:hover) h2:not(:hover) ,

7757
#obsoletion-message h2 {

7758
    position: fixed !important;

7759
    display: inline-block !important;

7760
    left: 132px !important;

7761
    top: 58px !important;

7762
    border-radius: 10px !important;

7763
    padding: 7px 6px !important;

7764
    background: #B50000 !important;

7765
    cursor: pointer !important;

7766
    visibility: visible !important;

7767
    opacity: 1 !important;

7768
}

7769
/* STY INFOS - DEL STY - BUBBLE - ARROW - === */

7770
section#obsoletion-message:after {

7771
    position: fixed !important;

7772
    display: block;

7773
    content: "";

7774
    height: 0;

7775
    width: 0;

7776
    top: 82px !important;

7777
    bottom: -15px;

7778
    left: 200px ;

7779
    border-color: #B50000 transparent transparent transparent ;

7780
    border-style: solid;

7781
    border-width: 25px 5px 0px ;

7782
    transform: rotate(22deg) ;

7783
    visibility: visible !important;

7784
}

7785
section#obsoletion-message:before {

7786
    position: fixed !important;

7787
    display: inline-block !important;

7788
    content: " Deleted ....WHY ??? : Hover me !";

7789
    height: 15px !important;

7790
    width: 400px !important;

7791
    top: 62px !important;

7792
    left: 250px ;

7793
    text-align: center !important;

7794
    background: #B50000 !important;

7795
    white-space: nowrap !important; 

7796
    cursor: pointer !important;

7797
    visibility: visible !important;

7798
}

7799
section#obsoletion-message:hover:before {

7800
    visibility: hidden !important;

7801
}

7802
7803
#main-article section#obsoletion-message:not(:hover) {

7804
    visibility: hidden !important;

7805
    opacity: 1 !important;

7806
}

7807
#main-article section#obsoletion-message:hover {

7808
    visibility: visible !important;

7809
}

7810
7811
7812
/* #main-article section#obsoletion-message>p>q:first-letter , */

7813
#main-article section#obsoletion-message>p>q:first-line {

7814
    display: inline-block !important;

7815
    color: #00627A !important; 

7816
    font-size: 18px !important;

7817
}

7818
7819
7820
/* ==== BROWSE STY - ZEBRA ==== */

7821
7822
/* BROWSE STY - ZEBRA - FIRST - === */

7823
#style-table tr:nth-child(even) td {

7824
    background-color: #262626 !important;

7825
}

7826
/* BROWSE STY - ZEBRA - SECOND - ==== */

7827
#style-table tr:nth-child(odd) td {

7828
    background: #444444 !important;

7829
}

7830
#style-table > tr:hover:not(:first-child) {

7831
    background-color: #444444;

7832
    color: red ! important;

7833
}

7834
7835
/* TEST - RATING always visible =  === */

7836
#style-table tr:not(:hover) .ratingfg ,

7837
#style-table tr:hover .ratingfg {

7838
    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;

7839
}

7840
7841
/* TEST - META DISCUSSION - HOVER TOOLTIP - === */

7842
#style-table .metadiscussions:hover:before{

7843
    position: relative !important;

7844
    content: attr(title) !important;

7845
    display: inline-block !important;

7846
    height: 16px !important;

7847
    line-height: 15px !important;

7848
    top: -5px !important;

7849
    margin-left: -240px !important;

7850
    padding: 0 5px 0 5px !important;

7851
    border-radius: 5px !important;

7852
    color: gold !important;

7853
    background: red !important;

7854
    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;

7855
}

7856
7857
7858
/* OBSOLETE DELETED STYLE - === */

7859
#table-container table#style-table tr.obsolete td:nth-child(7){

7860
    background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031")  !important;

7861
    opacity: 0.4 !important;

7862
}

7863
#table-container table#style-table tr.obsolete td:nth-child(7):hover{

7864
    opacity: 1!important;

7865
}

7866
7867
/* BROWSE STY - Text INFO - "For tips on making....etc..." - === */

7868
#main-article>p {

7869
    margin-left: 95px !important;

7870
}

7871
/* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */

7872
#lastcheck {

7873
    position :fixed !important;

7874
    width: 650px !important;

7875
    width: auto !important;

7876
    margin-left: -322px !important;

7877
    margin-top: 0px !important;

7878
    border-radius: 5px !important;

7879
    color: gray;

7880
    z-index: 300 !important;

7881
}

7882
/* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */ 

7883
#summary + #lastcheck{

7884
    position :fixed !important;

7885
    width: 650px !important;

7886
    width: auto !important;

7887
    margin-left: 28px !important;

7888
    margin-top: -26px !important;

7889
    border-radius: 5px !important;

7890
    font-size: 11px !important;

7891
    color: tan !important;

7892
    background: black !important;

7893
    z-index: 300 !important;

7894
}

7895
7896
7897
/* ==== BROWSE STY - SUMMARY ==== */

7898
7899
/* ==== BROWSE STY - SUMMARY (USERSTYLE SUMMARY)

7900
(TABLE VIEW PLUS - content:"SummaRy)

7901
(ENHANCER - content: "SuMmary")

7902
==== */

7903
7904
/* (new75) (ALL) BROWSE STY - SUMMARY - (LOGED) - === */

7905
#summary {

7906
    position: fixed !important;

7907
    display: inline-block ! important;

7908
    height: 15px !important;

7909
    line-height: 15px !important;

7910
    left: 252px !important;

7911
    top: 83px ! important;

7912
    padding: 2px !important;

7913
    border-radius: 5px !important;

7914
    background-color: transparent !important;

7915
    z-index: 220 !important;

7916
}

7917
7918
7919
/* (new75) BROWSE STY - SUMMARY (TABLE VIEW PLUS) - ADD TXT "SummaRy" - === */

7920
*[class="label total"]:before {

7921
    content:"SummaRy : " ;

7922
    position: fixed ;

7923
    display: inline-block ;

7924
    width: auto ;

7925
    height: 10px ;

7926
    line-height: 8px ;

7927
    top: 83px ;

7928
    left: 48px ;

7929
    padding: 1px 5px 3px 6px ;

7930
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;

7931
    border: 1px solid #777777 ;

7932
    border-radius: 4px 4px 4px 4px ;

7933
    box-shadow: 0 0 1px #777777 inset ;

7934
    color: #E5E5E5;

7935
    font-weight: bold ;

7936
    z-index: 500 ;

7937
}

7938
/* BROWSE STY - SUMMARY (ENHANCER - ADD TXT "SuMmary") - === */

7939
#summary>tbody:after {

7940
    position: fixed ;

7941
    visibility: visible ;

7942
    content: "SuMmary " ;

7943
    height: 15px ;

7944
    line-height: 15px ;

7945
    top: 48px ;

7946
    left: 270px ;

7947
    padding: 1px 5px ;

7948
    color: #E5E5E5 ;

7949
    font-weight: bold ;

7950
    border-radius: 5px ;

7951
    box-shadow: 0 0 4px #999999 ;

7952
    background-color: green ;

7953
}

7954
#summary>tbody {

7955
    position: fixed !important;

7956
    display: block !important;

7957
    visibility: hidden!important;

7958
}

7959
/* BROWSE STY - SUMMARY (TABLE VIEW PLUS - ADD TXT "SummaRy" )- HOVER - === */

7960
#summary>tbody:hover {

7961
    position: fixed !important;

7962
    display: inline-block !important;

7963
    left: 240px !important;

7964
    top: 73px !important;

7965
    visibility: visible!important;

7966
    border-radius: 5px !important;

7967
    box-shadow: 0 0 4px #999999 !important;

7968
    background: red !important;

7969
}

7970
7971
/* BROWSE STY - SUMMARY (TABLE VIEW PLUS updated) - STATISTICS LABELS - TXT "Total Installs" / "Weekly Total" / "Ratings" + "Good Ok Bad" - === */

7972
table#summary label.label:not(#good):not(#ok):not(#bad) {

7973
    font-size: 11px ! important;

7974
    color: gray ! important;

7975
}

7976
#good ,

7977
#ok ,

7978
#bad {

7979
    font-size: 11px ! important;

7980
}

7981
/* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT - TXT "LAST CHEC" - BLOCK (HOVER)- 

7982
MAKONDO (with pagination) : http://userstyles.org/users/60686

7983
=== */

7984
#summary p {

7985
    position: fixed !important;

7986
    width: auto !important;

7987
    top: 81px !important;

7988
    left: 377px ! important;

7989
    padding: 0 5px 2px 5px !important;

7990
    font-size: 0px ! important;

7991
    color: gray ! important;

7992
    text-align: left !important;

7993
    background: transparent ! important;

7994
}

7995
#summary:hover p {

7996
    font-size: 10px ! important;

7997
    color: gold ! important;

7998
    text-align: left !important;

7999
    background: red ! important;

8000
}

8001
#content-wrapper article#main-article table#summary label  + b ,

8002
#content-wrapper article#main-article table#summary label   {

8003
    position: relative ! important;

8004
    display: inline ! important;

8005
    top: -4px !important;

8006
    left: -120px ! important;

8007
    width: 650px !important;

8008
    font-size: 10px ! important;

8009
    color: gold ! important;

8010
    text-align: left !important;

8011
    background: transparent ! important;

8012
}

8013
/* (COR) BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT -  LAST CHEC - RESET BUTT- === */

8014
#summary #resetBtn {

8015
    position: fixed !important;

8016
/*    height: 15px !important;*/

8017
    height: 38px !important;	

8018
    line-height: 12px !important;

8019
    width: 40px ! important;

8020
    top: 79.5px !important;

8021
    left: -2px ! important;

8022
    padding: 0px 1px 4px 1px !important;

8023
    border: 1px solid #777777 !important;

8024
    border-radius: 4px !important;

8025
    box-shadow: 0 0 1px #777777 inset !important;

8026
    font-size: 11px !important;

8027
    color: #D7D7D7 !important;

8028
    cursor: pointer ! important;

8029
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;

8030
}

8031
#summary #resetBtn:hover {

8032
    color: gold ! important;

8033
}

8034
8035
/* BROWSE STY - SUMMARY - TABLE VIEW PLUS - PROFILE without ABOUT and STYLES - 

8036
https://userstyles.org/users/190305

8037
=== */

8038
#main-article dl + #summary {

8039
    position: fixed !important;

8040
    display: inline-block ! important;

8041
    left: 252px !important;

8042
    top: 112px ! important;

8043
    border-radius: 5px !important;

8044
    background-color: transparent !important;

8045
    z-index: 220 !important;

8046
}

8047
#main-article dl + #summary *[class="label total"]:before {

8048
    content:"SummaRy : " ;

8049
    position: fixed ;

8050
    display: inline-block ;

8051
    width: auto ;

8052
    height: 10px ;

8053
    line-height: 7px ;

8054
    top: 112px ;

8055
    left: 48px ;

8056
    padding: 1px 5px 1px 6px ;

8057
    background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;

8058
    border: 1px solid #777777 ;

8059
    border-radius: 4px 4px 4px 4px ;

8060
    box-shadow: 0 0 1px #777777 inset ;

8061
    color: #E5E5E5;

8062
    font-weight: bold ;

8063
    z-index: 500 !important;

8064
}

8065
/* BROWSE STY - TABLE VIEW PLUS - TABLE OPT - === */

8066
#optBtn-container {

8067
    position: absolute !important;

8068
    display: inline-block !important;

8069
    visibility: visible !important;

8070
    width: 100px !important;

8071
    height: 20px !important;

8072
    line-height: 14px! important;

8073
    top: -21px !important;

8074
    left: 172px !important;

8075
    border-radius : 5px! important;

8076
    text-align: center !important;

8077
    z-index: 200 !important;

8078
    background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;

8079
}

8080
#optBtn-container a {

8081
    text-align: center !important;

8082
    text-decoration: none ! important;

8083
    color: gray ! important;

8084
}

8085
#tohr {

8086
    display: none! important;

8087
}

8088
8089
/* ==== BROWSE SEARCH RESULTS ==== */

8090
8091
/* (new75) TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) === */

8092
/*(NOT LOGED / with GM) */

8093
body> #main-header + #content-wrapper {

8094
    position: absolute ! important;

8095
    display: inline-block ! important;

8096
    float: left !important;

8097
    clear: both !important;

8098
    height: 100% !important;

8099
    min-height: 200px !important;

8100
    width: 100% !important;

8101
    max-width: 95% !important;

8102
    top: 55px !important;

8103
    left: 0px !important;

8104
    margin-left: 20px ! important;

8105
}

8106
8107
/* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS - === */

8108
#content-wrapper article#main-article #social.listing +script + .ad +  #table-container {

8109
    position: absolute !important;

8110
    display: inline-block ! important;

8111
    width: 82%! important;

8112
    left: -27% !important;

8113
    top: -24px !important;

8114
}

8115
8116
/* BROWSE SEARCH RESULTS +  USER ACCOUNT + SEARCH RESULTS + TABLE VIEW PLUS - === */

8117
/* SEARCH*/

8118
#table-container {

8119
    position: absolute !important;

8120
    display: inline-block ! important;

8121
    width: 100% !important;

8122
    max-width: 68.9% !important;

8123
    min-width: 68.8% !important;

8124
    left: 0px !important;

8125
    margin-top: -1px !important;

8126
}

8127
/*MY SYTLES */

8128
#summary + #table-container  {

8129
    position: absolute !important;

8130
    display: inline-block ! important;

8131
    width: 100% !important;

8132
    max-width: 68.9% !important;

8133
    min-width: 68.8% !important;

8134
    left: 0px !important;

8135
    margin-top: 3px !important;

8136
}

8137
/* TABLE HEADER FIXED - === */

8138
#style-table {

8139
    width: 100% !important;

8140
    min-width: 100% !important;

8141
    max-width: 100% !important;

8142
    margin-top: 42px !important;

8143
}

8144
/* (COR) */

8145
#style-table>tr:first-of-type {

8146
    display: inline-table  !important;

8147
    position: fixed !important;

8148
    height: 100%!important;

8149
    max-height: 42px!important;

8150
    min-height: 42px!important;

8151
/*	max-height: 42px!important;*/

8152
    width: 100% !important;

8153
    max-width: 65.7% !important;

8154
    min-width: 65.7% !important;

8155
    margin-top: -46px !important;

8156
    border-top: 4px solid tan !important;

8157
    border-bottom: 4px solid tan !important;

8158
    z-index: 200 !important;

8159
}

8160
8161
/* TABLE VIEW PLUS - ??? ENHANCER - === */

8162
#main-article> ul + dl +h2 + #summary + #table-container #style-table>tr:first-of-type {

8163
    position: fixed !important;

8164
    margin-top: -52px !important;

8165
    border-top: 4px solid tan !important;

8166
    border-bottom: 4px solid tan !important;

8167
    z-index: 200 !important;

8168
}

8169-
/* (new118) USERSTYLES - PROFILE USER - === */

8169+
8170
/* A VOIR - HEIGHT HEADER - TABLE VIEW PLUS - === */

8171
#style-table th {

8172
    color: tan;

8173
    height: 25px !important;

8174
    line-height: 3px !important;

8175
    padding: 0 4px;

8176
    text-shadow: 1px 1px 2px #000000;

8177
}

8178
8179
/* A SUPP ?? - HEIGHT HEADER - ENHANCER HEADER - === */

8180
#summary+ p + #table-container #style-table th  {

8181
    display: inline-table  !important;

8182
    color: tan;

8183
    line-height: 3px !important;

8184
    padding: 0 4px;

8185
    text-shadow: 1px 1px 2px #000000;

8186
}

8187
8188
/* POSITION COLUMN - TABLE VIEW PLUS */

8189
#table-container #style-table th:first-of-type  {

8190
    width: 1% !important;

8191
    padding-left: 10px !important;

8192
}

8193
#table-container #style-table th:nth-child(2)  {

8194
    max-width: 57% !important;

8195
    min-width: 57% !important;

8196
    padding-left: 10px !important;

8197
}

8198
#table-container #style-table th:last-of-type  {

8199
    width: 7% !important;

8200
    padding-right: 0px !important;

8201
}

8202
8203
/* A VOIR ??? - === */

8204
#content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {

8205
    display: inline-table  !important;

8206
    position: fixed !important;

8207
    width: 970px !important;

8208
}

8209
8210
/* POSITION COLUMN - ENHANCER */

8211
#summary+ p + #table-container #style-table th:first-of-type  {

8212
    width: 4% !important;

8213
}

8214
#summary+ p + #table-container #style-table th  {

8215
    width: 8.1% !important;

8216
    height: 20px!important;

8217
    line-height: 20px!important;

8218
}

8219
#summary+ p + #table-container #style-table th:nth-child(2)  {

8220
    min-width: 61.5% !important;

8221
    max-width: 61.5% !important;

8222
    border-right: 1px solid red!important;

8223
}

8224
8225
/* A VOIR ??? - === */

8226
#content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {

8227
    display: inline-table  !important;

8228
    position: fixed !important;

8229
    width: 970px !important;

8230
}

8231
8232
/* MY ACCOUNT - ENHANCER (#summary+ p + #table-container) - CONTAINER - === */

8233
#summary+ p + #table-container {

8234
    margin-top: -13px !important;

8235
    max-width: 100% !important;

8236
    min-width: 100% !important;

8237
    width: 100% !important;

8238
}

8239
#summary+ p + #table-container #style-table {

8240
    width: 100% !important;

8241
    min-width: 67%! important;

8242
    max-width: 67% !important;

8243
}

8244
 #summary+ p + #table-container #style-table#style-table > tr:first-of-type {

8245
    position: fixed !important;

8246
    display: inline-block ! important;

8247
    display: inline-table !important;

8248
    top: 120px !important;

8249
    min-width: 63.6%! important;

8250
    max-width: 63.6% !important;

8251
    height: 20px! important;

8252
    line-height: 20px!important;

8253
    border-bottom: 4px solid tan !important;

8254
    border-top: 4px solid tan !important;

8255
    background: red!important;

8256
    z-index: 200 !important;

8257
}

8258
8259
/* (NOT LOGED / with GM) */

8260
.author-styles>tbody>tr:nth-child(odd) {

8261
    background: #222222 ! important;

8262
}

8263
8264
/* (new123) USERSTYLES - PROFILE USER - === */

8265
#container-responsive .view_inner {

8266
    flex-direction: unset;

8267
    justify-content: unset;

8268
    margin-top: 10px;

8269
    width: 100% !important;

8270
}

8271
.author-styles.tablesorter.tablesorter-default ,

8272
table.author-styles {

8273
    border-collapse: collapse;

8274
    width: 60% !important;

8275
}

8276
8277
8278
/* (new118) USERSTYLES - USER PROFILE LIST / BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc  - === */

8279
.author-styles>tbody>tr>td[valign="top"]>a {

8280
    color: #CF9C28  !important;

8281
}

8282
.author-styles>tbody>tr>td[valign="top"]>a:visited {

8283
    color: #DDB46D  !important;

8284
}

8285
.author-styles>tbody>tr>td[valign="top"]>a:hover {

8286
    color: tan !important;

8287
}

8288
.author-styles>thead>tr>th:nth-child(3) ,

8289
.author-styles>thead>tr>th:nth-child(4) ,

8290
.author-styles>thead>tr>th:nth-child(5){

8291
    width: 43px !important;

8292
}

8293
.author-styles>thead>tr>th:nth-child(6){

8294
    width: 100px !important;

8295
}

8296
/* (new118) USERSTYLES - EDIT/Delete/Statictic ICONS - === */

8297
table.author-styles tbody tr td+td a:nth-child(1) {

8298
    font-size: 0px ! important;

8299
}

8300
/*  NEDD CONVERT for Addstylish lib -  */

8301
table.author-styles tbody tr td+td a[href$="/edit"]:before {

8302
    content : "\270E " ! important;

8303
    font-size: 18px ! important;

8304
}

8305
table.author-styles tbody tr td+td a:nth-child(2) {

8306
    font-size: 0px ! important;

8307
}

8308
table.author-styles tbody tr td+td a[href^="/styles/delete"]:before {

8309
    content : "✅" ;

8310
    font-size: 18px ;

8311
    color: green ;

8312
}

8313
.obsolete ~ td:last-of-type a[href^="/styles/delete/"]:before{

8314
    content : "➖" ;

8315
    font-size: 18px ;

8316
    color: red ;

8317
}

8318
8319
/* Text Shadow === */

8320
#style-table tr td * {

8321
    text-shadow: none !important;

8322
}

8323
8324
/* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT - === */

8325
#popup_container.popup_right,

8326
#popup_container.popup_left {

8327
    position: fixed !important;

8328
    display: inline-block !important;

8329
    float: right !important;

8330
    top: 25% !important;

8331
    right: 0% !important;

8332
    padding: 0 !important;

8333
    background: transparent !important;

8334
    border: none !important;

8335
    box-shadow: none !important;

8336
    z-index: -5000 !important;

8337
}

8338
#popup_container img {

8339
    position: absolute !important;

8340
    display:  inline-block !important;

8341
    float: none !important;

8342
    float: right !important;

8343
    min-width: 30% !important;

8344
    max-width: 30% !important;

8345
    box-shadow: 4px 4px 8px #000000;

8346
    right: 0% !important;

8347
    z-index: 500000 !important;

8348
    border: 1px solid peru !important;

8349
}

8350
8351
8352
/* (new75) MEDIA QUERIES - BROWSE SEARCH RESULTS - Screenshot POPUP - */

8353
@media screen and (max-width: 1400px){

8354
#popup_container.popup_right,

8355
#popup_container.popup_left {

8356
    position: fixed !important;

8357
    display: inline-block !important;

8358
    height: 13000px !important;

8359
    width: 1300px !important;

8360
    float: right !important;

8361
    top: 25% !important;

8362
    right: 0% !important;

8363
    padding: 0 !important;

8364
    background: transparent !important;

8365
    border: none !important;

8366
    box-shadow: none !important;

8367
    z-index: -5000 !important;

8368
}

8369
#popup_container img {

8370
    position: absolute !important;

8371
    display:  inline-block !important;

8372
    float: none !important;

8373
    float: right !important;

8374
    box-shadow: 4px 4px 8px #000000;

8375
    right: 1% !important;

8376
    z-index: 500000 !important;

8377
}

8378
/* ==== END === MEDIA QUERIES === BROWSE SEARCH RESULTS - Screenshot POPUP - ==== */

8379
}

8380
8381
8382
8383
/* BROWSE SEARCH RESULTS - Title === */

8384
.style-brief-text>header>a:link {

8385
    color: #CCCDCD !important;

8386
    text-decoration: none !important;

8387
}

8388
/* BROWSE SEARCH RESULTS - Desc - === */

8389
.style-brief-text > a:visited {

8390
    color: #929292 !important;

8391
    text-decoration: none !important;

8392
}

8393
.style-brief-text > a:active {

8394
    color: #929292 !important;

8395
    text-decoration: none !important;

8396
}

8397
8398
8399
/* (new84) PAGINATION ALL - PB NOT LOGED - === */

8400
 .pagination {

8401
    position: fixed !important;

8402
    display: inline-block !important;

8403
    max-width: 350px !important;

8404
    min-width: 350px !important;

8405
    height: 17px!important;

8406
    line-height: 17px!important;

8407
    top: 29px !important;

8408
    left: 550px !important;

8409
    padding: 1px !important;

8410
    text-align: center !important;

8411
    z-index: 200 !important;

8412
    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);

8413
    border-radius: 3px 3px 0 0 !important;

8414
} 

8415
.pagination > a {

8416
    display: inline-block !important;

8417
    border: 1px solid #999999;

8418
    border-radius: 3px !important;

8419
    font-size: 10px;

8420
    margin-left: -1px;

8421
    margin-right: -1px;

8422
    top: -5px !important;

8423
    padding: 0 3px !important;

8424
}

8425
/* PAGINATION - ALL -  Link - === */

8426
.pagination > a {

8427
    margin-left: -1px;

8428
    margin-right: -1px;

8429
    padding: 0 3px !important;

8430
    border: 1px solid #999999;

8431
    border-radius: 3px  !important;

8432
    font-size: 10px;

8433
}

8434
.pagination>a:hover {

8435
    padding: 0 3px !important;

8436
    font-size: 12px !important;

8437
    text-decoration: none;

8438
    color: #000000;

8439
    border-radius: 3px;

8440
    border: 1px solid #A7A7A7;

8441
    background-color: white;

8442
}

8443
/* PAGINATION  - BROWSE SEARCH RESULTS - CURRENT - === */

8444
.current {

8445
    margin-left: 1px;

8446
    margin-right: 1px;

8447
    padding: 0 3px !important;

8448
    font-size: 12px !important;

8449
    text-decoration: none;

8450
    font-weight: bold;

8451
    color: #000000;

8452
    border-radius: 3px;

8453
    border: 1px solid #336699;

8454
    background-color: #F5F7FA;

8455
}

8456
/* PAGINATION  - BROWSE SEARCH RESULTS - PREV DISABLED - === */

8457
.previous_page.disabled ,

8458
.disabled.prev_page {

8459
    display: none !important;

8460
}

8461
8462
/* (new84) PAGINATION USERSTYLES - with GM " TABLE VIEW PLUS" - === */

8463
#table-container + .pagination {

8464
    line-height: 13px!important;

8465
    top: 32px !important;

8466
    left: 450px !important;

8467
    padding: 1px !important;

8468
}

8469
8470
/* PAGINATION  - BROWSE SEARCH RESULTS - Paginat NEXT / NEXT DISABLE - === */

8471
.next_page {

8472
    display: inline-block!important;

8473
    width: 80px !important;

8474
}

8475
.next_page.disabled {

8476
    display: none !important;

8477
}

8478
8479
/* A VOIR - PAGINATION  - BROWSE STYLES/SCRIPT SEARCH RESULTS - ONLY ONE Pagination (MOVE TO TOP) -

8480
USER : MAKONDO : http://userstyles.org/users/169?page=2&per_page=10 (SCRIPT Table View Plus NOT WORKING : Alternate Userstyle)

8481
GREASY FORK SCRIPT LIST: https://greasyfork.org/fr/scripts/

8482
==== */

8483
8484
8485
/* PAGINATION  - SEARCH / USERS - List USERSTYLES - (when Table View Plus don't catch them) - === */

8486
.ad + .pagination {

8487
    position: fixed !important;

8488
    display: inline-block !important;

8489
    height: 20px!important;

8490
    width: 100% !important;

8491
    width: auto !important;

8492
    max-width: 600px !important;

8493
    min-width: 600px !important;

8494
    left: 270px !important;

8495
    top: 35px !important;

8496
    padding: 1px 5px !important;

8497
    z-index: 200 !important;

8498
outline: 1px solid green !important;

8499
}

8500
8501
8502
/* (COR) PAGINATION - SCRIPT PAGE (with / without GM CITRUS) - Not from link "Scripts from top header) = .width-constraint .pagination  - 

8503
Without CITRUS :

8504
#browse-script-list + .pagination

8505
WITH CITRUS :

8506
#script-table + .pagination

8507
BUT NOT for SET VIEW (CITRUS) :

8508
#UserSets + .width-constraint .pagination

8509
=== */

8510
.width-constraint .pagination {

8511
    position: fixed !important;

8512
    display: inline-block !important;

8513
    vertical-align: bottom !important;

8514
/*    min-width: 100% !important;*/

8515
/*    max-width: 100% !important;*/

8516
    max-width: 450px !important;

8517
    min-width: 450px !important;

8518
    height: 17px !important;

8519
    line-height: 15px !important;

8520
    top: 27px !important;

8521
    left: 51.4% !important;

8522
    padding: 1px !important;

8523
    border-radius: 3px 3px 0 0 !important;

8524
    box-shadow: none !important; 

8525
    text-align: center !important;

8526
    border: 1px solid peru !important;

8527
}

8528
8529
8530
/* (new66) MEDIA QUERIE - PAGINATION - SCRIPT PAGE  -  === */

8531
@media screen and (max-width: 1400px) {

8532
.width-constraint .pagination {

8533
   left: 44% !important;

8534
}

8535
/* ==== END === MEDIA QUERIE  === PAGINATION - SCRIPT PAGE  - ==== */

8536
}

8537
8538
8539
/* (COR) A VOIR USER SET PAGINATION - GM "CITRUS" ONLY OK - 

8540
https://greasyfork.org/en/scripts?page=3&per_page=100&set=367&sort=updated

8541
=== */

8542
#UserSets + .width-constraint .pagination {

8543
    position: fixed !important;

8544
    display: inline-block !important;

8545
/*    min-width: 100% !important;*/

8546
/*    max-width: 100% !important;*/

8547
    max-width: 550px !important;

8548
    min-width: 550px !important;

8549
    height: 15px !important;

8550
    line-height: 15px !important;

8551
    top: 49px !important;

8552
    left: 34% !important;

8553
    padding: 1px !important;

8554
    

8555
    background: transparent !important;

8556
    border-radius: 5px !important;

8557
    box-shadow: none !important; 

8558
/*	text-align: left !important;*/

8559
    text-align: center !important;

8560
}

8561
8562
/* (new79) - PAGINATION - SCRIPT PAGE (with GM CITRUS) - Not from link "Scripts from top header) = #script-table + .pagination   - === */

8563
#script-table + .pagination  {

8564
    position: fixed !important;

8565
    display: inline-block !important;

8566
    width: 100% !important;

8567
    max-width: 459px !important;

8568
    min-width: 459px !important;

8569
    height: 15px!important;

8570
    line-height: 15px!important;

8571
    top: 28px !important;

8572
    left: 51% !important;

8573
    padding: 1px !important;

8574
    border-radius: 3px 3px 0 0 !important;

8575
    text-align: center !important;

8576
    box-shadow: 0 0 4px #999999 !important;

8577
    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);

8578
    z-index: 200 !important;

8579
}

8580-
.PageContent form[action="/styles/update"] {

8580+
8581
8582
/* (new74) START - MEDIA QUERIE - PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE - === */

8583
@media screen and (max-width: 1400px) {

8584
#script-table + .pagination  {

8585-
table.form-controls,

8585+
8586-
.form-controls > tbody > tr > td , 

8586+
8587-
    textarea#style_long_description ,

8587+
8588-
    textarea#style_additional_info ,

8588+
8589-
    textarea#css {

8589+
8590
8591
/* (new87) A VOIR - PAGINATION - LISTING SCRIPTS PAGE (with // without GM CITRUS) - === */

8592
/* ALL */

8593
.pagination .current, 

8594
.pagination .gap ,

8595
.pagination a ,

8596
body[pagetype="ListingPage"] .gap ,

8597
body[pagetype="ListingPage"] .current ,

8598
body[pagetype="ListingPage"] .pagination a {

8599
display: inline-block !important;

8600
    position: relative !important;

8601
    height: 14px !important;

8602
    line-height: 14px !important;

8603
    margin-top: -5px !important;

8604
    top: -1px !important;

8605
    padding: 0 3px !important;

8606
    border: none !important;

8607
    border-radius: 3px !important;

8608
    box-shadow: 3px 3px 2px black !important;

8609
    background: #222 !important;

8610
}

8611
8612
.pagination .current, 

8613
.pagination .gap ,

8614
body[pagetype="ListingPage"] .pagination .gap ,

8615
body[pagetype="ListingPage"]  .pagination .current {

8616
    color: white !important;

8617
}

8618
8619
.pagination .current, 

8620
body[pagetype="ListingPage"] .pagination .current {

8621
    margin-top: 0px !important;

8622
    top: -2px !important;

8623
}

8624
8625
.pagination > a.next_page ,

8626
.pagination > a.next_page:hover ,

8627
.pagination > a.previous_page,

8628
.pagination > a.previous_page:hover  {

8629
    width: 20px !important;

8630
    font-size: 0px !important;

8631
}

8632
.previous_page:before {

8633
    content: "<" ;

8634
    font-size: 10px !important;

8635
}

8636
.next_page:before {

8637
    content: ">" ;

8638
    font-size: 10px !important;

8639
}

8640
8641
/* (new87) USERSTYLES */

8642
#content-wrapper #main-article .pagination>.current {

8643
    margin-top: 0px !important;

8644
    top: 0px !important;

8645
    color: white !important;

8646
}

8647
span.Ellipsis {

8648
    height: 14px !important;

8649
    line-height: 7px !important;

8650
    border-radius: 3px !important;

8651
    box-shadow: 3px 3px 2px black !important;

8652
    color: peru !important;

8653
}

8654
.pagination .gap ,

8655
body[pagetype="ListingPage"] .pagination .gap {

8656
    line-height: 2px !important;

8657
    top: -7px !important;

8658
    border-radius: 3px !important;

8659
    box-shadow: 3px 3px 2px black !important;

8660
}

8661
#content-wrapper #main-article .pagination> .gap {

8662
    vertical-align: middle !important;

8663
    line-height: 7px !important;

8664
    top: 2px !important;

8665
}

8666
8667
/* (new77) USERSTYLES - === */

8668
.pagination a:hover ,

8669
body[pagetype="ListingPage"] .pagination a:hover {

8670
    padding: 0 3px !important;

8671
}

8672
8673
/* ==== EDIT PAGE ==== */

8674
8675
/* (new118)USERSTYLES - INFOS - Textarea Input === */

8676
.PageContent  form[action="/styles/update"] {

8677
    min-width: 940px !important;

8678
    max-width: 940px !important;

8679
margin-left: 20% !important;

8680
/* padding-left: 300px !important; */

8681
background: #222 !important;

8682
}

8683
.PageContent  form[action="/styles/update"] .form-controls{

8684
    min-width: 840px !important;

8685
    max-width: 940px !important;

8686
margin-left: 0% !important;

8687
padding-left: 5px !important;

8688
/* background: blue !important; */

8689
}

8690
.PageContent  form[action="/styles/update"] .form-controls>div>a ,

8691
.PageContent  form[action="/styles/update"] .form-controls textarea#css ,

8692
.PageContent  form[action="/styles/update"] .form-controls .field_with_errors textarea#style_additional_info ,

8693
.PageContent  form[action="/styles/update"] .form-controls textarea#style_long_description{

8694
    min-width: 800px !important;

8695
    max-width: 900px !important;

8696
margin-left: 2% !important;

8697
}

8698
8699
8700
.PageContent .form-controls>table ,

8701
.PageContent .form-controls>table tbody {

8702
display: inline-block !important;

8703-
margin-top: -22px ;

8703+
8704
    min-width: 920px !important;

8705
    max-width: 920px !important;

8706
margin-left: 0% !important;

8707
/* paddng-left: 300px !important; */

8708-
/* (new118)USERSTYLES - EDIT - LABELS - === */

8708+
/* background: aqua !important; */

8709
}

8710
8711
8712
8713
.PageContent .form-controls>table tbody tr td,

8714
.PageContent .form-controls>table tbody tr {

8715
display: inline-block !important;

8716
    width: 100% !important;

8717-
/* (new118)USERSTYLES - EDIT - ADDIT SCREENSHOT - ZEBBRA - === */

8717+
    min-width: 840px !important;

8718-
.form-controls>table>tbody>tr:nth-child(odd) {

8718+
    max-width: 840px !important;

8719
margin-left: 5% !important;

8720-
    min-width: 900px ! important;

8720+
8721
/* background: tan !important; */

8722-
    padding: 10px 50px 20px 50px ! important;

8722+
8723
8724-
.form-controls>table>tbody>tr:nth-child(even) {

8724+
.PageContent .form-controls>table tbody tr td {

8725
margin-left: 0% !important;

8726-
    background: #0B0909 ! important;

8726+
padding: 0px !important;

8727-
    padding: 10px 50px 20px 50px ! important;

8727+
8728-
    min-width: 900px ! important;

8728+
8729
.PageContent .form-controls>table tbody tr td img {

8730
display: inline-block !important;

8731-
/* (new118)USERSTYLES - EDIT - ADDIT SCREENSHOT - === */

8731+
8732-
.form-controls>table>tbody>tr>td:nth-child(4) {

8732+
    min-width: 420px !important;

8733
    max-width: 420px !important;

8734
margin-left: 0% !important;

8735-
    left: -2% !important;

8735+
padding: 0px !important;

8736-
    top: 20px ! important;

8736+
/* background: tan !important; */

8737-
    margin-bottom: 60px ! important;

8737+
8738
8739
/* (new118)USERSTYLES - INFOS - SHORT DESC - === */

8740-
.form-controls>table>tbody>tr>td:nth-child(4) img {

8740+
8741
    min-width: 200px!important;

8742
    resize: both !important;

8743
    overflow:auto !important;

8744-
    left: -2% !important;

8744+
8745-
    top: 20px ! important;

8745+
8746-
    margin-bottom: 60px ! important;

8746+
8747
    box-shadow: 0 0 4px #999999 !important;

8748
    height: auto;

8749
    margin-left: 200px !important;

8750-
/* (new118)USERSTYLES - EDIT - ADD A NEW SCREENSHOT - === */

8750+
8751-
.form-controls>table>tbody>tr:last-of-type:before {

8751+
8752-
    content: "Add a NEW Screenshot : " ;

8752+
8753
    margin-left: -169px !important;

8754
}

8755
/* (new118)USERSTYLES - INFOS - ScreenShots (PreView) - Additional === */

8756
.form-controls>tbody>tr>td>table>tbody>tr>td>img{

8757
    box-shadow: 0 0 4px #999999 !important;

8758
    height: auto;

8759
    max-width: 900px !important;

8760
}

8761
/* (new118)USERSTYLES - INFOS - ScreenShots - Additional (Table) === */

8762
.form-controls>tbody>tr>td>table{

8763
    margin-left: -149px !important;

8764
}

8765
8766
/* (new118)USERSTYLES - EDIT - EDIT - MAIN CONT - === */

8767
#main-article>form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {

8768
    position: absolute !important;

8769
    display: inline-block !important;

8770
    max-width: 800px !important;

8771
    margin-top: 35px ! important;

8772
    margin-left: 5% ! important;

8773
}

8774
8775
/* (new118)USERSTYLES - EDIT - EDIT - WIDGET - === */

8776
#main-article>form[action="/help/widget"] {

8777
    position: relative !important;

8778
    display: table !important;

8779
    min-width: 910px !important;

8780
    max-width: 910px !important;

8781
    margin-top: 3px ! important;

8782
    margin-left: -3px ! important;

8783
    background: #222 !important;

8784
}

8785
8786
#main-article>form[action="/help/widget"] .form-controls {

8787
    min-width: 910px !important;

8788
    max-width: 910px !important;

8789
}

8790
#main-article>form[action="/help/widget"] .form-controls tbody tr {

8791
    display: inline-block !important;

8792
    width: 100% !important;

8793
    min-width: 910px !important;

8794
    max-width: 910px !important;

8795
    margin-bottom: 0px !important;

8796
    text-align: center !important;

8797
}

8798
#main-article>form[action="/help/widget"] .form-controls tbody tr td ,

8799
#main-article>form[action="/help/widget"] .form-controls tbody tr th {

8800
    display: inline-block !important;

8801
    min-width: 870px !important;

8802
    max-width: 870px !important;

8803
    padding: 0 !important;

8804
    text-align: center !important;

8805
}

8806
8807
/* (new118)USERSTYLES - EDIT - DELETE STYLE PAGE - === */

8808
#main-article>form[action="/styles/delete_save"] {

8809
    position: absolute !important;

8810
    display: inline-block !important;

8811
    max-width: 800px !important;

8812
    min-height: 400px !important;

8813
    margin-top: 100px !important;

8814
    margin-left: -55% !important

8815
}

8816
#main-article>form[action="/styles/delete_save"] .form-controls > tbody >tr:first-of-type>td textarea {

8817
    min-height: 400px !important;

8818
}

8819
8820
8821
/* (new118)USERSTYLES - EDIT - STY NAME INPUT - === */

8822
article#main-article form .form-controls input#style_short_description {

8823
    width: 600px !important;

8824
}

8825
/* (new118)USERSTYLES - EDIT - SCREENSHOTS NAME/UPLOAD FOLDER/BUTTON INPUT - === */

8826
article#main-article form .form-controls table tbody tr td:not(:last-of-type) {

8827
    display: block !important;

8828
    position: relative !important;

8829
    width: auto !important;

8830
}

8831
.form-controls>table>tbody>tr>td:first-of-type>input {

8832
    width: 462px !important;

8833
}

8834
.form-controls>table>tbody>tr>td:nth-child(2)>input {

8835
    width: 465px !important;

8836
}

8837
/* (new118)USERSTYLES - EDIT - CHECK BOX (REMOVE/CHANGE) - === */

8838
.form-controls>table>tbody>tr>td:nth-child(3)>input {

8839
    position: absolute !important;

8840
    top: -20px !important;

8841
}

8842
.form-controls>table>tbody>tr>td:nth-child(3):after {

8843
    position: absolute ;

8844
    display: inline-block ;

8845
    content: "Remove / Change" ;

8846
    width: 200px ;

8847
    height: 15px ;

8848
margin-top: -32px ;

8849
    margin-left: 45px ;

8850
    font-size: 15px ;

8851
    color: red ;

8852
}

8853
/* (new125)USERSTYLES - EDIT - LABELS - === */

8854
.form-controls>label {

8855
    color: gold ! important;

8856
}

8857
/* (new118)USERSTYLES - EDIT - SCREENSHOTS - TITLES SECT - === */

8858
.form-controls>table>thead>tr {

8859
    display: none ! important;

8860
}

8861
8862
8863
8864
/* [[1]==== END ==== */

8865
8866
/* ==== NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT - === */

8867
.listing-left-info {

8868
    position: absolute !important;

8869
    display: inline-block !important;

8870
    float: none !important;

8871
    min-height: 100px;

8872
    width: 100% !important;

8873
}

8874
8875
/* NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN - === */

8876
.style-brief:nth-child(odd) {

8877
    background: #222222 !important;

8878
}

8879
8880
/* (new96) NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN - 

8881
CF user USerstles Pages:

8882
https://userstyles.org/users/275816

8883
===

8884
PB - SEARCH (BIG) :

8885
http://userstyles.org/styles/browse/facebook?page=2&per_page=100

8886
#social ~article.style-brief:nth-child( 4n + 2 )

8887
=== */

8888
.style-brief {

8889
    position: relative ! important;

8890
    display: inline-block ! important;

8891
    width: 32.72% !important;

8892
    height: 163px ! important;

8893
    right: 0% ! important;

8894
    margin-top: 6px !important;

8895
    margin-bottom: 0px !important;

8896
    border-radius: 5px !important;

8897
    box-shadow: 6px 5px 6px black !important;

8898
    border: 1px solid gray ! important;

8899
    overflow: hidden ! important;

8900
}

8901
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4),

8902
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) {

8903
    position: relative ! important;

8904
    display: inline-block ! important;

8905
    float: left !important;

8906
    width: 49.6% !important;

8907
    height: 224px ! important;

8908
    right: 7.7% ! important;

8909
    margin-top: 6px !important;

8910
    margin-bottom: 0px !important;

8911
    border-radius: 5px !important;

8912
    box-shadow: 6px 5px 6px black !important;

8913
    border: 1px solid gray ! important;

8914
    overflow: hidden ! important;

8915
}

8916
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text ,

8917
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text  {

8918
    left: 180px;

8919
}

8920
8921
8922
/* NOT LOGGED - STYLES INFOS */

8923
.style-brief-text {

8924
    position: absolute !important;

8925
    display: inline-block !important;

8926
    float: none !important;

8927
    height: 150px ! important;

8928
    width: 100% !important;

8929
    max-width: 67% !important;

8930
    margin-left: 10% !important;

8931
    left: 119px;

8932
    top: 2px !important;

8933
}

8934
8935
/* (new84) NOT LOGGED - TEXT DESCRIPTION - ALL and ODD/EVEN - === */

8936
.style-brief-control-links:before {

8937
    content: "⏪ " !important;

8938
    position: absolute !important;

8939
    width: 20px !important;

8940
    height: 17px !important;

8941
    line-height: 17px !important;

8942
    left: -10px;

8943
    color: gold !important;

8944
    background: green !important;

8945
    z-index: 500 ;

8946
}

8947
.style-brief-control-links:hover:before {

8948
    content: "⏩ " !important;

8949
    position: absolute !important;

8950
    width: 20px ;

8951
    left: -20px;

8952
    color: white  !important;

8953
    text-align: center ;

8954
    z-index: 500 ;

8955
}

8956
.style-brief-control-links {

8957
    position: absolute !important;

8958
    padding-top: 0 !important;

8959
    width: 10px !important;

8960
    right: -12px;

8961
    top: 22px;

8962
    color: peru !important;

8963
    white-space: nowrap !important;

8964
    z-index: 500 ;

8965
}

8966
.style-brief-control-links:hover {

8967
width: auto !important;

8968
    right: 0px;

8969
    color: peru !important;

8970
    background: green !important;

8971
    z-index: 500 ;

8972
}

8973
.style-brief-control-links a:hover {

8974
    color: tomato !important;

8975
    background: black !important;

8976
}

8977
.style-brief-text>p::first-line {

8978
    color: red !important;

8979
}

8980
.style-brief-text>p {

8981
    position: absolute !important;

8982
    display: inline-block !important;

8983
    width: 81.5% !important;

8984
    height: 115px !important;

8985
    left: 87px;

8986
    top: 25px !important;

8987
    margin: 0 auto !important;

8988
    padding: 0 5px !important;

8989
    overflow: hidden !important;

8990
    overflow-y: auto !important;

8991
    white-space: pre-line !important;

8992
}

8993
8994
/* (new84) NOT LOGGED - TEXT DESCRIPTION - BIG - === */

8995
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text > p ,

8996
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text > p  {

8997
    width: 90.5% !important;

8998
    height: 178px !important;

8999
    left: 37px;

9000
    top: 24px !important;

9001
    padding: 0 5px !important;

9002
    overflow: hidden !important;

9003
    overflow-y: auto !important;

9004
}

9005
9006
/* NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) - 

9007
.style-brief-text > header > a:link 

9008
=== */

9009
.style-brief header {

9010
    font-size: 0.89vw !important;

9011
    position: absolute !important;

9012
    display: inline-block ! important;

9013
    width: 150% !important;

9014
    height: 100% !important;

9015
    min-height: 25px ! important;

9016
    max-height: 25px ! important;

9017
    line-height: 25px !important;

9018
    top: -3px !important;

9019
    left: -49.5% !important;

9020
    padding-bottom: 0px ! important;

9021
    overflow: hidden !important;

9022
    white-space: nowrap !important;

9023
    text-overflow: ellipsis !important;

9024
    text-align: center !important;

9025
}

9026
.style-brief-text > header > a:link  {

9027
    position: relative !important;

9028
    display: inline-block ! important;

9029
    width: 100% !important;

9030
    left: 0px!important;

9031
    overflow: hidden !important;

9032
    white-space: nowrap !important;

9033
    text-overflow: ellipsis !important;

9034
    background: black !important;

9035
}

9036
/* NOT LOGGED - STYLES NAME - BIG - === */

9037
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) header ,

9038
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) header {

9039
    font-size: 1.1vw !important;

9040
}

9041
9042
/* NOT LOGGED - STATS */

9043
.style-brief-stats {

9044
    position: absolute !important;

9045
    display: inline-block !important;

9046
    float: right!important;

9047
    height: 16px !important;

9048
    line-height: 16px !important;

9049
    width: 100% !important;

9050
    right: 0px !important;

9051
    left: 0%! important;

9052
    bottom: -12px !important;

9053
    padding: 2px 0 2px 12px !important;

9054
    text-align: left !important;

9055
    background: black ! important;

9056
}

9057
.style-brief-stats span {

9058
    display: inline !important;

9059
    min-width: 16em;

9060
    width: auto !important;

9061
    border: 1px solid gray !important;

9062
    margin-right: 10px !important;

9063
    margin-left: 10px !important;

9064
    padding: 1px !important;

9065
    color: tan !important;

9066
}

9067
9068
/* NOT LOGGED - RATING AVERAGE - SMALL - ICON css OR SPRITE - === */

9069
.style-brief-text .style-brief-stats span:last-child {

9070
    position: absolute !important;

9071
    left: -5px !important;

9072
    min-width: 10px !important;

9073
    max-width: 10px !important;

9074
    min-height: 16px !important;

9075
    max-height: 16px !important;

9076
    line-height: 16px !important;

9077
    padding: 0 3px 0 15px !important;

9078
    border: none !important;

9079
    cursor: pointer !important;

9080
    font-size: 0 !important;

9081
}

9082
9083
.style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {

9084
    content: ". " ;

9085
    position: absolute ;

9086
    display: inline-block ;

9087
    left: 0 ;

9088
    min-width: 19px ;

9089
    max-width: 19px ;

9090
    min-height: 14px ;

9091
    max-height: 15px ;

9092
    line-height: 15px ;

9093
    margin-top: -1px ;

9094
    font-size: 15px ;

9095
    color: transparent ;

9096
    background-image:url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);

9097
    background-position:-101px -457px ;

9098
}

9099
.style-brief-text .style-brief-stats span:hover:last-child {

9100
    position: absolute !important;

9101
    min-width: 100% !important;

9102
    height: 15px !important;

9103
    line-height: 15px !important;

9104
    font-size: 11px !important;

9105
    color: gold !important;

9106
    background: black !important;

9107
}

9108
/* (new86) ICON RATING - GOOD / BAD - === */

9109
.style-brief-stats .bad-average-rating {

9110
    position: absolute !important;

9111
    left: -2px !important;

9112
    top: 2px !important;

9113
}

9114
.style-brief.good-rating .style-brief-stats img {

9115
    position: absolute !important;

9116
    left: -2px !important;

9117
}

9118
/* NOT LOGGED - RATING AVERAGE - BIG - === */

9119
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-stats ,

9120
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-stats {

9121
    position: absolute !important;

9122
    display: inline-block !important;

9123
    float: left !important;

9124
    width: auto !important;

9125
    left: 4px !important;

9126
    bottom: -72px !important;

9127
    right: 0 !important;

9128
    padding: 2px 0 0 4% !important;

9129
    font-size: smaller !important;

9130
    text-align: left !important;

9131
    background: black !important;

9132
}

9133
9134
/* (new84) NOT LOGGED - STYLES SCREENSHOT - ALL - === */

9135
.style-brief .listing-left-info figure.screenshot-thumbnail {

9136
    position: relative !important;

9137
    display: inline-block ! important;

9138
    vertical-align: top ! important;

9139
    margin-top: 28px  ! important;

9140
    margin-bottom: 0 ! important;

9141
    width: 42% !important;

9142
    height: 265px;

9143
    max-height: 130px !important;

9144
    min-height: 130px !important;

9145
    overflow-y: hidden ! important;

9146
    text-align: center ! important;

9147
}

9148
/* to prevent small screenshots became too bigger */ 

9149
 .style-brief .listing-left-info figure.screenshot-thumbnail img {

9150
    position: relative !important;

9151
    display: inline-block !important;

9152
    max-width: 77% !important;

9153
    max-height: 128px !important;

9154
    border: 1px dotted gray !important;

9155
}

9156
9157
/* NOT LOGGED - SCREENSHOT - BIG - === */

9158
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .listing-left-info figure.screenshot-thumbnail ,

9159
#content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .listing-left-info figure.screenshot-thumbnail {

9160
    position: relative !important;

9161
    display: inline-block !important;

9162
    vertical-align: middle !important;

9163
    max-height: 195px !important;

9164
    min-height: 195px !important;

9165
    width: 36.5% !important;

9166
    margin-top: 25px !important;

9167
    margin-left: 0.3% !important;

9168
    text-align: center !important;

9169
    overflow-y: hidden !important;

9170
}

9171
9172
/* NOT LOGGED - NO SCREENSHOT - === */

9173
.style-brief .listing-no-screenshot {

9174
    width: 30% !important;

9175
    margin: 27px 0 0 3px !important;

9176
}

9177
.listing-no-screenshot {

9178
    width: 70% !important;

9179
    height: 110px !important;

9180
    background-color: black !important;

9181
}

9182
9183
/* GM "AUTOPAGERIZE" - GENERAL - OK - === */

9184
.autopagerize_page_info {

9185
    text-align: center !important;

9186
    font-size: 8px !important;

9187
    color: white !important;

9188
    background: #222 !important;

9189
}

9190
.autopagerize_page_info a {

9191
    display: inline-block !important;

9192
    min-width: 20px !important;

9193
    height: 20px !important;

9194
    line-height: 20px !important;

9195
    margin-top: 3px !important;

9196
    border-radius: 100% !important;

9197
    text-align: center !important;

9198
    font-size: 14px !important;

9199
    color: white !important;

9200
    background: red !important;

9201
}

9202
9203
/* GM "AUTOPAGERIZE" - 2 FIRST USERSTYLES by PAGE - DISABLE */

9204
/* GM "AUTOPAGERIZE - DISABLE  */

9205
.autopagerize_page_info ~ article.style-brief  {

9206
    position: relative ! important;

9207
    display: inline-block ! important;

9208
    width: 32.72% !important;

9209
    height: 163px ! important;

9210
    right: 7.5% ! important;

9211
    margin-top: 6px !important;

9212
    margin-bottom: 0px !important;

9213
    border-radius: 5px !important;

9214
    box-shadow: 6px 5px 6px black !important;

9215
    border: 1px solid gray ! important;

9216
    overflow: hidden ! important;

9217
}

9218
9219
/* TEST - GM "AUTOPAGERIZE" ADAPTATION  - === */

9220
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator {

9221
    display: inline-block !important;

9222
    clear: both;

9223
    width: 100% !important;

9224
    top: 5px !important;

9225
    margin-left: -75px !important;

9226
    margin-bottom: -15px !important;

9227
}

9228
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_info {

9229
    width: 100% !important;

9230
    margin-left: -145px !important;

9231
    top: 5px !important;

9232
    color: white !important;

9233
    font-size: 8px !important;

9234
    text-align: center !important;

9235
    background: #222  !important;

9236
}

9237
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .listing-left-info figure.screenshot-thumbnail {

9238
    display: inline-block !important;

9239
    height: 265px;

9240
    margin-bottom: 0 !important;

9241
    margin-top: 28px !important;

9242
    max-height: 160px !important;

9243
    min-height: 160px !important;

9244
    overflow-y: hidden !important;

9245
    position: relative !important;

9246
    text-align: left !important;

9247
    vertical-align: top !important;

9248
    width: 42% !important;

9249
}

9250
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text {

9251
    display: inline-block !important;

9252
    float: right !important;

9253
    height: 150px !important;

9254
    margin-left: 10% !important;

9255
    max-width: 67% !important;

9256
    position: relative !important;

9257
    top: 2px !important;

9258
    width: 100% !important;

9259
}

9260
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text > header > a:link {

9261
    background: black none repeat scroll 0 0 !important;

9262
    display: inline-block !important;

9263
    left: 0 !important;

9264
    overflow: hidden !important;

9265
    position: relative !important;

9266
    text-overflow: ellipsis !important;

9267
    white-space: nowrap !important;

9268
    width: 100% !important;

9269
}

9270
#content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-stats {

9271
margin-bottom: 61px !important;

9272
    background: black !important;

9273
    bottom: -12px !important;

9274
    display: inline-block !important;

9275
    float: right !important;

9276
    height: 16px !important;

9277
    left: 0 !important;

9278
    line-height: 16px !important;

9279
    padding: 2px 0 2px 12px !important;

9280
    position: absolute !important;

9281
    right: 0 !important;

9282
    text-align: left !important;

9283
    width: 100% !important;

9284
}

9285
/* GM "AUTOPAGERIZE - 2 USERTYLES BY ROW - ENABLE OK  */

9286
#content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text .style-brief-stats {

9287
    position: absolute !important;

9288
    display: inline-block !important;

9289
    float: left !important;

9290
    width: auto !important;

9291
    left: 0px !important;

9292
    bottom: -132px !important;

9293
    padding: 2px 0 0 4% !important;

9294
    font-size: smaller !important;

9295
    text-align: left !important;

9296
    background: black !important;

9297
}

9298
#content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > p {

9299
    position: relative !important;

9300
    display: inline-block !important;

9301
    width: 97% !important;

9302
    min-height: 185px !important;

9303
    max-height: 185px !important;

9304
    top: 12px !important;

9305
    overflow-x: hidden !important;

9306
    overflow-y: auto !important;

9307
    padding: 0 5px !important;

9308
}

9309
9310
9311
/* [[2]==== END ==== */

9312
9313
9314
/* [[1]] +[[2]==== END ==== */

9315
9316
9317
/* ======== NEW FORUM ==== */

9318
9319
/* USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON - === */

9320
.UserBox .WhoIs, 

9321
.MeBox .WhoIs {

9322
    position: relative !important;

9323
    display: inline-block !important;

9324
    width: 200px !important;

9325
    height: 100px!important;

9326
    padding: 0 5px 2px 0 !important;

9327
    border-radius: 5px !important;

9328
    border: 1px solid gray !important;

9329
    text-align: center !important;

9330
}

9331
/* (new74) With USER ICON */

9332
.MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,

9333
.UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {

9334
    position: relative !important;

9335
    display: inline-block !important;

9336
    width: 196px !important;

9337
    height: 100px!important;

9338
    left: 0px !important;

9339
    margin-top: -50px !important;

9340
    padding: 0 0px 2px 0 !important;

9341
    border-radius: 5px !important;

9342
    border: 1px solid gray !important;

9343
    box-shadow: 3px 3px 2px black !important;

9344
    text-align: center !important;

9345
}

9346
.UserBox a.Username:before, 

9347
.MeBox a.Username:before {

9348
    content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;

9349
    position: relative ;

9350
    display: inline-block ;

9351
    width: 157px !important;

9352
    margin-left: 0 !important;

9353
    padding: 0 2px 2px 2px ;

9354
    transform: scale(1.2, 1) ;

9355
    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) ;

9356
    border-radius: 5px 5px 0 0 ;

9357
    text-align: center ;

9358
}

9359
/* (new72) */

9360
.UserBox {

9361
    margin-top: 28px !important;

9362
}

9363
9364
.MeMenu {

9365
    width: 195px !important;

9366
    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;

9367
    line-height: 24px;

9368
    margin-top: 5px ! important;

9369
    margin-bottom: -2px ! important;

9370
    border-radius: 0 0 5px 5px !important;

9371
}

9372
.FlyoutMenu {

9373
    width: 300px;

9374
    border: 1px solid #999;

9375
    color: gray !important;

9376
    box-shadow: 3px 3px 2px black !important;

9377
    background: #222 !important;

9378
}

9379
.PopList.Activities li.Item:nth-child(odd){

9380
    background: #333 !important;

9381
}

9382
9383
.FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"] ,

9384
.FlyoutMenu  .ItemContent.Activity>a + a {

9385
    display: inline-block;

9386
    width: 100% !important;

9387
    text-align: left !important;

9388
}

9389
.FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"]{

9390
    text-indent: 25px !important;

9391
}

9392
9393
/* ALL HEADER - BACKGOUND COLOR - === */

9394
#Head {

9395
    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;

9396
}

9397
9398
/* TEST - FOR TS CITRUS - FORUM HEADER + FORUM EDIT POST - SAME WIDTH THAN THE PUBLIED POST - ADPT for GM - GREASY FORK TABLE VIEW - === */

9399
#Form_Body  {

9400
    display: inline-block ! important;

9401
    height: 133px;

9402
    max-width: 660px !important;

9403
    min-width: 660px !important;

9404
    overflow: hidden;

9405
}

9406
/* (new79) */

9407
body > #Frame > .Head {

9408
    position: fixed !important;

9409
    width: 100% !important;

9410
    max-height: 41px ! important;

9411
    min-height: 41px !important;

9412
    top: 0px !important;

9413
    padding-top: 7px ! important;

9414
    border-bottom: 1px solid #828182 !important;

9415
    box-shadow: 0 0 9px 0 #000000 !important;

9416
    z-index: 50 !important;

9417
}

9418
9419
9420
/* FOR TS CITRUS - SITE TITLE " GREASY FORUM" + ICON - = */

9421
.SiteTitle {

9422
    position: relative!important;

9423
    display: inline-block !important;

9424
    top: -5px !important;

9425
    font-size: 24px ! important;

9426
}

9427
/* FORUM USERSTYLE TITLE */

9428
#Head .SiteTitle a {

9429
    position: relative !important;

9430
    display: inline-block!important;

9431
    min-width: 250px !important;

9432
    max-width: 250px !important;

9433
    margin-left: -105px ! important;

9434
    text-align: right ! important;

9435
    font-size: 19px !important;

9436
}

9437
.SiteTitle>a img  {

9438
    position: absolute ! important;

9439
    max-height: 40px !important;

9440
    width: 40px !important;

9441
    margin-left: -60px ! important;

9442
    margin-top: -5px !important;

9443
}

9444
9445
/* TEST - SITE MENU - FOR GM TS CITRUS - === */

9446
#Head a {

9447
    font-weight: bold ! important;

9448
}

9449
.SiteMenu a {

9450
    font-size: 14px ! important;

9451
    padding: 6px;

9452
}

9453
9454
/* (new90) SEARCH - FOR/WITHOUT GM TS CITRUS - === */

9455
#Head .SiteSearch {

9456
    float: right !important;

9457
    margin-top: -5px !important;

9458
    margin-right: 6.5% !important;

9459
}

9460
.MeBox + .SiteSearch {

9461
    margin-top: 25px !important;

9462
}

9463
.SiteSearch>form {

9464
    height: 21px !important;

9465
}

9466
.SiteSearch>form  div {

9467
    height: 21px !important;

9468
}

9469
9470
.SiteSearch>form  div .InputBox {

9471
    height: 21px !important;

9472
    font-size: 11px;

9473
    padding: 2px 25px 2px 5px!important;

9474
}

9475
.SiteSearch>form  div input.Button {

9476
    height: 15px !important;

9477
}

9478
9479
/* GREASYFORK / USERSTYLES - FORUM - CF at end : URL-PREF USERSTYLES FORUM - === */

9480
#Body {

9481
    max-width: 980px !important;

9482
    padding: 14px 0 0 10px !important;

9483
    margin: 14px auto auto;

9484
    border: 1px solid #bbbbbb !important;

9485
    border-radius: 0 !important;

9486
    box-shadow: none !important;

9487
    background-color: transparent !important;

9488
}

9489
#Head + #Body {

9490
    margin-top: 61px !important;

9491
}

9492
9493
/* new79) - USERSTYLES */

9494
#Body .Row {

9495
    display: inline-block !important;

9496
    width: 960px !important;

9497
    margin-top: 24px !important;

9498
}

9499
9500
/* (new109) GREASYFORK OK - VOIR FORUM USERSTYLES */

9501
.DiscussionAboutShowDiscussion  {

9502
    position: fixed !important;

9503
    display: inline-block !important;

9504
    height: 34px !important;

9505
    line-height: 15px !important;

9506
    max-width: 206px !important;

9507
    min-width: 206px !important;

9508
    top: 53px !important;

9509
    left: 24.5% !important;

9510
    padding: 2px 5px !important;

9511
    border-radius: 0 0 0 5px !important;

9512
    color: gold ! important;

9513
    text-align: left !important;

9514
    white-space: nowrap ! important;

9515
    overflow: hidden !important;

9516
    text-overflow: ellipsis !important;

9517
    z-index: 500 !important;

9518
    background-color: #222 !important;

9519
}

9520
.DiscussionAboutShowDiscussion + img {

9521
    position: fixed!important;

9522
    display: inline-block !important;

9523
    margin-left: -25px !important;

9524
    top: 56px !important;

9525
    z-index: 500 !important;

9526
}

9527
.DiscussionAboutShowDiscussion + img.rating-image {

9528
    position: fixed!important;

9529
    display: inline-block !important;

9530
    margin-left: -45px !important;

9531
    top: 75px !important;

9532
    z-index: 500 !important;

9533
}

9534
/* (new118) GREASYFORK / USERTYLES FORUM - PANEL LEFT - ALL - VOIR PB GREASYFORK: ABOUT SCRIPT / POPUP NOTIFICATION MENU - USER WITHOUT ICON - === */

9535
#Panel.Column.PanelColumn {

9536
    position: fixed !important;

9537
    display: inline-block !important;

9538
    float: left !important;

9539
    width: 200px;

9540
    margin-top: 90px !important;

9541
    top: 0px !important;

9542
    z-index: 100 !important;

9543
border-top: 1px solid red !important;

9544
}

9545
#Panel.Column.PanelColumn .MeBox {

9546
    position: relative !important;

9547
    display: inline-block !important;

9548
    width: 198px ! important;

9549
    margin-top: -30px !important;

9550
    bottom: -32px !important;

9551
    padding: 0 !important;

9552
    box-shadow: none !important;

9553
    background-color: #222 !important;

9554
}

9555
9556
.Profile .MeBox {

9557
    display: none !important;

9558
}

9559
.Profile .Box.GuestBox {

9560
    position: relative ;

9561
/*     margin-top: -13px; */

9562
    top: -407px !important;

9563
padding: 0 3px !important;

9564
background: black !important;

9565
}

9566
9567
.BoxFilter.BoxDiscussionFilter ,

9568
.SiteSearch {

9569
    box-shadow: 3px 3px 2px black !important;

9570
}

9571
#vanilla_post_discussion .SiteSearch ,

9572
#vanilla_post_editdiscussion .SiteSearch {

9573
    top: 27px;

9574
}

9575
9576
.UserBox .Username, 

9577
.MeBox .Username {

9578
    color: peru !important;

9579
    font-size: 23px ! important;

9580
    font-weight: bold;

9581
    vertical-align: top;

9582
    text-shadow: 2px 2px 3px #000;

9583
}

9584
/* (new72) == #Panel.Column.PanelColumn .MeBox +   */

9585
.Button.BigButton.NewConversation.Primary {

9586
    margin-top: 28px !important;

9587
}

9588
9589
9590
/* (new76) Forum Userstyles - LEFT PANEL - BOX FILTER - 

9591
WIth AVATAR :

9592
https://greasyfork.org/fr/forum/profile/323/wOxxOm

9593
NO AVATAR:

9594
https://greasyfork.org/fr/forum/profile/2694/zeus007

9595
=== */

9596
#Panel .FilterMenu, 

9597
#Panel .PanelCategories {

9598
    background-color: #222 !important;

9599
    border: 1px solid #bbbbbb !important;

9600
    border-radius: 5px !important;

9601
    box-shadow: 3px 3px 2px black !important;

9602
}

9603
9604
.Box.BoxCategories ,

9605
#Panel .BoxFilter {

9606
    margin: 10px 0;

9607
}

9608
.Column.PanelColumn .MeBox +  .BoxFilter.BoxProfileFilter  {

9609
    margin-top: 65px !important;

9610
}

9611
9612
9613
/* (new104) DISSCUSSION COMMMENTS -  (+ TEST GREASY FORK)- 

9614
USERSTYLES FORUM ??:

9615
#vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0

9616
=== */

9617
/* (new104) GREASYFORK */

9618
#Item_0 {

9619
    position: fixed !important;

9620
    display: inline-block !important;

9621
    width: 100% !important;

9622
    min-width: 28px !important;

9623
    max-width: 28px !important;

9624
    height: 37px !important;

9625
    vertical-align: top !important;

9626
    top: 53px ;

9627
    left: 35.8% !important;

9628
    color: gold !important;

9629
    color: white !important;

9630
    text-align: center !important;

9631
    background-color: black !important;

9632
    z-index: 0 !important;

9633
}

9634
.ToggleFlyout.OptionsMenu {

9635
    display: inline-block !important;

9636
    height: 14px;

9637
    width: 28px !important;

9638
    left: -15px !important;

9639
    margin-right: -23px !important;

9640
    top: -9px;

9641
z-index: 500 !important;

9642
}

9643
#Item_0 .ToggleFlyout.OptionsMenu {

9644
    display: inline-block !important;

9645
    height: 14px;

9646
    width: 28px !important;

9647
    left: -45px !important;

9648
    margin-right: -23px !important;

9649
    top: -9px;

9650
}

9651
.Flyout::before ,

9652
.Flyout::after {

9653
    display: none !important;

9654
/* display: inline-block!important; */

9655
}

9656
9657
/* (new107) - GREASYFORUM - NEW FORUM - EDIT COMMENT -  MARKDOWN NAV BAR -  

9658
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown .editor-insert-dialog .file-title

9659
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout.MenuItems.editor-file-image .file-title

9660
=== */

9661
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout ,

9662
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog  {

9663
    visibility: hidden !important;

9664
}

9665
9666
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout.MenuItems.editor-file-image {

9667
display: none !important;

9668
    visibility: hidden !important;

9669
/*     background: tomato !important; */

9670
}

9671
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image{

9672
    display: inline-block !important;

9673
    width: 320px !important;

9674
    min-height: 100px !important;

9675
    max-height: 100px !important;

9676
    visibility: visible !important;

9677
    background: #333 !important;

9678
}

9679
9680
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image .file-title {

9681
    display: inline-block !important;

9682
height: 70px !important;

9683
    width: 316px !important;

9684
    font-weight: 700;

9685
    padding: 2px !important;

9686
    visibility:visible !important;

9687
    background: black !important;

9688
}

9689
9690
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image   .image-input ,

9691
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image  .file-input{

9692
    position: absolute !important;

9693
    display: inline-block !important;

9694
height: 100px !important;

9695
    width: 296px !important;

9696
    top: 0 !important;

9697
    padding: 2px !important;

9698
    visibility:visible !important;

9699
/* background: yellow !important; */

9700
}

9701
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image   .image-input  .InputBox.editor-input-image ,

9702
.editor-file-image .file-input input[type="file"] {

9703
    position: absolute !important;

9704
    display: inline-block !important;

9705
    top: 30px !important;

9706
    visibility: visible;

9707
}

9708
9709
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image {

9710
    height: 80px !important;

9711
/* border: 1px solid red !important; */

9712
}

9713
.MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open  .editor-insert-dialog.Flyout.MenuItems {

9714
/* border: 1px solid green !important; */

9715
}

9716
9717
9718
/* (new116) USERTYLES / GREASEMONKEY OK:

9719
#vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0

9720
*/

9721
.MessageList.Discussion {

9722
    margin-top: 42px;

9723
}

9724
/* (new116) */

9725
.MessageList.Discussion #Item_0.PageTitle h1 ,

9726
.Discussion .PageTitle h1 {

9727
    position: fixed !important;

9728
    display: inline-block !important;

9729
    height: 37px !important;

9730
    line-height: 18px!important;

9731
    width: 38.4% !important;

9732
    min-width: 705px !important;

9733
    top: 48px !important;

9734
    right: 24.4% !important;

9735
    font-size: 15px !important;

9736
background-color: black !important;

9737
z-index: 5000 !important;

9738
}

9739
/* (new119) GREASYFORK/ USERSTYLES FORUM */

9740
.MessageList.Discussion #Item_0.PageTitle h1 ,

9741
.Discussion.comment.Section-Discussion .Discussion  h1  ,

9742
.Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {

9743
    position: fixed !important;

9744
    display: inline-block !important;

9745
    height: 38px !important;

9746
    line-height: 18px!important;

9747
    min-width: 720px !important;

9748
    max-width: 720px !important;

9749
    top: 48px !important;

9750
    right: 24.8% !important;

9751
    padding-left: 30px !important;

9752
    font-size: 15px !important;

9753
    text-align: left !important;

9754
z-index: 0 !important;

9755
/* outline: 1px solid violet !important; */

9756
}

9757
9758
/* (new119) PB USERSTYLE - DISC LAST PAGE z-index*/

9759
.MessageList.Discussion .PageTitle .Options {

9760
    display: inline-block !important;

9761
    height: 33px !important;

9762
    z-index: 5000  !important;

9763
}

9764
.MessageList.Discussion .PageTitle .Options .Hijack.Bookmark {

9765
    display: inline-block !important;

9766
}

9767
9768
.MessageList.Discussion #Item_0.PageTitle + img.rating-image  {

9769
position: fixed !important;

9770
    display: inline-block !important;

9771
/* float: left !important; */

9772
margin-top: -20px !important;

9773
margin-left: -5px !important;

9774
    z-index: 5000;

9775
/* outline: 1px solid violet !important; */

9776
}

9777
9778
/* (new81) START - MEDIA QUERIE - FORUM USERSTYLES - TITLE - === */

9779
@media screen and (max-width: 1400px) {

9780
#Item_0 {

9781
    left: 28.6% !important;

9782
}

9783
.Discussion .PageTitle h1 {

9784
     width: 725px !important;

9785
    right: 11.7% !important;

9786
}

9787
.Discussion.comment.Section-Discussion .Discussion h1, 

9788
.Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {

9789
    max-width: 720px !important;

9790
    min-width: 720px !important;

9791
    right: 11.9% !important;

9792
}

9793
.DiscussionAboutShowDiscussion {

9794
    left: 11.7% !important;

9795
}

9796
.MessageList.Discussion .PageTitle .Options {

9797
    margin-left: 78px !important;

9798
}

9799
/* === END === MEDIA QUERIE === FORUM USERSTYLES - TITLE - ==== */

9800
}

9801
9802
9803
9804
a.Bookmark, 

9805
a.Bookmarked, 

9806
a.Bookmarking {

9807-
/* (new110) FORUM DISC - TITLE  (from Comments Numbering) - ==== */

9807+
9808
    margin-right: 9px !important;

9809
}

9810
#Item_0.PageTitle .Options .Hijack.Bookmark {

9811
    position: relative;

9812
    display: inline-block;

9813
    margin-top: 1px !important;

9814
    z-index: 5000;

9815
}

9816-
margin-top: -55px !important;

9816+
9817
/* GREASYFORK SPRITE UI : 

9818
https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png 

9819
=== */

9820
.Hijack.Bookmark[title="Bookmark"] {

9821
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0) !important;

9822
}

9823
.Hijack.Bookmark.Bookmarked  {

9824
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0) !important;

9825
}

9826
9827
/* (new62) BOOKMARKS LIST*/

9828
.ItemDiscussion span.Options a.Hijack.Bookmark {

9829
    position: relative !important;

9830
    display: inline-block !important;

9831
    left: 37px !important;

9832
    top: -6px !important;

9833
}

9834
.ItemDiscussion span.Options .ToggleFlyout.OptionsMenu +  a.Hijack.Bookmark {

9835
    position: relative !important;

9836
    display: inline-block !important;

9837
    top: -6px !important;

9838
}

9839
.ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {

9840
    background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0) ! important;

9841
}

9842
/*  (new130) PROFILE - NOTIFICATION PAGE */

9843
#dashboard_profile_discussions.Dashboard.Profile.discussions.Section-Profile.js-focus-visible.editor-active .Options .Bookmark {

9844
    position: relative;

9845
    display: inline-block;

9846
    top: 6px !important;

9847
    left: 10px !important;

9848
}

9849
/* (new79) DISCUSSIONS - === */

9850
.MessageList.Discussion .Discussion {

9851
    border: 1px solid gray !important;

9852
    border-top: 1px solid peru !important;

9853
    padding: 10px 15px ! important;

9854
}

9855
9856
.MessageList.DataList.Comments {

9857
    position: relative !important;

9858
    display: inline-block !important;

9859
    width: 100% ;

9860
    border-top: 1px solid gray !important;

9861
    margin-top: 0px !important;

9862
/* z-index: -1 !important; */

9863
}

9864
.MessageList .Item {

9865
/* z-index: 0 !important; */

9866
}

9867
.MessageList .Item:hover {

9868
/* z-index: 1 !important; */

9869
    background-color: black ! important;

9870
}

9871
9872
.MessageList .Item.ItemDiscussion {

9873
    position: relative !important;

9874
    display: inline-block !important;

9875
    width: 94% !important;

9876
    margin-bottom: -17px;

9877
    margin-top: 37px;

9878
    top: 28px;

9879
z-index: -1 !important;

9880
}

9881
9882
9883
#vanilla_discussions_bookmarked .Item:nth-child(odd) ,

9884
#vanilla_discussions_mine .Item:nth-child(odd) ,

9885
#vanilla_discussions_participated .Item:nth-child(odd) ,

9886
.DataList.CategoryList .Item:nth-child(odd) , 

9887
.DataList .ItemDiscussion:nth-child(odd) ,

9888
.Item.ItemComment:nth-child(odd) {

9889
    background-color: #222  ! important;

9890
}

9891
#vanilla_discussions_bookmarked .Item:nth-child(even) ,

9892
#vanilla_discussions_participated .Item:nth-child(even) ,

9893
.DataList.CategoryList .Item:nth-child(even) ,

9894
.DataList .ItemDiscussion:nth-child(even) ,

9895
.Item.ItemComment:nth-child(even) {

9896
    background-color: #414141  ! important;

9897
}

9898
#vanilla_discussions_bookmarked .Item:hover ,

9899
#vanilla_discussions_participated .Item:hover ,

9900
#vanilla_discussions_participated .Item:hover ,

9901
.DataList.CategoryList .Item:hover ,

9902
.DataList .ItemDiscussion:hover ,

9903
.Item.ItemComment:hover {

9904
    box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.7) inset !important;

9905
    background-color: rgba(7, 7, 7, 0.57)! important;

9906
    transition: background ease 0.8s !important;

9907
}

9908
#vanilla_discussions_bookmarked .Item:nth-child(odd):hover ,

9909
#vanilla_discussions_participated .Item:nth-child(odd):hover ,

9910
#vanilla_discussions_participated .Item:nth-child(odd):hover ,

9911
.DataList.CategoryList .Item:nth-child(odd):hover ,

9912
.DataList .ItemDiscussion:nth-child(odd):hover ,

9913
.Item.ItemComment:nth-child(odd):hover {

9914
    background-color: rgba(7, 7, 7, 0.67)! important;

9915
    transition: background ease 0.8s !important;

9916
}

9917
9918
/* (new129) FORUM DISC - TITLE  (from Comments Numbering) - ==== */

9919
.DataList:not(.Activities) .Item .ItemContent .Title {

9920
margin-top: 0px !important;

9921
}

9922
.DataList:not(.Activities) .Item .ItemContent .Title > a {

9923
position: relative !important;

9924
display: inline-block !important;

9925
    width: 665px !important;

9926
/*     margin-left: 22px; */

9927
margin-top: -35px !important;

9928
margin-bottom: -20px !important;

9929
    vertical-align: middle  !important;

9930
    font-size: 14px;

9931
    white-space: nowrap !important;

9932
overflow: hidden !important;

9933
text-overflow: ellipsis !important;

9934
/* outline: 1px solid yellow !important; */

9935
}

9936
9937
/* (new110) - TEST - LAST USER COMMENT */

9938
.MItem.LastCommentBy a {

9939
    display: inline-block;

9940
    height: 18px;

9941
    overflow: hidden;

9942
    text-overflow: ellipsis;

9943
    vertical-align: top;

9944
    width: 140px;

9945
}

9946
9947
/* (new116) GREASYFORK (PB z-index)  cf PB USERSTYLE - DISC LAST PAGE : .BeforeCommentHeading + .DataBox.DataBox-Comments */

9948
.BeforeCommentHeading + .DataBox.DataBox-Comments {

9949
    position: relative !important;

9950
    display: inline-block ;

9951
    margin-top: 42px !important;

9952
    left: 0px;

9953
    z-index: 1 !important;

9954
}

9955
9956
/* DISCUSSION LIST - RATNG ICON */

9957
.DataList .rating-image {

9958
    height: 16px !important;

9959
    line-height: 16px !important;

9960
    margin-top: 3px ;

9961
}

9962
9963
/* DISCUSSION LIST - READ - === */

9964
.DataList .ItemDiscussion.Item.Read {

9965
    background-color: rgba(47, 47, 47, 0.84)  ! important;

9966
}

9967
.Item.Read .BlockTitle a:before ,

9968
.Item.Read .Title a:before {

9969
    content: ">>  " ;

9970
    color: gold ;

9971
}

9972
/* ADD ICON "VIEW" from MOZILLA ADDONS PAGES */

9973
.Bookmarked .Title a::before, 

9974
.Item.Read .Title a::before {

9975
    background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");

9976
    background-position: 3px -650px !important;

9977
    background-repeat: no-repeat;

9978
    color: transparent;

9979
    content: ">> ";

9980
    display: inline-block !important;

9981
    position: relative !important;

9982
    height: 100% !important;

9983
    max-height: 15px !important;

9984
    min-height: 15px !important;

9985
    top: 4px !important;

9986
    margin-right: 3px !important;

9987
    margin-left: -2px !important;

9988
    background-color: rgba(55, 173, 227, 0.4) !important;

9989
}

9990
.DataList .ItemDiscussion {

9991
    border-bottom: 1px solid gray !important;

9992
    padding-left: 22px;

9993
    position: relative;

9994-
/* (new79 GREASYFORK FORUM - DISCUSSION - TOP POSITION - === */

9994+
9995
.MessageList.DataList.Comments .ItemComment ,

9996
.ItemDiscussion {

9997
    display: inline-block !important;

9998
    width: 94% ;

9999
    min-width: 656px;

10000
    margin-top: 37px;

10001
    padding-right: 35px !important;

10002
}

10003
10004
10005-
/* ==== Userstyles.org Review - Style Name in First v.1 ==== */

10005+
10006
    left: 0px !important;

10007
    z-index: 0 !important;

10008
}

10009
/* FORUM DISSCUSSION - ITEMS - MINE - === */

10010
.Item.Bookmarked.Mine.ItemDiscussion {

10011
    border: 1px solid peru !important;

10012
    padding-left: 22px;

10013
    position: relative;

10014
}

10015
.Item.Bookmarked.Mine.ItemDiscussion  .Options {

10016
position: absolute !important;

10017
float: none !important;

10018
    width: 28px !important;

10019
height: 76px !important; 

10020
/*     left: -15px !important; */

10021
right: 0px !important;

10022
top: 0 !important;

10023
/*     padding-left: 22px; */

10024
z-index: 500 !important;

10025-
/* GOOD RATING - OK - THUMB UP  */

10025+
10026
}

10027
10028
10029
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu {

10030
/* position: absolute !important; */

10031-
/* BAD RATING - THUMB DOWN */

10031+
10032
/* float: right !important; */

10033
height: 20px !important;

10034
width: 20px !important;

10035
    top: -3px;

10036
margin-right: 0px !important;

10037
left: 4px !important;

10038
z-index: 500 !important;

10039
/* background-color: red !important; */

10040
}

10041
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:hover ,

10042
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:not(:hover) {

10043
    position: absolute !important;

10044
    display: inline-block !important;

10045
height: 18px !important;

10046
width: 18px !important;

10047
    top: -17px !important;

10048
    left: -13px !important;

10049
visibility: visible !important;

10050
opacity: 1 !important;

10051
/*     z-index: 10000 !important; */

10052
/* background-color: yellow !important; */

10053
}

10054
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit {

10055
    position: absolute !important;

10056
    display: inline-block !important;

10057
    min-width: 18px !important;

10058
    max-width: 18px !important;

10059
/*     left: -23px !important; */

10060
/*     top: -20px; */

10061
    margin-left: 0 !important;

10062
    visibility: visible !important;

10063
opacity: 1 !important;

10064
z-index: 10000 !important;

10065
}

10066
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before {

10067
/* position: absolute !important; */

10068
/*     display: inline-block !important; */

10069
    width: 18px !important;

10070
    content: " ";

10071
    background: black url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px !important;

10072
    font-size: 15px;

10073
    height: 15px;

10074
/*     left: 762px !important; */

10075
    margin-left: 0 !important;

10076
    outline: 1px solid gray;

10077
/*     top: -5px; */

10078
    visibility: visible !important;

10079
    z-index: 10000 !important;

10080
}

10081
10082
10083
.Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark {

10084
/* position: relative !important; */

10085
float: left !important;

10086
    top: 2px !important;

10087
left: 10px !important;

10088
}

10089
10090
/* PROFILE */

10091
.ProfilePhotoLarge {

10092
    margin-top: 55px !important;

10093
    position: relative !important;

10094
    width: 200px;

10095
}

10096
10097
/* (new118) ICON PROFILE - PANEL LEFT - DISCUSSION LIST / COMMENTS -  (not Notification or comments) - === */

10098
.MeBox > .PhotoWrap[href*="/profile/"] ,

10099
.UserBox > .PhotoWrap[href*="/profile/"] {

10100
    position: relative ! important;

10101
    display: inline-block !important;

10102
    height: 50px!important;

10103
    width: 198px ! important;

10104
    top: 3px!important;

10105
    text-align: center ! important;

10106
    z-index: 500 ! important;

10107
}

10108
/*  GREASYFORK FORUM - DISCUSSION - TOP POSITION - === */

10109
#vanilla_discussion_comment .Column.ContentColumn  {

10110
    border-top: 1px solid peru !important;

10111
    margin-top: 26px !important;

10112
}

10113
10114
.MeBox + .BoxButtons.BoxNewDiscussion {

10115
    margin-top: 30px !important;

10116
    box-shadow: 3px 3px 2px black !important;

10117
}

10118
10119
/* (new129)  START === UESRSTYLES FORUM REVIEW - Style Name in First v.1 ==== */

10120
10121
10122
.Section-Category-style-reviews.Section-DiscussionList   .DataList .Title {

10123
    display: inline-block !important;

10124
    font-size: 14px;

10125
    font-weight: bold;

10126
    margin: 0;

10127
}

10128
10129
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .DiscussionAboutListDiscussion {

10130
    position: relative !important;

10131
    display: inline-block !important;

10132
    float: left !important;

10133
    width: 600px!important;

10134
    height: 100%!important;

10135
    min-height: 10px!important;

10136
    max-height: 10px!important;

10137
    line-height: 10px!important;

10138
    margin-top: -35px!important;

10139
    margin-left: -10px!important;

10140
 }

10141
.Section-Category-style-reviews.Section-DiscussionList  .Bookmarked.Mine.Participated.Read .DiscussionAboutListDiscussion{

10142
    margin-top: 21px!important;

10143
    margin-left: 0px!important;

10144
 }

10145
10146
10147
/* (new129 GOOD RATING - OK - THUMB UP  */

10148
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image  {

10149
    display: inline-block !important;

10150
    float: left;

10151
    margin-left: 0px!important;

10152
    margin-top: 25px !important;

10153
/* outline: 1px solid violet !important; */

10154
}

10155
/* (new129) BAD RATING - THUMB DOWN */

10156
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"]  {

10157
    display: inline-block !important;

10158
    float: left;

10159
    margin-left: 0px!important;

10160
    margin-top: 25px !important;

10161
}

10162
10163
/* (new129) USERSTYELS - REVIEW LIST - === */

10164
#vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList   #Frame #Body .Row #Content.Column.ContentColumn .DataList.Discussions {

10165
    position: relative;

10166
    display: inline-block;

10167
    width: 727px;

10168
    margin-top: 20px !important;

10169
}

10170
#vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList   #Frame #Body .Row #Content .DataList.Discussions > li {

10171
    position: relative;

10172
    margin: 0;

10173
    padding-left: 22px;

10174
}

10175
/* .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title a */

10176
.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title > a {

10177
    display: inline-block !important;

10178
    float: left!important;

10179
    width: 670px!important;

10180
    margin-bottom: -9px!important;

10181
    margin-top: 6px !important;

10182
 }

10183
10184
10185
/* END === UESRSTYLES FORUM REVIEW ==== */

10186
10187
10188
10189
/* FORUM NOTIFICATION - TXT - === */

10190
.Flyout .Author .PhotoWrap  {

10191
    height: 10px !important;

10192
    width: 20px !important;

10193
}

10194
10195
.PopList.Activities .PhotoWrap.PhotoWrapMedium {

10196
    height: 20px !important;

10197
    margin-bottom: -18px !important;

10198
    background-color: black !important;

10199
}

10200
.Flyout .Author .ProfilePhoto {

10201
    width: 20px !important;

10202
    height: 20px !important;

10203
    background-size: cover !important; 

10204
}

10205
.PopList .ItemContent {

10206
    line-height: 1.2!important;

10207
    margin-left: -1px!important;

10208
}

10209
/* DRAFT */

10210
.DataList.Drafts {

10211
    margin-top: 98px!important; 

10212
    border-top: 1px solid gray !important;

10213
}

10214
10215
/* ATTACHEMENTS - === */

10216
.Attachment img {

10217
    max-width: 100% ! important;

10218
    height: auto ! important;

10219
    vertical-align: bottom;

10220
}

10221
10222
.Attachment {

10223
    max-width: 100px !important;

10224
    min-width: 100px !important;

10225
    padding: 3px 8px 8px 5px !important;

10226
    border-radius: 5px !important;

10227
    background-color: black !important;

10228
}

10229
10230
/* ATTACHEMENT COUNTER - === */

10231
.Attachments {

10232
    background-color: #222222 !important;

10233
    border-radius: 5px !important;

10234
    counter-reset: image !important;

10235
}

10236
.Attachment:before {

10237
    position: absolute ;

10238
    display: inline-block ;

10239
    height: 20px ;

10240
    content: counter(image, decimal);

10241
    top: 10px ;

10242
    padding: 0 3px ;

10243
    border-radius: 5px ;

10244
    counter-increment: image ;

10245
    background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3) ;

10246
}

10247
10248
/* FORUM PAGINATION - PAGE WRAP (bottom) */

10249
.PagerWrap {

10250
    margin-top: 20px!important;

10251
    overflow: visible!important;

10252
}

10253
/* (new79) FORUM PAGINATION - ALL */

10254
.PageControls {

10255
    display: inline-block !important;

10256
    width: 95%!important;

10257
    height: 100% !important;

10258
    min-height: 15px !important;

10259
    max-height: 15px !important;

10260
    line-height: 15px !important;

10261
    text-align: right !important;

10262
}

10263
.PageControls.Top {

10264
    position: fixed !important;

10265
    display: inline-block !important;

10266
    width: 560px ! important;

10267
    min-height: 22px !important;

10268
    margin-left: 190px !important;

10269
    top: 25px !important;

10270
    opacity: 1 !important;

10271
    visibility: visible !important;

10272
    z-index: 200 !important;

10273
}

10274
10275
/* (COR) PAGER TOP - USERSTLE DISC LAST PAGE - === */

10276
#PagerBefore.Pager  {

10277
    position: fixed !important;

10278
    display: inline-block !important;

10279
    float: right !important;

10280
    vertical-align: bottom !important;

10281
    max-width: 560px !important;

10282
    min-width: 560px !important;

10283
    height: 17px !important;

10284
    line-height: 12px !important;

10285
    top: 30px;

10286
    right: 24.2% !important;

10287
    padding: 1px !important;

10288
    border: 1px solid peru !important;

10289
    border-radius: 3px 3px 0 0 !important;

10290
    background-color: transparent !important;

10291
    text-align: center !important;

10292
    z-index: 500 !important;

10293
}

10294
10295
10296
10297
/* (new79) START - MEDIA QUERIE - PAGER TOP - === */

10298
@media screen and (max-width: 1400px) {

10299
10300
#PagerBefore.Pager  {

10301
position: fixed !important;

10302
10303
    max-width: 530px !important;

10304
    min-width: 530px !important;

10305
    right: 0% !important;

10306
}

10307
/* ==== END === MEDIA QUERIE === FAVORITS / SETS PAGES - === */

10308
}

10309
10310
10311
10312
10313
/* ICONS */

10314
10315
/* SPRITE GREASY FORK :

10316
https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png

10317
==== */

10318
10319
.SpNotifications, 

10320
.SpGlobe {

10321
    background-position: -32px -212px !important;

10322
}

10323
.SpInbox, 

10324
.SpEnvelope {

10325
    background-position: 0 -228px !important;

10326
}

10327
.SpBookmarks, 

10328
.SpStar {

10329
    background-position: -80px -245px!important;

10330
}

10331
.SpDashboard, 

10332
.SpOptions, 

10333
.SpCog {

10334
     background-position: 0 -212px !important;

10335
}

10336
10337
/* MY NAME */

10338
.QuoteAuthor>a[href*="/decembre"] ,

10339
.Item .Author a[href*="/decembre"] {

10340
    font-size: 18px ! important;

10341
    color: peru ! important;

10342
}

10343
10344
10345
/* ==== (ALL) STYLE ==== */

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

10348
10349
htlm, body {

10350
    background:#333333 !important;

10351
    color: #929292 !important;

10352
    width: 100% !important;

10353
}

10354
10355
/* (ALL) LINKS - === */

10356
10357
a:link {

10358
    color: #6D878F !important;

10359
    text-decoration: none !important;

10360
}

10361
10362
10363
/* LINK / TXT  SPECIAL - === */

10364
10365
#Head a, 

10366
#site-nav a {

10367
    color: peru !important;

10368
}

10369
.MItem.MCount.CommentCount ,

10370
.MItem.MCount.ViewCount {

10371
    color: #b7b7b7!important;

10372
}

10373
table#style-table .meta span.date.date1{

10374
    color: #23A4A2  !important;

10375
    text-decoration: none !important;

10376
}

10377
table#style-table .meta span.date.date2{

10378
    color: #0DD6D3 !important;

10379
    text-decoration: none !important;

10380
}

10381
#main-article #style-table a[href^="/styles/"]{

10382
    color: #DD9E0F !important;

10383
    text-decoration: none !important;

10384
}

10385
#main-article #style-table a:visited[href^="/styles/"]{

10386
    color: #EAC060 !important;

10387
    text-decoration: none !important;

10388
}

10389
10390
/* LINKS HOVER - COLOR tomato / TOMATO - === */

10391
10392
#show-code + #control-panel>a:hover ,

10393
#main-header>h1>a:hover ,

10394
#style-author-info>tbody>tr>td>a:not(.license-image):hover ,

10395
#long-description>a:hover ,

10396
.MItem.LastCommentBy>a:hover ,

10397
.About>dt:last-of-type a:hover ,

10398
.script-author-description>ul>li>ul>li:hover a:hover ,

10399
.About dt a:hover ,

10400
#main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover ,

10401
#script-list-option-groups .list-option>a:hover ,

10402
#user-script-list > li h2 a:hover , 

10403
#browse-script-list > li h2 a:hover ,

10404
.script-list-author>span>a:hover ,

10405
10406
.DataList.SearchResults .Item .ItemContent:hover .Meta a ,  

10407
#script-content > form > ul > li:hover ,

10408
#contact a:hover ,

10409
#related>ul>li>a:hover ,

10410
#screenshots #more-screenshots a:hover ,

10411
.Message>b>a:hover ,

10412
.Buttons .Back>a:hover ,

10413
.AttachFileWrapper .AttachFileLink>a:hover ,

10414
.AuthorWrap .Author .PhotoWrap +.Username:hover ,

10415
#Item_0 +  .DiscussionAboutShowDiscussion>a:hover ,

10416
.Item-Body .Message>a:hover ,

10417
.MItem.Category>a:hover , 

10418
.ReactButton.Quote.Visible:hover , 

10419
.Box.BoxCategories a:hover , 

10420
#Panel .FilterMenu a:hover ,

10421
.SiteMenu>li>a:hover ,

10422
.ItemContent.Discussion .Title>a:hover ,

10423
#main-article>dl>dd>a:hover ,

10424
#main-article>dl>dt:hover ,

10425
#main-header + #content-wrapper > #main-article > ul:hover:before ,

10426
#main-article>ul>li>a:hover ,

10427
#sidebar-forum>a:hover ,

10428
#sidebar-help>a:hover ,

10429
#sidebar-browse>a:hover ,

10430
#sidebar-my-account>a:hover ,

10431
#show-button:hover ,

10432
#control-panel > a:nth-child(1):hover ,

10433
#control-panel>a:hover ,

10434
10435
#long-description>a>b:hover ,

10436
10437
#main-article #hidden-meta a:hover ,

10438
#no-discussions>a:hover ,

10439
#site-name > a[href="/"] span:hover ,

10440
.thetitle>.theauthor>a:hover ,

10441
.thetitle>a>b:hover ,

10442
.width-constraint>h3>a:hover ,

10443
#script-content>form>ul>li>a:hover ,

10444
#script-content>p>a:hover ,

10445
#install-area .script-in-sets>a:hover ,

10446
#additional-info-text>a>b:hover ,

10447
#additional-info>div>ul>li>a:hover ,

10448
#additional-info>div>p>a:hover ,

10449
#additional-info>div>p>b>a:hover ,

10450
.script-show-author>span>a:hover ,

10451
10452
#title-subtext:hover > b ,

10453
#site-name > a span#settings-subtext:hover ,

10454
#nav-user-info .user-profile-link>a:hover ,

10455
#nav-user-info>li>a:hover ,

10456
#nav-user-info + nav .help-link>a:hover ,

10457
#nav-user-info + nav .forum-link>a:hover ,

10458
#nav-user-info + nav .scripts-index-link>a:hover ,

10459
#nav-user-info + nav a:hover ,

10460
#nav-user-info .sign-out-link>a:hover ,

10461
#start-discussion:hover ,

10462
#start-discussion-top:hover ,

10463
#start-discussion-bottom:hover ,

10464
.inline-list>li>a:hover {

10465
    color: TOMATO  !important;

10466
}

10467
10468
/* LINK HOVER - SPECIAL - === */

10469
10470
#discussions-area #discussions li:hover a:not(:last-of-type),

10471
.CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]) ,

10472
.CommentsWrap .Comment a.FlagContent:hover ,

10473
.width-constraint #discussions li>a:nth-child(4):hover  ,

10474
.width-constraint #discussions li>a:nth-child(2):hover , 

10475
.width-constraint #discussions li>a:first-of-type:hover ,

10476
.width-constraint #discussions li:hover > a:nth-child(4) ,

10477
.width-constraint #discussions li:hover>time {

10478-
/*@-moz-document url("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") */

10478+
10479
}

10480
10481
10482
/* GREASYFORK - CODE PAGE - STRIPP BACKGROUND  - 

10483
TEST CODERAY HUGE CODE: https://greasyfork.org/en/scripts/1896-nwpb/code

10484
=== */

10485
#script-info .CodeRay {

10486
    display: inline-block!important;

10487
    max-width: 99.8% !important;

10488
    background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);

10489
    background-size: 30px 15px!important;

10490
}

10491
#script-info .CodeRay tbody {

10492
    display: inline-block !important;

10493
    width: 99.98% !important;

10494
}

10495
10496
#script-info .CodeRay tbody .code {

10497
    display: inline-block !important;

10498
    min-width: 905px !important;

10499
    max-width: 905px !important;

10500
}

10501
#script-info .CodeRay tbody .code pre {

10502
    min-width: 900px !important;

10503
    max-width: 900px !important;

10504
    word-wrap: break-word !important;

10505
    white-space: pre-line!important;

10506
}

10507
10508
/* (ALL) LINKS VISITED / VISITED HOVER - === */

10509
a:visited {

10510
    color: #278CAD  !important

10511
}

10512
#additional-info>a:visited {

10513
    color: #6BA9BE  !important

10514
}

10515
a:hover {

10516
    color: #73B379 !important;

10517
}

10518
a:visited:hover  {

10519
    color: #B9D56E !important;

10520
    text-decoration: none !important;

10521
}

10522
10523
/* VISITED - gold / GOLD - === */

10524
section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note ,

10525
#style-install-unknown>p>a, 

10526
#style-install-unknown>p>a:visited, 

10527
#style-install-unknown>p>a:active {

10528
    color: GOLD !important;

10529
}

10530
10531
/* VISITED - tan  /TAN - === */

10532
.discussion-list>li>a:visited ,

10533
.About>dt>a:visited ,

10534
.Item-Body .Message>a:visited ,

10535
.script-author-description>p>a:visited ,

10536
.script-author-description>ul>li>ul>li>a:visited ,

10537
.script-author-description>ul>li>a:visited ,

10538
.DataList .Item .Title>a:visited ,

10539
.inline-list>li>a:visited ,

10540
.DataList .ItemDiscussion.Item.Read a:visited {

10541
    color: TAN !important;

10542
}

10543
/* VISITED - goldenrod / GOLDENROD - === */

10544
.thetitle>a:visited>b  {

10545
    color: GOLDENROD !important;

10546
}

10547
/* VISITED - hover tomato / TOMATO - === */

10548
.Message>ol>li>small>a:hover ,

10549
.Message>dl>dd>a:hover ,

10550
.UserQuote .QuoteAuthor a:hover ,

10551
.inline-list>li>a:visited:hover ,

10552
.DataList .ItemDiscussion.Item.Read a:visited:hover {

10553
    color: TOMATO !important;

10554
}

10555
10556
/* VISITED - rosybrown / ROSYBROWN - === */

10557
.width-constraint #discussions li > a:first-of-type:visited {

10558
    color: ROSYBROWN  !important;

10559
}

10560
/* (new79) NEW TOP HEADER NAV MENU - VISITED - === */

10561
#Frame .Row .SiteMenu  a:hover {

10562
    color: tomato !important;

10563
/* outline: 1px solid tomato !important; */

10564
}

10565
10566
/* ============ END VISITED LINKS ====== */

10567-
/* ========== START === URL-PREF - ALL ======= */

10567+
10568
10569
10570
/* TEST - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - FIGHT AGAINST a VERY STRANGE TYPO EFFECT - with / without GM "CITRUS" - 

10571
in SCRIPT NAME of:

10572
DIEP.IO by Terjanq

10573
10574
IT'S USER (terjanq) LIST:

10575
https://greasyfork.org/fr/users/33759-terjanq

10576
10577
SEARCH "DIEP.IO+":

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

10579
10580
MY DISSCUS about it :

10581
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

10582
=== */

10583
10584
/* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in FORUM - MY COMMENT ABOUT IT */

10585
.Title a[href*="https://greasyfork.org/fr/forum/discussion/9570/"]{

10586
    overflow: hidden !important;

10587
    background: rgba(255, 0, 0, 0.2) !important;

10588
}

10589
#Discussion_9570 .Discussion .Item-BodyWrap .Message  {

10590
    overflow: hidden !important;

10591
    background: rgba(255, 0, 0, 0.2) !important;

10592
}

10593
10594
10595
/* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in SCRIPT LIST - USER PROFILE / SEARCH   */

10596
#script-table #s19838 .thetitle + div ,

10597
#user-script-list > li > article  a[href$="/19838-diep-io-by-terjanq"] + span +  .description ,

10598
#user-script-list > li[data-script-name*="Diepiomods.com"] > article .description,

10599
#browse-script-list>li>article>h2>a[href*="diep-io-by-terjanq"] ~ span.description  {

10600
    overflow: hidden !important;

10601
    background: rgba(255, 0, 0, 0.2) !important;

10602
}

10603
10604
.discussion-list>li>a[href="https://greasyfork.org/fr/scripts/19838"] + a   {

10605
    position: relative !important;

10606
    display: inline-block !important;

10607
    top: 4px !important;

10608
    overflow: hidden !important;

10609
    background: rgba(255, 0, 0, 0.2) !important;

10610
}

10611
10612
/* ========== END GENERAL SITE ======= */

10613
}

10614
10615
10616
10617
@-moz-document url-prefix("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") {

10618
/* ========== START URL PREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */

10619
/* URL PREF - GM "DIEP.IO by Terjanq" - GOOD : in SCRIPT INFO PAGE - DESCRIPTION */

10620
#script-info header p {

10621
    overflow: hidden !important;

10622
    background: rgba(255, 0, 0, 0.2) !important;

10623
}

10624
/* ========== END URLPREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */

10625
}

10626
10627
10628
10629
@-moz-document domain("sleazyfork.org") {

10630
/* ========== START - DOMAIN SLEASYFORK TEST ======= */

10631
/* ==== Userstyles TableView+Enhancer - DarkGrey 60 (new60) - SLEASYFORK TEST - CLEAN02 ==== */

10632
10633
/* TEST LINK :

10634
https://sleazyfork.org/fr/scripts/9478-vporn-com-a-new-layout-ii-updated/code

10635
==== */

10636
10637
/* (new60)CHANGE ICON of SLEAZY FORK SITE TITLE ADD TXT "SKEAZY" where That's "GREASY" - === */

10638
/* (new60) SLEAZYFORK - SITE NAME + ICON - === */

10639
.width-constraint #site-name  #site-name-text h1 {

10640
    font-size: 20px!important;

10641
    letter-spacing: 2px !important;

10642
}

10643
.width-constraint #site-name  #site-name-text h1  {

10644
    color: blue !important;

10645
}

10646
.width-constraint #site-name  #site-name-text h1 a {

10647
    display: none !important;

10648
}

10649
#site-name  #site-name-text h1 +.subtitle {

10650
    margin-left: 46px !important;

10651
    margin-top: 16px !important;

10652
    font-size: 10px!important;

10653
    letter-spacing: 1px !important;

10654
}

10655
#site-nav > nav li a{

10656
    font-size: 14px !important;

10657
}

10658
10659
.width-constraint #site-name a img ,

10660
.width-constraint #site-name a span ,

10661
#site-name-text>h1>a {

10662
    display: none !important;

10663
}

10664
10665
.width-constraint #site-name > a:before ,

10666
.width-constraint #site-name > h1:before {

10667
    content: "SleasyFork" !important;

10668
    display: inline-block !important;

10669
    position: absolute !important;

10670
    margin-left: 40px !important;

10671
    font-size: 22px !important;

10672
    color: green !important;

10673
}

10674
#Head #site-name-text h1:before {

10675
content: "SleasyFork" !important;

10676
    display: inline-block !important;

10677
    position: absolute !important;

10678
    top: -5px !important;

10679
    margin-left: 0px !important;

10680
    font-size: 22px !important;

10681
    color: red !important;

10682
}

10683
10684
.width-constraint #site-name > a:after {

10685
    content: " " !important;

10686
    display: inline-block !important;

10687
    height: 30px !important;

10688
    width: 30px !important;

10689
    padding: 2px !important;

10690
    border-radius: 5px !important;

10691
    box-shadow: 0 0 2px #cccccc inset !important;

10692
    background-color: rgba(191, 191, 190, 0.33) !important;

10693
    background-image: url("https://sleazyfork.org/fr/forum/uploads/SCN2YQGWLIU4.jpg") !important;

10694
    background-position: 50% 50% !important;

10695
    background-size: contain !important;

10696
}

10697
10698
10699
/* ========== (new60) END - DOMAIN SLEASYFORK TEST ======= */

10700
}

10701
10702-
/* START ==== (new119) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */

10702+
10703
@-moz-document url-prefix("https://userstyles.org/help") {

10704
/* ========== START - URL-PREF - USERSTYLES HELP ======= */

10705
/* HEPLS PAGES - === */

10706
body > #main-header + #content-wrapper {

10707
    position: absolute !important;

10708
    display: inline-block !important;

10709-
/* (new118) URL-PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFOR different than USERSTYLES - DISSCUSSION CONTAINER - === */

10709+
10710
    clear: both !important;

10711
    min-height: 200px !important;

10712
    height: auto !important;

10713
    width: 71em !important;

10714
    margin: auto auto auto 21em !important;

10715
    top: 75px !important;

10716
    border-radius: 5px !important;

10717
    border: 1px solid green !important;

10718
}

10719
#main-article {

10720
    width: 70em !important;

10721
    margin: 0.5em auto 2em 0.5em !important;

10722
    padding-bottom : 20px !important;

10723
}

10724
#main-header + #content-wrapper > #main-article > p ~ ul ~ h3 ,

10725
#main-article>h3  {

10726
    width: 58em !important;

10727
    margin-left: 1em !important;

10728
    text-align: left !important;

10729
    text-indent: 20px !important;

10730
    background: black !important;

10731
}

10732
10733
#main-article>ol {

10734
    width: 65em !important;

10735
    margin-left: 1em !important;

10736
    margin-top: -7px !important;

10737
    outline: 1px solid peru !important;

10738
}

10739
10740
#main-article>p:first-of-type {

10741
    position: relative !important;

10742
    display: inline-block !important;

10743
    width: 867px !important;

10744
    left: 0px !important;

10745
    margin-top:  auto !important;

10746
    margin-bottom: 20px!important;

10747
    padding: 15px 20px !important;

10748
    border: 1px solid gray !important;

10749
    outline: none !important;

10750
}

10751
#main-article>p {

10752
    position: relative !important;

10753
    display: inline-block !important;

10754
    width: 840px !important;

10755
    left: 1em !important;

10756
    margin:  auto !important;

10757
    padding: 8px 20px !important;

10758
}

10759
#main-article>p +p {

10760
    position: relative !important;

10761
    display: inline-block !important;

10762
    width: 840px !important;

10763
    left: 1em !important;

10764
    margin:  auto !important;

10765
    margin-bottom: 15px !important;

10766
    padding: 8px 20px !important;

10767
}

10768
#main-article>p:nth-child(even) {

10769
    border: 1px solid gray !important;

10770
    background: #222222 !important;

10771
}

10772
#main-article>p:nth-child(odd) {

10773
    border: 1px solid gray !important;

10774
    background: #171717 !important;

10775
}

10776
#main-article>iframe {

10777
    margin-left: 10% !important;

10778
}

10779
#help-style-settings-edit ~pre ,

10780
#main-header + #content-wrapper > #main-article > p ~ ul ,

10781
#main-header + #content-wrapper > #main-article > p ~ ul:hover ,

10782
#main-header + #content-wrapper > #main-article > ul:hover ,

10783
#main-header + #content-wrapper > #main-article > ul {

10784
    position: relative !important;

10785
    display: inline-block !important;

10786
    width: 66em !important;

10787
    height: auto !important;

10788
    margin-left: 10px !important;

10789
    padding-bottom: 10px !important;

10790
    padding-left: 20px !important;

10791
    padding-right: 5px !important;

10792
    border-radius: 3px !important;

10793
    border: 1px solid gray !important;

10794
    background: #222222 !important;

10795
}

10796
#main-header + #content-wrapper > #main-article > ul:only-of-type {

10797
    position: relative !important;

10798
    display: inline-block !important;

10799
    width: 43em !important;

10800
    height: auto !important;

10801
    margin-left: 10px !important;

10802
    margin-top: 29px !important;

10803
    padding-bottom: 10px !important;

10804
    padding-left: 30px !important;

10805
    padding-right: 5px !important;

10806
    border-radius: 3px !important;

10807
    border: 1px solid gray !important;

10808
    font-size: 20px !important;

10809
}

10810
#help-style-settings-edit ~pre {

10811-
/* (new83) URL-PREF - USERSTYLES FORUM - ADOUT Userstyles DISCUSS */

10811+
10812
    display: inline-block !important;

10813
    width: 72em !important;

10814
    height: auto!important;

10815
    margin-top: 5px!important;

10816
    border-radius: 3px!important;

10817
    border: 1px solid gray!important;

10818
    background: #222222!important;

10819
    overflow: visible!important;

10820
    z-index: 10 !important;

10821
}

10822
#help-style-settings-edit ~pre >code {

10823
    position: relative !important;

10824
    display: inline-block !important;

10825
    width: 63em !important;

10826
    height: auto !important;

10827
    margin-left: 0px !important;

10828
    border-radius: 3px !important;

10829
}

10830
/* ========== END === URL-PREF - HELP ======= */

10831
}

10832
10833
10834
10835
@-moz-document url("https://userstyles.org/styles/new") {

10836
/* START ==== (new23) URL-PREF - USERSTYLES CREATE NEW USERSTYLES ==== */

10837
10838
.PageContent iframe#iframe[src="/d/styles/new"] {

10839
    width: 50% !important;

10840
    margin-left: 21% !important;

10841
padding: 0 50px 0 50px !important;

10842
border: 1px solid gray !important;

10843
}

10844
10845
.errorExplanation {

10846
    background-color: rgba(239, 81, 24, 0.54) !important;

10847
    border: 1px solid red ;

10848
}

10849
10850
10851
/* END ==== (new23) URL-PREF - USERSTYLES CREATE NEUSERSTYLES ==== */

10852
}

10853
10854
10855
10856
@-moz-document url-prefix("https://forum.userstyles.org") {

10857
/* START ==== (new119) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFORK different than USERSTYLES) ==== */

10858
#Head + #Body {

10859
    margin-left: 22% !important;

10860
/* background: yellow !important; */

10861-
/* ========== END === URL-PREF - ALL ======= */
10861+
10862
/* (new118) URL-PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFORK different than USERSTYLES - DISSCUSSION CONTAINER - === */

10863
10864
#PagerBefore.Pager {

10865
    right: 26% !important;

10866
}

10867
#Content.Column.ContentColumn  {

10868
    display: inline-block !important;

10869
    float: right !important;

10870
    width: 689px !important;

10871
    min-height: 750px !important;

10872
    margin-top: -8px!important;

10873
    margin-right: 50px !important;

10874
    z-index: 0 !important;

10875
}

10876
#vanilla_discussion_index #Content.Column.ContentColumn {

10877
    display: inline-block !important;

10878
    float: right !important;

10879
    width: 689px!important;

10880
    min-height: 750px !important;

10881
    margin-top: -8px!important;

10882
    margin-right: 20px !important;

10883
}

10884
#vanilla_discussion_index #Content.Column.ContentColumn  .MessageList.Discussion {

10885
    margin-bottom: -21px;

10886
}

10887
.P.PageDescription {

10888
    width: 753px!important;

10889
outline: 1px solid yellow !important;

10890
}

10891
10892
#Item_0 {

10893
    left: 33% !important;

10894
    top: 53px !important;

10895
    background: black ;

10896
    z-index: 500 !important;

10897
}

10898
10899
#Item_0 .ToggleFlyout.OptionsMenu {

10900
    left: -15px !important;

10901
}

10902
/* (new118) URL-PREF - USERSTYLES FORUM */

10903
.MessageList.Discussion h1 ,

10904
.Discussion.comment.Section-Discussion .Discussion h1 {

10905
    position: fixed !important;

10906
    display: inline-block !important;

10907
    height: 38px !important;

10908
    line-height: 18px !important;

10909
    width: 39.1% !important;

10910
    right: 26.4% !important;

10911
    top: 47px !important;

10912
    font-size: 15px !important;

10913
    text-align: left !important;

10914
    background-color: black !important;

10915
z-index: 1 !important;

10916
}

10917
/* (new118) URL-PREF - USERSTYLES FORUM */

10918
.MessageList.Discussion #Item_0.PageTitle h1 ,

10919
.Discussion.comment.Section-Discussion .Discussion  h1  ,

10920
.Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {

10921
    min-width: 752px !important;

10922
    max-width: 752px !important;

10923
    right: 26.1% !important;

10924
/* outline: 1px solid yellow !important; */

10925
}

10926
.Vanilla.Discussion .MessageList.Discussion #Item_0 span.ToggleFlyout.OptionsMenu {

10927
    top: 0px !important;

10928
    left: 0 !important;

10929
    margin: 0 !important;

10930
}

10931
10932
/* (new118) URL-PREF - USERSTYLES FORUM - PROFILE BUTTON */

10933
#dashboard_profile_discussions .About>dt:last-of-type  {

10934
    position: relative !important;

10935
    display: inline-block !important;

10936
    width: 23% !important;

10937
    height: 18px !important;

10938
    line-height: 18px !important;

10939
    top: -56px !important;

10940
    left: 74%!important;

10941
    padding: 2px 2px 2px 15px !important;

10942
    border-radius: 3px !important;

10943
    font-size: 15px !important;

10944
    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;

10945
}

10946
10947
#Panel.Column.PanelColumn {

10948
    z-index: 100 !important;

10949
}

10950
#Panel.Column.PanelColumn .MeBox {

10951
    margin-top: -29px !important;

10952
    z-index: 200 !important;

10953
}

10954
.DiscussionAboutShowDiscussion  {

10955
    max-width: 200px !important;

10956
    min-width: 200px !important;

10957
    top: 53px !important;

10958
    left: 22.1% !important;

10959
    z-index: 100 !important;

10960
}

10961
10962
10963
10964
@media screen and (max-width: 1400px) {

10965
/* (new82) START === MEDIA QUERIE - 1400px -  URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - === */

10966
#PagerBefore.Pager {

10967
    right: 3.8% !important;

10968
}

10969
.MessageList.Discussion h1 ,

10970
.Discussion.comment.Section-Discussion .Discussion h1 {

10971
    min-width: 736px !important;

10972
    right: 9.9% !important;

10973
}

10974
.MessageList.Discussion #Item_0 {

10975
    left: 30% !important;

10976
    top: 53px !important;

10977
    z-index: 500 !important;

10978
}

10979
.DiscussionAboutShowDiscussion  {

10980
    max-width: 217px !important;

10981
    min-width: 217px !important;

10982
    top: 53px !important;

10983
    left: 12.2% !important;

10984
    z-index: 100 !important;

10985
}

10986
.MessageList.Discussion {

10987
    margin-top: 36px;

10988
}

10989
#Item_0 .ToggleFlyout.OptionsMenu .Flyout.MenuItems{

10990
    left: 4px !important;

10991
    top: -1px !important;

10992
}

10993
10994
.Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before ,

10995
.ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion::before {

10996
    left: 32px !important;

10997
}

10998
.MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion::before {

10999
    left: 0px !important;

11000
    top: 0px !important;

11001
}

11002
/* ==== END === MEDIA QUERIE - URL-PREF - 1400px - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - === */

11003
}

11004
11005
11006
/* END ==== (new79) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */

11007
11008
11009
/* ========== END === URL-PREF - ALL ======= */

11010
}
        

    


            


                                


        

            



                
    

        Public Pastes
    

    
            

    

                    

        

    





    


    
    
    
    
    
    
    
    




    


    



                

            We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.             OK, I Understand
        

    
                

            

                
                    
                
            

            

                Not a member of Pastebin yet?

                Sign Up, it unlocks many cool features!