API tools faq
paste
decembre

Userstyles TableView+Enhancer - DarkGrey 43 (new83)

decembre
Jun 14th, 2015
687
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 213.69 KB | None | 0 0
raw download clone embed print report
  1. /* AGENT_SHEET */
  2.  
  3. @namespace url(http://www.w3.org/1999/xhtml);
  4. @-moz-document domain("userstyles.org")
  5. , domain("greasyfork.org")
  6. , url-prefix("https://greasyfork.org/forum/") ,
  7. url-prefix("https://74.86.192.75/")  {
  8.  
  9. /* ==== Userstyles TableView+Enhancer - DarkGrey 43(new83)) - DEV - No URis -  FORUM Styles in first + Forum GREASY FORK - ONE MENU- Logged or NOT - With-Without GM - AGENT_SHEET -
  10. new82 : ABOUT + HELPS PAGES - DELETED Styles Pages
  11. ==== */
  12.  
  13. /*
  14.  ________________________________________________________________________
  15.  
  16. |                  |                                                     |
  17.  
  18. |          Title:  |  Userstyles TableView+Enhancer - DarkGrey 43(new83) |
  19.  
  20. |    Description:  |  
  21.                       GREASY FORK - With / without (GM) TS CITRIX        |          
  22.                       No URis                                            |
  23.                       FORUM Styles in first + Forum GREASY Fork -        |
  24.                       Logged or NOT                                      |
  25.                       With / Without GM                                  |
  26.                       AGENT_SHEET                                        |
  27.  
  28. |         Author:  |  decembre                                           |
  29.  
  30. |   Date Created:  |  Nov 23, 2011                                       |
  31.  
  32. |   Last Updated:  |  Jun 14, 2015                                       |
  33.  
  34. |        Version:  |  43(new83)
  35. |__________________|_____________________________________________________|
  36. */
  37.  
  38.  
  39.  
  40.  
  41. /* GRASEFORK - - FORUM PRIFE - PROFILE GRESEMONKEY BUTTON */
  42. .About>dt:last-of-type {
  43.     position: relative !important;
  44.     display: inline-block !important;
  45.     width: 20% !important;
  46. height: 18px !important;
  47. line-height: 18px !important;
  48.     top: -56px!important;
  49.     left: 75%!important;
  50. padding: 2px 2px 2px 15px !important;
  51.     border-radius: 3px !important;
  52. font-size: 15px !important;
  53.     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;
  54. }
  55.  
  56. /* (new82) GREASEAFORK FORUM - CLEAR CONVERSTAION BUTTON - Small TXT - === */
  57. .Button.Danger.BigButton.ClearConversation {
  58.     display: block;
  59.     font-size: 11px!important;
  60.     font-weight: bold;
  61.     margin: 0 0 10px;
  62.     padding: 8px 10px;
  63.     text-align: center;
  64. }
  65.  
  66. /* (new38) ALL SITES PAGE -
  67. https://greasyfork.org/en/scripts/by-site
  68. === */
  69. #by-site-list li[style="font-size: 5.0em"] {
  70.     font-size: 3.28em  !important;
  71. }
  72. #by-site-list li[style="font-size: 5.0em"] a {
  73. color: darkturquoise !important;
  74. }
  75.  
  76.  
  77. #by-site-list li[style="font-size: 4.07em"] {
  78.     font-size: 3.27em !important;
  79. }
  80. #by-site-list li[style="font-size: 4.07em"] a {
  81. color: lightsalmon!important;
  82. }
  83.  
  84. #by-site-list li[style="font-size: 3.86em"] {
  85.     font-size: 3.26em !important;
  86. }
  87. #by-site-list li[style="font-size: 3.86em"] a {
  88. color: darkturquoise !important;
  89. }
  90.  
  91. #by-site-list li[style="font-size: 2.86em"] {
  92.     font-size: 3.25em!important;
  93. }
  94. #by-site-list li[style="font-size: 2.86em"] a {
  95. color: deepskyblue !important;
  96. }
  97.  
  98. #by-site-list li[style="font-size: 2.02em"] {
  99.     font-size: 3.24em!important;
  100. }
  101. #by-site-list li[style="font-size: 2.02em"] a {
  102. color: darkturquoise !important;
  103. }
  104.  
  105. #by-site-list li[style="font-size: 2.1em"] {
  106.     font-size: 3.23em !important;
  107. }
  108. #by-site-list li[style="font-size: 2.1em"] a {
  109. color: darkturquoise !important;
  110. }
  111.  
  112. #by-site-list li[style="font-size: 2.06em"] {
  113.     font-size: 3.22em !important;
  114. }
  115. #by-site-list li[style="font-size: 2.06em"] a {
  116. color: deepskyblue !important;
  117. }
  118.  
  119. #by-site-list li[style="font-size: 1.99em"] {
  120.     font-size: 3.21em !important;
  121. }
  122. #by-site-list li[style="font-size: 1.99em"] a {
  123. color: darkturquoise !important;
  124. }
  125.  
  126. #by-site-list li[style="font-size: 1.92em"] {
  127.     font-size: 3.20em !important;
  128. }
  129. #by-site-list li[style="font-size: 1.92em"] a {
  130. color: darkturquoise !important;
  131. }
  132.  
  133. #by-site-list li[style="font-size: 1.87em"] {
  134.     font-size: 3.19em!important;
  135. }
  136. #by-site-list li[style="font-size: 1.87em"] a {
  137. color: darkturquoise !important;
  138. }
  139.  
  140. #by-site-list li[style="font-size: 1.7em"] {
  141.     font-size: 3.18em!important;
  142. }
  143. #by-site-list li[style="font-size: 1.7em"] a {
  144. color: darkturquoise !important;
  145. }
  146.  
  147. #by-site-list li[style="font-size: 1.66em"] {
  148.     font-size: 3.17em !important;
  149. }
  150. #by-site-list li[style="font-size: 1.66em"] a {
  151. color: darkturquoise !important;
  152. }
  153.  
  154. #by-site-list li[style="font-size: 1.61em"] {
  155.     font-size: 3.16em !important;
  156. }
  157. #by-site-list li[style="font-size: 1.61em"] a {
  158. color: deeppink !important;
  159. }
  160.  
  161. #by-site-list li[style="font-size: 1.5em"] {
  162.     font-size: 3.15em !important;
  163. }
  164. #by-site-list li[style="font-size: 1.5em"] a {
  165. color: darkturquoise !important;
  166. }
  167.  
  168. #by-site-list li[style="font-size: 1.4em"] {
  169.     font-size: 3.14em !important;
  170. }
  171. #by-site-list li[style="font-size: 1.4em"] a {
  172. color: darkturquoise !important;
  173. }
  174.  
  175. #by-site-list li[style="font-size: 1.41em"] {
  176.     font-size: 3.13em !important;
  177. }
  178. #by-site-list li[style="font-size: 1.41em"] a {
  179. color: deeppink !important;
  180. }
  181.  
  182. #by-site-list li[style="font-size: 1.3em"] {
  183.     font-size: 3.12em !important;
  184. }
  185. #by-site-list li[style="font-size: 1.3em"] a {
  186. color: deeppink !important;
  187. }
  188.  
  189. #by-site-list li[style="font-size: 1.39em"] {
  190.     font-size: 3.11em !important;
  191. }
  192. #by-site-list li[style="font-size: 1.39em"] a {
  193. color: darkturquoise !important;
  194. }
  195.  
  196. #by-site-list li[style="font-size: 1.38em"] {
  197.     font-size: 3.10em!important;
  198. }
  199. #by-site-list li[style="font-size: 1.38em"] a {
  200. color: darkturquoise !important;
  201. }
  202.  
  203. #by-site-list li[style="font-size: 1.35em"] {
  204.     font-size: 3.09em !important;
  205. }
  206. #by-site-list li[style="font-size: 1.35em"] a {
  207. color: darkturquoise !important;
  208. }
  209.  
  210. #by-site-list li[style="font-size: 1.34em"] {
  211.     font-size: 3.08em !important;
  212. }
  213. #by-site-list li[style="font-size: 1.34em"] a {
  214. color: darkturquoise !important;
  215. }
  216.  
  217. #by-site-list li[style="font-size: 1.32em"] {
  218.     font-size: 3.07em !important;
  219. }
  220. #by-site-list li[style="font-size: 1.32em"] a {
  221. color: darkturquoise !important;
  222. }
  223.  
  224. #by-site-list li[style="font-size: 1.31em"] {
  225.     font-size: 3.06em !important;
  226. }
  227. #by-site-list li[style="font-size: 1.31em"] a {
  228. color: darkturquoise !important;
  229. }
  230.  
  231. #by-site-list li[style="font-size: 1.29em"] {
  232.     font-size: 3.05em !important;
  233. }
  234. #by-site-list li[style="font-size: 1.29em"] a {
  235. color: deeppink !important;
  236. }
  237.  
  238. #by-site-list li[style="font-size: 1.26em"] {
  239.     font-size: 3.04em !important;
  240. }
  241. #by-site-list li[style="font-size: 1.26em"] a {
  242. color: darkturquoise !important;
  243. }
  244.  
  245.  
  246. #by-site-list li[style="font-size: 1.23em"] {
  247.     font-size: 3.03em !important;
  248. }
  249. #by-site-list li[style="font-size: 1.23em"]:nth-child(odd) a {
  250. color: lightcyan !important;
  251. }
  252. #by-site-list li[style="font-size: 1.23em"]:nth-child(even) a {
  253. color: wheat !important;
  254. }
  255.  
  256.  
  257. #by-site-list li[style="font-size: 1.21em"] {
  258.     font-size: 3.02em !important;
  259. }
  260. #by-site-list li[style="font-size: 1.21em"] a {
  261. color: deeppink !important;
  262. }
  263.  
  264. #by-site-list li[style="font-size: 1.08em"] {
  265.     font-size: 3.01em !important;
  266. }
  267. #by-site-list li[style="font-size: 1.08em"] a {
  268. color: darkturquoise !important;
  269. }
  270.  
  271. #by-site-list li[style="font-size: 1.07em"] {
  272.     font-size: 3.00em !important;
  273. }
  274. #by-site-list li[style="font-size: 1.07em"] a {
  275. color: darkturquoise !important;
  276. }
  277.  
  278. #by-site-list li[style="font-size: 1.05em"] {
  279.     font-size: 2.99em  !important;
  280. }
  281. #by-site-list li[style="font-size: 1.05em"] a {
  282. color: darkturquoise !important;
  283. }
  284.  
  285. #by-site-list li[style="font-size: 1.0em"] {
  286.     font-size: 2.98em  !important;
  287. }
  288. #by-site-list li[style="font-size: 1.0em"] a {
  289. color: darkturquoise !important;
  290. }
  291.  
  292. #by-site-list li[style="font-size: 1.01em"] {
  293.     font-size: 2.97em  !important;
  294. }
  295. #by-site-list li[style="font-size: 1.01em"] a {
  296. color: darkturquoise !important;
  297. }
  298.  
  299.  
  300. /* ==== */
  301. #by-site-list li[style="font-size: 0.6em"] {
  302.     font-size: 1em !important;
  303. }
  304. #by-site-list li[style="font-size: 0.6em"]:nth-child(odd) a {
  305. color: lightblue!important;
  306. }
  307. #by-site-list li[style="font-size: 0.6em"]:nth-child(even) a {
  308. color: aquamarine !important;
  309. }
  310. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+2) a {
  311. color: tomato !important;
  312. }
  313. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+3) a {
  314. color: powderblue !important;
  315. }
  316. #by-site-list li[style="font-size: 0.6em"]:nth-child(4n+7) a {
  317. color: greenyellow !important;
  318. }
  319.  
  320.  
  321.  
  322. #by-site-list li[style="font-size: 0.61em"]{
  323.     font-size: 1.1em !important;
  324. }
  325. #by-site-list li[style="font-size: 0.61em"]:nth-child(odd) a {
  326. color: turquoise !important;
  327. }
  328. #by-site-list li[style="font-size: 0.61em"]:nth-child(even) a {
  329. color: azure !important;
  330. }
  331. #by-site-list li[style="font-size: 0.61em"]:nth-child(3n+2) a {
  332. color: mediumvioletred !important;
  333. }
  334.  
  335.  
  336.  
  337. #by-site-list li[style="font-size: 0.62em"]{
  338.     font-size: 1.2em !important;
  339. }
  340. #by-site-list li[style="font-size: 0.62em"] a {
  341. color: blueviolet !important;
  342. }
  343. #by-site-list li[style="font-size: 0.62em"]:nth-child(odd) a {
  344. color: cornflowerblue !important;
  345. }
  346. #by-site-list li[style="font-size: 0.62em"]:nth-child(even) a {
  347. color: peachpuff !important;
  348. }
  349. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+2) a {
  350. color: tomato !important;
  351. }
  352. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+3) a {
  353. color: powderblue !important;
  354. }
  355. #by-site-list li[style="font-size: 0.62em"]:nth-child(4n+7) a {
  356. color: greenyellow !important;
  357. }
  358.  
  359.  
  360. #by-site-list li[style="font-size: 0.63em"]{
  361.     font-size: 1.3em !important;
  362. }
  363. #by-site-list li[style="font-size: 0.63em"]:nth-child(odd) a  {
  364. color: lightsalmon !important;
  365. }
  366. #by-site-list li[style="font-size: 0.63em"]:nth-child(even) a {
  367. color: darkcyan !important;
  368. }
  369.  
  370.  
  371.  
  372. #by-site-list li[style="font-size: 0.64em"]{
  373.     font-size: 1.4em !important;
  374. }
  375. #by-site-list li[style="font-size: 0.64em"] a {
  376. color: peru !important;
  377. }
  378. #by-site-list li[style="font-size: 0.64em"]:nth-child(odd) a {
  379. color: deepskyblue !important;
  380. }
  381. #by-site-list li[style="font-size: 0.64em"]:nth-child(even) a {
  382. color: dodgerblue !important;
  383. }
  384. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+2) a {
  385. color: tomato !important;
  386. }
  387. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+3) a {
  388. color: powderblue !important;
  389. }
  390. #by-site-list li[style="font-size: 0.64em"]:nth-child(4n+7) a {
  391. color: greenyellow !important;
  392. }
  393.  
  394. #by-site-list li[style="font-size: 0.65em"]{
  395.     font-size: 1.5em !important;
  396. }
  397. #by-site-list li[style="font-size: 0.65em"]:nth-child(odd) a {
  398. color: violet !important;
  399. }
  400. #by-site-list li[style="font-size: 0.65em"]:nth-child(even) a {
  401. color: goldenrod !important;
  402. }
  403.  
  404.  
  405. #by-site-list li[style="font-size: 0.66em"]{
  406.     font-size: 1.6em !important;
  407. }
  408. #by-site-list li[style="font-size: 0.66em"]:nth-child(odd) a {
  409. color: greenyellow !important;
  410. }
  411. #by-site-list li[style="font-size: 0.66em"]:nth-child(even) a {
  412. color: indianred !important;
  413. }
  414.  
  415.  
  416. #by-site-list li[style="font-size: 0.67em"]{
  417.     font-size: 1.7em !important;
  418. }
  419. #by-site-list li[style="font-size: 0.67em"] a {
  420. color: lawngreen !important;
  421. }
  422.  
  423.  
  424.  
  425. #by-site-list li[style="font-size: 0.68em"]{
  426.     font-size: 1.8em !important;
  427. }
  428. #by-site-list li[style="font-size: 0.68em"]:nth-child(odd) a {
  429. color: lightblue !important;
  430. }
  431. #by-site-list li[style="font-size: 0.68em"]:nth-child(even) a {
  432. color: lavender !important;
  433. }
  434. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+2) a {
  435. color: tomato !important;
  436. }
  437. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+3) a {
  438. color: powderblue !important;
  439. }
  440. #by-site-list li[style="font-size: 0.68em"]:nth-child(4n+7) a {
  441. color: greenyellow !important;
  442. }
  443.  
  444.  
  445.  
  446. #by-site-list li[style="font-size: 0.69em"]{
  447.     font-size: 1.9em !important;
  448. }
  449. #by-site-list li[style="font-size: 0.69em"] a {
  450. color: lemonchiffon !important;
  451. }
  452.  
  453.  
  454. #by-site-list li[style="font-size: 0.7em"]{
  455.     font-size: 2em !important;
  456. }
  457. #by-site-list li[style="font-size: 0.7em"]:nth-child(odd) a {
  458. color: thistle !important;
  459. }
  460. #by-site-list li[style="font-size: 0.7em"]:nth-child(even) a {
  461. color:  blanchedalmond !important;
  462. }
  463.  
  464.  
  465. #by-site-list li[style="font-size: 0.71em"]{
  466.     font-size: 2.1em !important;
  467. }
  468. #by-site-list li[style="font-size: 0.71em"] a {
  469. color: antiquewhite !important;
  470. }
  471.  
  472. #by-site-list li[style="font-size: 0.72em"]{
  473.     font-size: 2.2em !important;
  474. }
  475. #by-site-list li[style="font-size: 0.72em"] a {
  476. color: aqua !important;
  477. }
  478.  
  479. #by-site-list li[style="font-size: 0.73em"]{
  480.     font-size: 2.3em !important;
  481. }
  482. #by-site-list li[style="font-size: 0.73em"] a {
  483. color: aquamarine !important;
  484. }
  485.  
  486. #by-site-list li[style="font-size: 0.74em"]{
  487.     font-size: 2.4em !important;
  488. }
  489. #by-site-list li[style="font-size: 0.74em"] a {
  490. color: bisque !important;
  491. }
  492.  
  493.  
  494. #by-site-list li[style="font-size: 0.75em"]{
  495.     font-size: 2.5em !important;
  496. }
  497. #by-site-list li[style="font-size: 0.75em"]:nth-child(odd) a {
  498. color: darkgray !important;
  499. }
  500. #by-site-list li[style="font-size: 0.75em"]:nth-child(even) a {
  501. color: palevioletred !important;
  502. }
  503.  
  504.  
  505.  
  506. #by-site-list li[style="font-size: 0.76em"]{
  507.     font-size: 2.6em !important;
  508. }
  509. #by-site-list li[style="font-size: 0.76em"] a {
  510. color: darkcyan !important;
  511. }
  512.  
  513. #by-site-list li[style="font-size: 0.77em"]{
  514.     font-size: 2.7em !important;
  515. }
  516. #by-site-list li[style="font-size: 0.77em"] a {
  517. color: darkorange !important;
  518. }
  519.  
  520. #by-site-list li[style="font-size: 0.78em"]{
  521.     font-size: 2.8em !important;
  522. }
  523. #by-site-list li[style="font-size: 0.78em"] a {
  524. color: crimson !important;
  525. }
  526.  
  527. #by-site-list li[style="font-size: 0.79em"]{
  528.     font-size: 2.9em !important;
  529. }
  530. #by-site-list li[style="font-size: 0.79em"] a {
  531. color: cornsilk  !important;
  532. }
  533.  
  534. /* ==== > 2.91em ===  */
  535.  
  536. #by-site-list li[style="font-size: 0.8em"]{
  537.     font-size: 2.91em !important;
  538. }
  539. #by-site-list li[style="font-size: 0.8em"] a {
  540. color: cornflowerblue  !important;
  541. }
  542.  
  543. #by-site-list li[style="font-size: 0.81em"]{
  544.     font-size: 2.92em !important;
  545. }
  546. #by-site-list li[style="font-size: 0.81em"] a {
  547. color: coral  !important;
  548. }
  549.  
  550. #by-site-list li[style="font-size: 0.82em"]{
  551.     font-size: 2.93em !important;
  552. }
  553. #by-site-list li[style="font-size: 0.82em"] a {
  554. color: chocolate !important;
  555. }
  556.  
  557. #by-site-list li[style="font-size: 0.83em"]{
  558.     font-size: 2.94em !important;
  559. }
  560. #by-site-list li[style="font-size: 0.83em"] a {
  561. color: chartreuse !important;
  562. }
  563.  
  564.  
  565.  
  566. #by-site-list li[style="font-size: 0.85em"]{
  567.     font-size: 2.945em !important;
  568. }
  569. #by-site-list li[style="font-size: 0.85em"] a {
  570. color: cadetblue !important;
  571. }
  572. #by-site-list li[style="font-size: 0.85em"]:nth-child(odd) a {
  573. color: orangered!important;
  574. }
  575. #by-site-list li[style="font-size: 0.85em"]:nth-child(even) a {
  576. color: indianred !important;
  577. }
  578. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+2) a {
  579. color: tomato !important;
  580. }
  581. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+3) a {
  582. color: mediumturquoise !important;
  583. }
  584. #by-site-list li[style="font-size: 0.85em"]:nth-child(4n+7) a {
  585. color: greenyellow !important;
  586. }
  587.  
  588.  
  589.  
  590. #by-site-list li[style="font-size: 0.89em"] {
  591.     font-size: 2.96em !important;
  592. }
  593. #by-site-list li[style="font-size: 0.89em"]:nth-child(odd) a {
  594. color: darkturquoise !important;
  595. }
  596. #by-site-list li[style="font-size: 0.89em"]:nth-child(even) a {
  597. color: mediumorchid !important;
  598. }
  599.  
  600. #by-site-list li[style="font-size: 0.99em"] {
  601.     font-size: 2.965em !important;
  602. }
  603. #by-site-list li[style="font-size: 0.99em"]:nth-child(odd) a {
  604. color: darkturquoise !important;
  605. }
  606. #by-site-list li[style="font-size: 0.99em"]:nth-child(even) a {
  607. color: mediumorchid !important;
  608. }
  609.  
  610.  
  611.  
  612.  
  613. /* (new83) - GREASEY FORK - LIGHTBOX - POSITION -
  614. https://greasyfork.org/fr/scripts/7732-custom-styles-kaskus
  615. https://greasyfork.org/fr/scripts/7863-gmail-delete-highlight
  616. https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
  617. https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables
  618. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  619. HEIGHT ++ : https://greasyfork.org/en/scripts/7275-pinterest-add-ons
  620.  
  621. ALT (alt="Capture" title="YES" style="">):
  622. - https://greasyfork.org/fr/scripts/7483-fa-content-filter
  623.  
  624. ALT (alt="Capture" title="NO" style="">):
  625. - https://greasyfork.org/fr/scripts/7827-auto-open
  626. - https://greasyfork.org/fr/scripts/7828-cleaner-androidpolice-ap2
  627. === */
  628. /* ============ (new3) SOURCE - SUPP "Source" -
  629. La propriété de feuille de style clip css peut prendre la valeur de :
  630. - auto, s'adapte au contenu,
  631. - rect(v1, v2, v3, v4) :
  632. v1 début de la zone visible verticale,
  633. v2 fin de la zone visible horizontale,
  634. v3 fin de la zone visible verticale,
  635. v4 début de la zone visible horizontale.
  636. L'unité "%" ne semble pas être acceptée.
  637. - inherit, hérite de son parent
  638. EXEMPLE :
  639.     clip: rect(0px, 185px, 25px , 54px)!important;
  640. ================== */
  641. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after {
  642.     position: relative !important;
  643. /* position: fixed !important; */
  644.     display: inline-block !important;
  645.     float: right !important;
  646.     clear: both !important;
  647.     content: "Preview" !important;
  648.     height: 15px !important;
  649.     line-height: 12px !important;
  650.     width: 140px!important;
  651.     margin-top: -63px!important;
  652. /* margin-left: -40px !important; */
  653.     margin-right: -83px !important;
  654.     border-right: 1px solid peru !important;
  655.     border-left: 1px solid peru !important;
  656.     border-top: 1px solid peru !important;
  657.     transform: rotate(90deg) !important;
  658.     text-align: center !important;
  659.     letter-spacing: 1.7px;
  660.     background: black !important;
  661. /* text-transform: full-width !important; */
  662.     z-index: 5000 !important;
  663. }
  664. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots {
  665.     position: absolute!important;
  666.     display: inline-block!important;
  667.     height: 130px !important;
  668.     width: 97.5%!important;
  669.     top: -105px!important;
  670.     text-align: right!important;
  671.     border: 1px solid peru !important;
  672.     background-color: transparent!important;
  673.     background: black !important;
  674.     clip: rect(0px, 990px, 145px , 770px)!important;
  675.     transition: all ease 1.5s !important;
  676. }
  677. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover {
  678.     background: red !important;
  679.     clip: rect(0px, 947px, 145px , 0px)!important;
  680.     z-index: 5000!important;
  681. }
  682.  
  683. .script-screenshots .fancybox {
  684. /* position: absolute !important; */
  685.     position: relative !important;
  686.     display: inline-block !important;
  687.     height: 120px !important;
  688.     width: 160px!important;
  689.     float: right !important;
  690.     clear:left !important;
  691.     margin-right: 5px!important;
  692.     margin-left: 5px !important;
  693. /* z-index: 500 !important; */
  694. }
  695. .script-screenshots .fancybox:not([title=""]):after {
  696.     content: attr(title) !important;
  697. /* position: absolute !important; */
  698.     position: relative !important;
  699.     display: inline-block !important;
  700.     height: 10px !important;
  701. line-height: 10px !important;
  702.     width: 145px!important;
  703.     float: right !important;
  704.     clear: both !important;
  705.     margin-right: 0px !important;
  706.     margin-top: 5px!important;
  707.     padding: 2px 5px !important;
  708.     border-radius: 5px !important;
  709. font-size: 10px !important;
  710.     text-align: left !important;
  711.     text-overflow: ellipsis !important;
  712.     white-space: nowrap !important;
  713.     overflow: hidden !important;
  714.     background: #333 !important;
  715. /* z-index: 500 !important; */
  716. }
  717.  
  718.  
  719. /* (new76) TEST - GM - LANG FILTER -
  720. https://greasyfork.org/fr/scripts/3043-greasyfork-org-langfilter
  721. PB compatibility with TS CITRUS in SCRIPTS LIST
  722. === */
  723. #greazy-forq-info  {
  724.     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.55);
  725.     color: #670000;
  726.     cursor: pointer;
  727.     left: 2px;
  728.     position: fixed;
  729.     text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
  730.     top: 2px;
  731.     z-index: 5000!important;
  732. }
  733. li.greazy-forq-hiden ,
  734. .greazy-forq-hiden {
  735. /* border-right: 1px solid violet !important; */
  736.     border-width: 1px 0 1px 9px !important;
  737. }
  738. /* (new76) USERSTYLES - - STYLE INFOS for TXT in "small"
  739. https://userstyles.org/styles/109335/greasyfork-wide-scriptlist
  740. === */
  741. #additional-info-text small {
  742.     color: #acaeb5 !important;
  743.     font-size: 12px!important;
  744. }
  745.  
  746. /* (new75) SCRIPT TABLE - RATING NUMBER - TS CITRUS - === */
  747.  
  748. .good-rating-count,
  749. .ok-rating-count,
  750. .bad-rating-count {
  751.     border-radius: 2px!important;
  752.     display: inline-block;
  753.     min-width: 15px!important;
  754.     padding: 1px 2px !important;
  755.     margin-right: 2px!important;
  756.     margin-left: -2px!important;
  757. }
  758. .total-rating-count  {
  759.     border-radius: 2px!important;
  760.     display: inline-block;
  761.     height: 15px !important;
  762.     line-height: 15px !important;
  763.     min-width: 70px!important;
  764.     padding: 1px 2px !important;
  765. /* margin-right: 1px!important; */
  766. /* margin-left: 5px!important; */
  767. }
  768.  
  769. /* (new75) - FORUM - COMMENT HTLM EDIT - HELPER on HOVER - === */
  770. .RadioLabel[for="Form_Format2" ] {
  771.     display: inline-block!important;
  772.     float: right!important;
  773. }
  774.  
  775. .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  776.     position: fixed !important;
  777.     display: inline-block !important;
  778.     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;
  779.     width: 25% !important;
  780.     top: 27%!important;
  781.     left: 10% !important;
  782.     padding: 5px !important;
  783.     background: black !important;
  784.     color: peru !important;
  785.     white-space: pre-line !important;
  786.     z-index: 500 !important;
  787.     opacity: 1!important;
  788.     visibility: visible !important;
  789.     transition: all ease 0.7s!important;
  790. }
  791. /* OR for GreasyFork Markdown script - Hover on (?) Markdown:
  792. .bodybox-wrap .RadioLabel[for="Form_Format2"] a
  793. === */
  794. /* .bodybox-wrap .RadioLabel[for="Form_Format2"]:after , */
  795. .bodybox-wrap .RadioLabel[for="Form_Format2"]:hover:after {
  796.     position: fixed !important;
  797.     display: inline-block !important;
  798.     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;
  799.     width: 27% !important;
  800.     top: 10%!important;
  801.     margin-left: -44% !important;
  802.     padding: 5px !important;
  803.     background: black !important;
  804.     color: peru !important;
  805.     white-space: pre-line !important;
  806.     z-index: 500 !important;
  807.     opacity: 1!important;
  808.     visibility: visible !important;
  809.     transition: all 0.7s!important;
  810. }
  811. .bodybox-wrap .RadioLabel[for="Form_Format2"] a:after ,
  812. .bodybox-wrap .RadioLabel[for="Form_Format2"]:after ,
  813. .bodybox-wrap .RadioLabel[for="Form_Format1"]:after {
  814. visibility: hidden !important;
  815.     opacity: 0!important;
  816. }
  817.  
  818. /* (new75) MEDIA QUERIES - === */
  819. @media screen and (max-width: 1400px){
  820. .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  821.     width: 27% !important;
  822.     top: 28%!important;
  823.     left: 0.5% !important;
  824. }
  825.  
  826. .bodybox-wrap .RadioLabel[for="Form_Format2"]:hover:after {
  827.     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 : Indent text at least 4 spaces for all formatting in it to be ignored.  \A Or inline:  \A Inline code is `escaped` with backticks (`) \A \25B6 Unordered lists : use *, + or - :   \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;
  828.     width: 27% !important;
  829.     height: 790px !important;
  830.     top: 10%!important;
  831.     margin-left: -53% !important;
  832.     overflow: hidden!important;
  833.     overflow-y: auto !important;
  834. }
  835.  
  836. /* ==== END MEDIA QUERIEs === */
  837. }
  838. /* (new75) TEST - TS CITRUS  - USER SETS (ON HOVER) - #script-table +  - === */
  839. #main-header + #script-table + #UserSets {
  840.     position: fixed !important;
  841. /* display: inline-table !important; */
  842. /* display: inline-block !important; */
  843. /* float: none !important; */
  844. /* float: right !important; */
  845.     left: 28.5% !important;
  846.     top: 78px!important;
  847.     padding: 2px 10px;
  848.     background-color: yellow;
  849.     border-radius: 5px;
  850.     z-index: 200!important;
  851. /* visibility: visible !important; */
  852.     opacity: 1 !important;
  853. }
  854. /* #UserSets:hover {
  855.     opacity: 1!important;
  856. } */
  857. /* #UserSets:not(:hover):before , */
  858. #main-header + #script-table + #UserSets:before {
  859.     background-color: yellow;
  860.     border-radius: 5px;
  861.     content: "Sets â–¼ " !important;
  862.     display: inline-block !important;
  863.     left: 28% !important;
  864.     padding: 1px 10px !important;
  865.     position: fixed !important;
  866.     top: 70px !important;
  867.     visibility: visible !important;
  868.     z-index: 200 !important;
  869. opacity: 1 !important;
  870. }
  871. #main-header + #script-table + #UserSets:hover {
  872.     opacity: 1 !important;
  873.     visibility: visible !important;
  874. }
  875. /* (new83)A VOIR without SCRIPTS LIST -
  876. https://greasyfork.org/fr/scripts?set=24
  877. === */
  878.  
  879. /* ==== (new83) TEST - FAVORITS  /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" - -
  880. VOIR SET without scripts list:
  881. https://greasyfork.org/fr/scripts?set=24
  882. === */
  883.  
  884. /* (new83) TEST - FAVORITS / SETS PAGES - TXT "FAVORIS BY...." - === */
  885. #UserSets +.width-constraint>h3 {
  886.     position: fixed !important;
  887.     display: inline-block !important;
  888.     width: 50%!important;
  889.     height: 15px !important;
  890.     line-height: 15px !important;
  891.     top: 40px !important;
  892.     z-index: 500 !important;
  893. }
  894. #UserSets +.width-constraint>h3 >a[href$="/edit"]{
  895.     position: relative !important;
  896.     display: inline-block !important;
  897.     height: 18px !important;
  898.     line-height: 18px !important;
  899.     width: 40px !important;
  900.     top: -26px !important;
  901.     margin-left: 94.5% !important;
  902. /* margin-left: 85% !important; */
  903.     padding: 2px 2px 2px 15px !important;
  904.     border-radius: 3px !important;
  905.     font-size: 15px !important;
  906.     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;
  907. }
  908.  
  909. /* (new83) TEST - FAVORITS / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" - === */
  910. .width-constraint>p {
  911.     padding: 2px 2px 2px 20px !important;
  912.     z-index: 500 !important;
  913.     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;
  914. /* background: red !important; */
  915. }
  916.  
  917. /* (new83) TEST - FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" -
  918. https://greasyfork.org/en/scripts?per_page=100&set=2360&sort=created
  919. https://greasyfork.org/fr/scripts/259-greasy-fork-search-other-sites
  920. https://greasyfork.org/en/users/4-loucypher?sort=updated
  921. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  922.  
  923. ===  */
  924. #UserSets + .width-constraint h3  ~ p:nth-last-of-type(n+2) ,
  925. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2) {
  926. /* position: absolute !important; */
  927.     position: fixed !important;
  928.     min-width: 585px !important;
  929.     top: 31px !important;
  930.     margin-left: 360px !important;
  931.     padding: 2px 2px 2px 10px !important;
  932.     border-radius: 3px !important;
  933.     font-size: 15px !important;
  934.     font-weight: bolder !important;
  935.     color: peru !important;
  936.     background: rgba(145, 124, 124, 0.42)!important;
  937.     z-index: 500 !important;
  938. /* background: blue !important; */
  939. }
  940.  
  941. /* (new83) TEST - FAVORITS / SETS PAGES - MEDIA QUERIE - === */
  942. @media screen and (max-width: 1400px) {
  943.  
  944. /* #main-header + #script-table + #UserSets */
  945. #UserSets {
  946.     left: 17% !important;
  947. /* background-color: red !important; */
  948. /* visibility: visible !important; */
  949. }
  950. /* #main-header + #script-table + #UserSets:before */
  951. #UserSets:before {
  952.     left: 16.5% !important;
  953. /* background-color: red !important; */
  954. }
  955.  
  956. /* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
  957. }
  958.  
  959.  
  960. /* (new75) GREASY FORK - FORUM - PROFILE PAGE - === */
  961. #dashboard_profile_index #Content.Column.ContentColumn ,
  962. #dashboard_profile_discussions #Content.Column.ContentColumn {
  963.     margin-top: 80px!important;
  964. }
  965. .About dd {
  966. color: peru !important;
  967. }
  968. #dashboard_profile_discussions #Content.Column.ContentColumn .User {
  969.     position: fixed !important;
  970.     display: inline-block !important;
  971.     width: 680px !important;
  972.     top: 62px !important;
  973.     padding: 5px !important;
  974.     border-bottom: 1px solid peru !important;
  975.     background: black !important;
  976.     z-index: 200 !important;
  977. }
  978. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions {
  979.     position: fixed !important;
  980.     display: inline-block !important;
  981.     top: 69px !important;
  982.     margin-left: -183px !important;
  983. }
  984. #dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
  985.     position: fixed!important;
  986.     display: inline-block !important;
  987.     top: 67px !important;
  988.     margin-left: -183px !important;
  989.     display: inline-block !important;
  990.     z-index: 202 !important;
  991. }
  992.  
  993. #dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
  994.     top: 24px!important;
  995.     position: fixed!important;
  996.     display: inline-block;
  997.     z-index: 250!important;
  998.     color: peru!important;
  999.     width: 678px!important;
  1000.     text-align: left;
  1001.     background: black;
  1002.     padding: 2px 5px!important;
  1003.     border: 1px solid peru!important;
  1004. }
  1005. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions +.Profile {
  1006.     margin-top: 159px!important;
  1007. }
  1008. #conversations_messages_all .Condensed.DataList.Conversations {
  1009.     margin-top: 42px!important;
  1010. }
  1011.  
  1012. /* (new83) - GEASY FORK - WITHOUT GM - SCRIPTS LIST(work with TS CITRUS enable) - === */
  1013. /* #browse-script-list>li */
  1014. #user-script-list>li>article ,
  1015. #browse-script-list>li>article {
  1016.     padding: 2px 5px !important;
  1017.     width: 875px !important;
  1018. }
  1019. .script-list dt {
  1020.     width: 12em;
  1021.     clear: left;
  1022.     float: left;
  1023.     padding-left: 5px!important;
  1024.     padding-right: 1em;
  1025.     font-weight: bold;
  1026.     text-align: left !important;
  1027.     border-left: 1px solid peru !important;
  1028. }
  1029. #user-script-list>li>article .description ,
  1030. #browse-script-list>li>article .description {
  1031.     display: inline-block!important;
  1032.     min-width: 840px !important;
  1033.     max-width: 840px !important;
  1034.     padding-bottom: 10px!important;
  1035.     padding-left: 4px!important;
  1036.     font-size: 15px !important;
  1037.     line-height: 20px !important;
  1038.     border-bottom: 1px solid gray!important;
  1039.     border-left: 3px solid red !important;
  1040. }
  1041.  
  1042. /* (new71) mark ELEMENT - === */
  1043. mark {
  1044.     padding: 0px 5px !important;
  1045.     border-radius: 3px!important;
  1046.     background: #DED236 !important;
  1047. }
  1048.  
  1049. /* (new73) For GM - GreasyFork script icon (https)
  1050. https://greasyfork.org/fr/scripts/6861-greasyfork-script-icon-https
  1051. === */
  1052. #script-info>header>h2>div {
  1053.    position: absolute;
  1054.     display: inline-block;
  1055.     height: 64px!important;
  1056.     height: 159px!important;
  1057.     width: 64px!important;
  1058.     left: 15px!important;
  1059.     top: 5px!important;
  1060.     padding: 3px!important;
  1061.     text-align: right;
  1062.     background-color: transparent !important;
  1063. }
  1064.  
  1065. /* (new70) ICON USER / SCRIPT - BACKGROUND - === */
  1066. #title-image ,
  1067. .ProfilePhoto.ProfilePhotoMedium ,
  1068. #script-info>header>h2>div img {
  1069. /* height: auto; */
  1070. /* width: 64px!important; */
  1071.     padding: 2px!important;
  1072. /* background-color: yellow!important; */
  1073.     background: none repeat scroll 0 0 rgba(191, 191, 190, 0.33) !important;
  1074.     border-radius: 5px !important;
  1075.     box-shadow: 0 0 2px #cccccc inset !important;
  1076. }
  1077. /* (new68) FORUM COMMENT - POST REPY - PREVIEW + QUOTE with "ol" or not / With AUTHOR or not - === */
  1078. .Preview {
  1079.     background: #454545!important;
  1080.     color: #929292 !important;
  1081.     min-height: 100px;
  1082.     padding: 4px;
  1083. }
  1084. /* (new80 */
  1085. blockquote ,
  1086. blockquote.Quote,
  1087. blockQuote.UserQuote {
  1088.     background: rgba(184, 181, 181, 0.05) !important;
  1089. /* border-left: 4px solid rgba(217, 212, 212, 0.1) !important; */
  1090.     border-left: 4px solid rgba(242, 193, 36, 0.37) !important;
  1091. }
  1092.  
  1093. /* (new81) - COR for BLOCKQUOTES */
  1094. blockquote {
  1095.     width: 668px !important;
  1096.     margin-left: -4px !important;
  1097.     padding: 1px 5px !important;
  1098. }
  1099. .Message>blockquote>div>pre{
  1100.     margin-left: 2px!important;
  1101. }
  1102.  
  1103. .QuoteText>ol{
  1104.     display: inline-block!important;
  1105.     width: 95%!important;
  1106.     margin-bottom: -28px!important;
  1107.     margin-top: -15px!important;
  1108. }
  1109.  
  1110. /* (new75) FORUM COMMENT - POST/EDIT NEW DISCUSSION + ACTIVITIES - === */
  1111. #vanilla_post_editdiscussion #Content.Column.ContentColumn ,
  1112. #vanilla_post_discussion #Content.Column.ContentColumn {
  1113.     width: 689px!important;
  1114.     margin-top: 74px!important;
  1115.     margin-left: 215px!important;
  1116. }
  1117. /* (new68) FORUM DISCUSSION - DISSCUSSION CONTAINER - === */
  1118. #Content.Column.ContentColumn ,
  1119. #vanilla_discussion_index #Content.Column.ContentColumn {
  1120.     width: 689px!important;
  1121.     margin-top: 74px!important;
  1122.     margin-left: 215px!important;
  1123. }
  1124.  
  1125. /* (new80) FORUM DISCUSSION - DISSCUSSION LIST CONTAINER - === */
  1126. .DataList.Discussions {
  1127.     width: 689px!important;
  1128.     margin-top: 107px!important;
  1129. /* margin-left: 215px!important; */
  1130. }
  1131. .HomepageTitle ,
  1132. .H.HomepageTitle {
  1133.     position: fixed !important;
  1134.     width: 689px!important;
  1135.     top: 56px !important;
  1136.     padding: 1px 15px 1px 5px!important;
  1137.     border-bottom: 1px solid peru!important;
  1138.     color: gold !important;
  1139.     background-color: #222 !important;
  1140.     z-index: 10 !important;
  1141. }
  1142. .P.PageDescription {
  1143.     position: fixed !important;
  1144.     width: 689px!important;
  1145.     top: 76px !important;
  1146.     padding: 1px 5px 1px 15px!important;
  1147.     color: gold !important;
  1148.     background-color: #222 !important;
  1149.     z-index: 10 !important;
  1150. }
  1151. .DataList.Discussions {
  1152.     border-top: 1px solid peru !important;
  1153. }
  1154.  
  1155.  
  1156. /* (new68) - ACTIVITY PAGE - === */
  1157. .Excerpt>p>a>img {
  1158.     max-width: 671px!important;
  1159. }
  1160. .Profile .DataList.Discussions .Item:nth-child(odd) ,
  1161. .DataList.SearchResults .Item:nth-child(odd) {
  1162.     background-color: #222 !important;
  1163. }
  1164. .Profile .DataList.Discussions .Item:nth-child(even) ,
  1165. .DataList.SearchResults .Item:nth-child(even) {
  1166.     background-color: #414141 !important;
  1167. }
  1168. .Profile .DataList.Discussions .Item:hover ,
  1169. .DataList.SearchResults .Item:hover {
  1170.     background-color: rgba(7, 7, 7, 0.57) !important;
  1171.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  1172.     transition: background 0.8s ease 0s !important;
  1173. }
  1174. .Profile .DataList.Discussions .Item:hover ,
  1175. .DataList.SearchResults .Item:hover {
  1176.     background-color: black !important;
  1177.     z-index: 1 !important;
  1178. }
  1179.  
  1180. .DataList.SearchResults .Item .ItemContent .Meta a {
  1181.     font-size: 15px!important;
  1182. }
  1183.  
  1184.  
  1185. /* (new74) - GREASY FORK - with / without TS CITRIX - - SEARCH FORM + BUTTONS - ===  */
  1186. #script-search>input[type="search"] {
  1187.     height: 13px!important;
  1188. }
  1189. #script-search>input[type="submit"] {
  1190.     -moz-appearance: none!important;
  1191.     height: 20px!important;
  1192.     line-height: 10px!important;
  1193.     font-size: 14px!important;
  1194. }
  1195. #search-other-sites {
  1196.     direction: rtl;
  1197.     width: 19px!important;
  1198.     height: 20px!important;
  1199.     padding: 4px !important;
  1200.     line-height: 10px!important;
  1201. /* font-family: Verdana,sans-serif!important; */
  1202. }
  1203. /*  (new59) - GREASY FORK - without TS CITRIX - - LINKS in MESSAGE -
  1204. https://greasyfork.org/fr/forum/discussion/2246/please-help-me-convert-bookmarklet-in-user-script-in-order-to-download-artwork-on-soundcloud#latest
  1205. === */
  1206. body:not(.Settings) a:not(.Button) {
  1207.     color: peru!important;
  1208. }
  1209. /*  (new59) - GREASY FORK - without TS CITRIX - - FORUM HEADER -
  1210. .width-constraint :
  1211. https://greasyfork.org/fr/scripts/404-mouseover-popup-image-viewer/feedback
  1212. === */
  1213. #main-header +.width-constraint {
  1214.     max-width: 960px;
  1215.     margin-bottom: auto;
  1216.     margin-left: auto;
  1217.     margin-right: auto;
  1218.     margin-top: 78px !important;
  1219. }
  1220. /* (new71) */
  1221. #Head .Row  {
  1222.     position: relative;
  1223.     display: inline-block!important;
  1224.     min-width: 91%!important;
  1225. /* max-width: 100%!important; */
  1226.     max-height: 47px ! important;
  1227.     min-height: 47px !important;
  1228.     left: 7%!important;
  1229.     padding: 0.25em 0;
  1230. /* outline: 1px solid yellow !important; */
  1231. }
  1232.  
  1233. #Head .Row #site-name {
  1234.     height: 51px !important;
  1235.     line-height: 1em;
  1236.     margin-top: -8px!important;
  1237. }
  1238. #nav-user-info {
  1239.     position: absolute;
  1240.     display: inline-block!important;
  1241.     top: -7px!important;
  1242. }
  1243. /* (new71)GREASY FORK */
  1244. .width-constraint #nav-user-info {
  1245.     position: absolute;
  1246.     display: inline-block!important;
  1247.     top: 12px!important;
  1248. }
  1249. .SiteMenu {
  1250.     position: absolute;
  1251.     display: inline-block!important;
  1252.     height: 24px!important;
  1253.     width: 320px!important;
  1254.     top: -5px!important;
  1255.     left: 25%!important;
  1256. /* margin-right: 46.5%!important; */
  1257. }
  1258. /* (new59) GREASY FORK : Without TS CITRIX -
  1259. https://greasyfork.org/fr/scripts/
  1260. === */
  1261. #site-nav>nav  {
  1262.     position: absolute;
  1263.     display: inline-block!important;
  1264.     height: 24px!important;
  1265.     width: 320px!important;
  1266.     top: 9px!important;
  1267.     left: 21%!important;
  1268. }
  1269. #main-header .width-constraint {
  1270.     padding: 0 0 0.25em;
  1271.     position: relative;
  1272.     height: 53px!important;
  1273. }
  1274. #main-header .width-constraint #site-name {
  1275.     height: 67px!important;
  1276. }
  1277.  
  1278. #site-name>a:not([href="/"]) {
  1279.     display: inline-block!important;
  1280.     transform: scale(0.5)!important;
  1281.     transform-origin: top left!important;
  1282. }
  1283. /* (new74) */
  1284. #site-name>a[href="/"] {
  1285.     display: inline-block!important;
  1286.     color: gold !important;
  1287. }
  1288. #site-name>a[href="/"] span {
  1289.     position: relative!important;
  1290.     display: inline-block!important;
  1291.     height: 33px!important;
  1292.     line-height: 33px!important;
  1293.     top: -24px!important;
  1294.     margin-left: 3px!important;
  1295.     font-size: 27px!important;
  1296.     color: peru !important;
  1297. }
  1298. /* (new75) */
  1299. #site-name>a[href="/"] #title-subtext {
  1300.     position: absolute;
  1301.     top: 30px!important;
  1302.     left: 64px !important;
  1303.     font-size: 10px;
  1304.     font-weight: 400 !important;
  1305.     text-decoration: none;
  1306.     color: peru !important;
  1307. }
  1308. #site-name>a[href="/"] #title-subtext:hover b {
  1309.     display: block!important;
  1310.     color: tomato!important;
  1311.     font-size: 15px!important;
  1312.     transform: translate(150px, -19px)!important;
  1313. }
  1314. #vanilla_discussion_index #site-name>a[href="/"] #title-subtext:hover b  ,
  1315. #vanilla_discussions_index #site-name>a[href="/"] #title-subtext:hover b {
  1316.     transform: translate(150px, -16px)!important;
  1317. }
  1318. #site-name-text {
  1319.     display: inline-block;
  1320.     vertical-align: top;
  1321.     height: 40px!important;
  1322.     line-height: 28px!important;
  1323.     margin-left: -50px!important;
  1324. }
  1325. #site-name-text h1 {
  1326.     font-size: 29px!important;
  1327.     letter-spacing: -2px;
  1328.     margin: 0;
  1329. }
  1330. /* (new83) TS CITRUS - SCRIPT LIST TABLE - BROWSE/PROFILE - === */
  1331. #script-table {
  1332.     display: block!important;
  1333.     margin: 0 auto!important;
  1334.     max-width: 960px!important;
  1335. }
  1336. body[pagetype="ListingPage"] #script-table {
  1337.     margin-top: 100px!important;
  1338. }
  1339. body[pagetype="ListingPage"] #script-table thead {
  1340.     position: fixed!important;
  1341.     min-width: 960px!important;
  1342.     margin-top: -31px!important;
  1343. }
  1344. body[pagetype="ListingPage"] #script-table thead tr {
  1345.     display: inline-table!important;
  1346.     width: 100%!important;
  1347.     max-width: 960px!important;
  1348. }
  1349. #script-table>thead>tr>td:first-of-type {
  1350.     width: 45px !important;
  1351. }
  1352. #script-table>thead>tr>td[tag="name"] {
  1353.     width: 485px!important;
  1354. }
  1355. #script-table>thead>tr>td[tag="ratings"] {
  1356.     width: 85px!important;
  1357. }
  1358. #script-table>thead>tr>td[tag=""] {
  1359.     width: 40px!important;
  1360. }
  1361. #script-table>thead>tr>td[tag="total_installs"] {
  1362. /* width: 35px !important; */
  1363. }
  1364. #script-table>thead>tr>td[tag="created"] {
  1365.     width: 83px!important;
  1366. }
  1367. #script-table>thead>tr>td[tag="updated"] {
  1368.     width: 85px!important;
  1369. }
  1370.  
  1371. #script-table td {
  1372.     padding: 2px 5px;
  1373.     text-align: center;
  1374.     min-width: 45px!important;
  1375.     width: auto!important;
  1376. }
  1377. .width-constraint #script-info>header {
  1378.     position: fixed !important;
  1379.     display: inline-block !important;
  1380. /* width: 100%!important; */
  1381.     min-width: 960px!important;
  1382.     max-width: 960px!important;
  1383.     height: 125px!important;
  1384. /* height: auto!important; */
  1385.     line-height: 28px!important;
  1386.     top: 70px!important;
  1387.     padding: 5px!important;
  1388.     z-index: 500 !important;
  1389.     background: black!important;
  1390. }
  1391.  
  1392. .width-constraint #script-info>#script-links {
  1393.     position: fixed!important;
  1394.     display: inline-block !important;
  1395.     width: 100%!important;
  1396.     min-width: 960px!important;
  1397.     max-width: 960px!important;
  1398.     top: 189px!important;
  1399.     margin-bottom: 0;
  1400.     padding: 2px 5px!important;
  1401.     list-style: outside none none;
  1402.     z-index: 500 !important;
  1403.     background: black!important;
  1404. }
  1405.  
  1406. /* (new82) SCRIPT INFOS PAGE - SMALLER TAB LABELS - For extras labels in  AUTHOR SCRIPTS (where We can EDIT IT) === */
  1407. .width-constraint #script-info>#script-links li > * {
  1408.     display: block;
  1409.     padding: 2px!important;
  1410.     font-size: 14px!important;
  1411. }
  1412.  
  1413.  
  1414. /* (new59) GREASY FORK - PROFILE - TS CITRUS - === */
  1415. #user-control-panel > li {
  1416.     display: table-cell!important;
  1417.     line-height: 13px!important;
  1418.     padding: 2px 1px!important;
  1419.     border: 1px solid #404040;
  1420.     border-radius: 5px;
  1421.     box-shadow: 3px 3px 2px #888888;
  1422.     text-align: center!important;
  1423.     font-size: 13px!important;
  1424.     background-color: #f5f2f2;
  1425. }
  1426.  
  1427.  
  1428. /*  (new71) - GREASY FORK - TS CITRIX - SCIPT PAGE - TXT "Show your appreciation..." - === */
  1429. .width-constraint #script-info>#script-content>div[style*="background-color: yellow;"]  {
  1430.     position: fixed !important;
  1431.     display: inline-block !important;
  1432.     width: 350px !important;
  1433.     height: 30px !important;
  1434.     line-height: 15px !important;
  1435.     margin-left: 580px !important;
  1436.     margin-top: -45px !important;
  1437.     padding: 3px 5px 3px 5px !important;
  1438.     border-radius: 4px;
  1439.     text-align: left !important;
  1440.     background-color: #D6D6D1 !important;
  1441.     opacity: 0!important;
  1442.     transition: opacity ease 0.7s !important;
  1443. }
  1444. .width-constraint #script-info>#script-content:hover >div[style*="background-color: yellow;"] {
  1445.     opacity: 1!important;
  1446.     z-index: 5000 !important;
  1447. /* outline: 1px solid yellow !important; */
  1448. }
  1449.  
  1450. .width-constraint #script-info>#script-content>#install-area>div[style*="background-color: yellow;"] {
  1451.     position: fixed !important;
  1452.     display: inline-block !important;
  1453.     width: 310px !important;
  1454.     height: 30px !important;
  1455.     line-height: 15px !important;
  1456.     margin-left: -100px !important;
  1457.     margin-top: -50px !important;
  1458.     padding: 3px 5px 3px 5px !important;
  1459.     border-radius: 4px;
  1460.     text-align: left !important;
  1461.     background-color: #D6D6D1 !important;
  1462.     opacity: 0!important;
  1463.     transition: opacity ease 0.7s !important;
  1464. }
  1465. .width-constraint #script-info>#script-content>#install-area:hover>div[style*="background-color: yellow;"] {
  1466.     position: fixed!important;
  1467.     display: inline-block!important;
  1468.     float: none!important;
  1469.     margin-left: 95px !important;
  1470.     margin-top: -205px!important;
  1471.     opacity: 1!important;
  1472. /* z-index: 500000 !important; */
  1473. /* outline: 1px solid violet!important; */
  1474. }
  1475.  
  1476.  
  1477. /*  (new83) - GREASY FORK - with/without TS CITRIX - SCRIPT INFOS  -
  1478. :not([id="install-stats-chart-container"])
  1479.  === */
  1480. .width-constraint #script-info>#script-content{
  1481.     position: relative !important;
  1482.     display: inline-block!important;
  1483.     min-width: 959px !important;
  1484.     max-width: 959px !important;
  1485.     margin-top: 148px!important;
  1486. /* margin-left: 2px!important; */
  1487. margin-left: -1px !important;
  1488.     padding-left: 9px!important;
  1489.     padding-right: 0!important;
  1490.     padding-top: 2px!important;
  1491.     border: 1px solid black!important;
  1492. /* background-color: transparent !important; */
  1493.     background-color: #2B2B2B!important;
  1494. }
  1495. /* (new73) */
  1496. .width-constraint #script-info>#script-content>h3:not([id="feedback-favoriters"]) {
  1497.     min-width: 930px!important;
  1498.     max-width: 930px!important;
  1499.     margin-left: 0px!important;
  1500. /* margin-top: -7px!important; */
  1501.     border-bottom: 1px solid gray!important;
  1502.     text-align: center !important;
  1503.     background: #222222!important;
  1504. }
  1505. .width-constraint #discussions {
  1506.     min-width: 850px!important;
  1507.     max-width: 850px!important;
  1508.     margin-top: -10px!important;
  1509.     margin-left: -10px!important;
  1510.     padding: 20px 53px!important;
  1511.     border: 1px solid gray!important;
  1512. }
  1513. .width-constraint #discussions li:nth-child(odd) {
  1514.     border-bottom: 1px solid gray!important;
  1515.     background: #222222 !important;
  1516. }
  1517. .width-constraint #discussions li:nth-child(even) {
  1518.     border-bottom: 1px solid gray!important;
  1519.     background: #333333 !important;
  1520. }
  1521.  
  1522. .width-constraint #discussions li:hover {
  1523.     background: rgba(0, 0, 0, 0.8)!important;
  1524.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  1525.     transition: background 0.8s ease 0s !important;
  1526. }
  1527.  
  1528. body[pagetype="ListingPage"] #script-table +.width-constraint h3 {
  1529.     position: fixed !important;
  1530.     height: 20px!important;
  1531.     line-height: 20px!important;
  1532.     width: 393px !important;
  1533.     margin-left: 59px!important;
  1534.     top: 32px !important;
  1535.     padding: 1px!important;
  1536.     border-radius: 5px!important;
  1537.     text-align: center !important;
  1538.     border: 1px solid gray !important;
  1539.     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);
  1540.     z-index: 500 !important;
  1541. }
  1542. /* (new83) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER + META + INFOS + SCREENSHOTS -
  1543. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  1544. === */
  1545. #install-area {
  1546.     position: fixed !important;
  1547.     display: inline-block!important;
  1548.     min-width: 950px !important;
  1549.     max-width: 950px !important;
  1550.     top: 230px !important;
  1551. /* margin-bottom: 1em; */
  1552.     margin-left: -8px !important;
  1553. /* margin-top: -5px!important; */
  1554.     padding: 5px 9px !important;
  1555.     border-bottom: 1px solid gray;
  1556.     background-color: #f9ecdb!important;
  1557.     z-index: 1!important;
  1558. }
  1559. .width-constraint #script-info > #script-content  #script-meta {
  1560.     display: table;
  1561.     width: 950px !important;
  1562.     margin-top: 8px !important;
  1563.     padding: 5px !important;
  1564.     border-bottom: 1px dotted gray !important;
  1565. }
  1566.  
  1567. /* (new80) TEST - GREASY FORK - SCRIPT PAGE - AUTHOR LINK - FIXED - TEST - === */
  1568. #script-info .script-show-author>span a:before {
  1569.     position: fixed  !important;
  1570.     display: inline-block !important;
  1571.     width: 100%!important;
  1572.     height: 18px !important;
  1573.     line-height: 10px !important;
  1574.     content: "Author"  !important;
  1575. /* margin-left: -9.9%  !important; */
  1576.     left: 0% !important;
  1577.     top: 59px  !important;
  1578.     padding: 2px 5px 5px 5px  !important;
  1579.     font-size: 10px !important;
  1580.     text-align: left !important;
  1581.     background: transparent !important;
  1582.     transition: all ease 1s !important;
  1583. /* z-index: 7200 !important; */
  1584. }
  1585. #script-info:hover .script-show-author>span a:before {
  1586.     position: fixed  !important;
  1587.     display: inline-block !important;
  1588.     width: 100%!important;
  1589.     height: 18px !important;
  1590.     line-height: 10px !important;
  1591.     content: "Author"  !important;
  1592. /* margin-left: -9.9%  !important; */
  1593.     left: 0% !important;
  1594.     top: 59px  !important;
  1595.     padding: 2px 5px 5px 5px  !important;
  1596.     font-size: 10px !important;
  1597.     text-align: center !important;
  1598.     background: #333 !important;
  1599.     transition: all ease 4s !important;
  1600.     z-index: 7200 !important;
  1601. }
  1602. .script-show-author>span a:after{
  1603.     position: fixed  !important;
  1604.     display: inline-block !important;
  1605. /* width: 20px !important; */
  1606.     width: 100%!important;
  1607.     height: 10px !important;
  1608.     line-height: 10px !important;
  1609.     content: "➥"  !important;
  1610. /* margin-left: -15%  !important; */
  1611.     top: 71px  !important;
  1612.     left: 0% !important;
  1613.     padding: 1px!important;
  1614.     font-size: 20px !important;
  1615.     text-align: left !important;
  1616.     background: transparent !important;
  1617.     transition: all ease 0.7s !important;
  1618. /* z-index: 7200 !important; */
  1619. }
  1620. #script-info:hover .script-show-author>span a:after{
  1621.     position: fixed  !important;
  1622.     display: inline-block !important;
  1623. /* width: 20px !important; */
  1624.     width: 100%!important;
  1625.     height: 10px !important;
  1626.     line-height: 10px !important;
  1627.     content: "➥"  !important;
  1628. /* margin-left: -15%  !important; */
  1629.     top: 71px  !important;
  1630.     left: 0% !important;
  1631.     padding: 1px!important;
  1632.     font-size: 20px !important;
  1633.     text-align: center !important;
  1634.     background: transparent !important;
  1635.     z-index: 7200 !important;
  1636. }
  1637.  
  1638. /* (new77) GREASY FORK - SCRIPT PAGE - INFOS CONTAINER - === */
  1639. .width-constraint #script-info > #script-content #additional-info {
  1640.     position: relative !important;
  1641.     display: inline-block !important;
  1642.     min-width: 950px !important;
  1643.     max-width: 950px !important;
  1644.     margin-left: -4px !important;
  1645.     margin-bottom: 50px !important;
  1646.     padding: 0 5px 15px 5px !important;
  1647.     background-color: #f9dacd;
  1648.     border-radius: 5px;
  1649. /* white-space: pre-line !important; */
  1650.     word-wrap: break-word !important;
  1651. }
  1652. /* (new77) -
  1653. https://greasyfork.org/fr/scripts/2229-change-search-result-for-google
  1654. === */
  1655. .width-constraint #script-info > #script-content #additional-info > div {
  1656. /* position: relative !important; */
  1657. /* display: inline-block !important; */
  1658. /* min-width: 932px !important; */
  1659. /* max-width: 932px !important; */
  1660.     padding: 5px !important;
  1661.     background-color: #2B2B2B!important;
  1662. /* white-space: pre-line !important; */
  1663. /* word-wrap: break-word !important; */
  1664. }
  1665. .width-constraint #script-info > #script-content #additional-info img {
  1666. /* background-color: black!important; */
  1667. }
  1668. .width-constraint #script-info > #script-content #additional-info>div>p>img {
  1669.     max-width: 895px !important;
  1670. }
  1671.  
  1672. /* (new83) GREASY FORK - CODE PAGE - === */
  1673. #code-container {
  1674.     max-height: 635px!important;
  1675.     width: 100% ;
  1676.     margin-left: -5px !important;
  1677.     margin-top: 8px !important;
  1678.     overflow-x: hidden !important;
  1679.     background-color:  white !important;
  1680. }
  1681. #script-feedback-suggestion + #code-container{
  1682.     max-height: 645px!important;
  1683.     width: 100% ;
  1684.     margin-left: -5px !important;
  1685.     margin-top: 22px !important;
  1686.     overflow-x: hidden !important;
  1687.     background-color: white !important;
  1688. }
  1689. /* (new70) GREASY FORK - DISCUSS / HISTORIC etc - === */
  1690. #feedback-favoriters ,
  1691. #script-content>p:not(:empty):not(:first-of-type):not(:empty) {
  1692.     margin-top: 10px !important;
  1693.     margin-bottom: 20px !important;
  1694.     padding: 5px !important;
  1695.     border-radius: 4px !important;
  1696.     text-align: center !important;
  1697.     background-color: #f9dacd !important;
  1698. }
  1699.  
  1700. /* (new83) GREASY FORK - SCRIPT INFO - HISTORIC - WATCH DIFF (HOVER BUTTON) -
  1701. https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables/versions
  1702. https://greasyfork.org/fr/scripts/4407-ts-linx-amender/versions
  1703. === */
  1704. .width-constraint #script-info > #script-content >form[action$="/diff"]  {
  1705.     margin-top: 20px!important;
  1706.     width: 934px !important;
  1707. }
  1708. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:first-of-type  {
  1709.     margin-bottom: 15px !important;
  1710.     cursor: pointer !important;
  1711. }
  1712. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type  {
  1713.     top: 28.7%!important;
  1714.     margin-left: -20px!important;
  1715.     position: fixed !important;
  1716.     width: 10px !important;
  1717.     height: 15px !important;
  1718.     -moz-appearance: none !important;
  1719.     border-left: 19px solid #AAAAAA;
  1720.     border-bottom: 9px solid transparent;
  1721.     border-top: 9px solid transparent;
  1722.     border-right: none !important;
  1723. /* padding: 3px 5px 3px 0px  !important; */
  1724.     color: transparent!important;
  1725.     background: green !important;
  1726.     cursor: pointer !important;
  1727.     transition: width ease 0.1s, margin ease 0.1s  !important;
  1728. }
  1729. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type:hover {
  1730. /* top: 29.5%!important; */
  1731.     margin-left: -130px !important;
  1732.     width: 145px !important;
  1733.     height: auto !important;
  1734.     line-height: 12px !important;
  1735.     -moz-appearance: button !important;
  1736.     white-space: normal !important;
  1737.     border: none!important;
  1738.     color: black !important;
  1739. /* background: green !important; */
  1740.     cursor: pointer !important;
  1741.     transition: width ease 0.2s, margin ease 1.5s  !important;
  1742. }
  1743.  
  1744.  
  1745. /* (new66) GREASY FORK - SCRIPT STATS - === */
  1746. #script-content> script[src*="assets"] ~h3 {
  1747.     margin-top: 10px !important;
  1748.     margin-bottom: 20px !important;
  1749.     padding: 5px !important;
  1750.     border-radius: 4px !important;
  1751.     text-align: center! important;
  1752. /* background-color: #f9dacd !important; */
  1753. }
  1754. [id$="-chart-container"] {
  1755.     background: peru !important;
  1756. /* background: #f9dacd !important; */
  1757. }
  1758. td.numeric,
  1759. th.numeric {
  1760.     text-align: left!important;
  1761.     text-align: center!important;
  1762. }
  1763. /*  (new74) GREASY FORK - SCRIPT - DISCUSSION TABLE - ITEMS - === */
  1764. .width-constraint #discussions li>a:first-of-type {
  1765.     width: 835px !important;
  1766.     display: inline-block !important;
  1767.     color: #B4A393  !important;
  1768. }
  1769. .width-constraint #discussions li>a:first-of-type:hover {
  1770.     color: tomato  !important;
  1771. }
  1772. .width-constraint #discussions li>time:first-of-type {
  1773.     display: inline-block !important;
  1774.     width: 95px !important;
  1775.     margin-right: 20px!important;
  1776.     text-align: center !important;
  1777. }
  1778. .width-constraint #discussions li>time:last-of-type {
  1779.     display: inline-block!important;
  1780.     width: 125px !important;
  1781.     margin-left: -30px !important;
  1782.     text-align: center !important;
  1783.     white-space: nowrap !important;
  1784. }
  1785. .width-constraint #discussions li>a:nth-child(2) {
  1786.     width: 180px !important;
  1787.     display: inline-block !important;
  1788.     margin-left: 10px !important;
  1789. }
  1790. .width-constraint #discussions li>a:nth-child(4) {
  1791.     width: 160px !important;
  1792.     display: inline-block !important;
  1793.     margin-left: 20px !important;
  1794. }
  1795.  
  1796. .width-constraint #script-info > #script-content > form > ul {
  1797.     margin-top: -8px !important;
  1798. }
  1799. .width-constraint #script-info > #script-content > form > ul li {
  1800.     margin-bottom: -3px !important;
  1801.     padding-bottom: 4px !important;
  1802.     border-top: 1px solid gray !important;
  1803. }
  1804. #script-content>form>ul>li>input + a {
  1805.     display: inline-block !important;
  1806.     width: 15% !important;
  1807.     padding: 1px 5px !important;
  1808.     background: #222222 !important;
  1809. }
  1810. #script-content>form>ul>li:nth-child(odd)>input + a {
  1811.     background: #222222 !important;
  1812. }
  1813. #script-content>form>ul>li:nth-child(even)>input + a {
  1814.     background: #333333 !important;
  1815. }
  1816. .width-constraint #script-info > #script-content > form > ul li time {
  1817.     display: inline-block!important;
  1818.     min-width: 202px !important;
  1819.     max-width: 202px !important;
  1820.     padding: 1px 5px !important;
  1821.     letter-spacing: 1.4px !important;
  1822.     text-align: center !important;
  1823. }
  1824. .width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
  1825.     background: #222222 !important;
  1826. }
  1827.  
  1828. .width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
  1829.     background: #333333 !important;
  1830. }
  1831.  
  1832.  
  1833. /* (new71) - GREASY FORK - FORUM TABLE -
  1834. Test LIKNK : MouseOver PopUP Viewer rules :
  1835. https://greasyfork.org/fr/forum/discussion/593/x
  1836. === */
  1837. .Message table {
  1838.     border-collapse: separate;
  1839.     border-spacing: 4px;
  1840.     margin: 1em -4px;
  1841.     width:  650px!important;
  1842. }
  1843. .Message table thead{
  1844.     width:  650px!important;
  1845. }
  1846. .Message th {
  1847.     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;
  1848.     font-size: 105%;
  1849.     font-weight: bold;
  1850.     padding-bottom: 0.5em;
  1851.     padding-top: 0.5em;
  1852. }
  1853. .Message table tbody {
  1854.     width:  650px!important;
  1855. }
  1856. .Message table tbody tr td:first-of-type  {
  1857.     width:  120px!important;
  1858.     vertical-align: middle !important;
  1859.     color: gold!important;
  1860.     border: 1px solid red !important;
  1861. }
  1862. .Message table tbody tr td:first-of-type + td  {
  1863.     min-width:  100px!important;
  1864.     max-width:  100px!important;
  1865.     color: gold!important;
  1866.     vertical-align: middle !important;
  1867.     border: 1px solid green !important;
  1868. }
  1869. .Message table tbody tr td:last-of-type  {
  1870.     min-width:  280px!important;
  1871.     max-width:  280px!important;
  1872.     border: 1px solid blue !important;
  1873. }
  1874. .Message table tbody tr td:last-of-type code {
  1875.     float: left!important;
  1876.     min-width:  290px!important;
  1877.     max-width:  290px!important;
  1878.     background-color: #f9ebd2;
  1879.     border: 1px solid;
  1880.     border-radius: 3px;
  1881.     color: #eb5100;
  1882.     margin-left: -6px !important;;
  1883.     padding: 1px 3px;
  1884.     white-space: pre-line!important;
  1885. }
  1886.  
  1887. /* (new72) GREASY FORK - BROWSE / USER SCRIPTS  - === */
  1888. #user-script-list>li ,
  1889. #browse-script-list>li {
  1890.     padding: 5px!important;;
  1891. }
  1892. #user-script-list>li:nth-child(odd) ,
  1893. #browse-script-list>li:nth-child(odd) {
  1894.     background-color: #222 !important;
  1895. }
  1896. #user-script-list>li:nth-child(odd):hover ,
  1897. #browse-script-list>li:nth-child(odd):hover {
  1898.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  1899.     background-color: rgba(7, 7, 7, 0.67) !important;
  1900.     transition: background 0.8s ease 0s !important;
  1901. }
  1902. #user-script-list>li:nth-child(even) ,
  1903. #browse-script-list>li:nth-child(even) {
  1904.     background-color: #414141 !important;
  1905. }
  1906. #user-script-list>li:nth-child(even):hover ,
  1907. #browse-script-list>li:nth-child(even):hover {
  1908.     background-color: rgba(7, 7, 7, 0.57) !important;
  1909.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  1910.     transition: background 0.8s ease 0s !important;
  1911. }
  1912. #user-script-list>li:hover ,
  1913. #browse-script-list>li:hover {
  1914.     background-color: black !important;
  1915.     z-index: 1 !important;
  1916. }
  1917. #user-script-list>li h2 ,
  1918. #browse-script-list>li h2 {
  1919.     display: inline-block!important;
  1920.     width: 100% !important;
  1921. }
  1922. #user-script-list>li h2 a ,
  1923. #browse-script-list>li h2 a {
  1924.     display: inline-block!important;
  1925.     width: 100% !important;
  1926. }
  1927. #browse-script-list>li h2 span {
  1928. }
  1929. #user-script-list>li h2 span.name-description-separator ,
  1930. #browse-script-list>li h2 span.name-description-separator {
  1931. /* position: absolute!important; */
  1932.     display: inline-block!important;
  1933.     vertical-align: top!important;
  1934.     float: left!important;
  1935.     clear: both !important;
  1936.     width: 3px !important;
  1937.     height: 25px!important;
  1938.     line-height: 25px!important;
  1939.     margin-right: 4px!important;
  1940.     margin-left: 2px !important;
  1941.     padding: 5px 0 !important;
  1942.     color: transparent !important;
  1943.     background: red !important;
  1944.  
  1945. display: none!important;
  1946. }
  1947.  
  1948.  
  1949. /* (new72) GREASY FORK - BROWSE SCRIPTS - SORT PANEL (WIth/Without TS CITRUS) - === */
  1950. .list-option-groups {
  1951.     position: fixed !important;
  1952.     display: inline-block !important;
  1953.     float: none !important;
  1954.     width: 15em;
  1955.     right: 0!important;
  1956.     top: 65px!important;
  1957.     margin-right: 0% !important;
  1958.     margin-top: 1em;
  1959.     font-size: smaller;
  1960. /* box-shadow: 0 0 4px #999999 !important; */
  1961. /* background-color: #2d2d2d !important; */
  1962. }
  1963.  
  1964. .list-option-group {
  1965.     margin-bottom: 0.5em;
  1966.     padding: 0.5em;
  1967.     box-shadow: 0 0 4px #999999 !important;
  1968.     border-radius: 5px 0 0 5px;
  1969.     background-color: #2d2d2d !important;
  1970. }
  1971. /* (new59) - STATISTICS - ADD LABEL on HOVER - === */
  1972. #install-stats-chart-container + table>thead>tr>th>abbr:before {
  1973.     position: fixed !important;
  1974.     display: inline-block !important;
  1975.     width: 100px!important;
  1976.     transform: rotate(-90deg)!important;
  1977.     content: attr(title) !important;
  1978.     margin-top: 65px!important;
  1979.     margin-left: -83px!important;
  1980.     font-size: 13px!important;
  1981.     text-align: right!important;
  1982.     color: peru!important;
  1983. }
  1984. #install-stats-chart-container + table:hover>thead>tr>th>abbr:after {
  1985.     position: fixed !important;
  1986.     display: inline-block !important;
  1987.     width: 20px!important;
  1988.     height: 17px!important;
  1989.     transform: rotate(-90deg)!important;
  1990.     content: "."!important;
  1991.     margin-top: 22px!important;
  1992.     margin-left: -44px!important;
  1993.     border-radius: 5px!important;
  1994.     font-size: 13px!important;
  1995.     text-align: center!important;
  1996.     color: peru!important;
  1997.     background: rgba(255, 211, 0, 0.16)!important;
  1998. }
  1999. #install-stats-chart-container + table>thead>tr>th:nth-of-type(7):before {
  2000.     position: fixed !important;
  2001.     display: inline-block !important;
  2002.     width: 100px!important;
  2003.     transform: rotate(-90deg)!important;
  2004.     content: "Opera JS"!important;
  2005.     margin-top: 80px!important;
  2006.     margin-left: -40px!important;
  2007.     font-size: 20px!important;
  2008.     text-align: right!important;
  2009.     color: peru!important;
  2010. }
  2011. #install-stats-chart-container + table>thead>tr>th:nth-of-type(8):before {
  2012.     position: fixed !important;
  2013.     display: inline-block !important;
  2014.     width: 100px!important;
  2015.     transform: rotate(-90deg)!important;
  2016.     content: "Opera JS"!important;
  2017.     margin-top: 80px!important;
  2018.     margin-left: -29px!important;
  2019.     font-size: 20px!important;
  2020.     text-align: right!important;
  2021.     color: peru!important;
  2022. }
  2023.  
  2024. #install-stats-chart-container + table>tbody>tr:nth-child(odd) {
  2025.     background: rgba(255, 0, 0, 0.23)  !important;
  2026. }
  2027. #install-stats-chart-container + table>tbody>tr:nth-child(even) {
  2028.     background: rgba(255, 254, 0, 0.23)  !important;
  2029. }
  2030. #install-stats-chart-container + table>tbody>tr:hover th {
  2031.     background: blue  !important;
  2032. }
  2033. #install-stats-chart-container + table>tbody>tr:hover th {
  2034.     background: blue  !important;
  2035. }
  2036. #install-stats-chart-container + table>tbody>tr:hover td {
  2037.     background: black  !important;
  2038. }
  2039. #install-stats-chart-container + table>tbody>tr:hover td:last-of-type {
  2040.     background: red  !important;
  2041. }
  2042.  
  2043. /* (new57) MESSAGE - ERROR NOT LOADING IMAGES - === */
  2044. .notice {
  2045.     display: inline-block!important;
  2046.     position: absolute!important;
  2047.     width: 214px!important;
  2048.     left: -13px!important;
  2049.     top: 15px!important;
  2050. }
  2051.  
  2052. /* (new57) TEST - FORUM IMAGE IN DISSCUSSION -
  2053. https://forum.userstyles.org/discussion/comment/92068#Comment_92068
  2054. .Discussion.comment.Section-Discussion #Frame .CommentsWrap .DataBox.DataBox-Comments ul.MessageList.DataList.Comments li.Item.Alt.ItemComment div.Comment .Item-BodyWrap .Item-Body .Message div
  2055. === */
  2056. .Discussion.comment .Message>div {
  2057.     float: right;
  2058.     height: 150px;
  2059.     width: 719px!important;
  2060.     overflow: hidden;
  2061. }
  2062. /* (new78) */
  2063. .Message .ImageResized {
  2064.     cursor: pointer;
  2065.     font-size: 11px;
  2066.     font-weight: normal;
  2067.     height: 20px !important;
  2068.     margin-bottom: 5px !important;
  2069.     max-width: 668px !important;
  2070. color: peru !important;
  2071. }
  2072. .Message .ImageResized:hover {
  2073. color: tomato !important;
  2074. }
  2075.  
  2076. /* (new82) TEST - CODE IN DISCUSSION - TOP AUTHOR DISCUSSIONT - === */
  2077. .Message>ul>li>code  {
  2078.     display: inline-block!important;
  2079. /* min-width: 588px!important; */
  2080.     max-width: 588px!important;
  2081.     letter-spacing: initial;
  2082.     white-space: pre-line !important;
  2083.     word-wrap: break-word !important;
  2084.     background-color: #5c5c5c!important;
  2085.     color: white!important;
  2086. }
  2087. /* (new79) TEST - CODE IN DISCUSSION - === */
  2088.  
  2089. .Message>table>tbody>tr>td>code {
  2090.     display: inline-block!important;
  2091.     min-width: 688px!important;
  2092.     max-width: 688px!important;
  2093.     letter-spacing: initial;
  2094.     white-space: pre-line !important;
  2095.     word-wrap: break-word !important;
  2096.     background-color: #5c5c5c!important;
  2097.     color: white!important;
  2098. }
  2099. /* (new80) -
  2100. PB: https://forum.userstyles.org/discussion/27971/useful-extensions-keys-scripts-css-etc-for-stylish/p1
  2101. .Message>pre[id*="b"]
  2102. .Message>ul>li>ul>li>pre
  2103. .Message>ul>li>pre
  2104. .Message pre
  2105. === */
  2106. .Message>pre {
  2107. position: relative !important;
  2108.     display: inline-block!important;
  2109.     min-width: 650px!important;
  2110.     max-width: 650px!important;
  2111.     margin-left: 5px!important;
  2112.     letter-spacing: initial;
  2113.     white-space: pre-line !important;
  2114.     word-wrap: break-word !important;
  2115.     background-color: #5c5c5c!important;
  2116.     color: white!important;
  2117. }
  2118.  
  2119. .Message>ul>li>pre {
  2120. position: relative !important;
  2121.     display: inline-block!important;
  2122.     min-width: 580px!important;
  2123.     max-width: 580px!important;
  2124.     margin-left: 5px!important;
  2125.     letter-spacing: initial;
  2126.     white-space: pre-line !important;
  2127.     word-wrap: break-word !important;
  2128.     background-color: #5c5c5c!important;
  2129.     color: white!important;
  2130. }
  2131.  
  2132. .Message>ul>li>ul>li>pre{
  2133. position: relative !important;
  2134.     display: inline-block!important;
  2135.     min-width: 580px!important;
  2136.     max-width: 580px!important;
  2137.     margin-left: -35px!important;
  2138.     letter-spacing: initial;
  2139.     white-space: pre-line !important;
  2140.     word-wrap: break-word !important;
  2141.     background-color: #5c5c5c!important;
  2142.     color: white!important;
  2143. }
  2144.  
  2145. /* (new79) TEST code in discussion -
  2146.  
  2147. === */
  2148. .Message ol li pre {
  2149.     display: inline-block!important;
  2150.     min-width: 650px!important;
  2151.     max-width: 650px!important;
  2152.     margin-left: -35px!important;
  2153.     letter-spacing: initial;
  2154.     white-space: pre-line !important;
  2155.     word-wrap: break-word !important;
  2156.     background-color: #5c5c5c!important;
  2157.     color: white!important;
  2158. }
  2159.  
  2160. /* (new80) FORUM USERTYLES / GREASY FORK - CODE (BACKROUND STRIPED) - for .linenums.prettyprinted  -
  2161. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help#latest
  2162. ===  */    
  2163. pre.linenums.prettyprinted  {
  2164.     position: relative !important;
  2165.     display: inline-block!important;
  2166.     min-width: 670px!important;
  2167.     max-width: 670px!important;
  2168.     left: -10px!important;
  2169.     top: -10px !important;
  2170.     letter-spacing: initial;
  2171.     white-space: pre-line !important;
  2172.     word-wrap: break-word !important;
  2173.     background-color: white!important;
  2174.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent)!important;
  2175.     background-size: 30px 15px!important;
  2176. /* font-size: 15px !important; */
  2177.     color: red !important;
  2178. }
  2179. pre.linenums.prettyprinted .linenums {
  2180.     background: transparent !important;
  2181.     padding: 8px;
  2182. }
  2183.     pre.linenums.prettyprinted li.L0,
  2184. pre.linenums.prettyprinted li.L1,
  2185.     pre.linenums.prettyprinted li.L2,
  2186. pre.linenums.prettyprinted li.L3,
  2187.     pre.linenums.prettyprinted li.L4,
  2188. pre.linenums.prettyprinted li.L5,
  2189.     pre.linenums.prettyprinted li.L6,
  2190. pre.linenums.prettyprinted li.L7,
  2191.     pre.linenums.prettyprinted li.L8,
  2192. pre.linenums.prettyprinted li.L9 {
  2193.     min-width: 600px!important;
  2194.     max-width: 600px!important;
  2195.         margin-left: -20px!important;
  2196. /* background: #5c5c5c !important; */
  2197.     background:transparent !important;
  2198. /* color: white!important; */
  2199. }
  2200.     pre.linenums.prettyprinted li.L0 code,
  2201. pre.linenums.prettyprinted li.L1 code,
  2202.     pre.linenums.prettyprinted li.L2 code,
  2203. pre.linenums.prettyprinted li.L3 code ,
  2204.     pre.linenums.prettyprinted li.L4 code,
  2205. pre.linenums.prettyprinted li.L5 code ,
  2206.     pre.linenums.prettyprinted li.L6 code ,
  2207. pre.linenums.prettyprinted li.L7 code ,
  2208.     pre.linenums.prettyprinted li.L8 code,
  2209. pre.linenums.prettyprinted li.L9 code {
  2210.     min-width: 600px!important;
  2211.     max-width: 600px!important;
  2212.     background: #5c5c5c !important;
  2213.     background:transparent !important;
  2214.     color: white!important;
  2215. }
  2216. .linenums.prettyprinted code .pun{
  2217. /* background: #5c5c5c !important; */
  2218.     background:transparent !important;
  2219. /* color: white!important; */
  2220. }
  2221.    
  2222. /* (new80) -
  2223. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help/p1
  2224. === */
  2225. #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 {
  2226.     display: inline-block!important;
  2227.     min-width: 630px!important;
  2228.     max-width: 630px!important;
  2229.     margin-left: -5px!important;
  2230. }
  2231. .Message pre code ,
  2232. .Message > code  {
  2233.     display: inline-block!important;
  2234.     min-width: 650px!important;
  2235.     max-width: 650px!important;
  2236.     letter-spacing: initial;
  2237.     white-space: pre-line !important;
  2238.     word-wrap: break-word !important;
  2239.     background-color: #5c5c5c!important;
  2240.     color: white!important;
  2241. }
  2242. /* (new80) */
  2243. .Message>p>code   {
  2244. position: relative !important;
  2245.     display: inline-block!important;
  2246.     min-width: 10px!important;
  2247.     max-width: 670px!important;
  2248. /* height: 30px !important; */
  2249.     line-height: 15px !important;
  2250.     top: 0px !important;
  2251. /* margin-top: 4px!important; */
  2252.     margin-bottom: -4px!important;
  2253.     margin-left: 2px !important;
  2254.     padding: 1px 4px !important;
  2255.     letter-spacing: initial;
  2256.     white-space: pre-line !important;
  2257.     word-wrap: break-word !important;
  2258.     background-color: #5c5c5c!important;
  2259.     color: white!important;
  2260. }
  2261. .QuoteText>pre {
  2262.     width: 670px!important;
  2263.     letter-spacing: initial;
  2264.     white-space: pre-line !important;
  2265.     word-wrap: break-word !important;
  2266. }
  2267.  
  2268. /* (new77) - USERSTYLES PAGE INFO - CODE - === */
  2269. #additional-info-text>code:not(:empty),
  2270. #long-description>code:not(:empty)  {
  2271.     display: inline-block !important;
  2272.     width: 820px!important;
  2273.     margin-left: 1px!important;
  2274.     padding: 5px 10px!important;
  2275.     border-radius: 2px!important;
  2276.     letter-spacing: initial;
  2277.     white-space: pre-line !important;
  2278.     word-wrap: break-word !important;
  2279.     background-color: #e9e8e5!important;
  2280.     background-color: #5c5c5c !important;
  2281.     color: white !important;
  2282. }
  2283. #additional-info-text>pre ,
  2284. #additional-info-text>code pre code ,
  2285. #additional-info-text>code pre {
  2286.     display: inline-block !important;
  2287.     width: 850px!important;
  2288.     margin-left: 1px!important;
  2289.     padding: 5px 10px!important;
  2290.     border-radius: 2px!important;
  2291.     letter-spacing: initial;
  2292.     white-space: pre-line !important;
  2293.     word-wrap: break-word !important;
  2294.     background-color: #e9e8e5!important;
  2295.     background-color: #5c5c5c !important;
  2296.     color: white !important;
  2297. }
  2298. /* (new73) - GREASY FORK - SCRIPT PAGE INFO - CODE -
  2299. TEST LINK (bili_fix_player - CHINESE) -
  2300. https://greasyfork.org/fr/scripts/740-bili-fix-player
  2301. === */
  2302. #additional-info>div>blockquote>pre>code  {
  2303.     display: inline-block !important;
  2304.     width: 99%!important;
  2305.     margin-left: -6px!important;
  2306.     padding: 5px 10px!important;
  2307.     border-radius: 2px!important;
  2308.     letter-spacing: initial;
  2309.     white-space: pre-line !important;
  2310.     word-wrap: break-word !important;
  2311.     background-color: #e9e8e5!important;
  2312.     background-color: #5c5c5c !important;
  2313.     color: white !important;
  2314. /* outline: 1px solid violet !important; */
  2315. }
  2316. #additional-info>div>pre>code  {
  2317.     display: inline-block !important;
  2318. /* width: 850px!important; */
  2319.     width: 99%!important;
  2320.     margin-left: -6px!important;
  2321.     padding: 5px 10px!important;
  2322.     border-radius: 2px!important;
  2323.     letter-spacing: initial;
  2324.     white-space: pre-line !important;
  2325.     word-wrap: break-word !important;
  2326.     background-color: #e9e8e5!important;
  2327.     background-color: #5c5c5c !important;
  2328.     color: white !important;
  2329. /* outline: 1px solid peru !important; */
  2330. }
  2331.  
  2332. /* (new57) TEST WITHOUT GM - MY ACCOUNT PAGE / EDIT PAGE - === */
  2333. #main-header + #content-wrapper> #main-article>ul {
  2334.     background: #222222!important;
  2335.     position: fixed !important;
  2336.     display: inline-block !important;
  2337.     width: 50px!important;
  2338.     height: 10px!important;
  2339.     margin-left: -100px;
  2340.     margin-top: -29px;
  2341.     padding-left: 20px !important;
  2342.     padding-right: 5px !important;
  2343.     padding-bottom: 10px!important;
  2344.     border-radius: 3px!important;
  2345.     border: 1px solid gray!important;
  2346.     overflow: hidden!important;
  2347.     z-index: 500 !important;
  2348. }
  2349. #help-style-settings-edit ~pre ,
  2350. #main-header + #content-wrapper > #main-article > p ~ ul {
  2351.     position: relative !important;
  2352.     display: inline-block !important;
  2353.     width: 700px !important;
  2354.     height: auto!important;
  2355.     margin-left: 200px!important;
  2356.     margin-top: -5px!important;
  2357.     border-radius: 3px!important;
  2358.     border: 1px solid gray!important;
  2359.     background: #222222!important;
  2360.     overflow: visible!important;
  2361.     z-index: 10 !important;
  2362. }
  2363. #main-header + #content-wrapper > #main-article > table + p {
  2364. /* position: relative !important; */
  2365.     position: fixed!important;
  2366.     display: inline-block !important;
  2367.     width: 600px !important;
  2368.     height: auto!important;
  2369.     top: 73px!important;
  2370.     left: 320px!important;
  2371.     opacity: 0 !important;
  2372. }
  2373. #main-header + #content-wrapper > #main-article > table:hover + p {
  2374. /* position: relative !important; */
  2375.     position: fixed!important;
  2376.     display: inline-block !important;
  2377.     width: 600px !important;
  2378.     height: auto!important;
  2379.     top: 73px!important;
  2380.     left: 320px!important;
  2381.     opacity: 1!important;
  2382.     transition: opacity ease 0.7s !important;
  2383. }
  2384. #main-header + #content-wrapper> #main-article>ul:hover {
  2385.     width: 200px !important;
  2386.     height: auto!important;
  2387. }
  2388. #main-header + #content-wrapper > #main-article > p ~ ul:hover{
  2389.     width: 700px !important;
  2390.     height: auto!important;
  2391. }
  2392. #main-header + #content-wrapper> #main-article>ul:before {
  2393.     content: "More..."!important;
  2394. }
  2395. #main-header + #content-wrapper > #main-article > p ~ ul:before{
  2396.     content: ""!important;
  2397. }
  2398. /* (new57) HELP STYLES - === */
  2399. /* #help-style-settings-edit ,
  2400. #help-style-settings-placeholders ,
  2401. #help-style-settings-updating ,
  2402. #help-style-settings-updating ~h3 */
  2403.  
  2404.  #main-header + #content-wrapper > #main-article > p ~ ul ~h3 {
  2405.     width: 700px !important;
  2406.     margin-left: 200px !important;
  2407.     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);
  2408.     text-align: center!important;
  2409.     color: peru!important;
  2410. }
  2411.  
  2412.  
  2413. /* (new74) - TEST TO SOLVE PB OVERFLOW ON SMALL SCREEN (no horizontal scrollbar) + FONT VERANDA - === */
  2414. body {
  2415.     overflow-x: hidden !important;
  2416.     overflow-y: auto !important;
  2417.     font-family: Verdana,sans-serif!important;
  2418. }
  2419.  
  2420.  
  2421. /* (new80) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN -
  2422. IN GREASY FORK DISCUSS:
  2423. https://greasyfork.org/fr/forum/discussion/179/x
  2424. === */
  2425. /* .Item:hover .OptionsTitle,
  2426. .Item:not(:hover) .OptionsTitle,
  2427. .Item.Open .OptionsTitle  */
  2428.  
  2429. /* (new80) EDIT COMMENT - ICON PENCIL GRAY - === */
  2430. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems{
  2431.     display: inline-block !important;
  2432.     width: auto !important;
  2433.     border: none !important;
  2434.     background-color: transparent !important;
  2435.     box-shadow: none !important;
  2436. }
  2437. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before,
  2438. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
  2439.     border: none !important;
  2440. }
  2441. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment ,
  2442. .ToggleFlyout:not(.Open) .EditDiscussion {
  2443.     display: inline-block !important;
  2444.     width: 18px!important;
  2445.     background-color: transparent!important;
  2446.     font-size: 0px!important;
  2447.     visibility: hidden!important;
  2448. /* visibility: visible!important; */
  2449.     outline: 1px solid peru !important;
  2450. }
  2451.  
  2452. .ToggleFlyout:not(.Open) a.EditDiscussion:before {
  2453.     content: " "!important;
  2454.     position: relative!important;
  2455.     display: inline-block !important;
  2456.     width: 18px!important;
  2457.     height: 18px!important;
  2458.     margin-left: 32px!important;
  2459.     top: -10px!important;
  2460.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  2461.     background-color: black !important;
  2462.     font-size: 15px !important;
  2463.     visibility: visible !important;
  2464.     outline: 1px solid gray !important;
  2465. }
  2466. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
  2467.     content: " "!important;
  2468.     position: relative!important;
  2469.     display: inline-block !important;
  2470.     width: 18px!important;
  2471.     height: 18px!important;
  2472.     margin-left: 35px!important;
  2473.     top: 3px!important;
  2474.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  2475.     background-color: black !important;
  2476.     font-size: 15px !important;
  2477.     visibility: visible !important;
  2478.     outline: 1px solid gray !important;
  2479. }
  2480. /* EDIT BUTTON */
  2481. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems  {
  2482.     display: inline-block !important;
  2483.     height: 15px !important;
  2484.     line-height: 15 !important;
  2485.     padding: 1px !important;
  2486. }
  2487.  
  2488. /* (new80) - TEST - MARK AS RED / HIDE -
  2489. EDIT :
  2490. https://greasyfork.org/fr/forum/discussions/mineEDIT:
  2491. READ:
  2492. https://greasyfork.org/fr/forum/categories
  2493. DISMISS :
  2494. https://forum.userstyles.org/discussions
  2495. === */
  2496. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems{
  2497.     position: relative !important;
  2498.     display: inline-block !important;
  2499.     float: right !important;
  2500. /* clear: left !important; */
  2501.     height: 10px !important;
  2502. /* line-height: 20px !important; */
  2503.     margin-top: 0px !important;
  2504.     margin-left: -25px !important;
  2505. /* top: 25px !important; */
  2506.     top: 3px !important;
  2507. /* outline: 1px solid violet !important; */
  2508. }
  2509. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li {
  2510. position: relative !important;
  2511.     display: inline-block !important;
  2512.     float: left !important;
  2513. /* clear: none !important; */
  2514. /* height: 10px !important; */
  2515. /* line-height: 10px !important; */
  2516.     height: 15px !important;
  2517.     line-height: 15px !important;
  2518.     top: -9px !important;
  2519. /* outline: 1px solid peru !important; */
  2520. }
  2521. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a {
  2522.     position: relative !important;
  2523.     display: inline-block !important;
  2524.     float: left !important;
  2525. /* clear: none !important; */
  2526.     height: 15px !important;
  2527.     line-height: 15px !important;
  2528. /* top: -20px !important; */
  2529. /* outline: 1px solid green !important; */
  2530. }
  2531. /* (new54) COMMENT DISCUSS  */
  2532. .Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle ,
  2533. .Section-Discussion .Item.Mine.ItemComment .OptionsTitle ,
  2534. .Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle  {
  2535.     visibility: hidden!important;
  2536. }
  2537. /* (new54) COMMENT DISCUSS ALT (BLACK) */
  2538. .Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle ,
  2539. .Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle {
  2540.     visibility: hidden !important;
  2541. }
  2542. /* (new54) LIST BOOKMARKED */
  2543. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle ,
  2544. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle {
  2545.     visibility: hidden !important;
  2546. }
  2547. /* (new54) LIST BOOKMARKED ALT (BLACK) */
  2548. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle ,
  2549. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
  2550.     outline: 1px solid red!important;
  2551.     visibility: hidden !important;
  2552. }
  2553. .DismissAnnouncement.Hijack {
  2554.     margin-right: 19px !important;
  2555.     margin-top: -31px !important;
  2556.     color: peru!important;
  2557. }
  2558.  
  2559. /* (new80) EDIT BUTTON IN HEADER DISSCUSS
  2560. IN GREASY FORK DISCUS :
  2561. https://greasyfork.org/fr/forum/discussion/179/x
  2562. */
  2563. .MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
  2564.     outline: 1px solid peru!important;
  2565.     visibility: hidden !important;
  2566. }
  2567. .MessageList.Discussion #Item_0.PageTitle  .ToggleFlyout:not(.Open) a.EditDiscussion:before  {
  2568.     margin-left: -1px !important;
  2569.     top: -15px !important;
  2570. }
  2571.  
  2572.  
  2573. /* (new54) FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style -
  2574. https://greasyfork.org/forum/discussion/1122/help-converting-this-not-too-lengthy-google-chrome-extension-into-greasemonkey
  2575. === */
  2576. .Attachment .FilePreview .Thumb-Default img ,
  2577. .Attachment .FileHover .Thumb-Default img {
  2578.     display: inline-block !important;
  2579.     max-height: 25px !important;
  2580.     min-height: 25px !important;
  2581.     height: 100% !important;
  2582.     width: 20px !important;
  2583. }
  2584.  
  2585. /* (new49) START PAGE - === */
  2586. #main-article>p  {
  2587.     position: relative !important;
  2588.     display: inline-block !important;
  2589.     width: 870px! important;
  2590.     margin: 10px auto ! important;
  2591.     left: 70px ! important;
  2592. }
  2593. #front-page-best {
  2594.     display: inline-block ! important;
  2595.     margin-left: 200px ! important;
  2596. }
  2597. #front-page-newest {
  2598.     display: inline-block !important;
  2599.     margin-left: 200px !important;
  2600. }
  2601. #front-page-best h2 ,
  2602. #front-page-newest  h2 {
  2603.     display: inline-block ! important;
  2604.     width: 300px !important;
  2605.     margin-left: 15px !important;
  2606.     padding-left: 29px !important;
  2607.     border-radius: 5px !important;
  2608.     box-shadow: 0 0 4px #999999 !important;
  2609.     background-color: #222222 !important;
  2610. }
  2611. #front-page-best ul li  ,
  2612. #front-page-newest ul li  {
  2613.     width: 700px ! important;
  2614.     padding: 2px 5px ! important;
  2615. }
  2616. #front-page-best ul li:nth-child(even) ,
  2617. #front-page-newest ul li:nth-child(even) {
  2618.     background: black! important;
  2619. }
  2620. #front-page-best ul li:nth-child(odd) ,
  2621. #front-page-newest ul li:nth-child(odd) {
  2622.     background: #222222 ! important;
  2623. }
  2624. #front-page-newest ul li:not(.additional-link):after ,
  2625. #front-page-best ul li:not(.additional-link):after {
  2626.     content: "tot   :   " attr(total-install-count) ;
  2627.     display: inline-block ;
  2628.     float: left ;
  2629.     width: 250px ;
  2630.     margin-right: -100px ;
  2631.     text-align: left ;
  2632.     color: gold ;
  2633. }
  2634. /* (new50)*/
  2635. #front-page-best ul li:not(.additional-link):before {
  2636.     content: "week   :   " attr(weekly-install-count) ;;
  2637.     display: inline-block ;
  2638.     float: right ;
  2639.     width: 120px ;
  2640.     margin-left: 10px ;
  2641.     text-align: left ;
  2642.     color: gold;;
  2643. }
  2644.  
  2645. /* (new57) GM ENHANCER / TABLE VIEW - === */
  2646. table#summary + #table-container > table#style-table  {
  2647.     border-collapse: collapse;
  2648.     margin-bottom: 0;
  2649.     margin-left: 0;
  2650.     margin-right: 0;
  2651. }
  2652. table#summary + #table-container > table#style-table > tr:first-of-type {
  2653.     position: fixed !important;
  2654.     height: 100% !important;
  2655.     max-width: 65.5% !important;
  2656.     min-width: 65.5% !important;
  2657.     width: 100% !important;
  2658.     margin-top: -45px !important;
  2659.     min-height: 50px !important;
  2660.     border-bottom: 4px solid #D2B48C !important;
  2661.     border-top: 4px solid #D2B48C !important;
  2662.     z-index: 200 !important;
  2663. }
  2664. /* (new57) TABLE VIEW - FIXED HEADER CELLS */
  2665. table#summary + #table-container > table#style-table th {
  2666.     height: 100%!important;
  2667.     min-height: 35px!important;
  2668.     max-height: 35px!important;
  2669.     text-shadow: 1px 1px 2px #000000;
  2670. }
  2671. /* (new56) A VOIR - ENHANCER */
  2672. #main-article >dl + h2 + .ad + table#summary + #table-container > table#style-table th {
  2673.     height: 30px !important;
  2674.     line-height: 3px !important;
  2675.     text-shadow: 1px 1px 2px #000000;
  2676. }
  2677. /* (new48) - PAGINATION - HIGHLIGHT - === */
  2678. .NumberedPager a.Highlight ,
  2679. #PagerBefore.Pager a.Highlight{
  2680.     background: none repeat scroll 0 0 yellow !important;
  2681.     color: red !important;
  2682. }
  2683.  
  2684. /* (new47) CHROME/FIREFOX - SUPP SOCIAL - without adblock - === */
  2685. #discussions-area #social.single-style ,
  2686. #social ,
  2687. .twitter-share-button ,
  2688. #twitter-widget-0 ,
  2689. .fb-like {
  2690.     display: none!important;
  2691. }
  2692.  
  2693. /* (new74) - USERSTYLES - PAGE INFO - HIDDEN METDATA - === */
  2694. #main-article #hidden-meta {
  2695.     position: fixed !important;
  2696.     width: 190px!important;
  2697. /* top: 50% !important; */
  2698.     top: 460px !important;  
  2699.     left: -15px !important;
  2700.     padding: 2px !important;
  2701.     text-shadow: 1px 1px 2px #000000 !important;
  2702. }
  2703. /* (new75) - ALL - PAGINATOR CENTER -  HIGHTLIGHT / PREV / NEXT  - === */
  2704. body .Pager .Highlight ,
  2705. .Pager a,
  2706. .Pager span {
  2707.     display: inline-block;
  2708.     margin: 0 3px;
  2709.     min-width: 17px!important;
  2710.     height: 20px!important;
  2711.     line-height: 20px!important;
  2712.     text-align: center!important;
  2713.     vertical-align: middle !important;
  2714. }
  2715. .NumberedPager a.Next,
  2716. .NumberedPager span.Next,
  2717. .NumberedPager a.Previous,
  2718. .NumberedPager span.Previous {
  2719.     position: relative !important;
  2720.     display: inline-block !important;
  2721.     height: 20px!important;
  2722.     line-height: 20px!important;
  2723.     font-size: 26px !important;
  2724.     vertical-align: middle !important;
  2725. }
  2726. .NumberedPager .Next:hover,
  2727. .NumberedPager .Previous:hover {
  2728.     position: relative !important;
  2729.     display: inline-block !important;
  2730.     height: 15px!important;
  2731.     line-height: 15px!important;
  2732.     top: 5px!important;
  2733.     left: 5px !important;
  2734.     margin-left: -5px !important;
  2735.     right: -15px !important;
  2736.     font-size: 26px !important;
  2737.     vertical-align: middle !important;
  2738. /* outline: 1px solid violet !important; */
  2739. }
  2740. /* #PagerBefore>span:hover,  */
  2741. /* .Pager span:hover , */
  2742. #PagerAfter>a:hover,
  2743. #PagerBefore>a:hover,
  2744. body .Pager .Highlight:hover,
  2745. .PageControls .Pager a:hover  {
  2746.     display: inline-block !important;
  2747.     font-size: 18px !important;
  2748.     color: tomato !important;
  2749. }
  2750.  
  2751. #PagerBefore> .Next:hover,
  2752. .NumberedPager a.Next:hover,
  2753. .NumberedPager span.Next:hover {
  2754.     font-size: 35px !important;
  2755.     line-height: 0px !important;
  2756.     color: tomato !important;
  2757. /* outline: 1px solid violet !important; */
  2758. }
  2759.  
  2760. #PagerAfter> .Previous:hover,
  2761. #PagerBefore> .Previous:hover,
  2762. .NumberedPager a.Previous:hover,
  2763. .NumberedPager span.Previous:hover {
  2764.     display: inline-block !important;
  2765.     font-size: 35px !important;
  2766.     line-height: 0px !important;
  2767.     color: tomato !important;
  2768. }
  2769. /* (new75) USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
  2770. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous ,
  2771. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next {
  2772. /* position: absolute !important; */
  2773.     position: relative !important;
  2774.     display: inline-block !important;
  2775.     vertical-align: middle !important;
  2776.     line-height: 20px !important;
  2777.     height: 20px!important;
  2778.     padding: 2px!important;
  2779.     top: -10px!important;
  2780.     font-size: 15px !important;
  2781. /* transform: translate(5px, -6px) !important; */
  2782. /* z-index: 5000!important; */
  2783.     color: peru !important;
  2784. }
  2785. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous:hover {
  2786.     display: inline-block !important;
  2787. /* right: -15px!important; */
  2788.     left: -11px!important;
  2789.     font-size: 20px !important;
  2790.     transition: all ease 0.5s !important;
  2791. /* z-index: 5000!important; */
  2792.     color: tomato !important;
  2793. }
  2794. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next:hover {
  2795.     display: inline-block !important;
  2796.     margin-right: -9px!important;
  2797.     margin-left: 2px!important;
  2798.     font-size: 20px !important;
  2799. /* transform: translate(10px, 1px) !important; */
  2800.     transition: all ease  0.5s  !important;
  2801. /* z-index: 5000!important; */
  2802.     color: tomato !important;
  2803. }
  2804. /* (new76) TEST - LIGHTBOX - === */
  2805. /* CONTAINER IMAGE */
  2806. .lightbox {
  2807.     position: absolute;
  2808.     width: 100% !important;
  2809.     line-height: 0;
  2810.     left: 0 !important;
  2811.     top: 93.9px !important;
  2812.     text-align: center;
  2813.     z-index: 10000;
  2814. }
  2815. /* (new76) */
  2816. .lb-outerContainer {
  2817.     width: 92% !important;
  2818.     height: 100% !important;
  2819.     height: 90px!important;
  2820.     margin: 0 auto !important;
  2821.     top: -50px!important;
  2822.     border-radius: 4px;
  2823.     background-color: white;
  2824. /* background-color: red !important; */
  2825.     background-color: rgb(62, 62, 62) !important;
  2826.     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
  2827.     border: 1px solid rgb(0, 0, 0) !important;
  2828.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
  2829.     color: rgb(170, 170, 170) !important;
  2830.     font-weight: bold !important;
  2831.     outline: 0 none !important;
  2832.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
  2833. }
  2834. /* (new76) */
  2835. .lb-container {
  2836.     position: absolute !important;
  2837.     height: auto !important;
  2838.     width: 100% !important;
  2839.     margin: 0 auto !important;
  2840.     padding-top: 95px !important;
  2841. }
  2842. .lb-dataContainer {
  2843.     position: relative!important;
  2844.     display: inline-block!important;
  2845.     width: 85%!important;
  2846.     top: -120px!important;
  2847.     text-align: center !important;
  2848. }
  2849. .lb-data {
  2850.     color: #bbb;
  2851.     padding: 0px !important;
  2852.     margin-top: -20px!important;
  2853.     text-align: center !important;
  2854. }
  2855. .lb-data .lb-details {
  2856.     width: 100%!important;
  2857.     float: left;
  2858.     line-height: 15px !important;
  2859.     text-align: center !important;
  2860. }
  2861. .lb-data .lb-number {
  2862.     display: inline-block !important;
  2863.     width: 97%!important;
  2864.     clear: left;
  2865.     margin-top: 28px!important;
  2866.     color: peru !important;
  2867.     font-size: 29px !important;
  2868. }
  2869. .lb-data .lb-caption {
  2870.     position: relative !important;
  2871.     display: inline-block!important;
  2872.     width: 100%!important;
  2873.     height: 20px !important;
  2874.     line-height: 15px!important;
  2875.     font-size: 13px !important;
  2876.     font-weight: bold;
  2877. }
  2878. .lb-closeContainer {
  2879.     position: relative !important;
  2880.     margin-bottom: -2px!important;
  2881.     top: -28px!important;
  2882.     z-index: 10 !important;
  2883. }
  2884. /* .lb-data .lb-close {
  2885.     float: right;
  2886.     height: 30px;
  2887.     opacity: 0.7;
  2888.     outline: 0 none;
  2889.     text-align: right;
  2890.     width: 30px;
  2891. } */
  2892. .lb-nav {
  2893.     position: absolute;
  2894.     width: 99.5%!important;
  2895.     height: 100%;
  2896.     height: 47px !important;
  2897.     left: 0;
  2898.     top: 42px !important;
  2899. }
  2900. .lb-prev:not([style="display: none;"]) ,
  2901. .lb-next:not([style="display: none;"])  {
  2902.     display: inline-block !important;
  2903.     width: 50%!important;
  2904.     height: 42px !important;
  2905.     cursor: pointer;
  2906.     transition: opacity ease 1.2s !important;
  2907. }
  2908. .lb-prev:not([style="display: none;"])  {
  2909.     float: left;
  2910.     opacity: 0.2 !important;
  2911. }
  2912. .lb-prev:not([style="display: none;"]):hover {
  2913.     opacity: 1 !important;
  2914. }
  2915. .lb-prev:not([style="display: none;"]) {
  2916.     background: url("https://df6a.https.cdn.softlayer.net/80DF6A/static.userstyles.org/assets/lightbox/prev-c0325ef3c545a1f4ee25eb81d8e36d85.png") no-repeat scroll 80% 45% transparent !important;
  2917. }
  2918. .lb-next:not([style="display: none;"])  {
  2919.     float: right;
  2920.     opacity: 0.2 !important;
  2921. }
  2922. .lb-next:not([style="display: none;"]):hover {
  2923.     opacity: 1 !important;
  2924. }
  2925. .lb-next:not([style="display: none;"])  {
  2926.     background: url("https://df6a.https.cdn.softlayer.net/80DF6A/static.userstyles.org/assets/lightbox/next-ae5988f24e9a8a0fa1897f9db2e50cdc.png") no-repeat scroll 20% 48% transparent !important;
  2927. }
  2928.  
  2929. /* (new83) - GREASY FORK - ALL - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)-
  2930. TEST - MAX HEIGHT for PREVIEW :
  2931. OK :
  2932. https://greasyfork.org/fr/scripts/4685-ts-pixiv
  2933. https://greasyfork.org/fr/scripts/4407-ts-linx-amender
  2934. A voir :
  2935. https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
  2936. === */
  2937. /* #additional-info .script-author-description  img + br ~ br , */
  2938. #additional-info .script-author-description>p  img ~ br {
  2939.     display : none !important;
  2940. }
  2941. #additional-info img ,
  2942. .lightbox .lb-image {
  2943.     position: relative  !important;
  2944.     display: inline-block !important;
  2945. /* float: left !important; */
  2946. /* clear: both !important; */
  2947.     height: auto !important;
  2948. max-width: 80% !important;
  2949.     margin: 0 auto !important;
  2950.     border-radius: 3px;
  2951. }
  2952. #additional-info img {
  2953.     border: 1px solid orange !important;
  2954.     box-shadow: 5px 5px 2px #888888 !important;
  2955.     color: yellow!important;
  2956. /* margin: 5px 0!important; */
  2957. max-width: 98%!important;
  2958. /* min-height: 245px !important; */
  2959.     max-height: 245px !important;
  2960.     padding: 2px !important;
  2961.     box-shadow: 5px 5px 2px #181818 !important;
  2962.     background-color: #2b2b2b !important;
  2963. }
  2964. #additional-info .fancybox img {
  2965.     border: 1px solid orange !important;
  2966.     box-shadow: none !important;
  2967.     color: yellow!important;
  2968. /* margin: 5px 0!important; */
  2969. /* max-width: 98%!important; */
  2970. /* min-height: 245px !important; */
  2971.     max-height: 100px !important;
  2972. }
  2973. /* (new43) - USERSTYLES - MAIN ARTICLE (inside CONTENT-WRAPPER) - === */
  2974. #main-article {
  2975.     margin-left: 215px !important;
  2976. }
  2977.  
  2978. /* (new40) - USERSTYLES - EDIT/CREATE PAGE - SAVE BUTT - === */
  2979. form[action="/styles/create"] input[name="commit"] ,
  2980. form[action="/styles/update"] input[name="commit"]{
  2981.     height: 54px !important;
  2982.     left: 200px !important;
  2983.     position: fixed !important;
  2984.     top: 390px !important;
  2985.     width: 81px !important;
  2986. }
  2987.  
  2988.  
  2989.  
  2990. /*  - USERSTYLES - ACCOUNT- INSTAL WEEK - === */
  2991. .numeric-value {
  2992.     color: gold !important;
  2993. }
  2994. .numeric-value + .numeric-value {
  2995.     color: tan !important;
  2996. }
  2997.  
  2998. /* (new48) - USERSTYLES - (ALL) "Contact Admin" - === */
  2999. footer {
  3000.     position: fixed !important;
  3001.     display: inline-block !important;
  3002.     width: auto !important;
  3003.     top: 20px !important;
  3004.     left: 25px ! important;
  3005.     z-index: 200 ! important;
  3006.     visibility: visible !important;
  3007. }
  3008. #left-sidebar>nav>ul+  footer>p>a {
  3009.     position: fixed !important;
  3010.     display: inline-block !important;
  3011.     width: auto !important;
  3012.     top: 26px !important;
  3013.     left: 25px ! important;
  3014.     font-size: x-small! important;
  3015.     z-index: 200 ! important;
  3016.     visibility: visible !important;
  3017. }
  3018.  
  3019. footer p li#contact  {
  3020.     position: absolute !important;
  3021.     font-size: 0 !important;
  3022. }
  3023. footer:hover p li#contact  {
  3024.     position: absolute !important;
  3025.     width: 80px !important;
  3026.     left: 123px !important;
  3027.     top: 2px !important;
  3028.     margin-left: -40px !important;
  3029.     padding-left: 30px !important;
  3030.     font-size: 10px !important;
  3031.     list-style: none outside none !important;
  3032. }
  3033. footer p li#contact label#jason ,
  3034. footer p li#contact label#or {
  3035.     display: none !important;
  3036. }
  3037. footer:hover p li#contact a {
  3038.     margin-right: 5px !important;
  3039.     padding: 1px 3px !important;
  3040.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent;
  3041.     border-radius: 5px 5px 5px 5px !important;
  3042.     box-shadow: 0 0 4px #999999 !important;
  3043.     color: gold !important;
  3044. }
  3045.  
  3046. /* ==== (ALL)  - USERSTYLES - MENUS POPUP ==== */
  3047.  
  3048. /*  - USERSTYLES - MENUS POPUP - SIDEBAR - "Home" etc... === */
  3049. #left-sidebar > nav {
  3050.     position: fixed !important;
  3051.     width: 197px !important;
  3052.     left: 7px !important;
  3053.     top: 70px !important;
  3054.     box-shadow: 0 0 4px #999999 !important;
  3055.     background-color: #222222 !important;
  3056. }
  3057. #left-sidebar nav ul li a {
  3058.     margin-left: 12px !important;
  3059. }
  3060. #left-sidebar>nav>ul>li>a{
  3061.     font-family: Verdana,sans-serif;
  3062.     font-size: small !important;
  3063. }
  3064.  
  3065. /* (new57) - USERSTYLES - MENUS POPUP - ONE MENU === */
  3066. #left-sidebar a {
  3067.     display: inline-block !important;
  3068. }
  3069. #left-sidebar>nav>ul>li:nth-child(3) {
  3070.     position: fixed !important;
  3071.     display: inline-block !important;
  3072.     visibility: visible !important;
  3073.     min-width: 95px !important;
  3074.     max-width: 95px !important;
  3075.     top: 47px !important;
  3076.     left: 25px !important;
  3077.     padding: 2px 5px  ! important;
  3078.     border-radius: 3px !important;
  3079. /* box-shadow: 0 0 4px #999999 !important; */
  3080.     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%);
  3081.     list-style: none !important;
  3082.     cursor: pointer !important;
  3083.     z-index: 200 !important;
  3084. }
  3085.  
  3086. /* (new43) - USERSTYLES -  MENUS POPUP - "Home" = MENU2 sans "my account"  >>> "Home/Help/Forum/Categorie" - === */
  3087. #left-sidebar>nav {
  3088.     width: 200px;
  3089.     height: 0px !important;
  3090.     margin-bottom: -28px !important;
  3091.     padding-left: 5px;
  3092.     visibility: hidden;
  3093. }
  3094. #left-sidebar>nav>ul:hover {
  3095.     position: absolute !important;
  3096.     display: block !important;
  3097.     width: 95px !important;
  3098.     height: 63px!important;
  3099.     top : -5px !important;
  3100.     left: 13px !important;
  3101.     padding: 20px 5px 5px 5px !important;
  3102.     border-radius: 5px !important;
  3103.     box-shadow: 0 0 4px #999999 !important;
  3104.     background-color: #222222 !important;
  3105.     list-style: none !important;
  3106.     transition: height 1.5s ease 1s!important;
  3107.     visibility: visible !important;
  3108.     z-index: 800 !important;
  3109. }
  3110. #left-sidebar>nav>ul:hover li:not([id="sidebar-search"]):not([id="sidebar-my-account"]) {
  3111.     position: relative!important;
  3112.     width: 90px !important;
  3113.     top: -13px!important;
  3114.     margin-bottom: 10px!important;
  3115. }
  3116. /* (new43) - USERSTYLES -  "Home" = MENU2 sans "my account" - WITHOUT HOVER - === */
  3117. #left-sidebar>nav>ul>li {
  3118.     width: 200px ! important;
  3119.     border-radius: 5px !important;
  3120. box-shadow: 0 0 4px #999999 !important;
  3121. /* box-shadow:  1px 0px 3px -20px  #20232b inset, 0px 5px 5px 1px #20232b inset !important; */
  3122.     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%);
  3123. }
  3124. /* (new75) USERSTYLES - "Home" = MENU2 sans "my account" - HOVER -  === */
  3125. #left-sidebar>nav>ul>li:hover {
  3126.     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%);
  3127.     border-radius: 5px !important;
  3128.     box-shadow: 0 0 4px #999999 !important;
  3129. /* box-shadow:  1px 0px 3px -20px  #20232b inset, 0px 5px 5px 1px #20232b inset !important; */
  3130. }
  3131.  
  3132. /*  - USERSTYLES - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL - === */
  3133. #style-author-info {
  3134.     position: fixed !important;
  3135.     width: 205px ! important;
  3136.     height: 100% ! important;
  3137.     min-height: 292px ! important;
  3138.     max-height: 792px ! important;
  3139.     left: 5px !important;
  3140.     top: 80px !important;
  3141.     padding-left: 5px !important;
  3142.     padding-bottom: 3px !important;
  3143.     border-radius: 5px !important;
  3144. /* box-shadow: 0 0 4px #999999 !important; */
  3145.     box-shadow:  1px 0px 3px -20px  #20232b inset, 0px 5px 5px 1px #20232b inset !important;
  3146.     background: #222222 !important;
  3147. }
  3148. #style-install-info {
  3149.     position: fixed !important;
  3150.     width: 195px ! important;
  3151.     left: 23px !important;
  3152.     top: 320px !important;
  3153.     padding-left: 5px !important;
  3154.     padding-bottom: 3px !important;
  3155.     border-radius: 5px !important;
  3156.     background: #222222 !important;
  3157. }
  3158.  
  3159. /*  - USERSTYLES - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA - === */
  3160. #style-install-info>tbody>tr:nth-child(2n+1) ,
  3161. #style-author-info>tbody>tr:nth-child(2n+1) {
  3162.     background: #262626 !important;
  3163.  }
  3164.  
  3165. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE - === */
  3166. #style-install-info>tbody>tr ,
  3167. #style-author-info>tbody>tr {
  3168.     color: gold !important;
  3169. }
  3170. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS - === */
  3171. #style-install-info>tbody>tr th+td ,
  3172. #style-author-info>tbody>tr th+td {
  3173.     position: relative ! important;
  3174.     display: inline-block ! important;
  3175.     width: 95% ! important;
  3176.     bottom: 3px ! important;
  3177.     left: 3px ! important;
  3178.     border-radius: 5px ! important;
  3179.     border : gray solid 1px !important;
  3180.     color: #6999A6 !important;
  3181.     text-align: center ! important;
  3182.     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%);
  3183. }
  3184.  
  3185. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE - === */
  3186. #style-install-info>tbody>tr ,
  3187. #style-author-info>tbody>tr {
  3188.     display: block !important;
  3189.     position: relative !important;
  3190.     width: 190px !important;
  3191.     font-size: 11px !important;
  3192. }
  3193. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - AUTH - === */
  3194. #style-author-info>tbody>tr:first-child {
  3195.     position: relative !important;
  3196.     display: inline-block !important;
  3197.     margin-top: 5px ! important;
  3198.     margin-left: 0px ! important;
  3199.     width: 190px !important;
  3200.     height: 89px ! important;
  3201.     border-radius: 5px ! important;
  3202.     border: 1px gray solid ! important;
  3203. }
  3204.  
  3205. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */
  3206. #style-author-info>tbody>tr:nth-child(1)>th {
  3207.     display: inline-block !important;
  3208.     position: relative !important;
  3209.     width: 184px !important;
  3210.     margin-top: 1px ! important;
  3211.     padding: 0 5px 2px 0 !important;
  3212.     border-radius: 5px 5px 0 0  ! important;
  3213.     color: transparent !important;
  3214.     font-size: 0px !important;
  3215.     text-align: center ! important;
  3216.     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%);
  3217. }
  3218. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */
  3219. #style-author-info>tbody>tr:nth-child(1)>th:before {
  3220.     position: relative ;
  3221.     display: inline-block ;
  3222.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  3223.     transform:scale(0.9,0.7) ;
  3224. }
  3225.  
  3226. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  3227. #style-author-info>tbody>tr:nth-child(1)>td a {
  3228.     position: absolute ! important;
  3229.     display: block !important;
  3230.     position: relative !important;
  3231.     max-width: 182px !important;
  3232.     height: 51px ! important;
  3233.     left: -2px ! important;
  3234.     padding: 0 2px !important;
  3235.     font-size: 19px !important;
  3236.     font-weight: bold ! important;
  3237.     text-align: center ! important;
  3238.     color: SlateGray !important;
  3239.     border-radius: 0 0 5px 5px ! important;
  3240.     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%);
  3241.     border :none !important;
  3242.     white-space: pre-wrap ! important;
  3243.     word-break: break-all ! important;
  3244.     -moz-hyphens: auto ! important;
  3245. }
  3246.  
  3247. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  3248. #style-author-info>tbody>tr:first-of-type th+td {
  3249.     position: relative ! important;
  3250.     display: inline-block ! important;
  3251.     width: 100% ! important;
  3252.     bottom: -1px ! important;
  3253.     left: 3px ! important;
  3254.     text-align: center ! important;
  3255.     border :none !important;
  3256.     background: transparent ! important;
  3257. }
  3258.  
  3259. /* (new43) - USERSTYLES - INFOS - SCREENSHOT + INFOS - (GM + NO GM) - === */
  3260. #content-wrapper #main-article #left-info {
  3261.     position: absolute ! important;
  3262.     display: inline-block ! important;
  3263.     vertical-align: top ! important;
  3264.     top: 5px !important;
  3265.     margin-left: 2% !important;
  3266. }
  3267.  
  3268. /* (new71) - USERSTYLES - STY INFOS - SCREENSHOT - (GM + NO GM) - === */
  3269. #screenshots {
  3270.     position: absolute ! important;
  3271.     display: inline-block ! important;
  3272.     float: none ! important;
  3273.     clear: both ! important;
  3274.     height: 395px !important;
  3275.     width: 360px !important;
  3276.     top: 0px !important;
  3277.     background-color: #222222 !important;
  3278.     z-index: 10 !important;
  3279. }
  3280. #more-screenshots {
  3281.     font-size: 0 !important;
  3282. }
  3283. #more-screenshots span {
  3284.     position: absolute !important;
  3285.     display: inline-block !important;
  3286.     padding: 2px 5px !important;
  3287.     border-radius: 5px !important;
  3288.     background: black !important;
  3289.     font-size: 15px !important;
  3290. }
  3291. #screenshots #more-screenshots a  {
  3292.     position: relative !important;
  3293.     display: inline-block !important;
  3294.     width: 98% !important;
  3295.     bottom: -20px !important;
  3296.     font-size: small !important;
  3297. }
  3298. #screenshots #more-screenshots a:before  {
  3299.     content: "\25BA" ;
  3300.     color: gold ;
  3301. }
  3302. /* (new43)  - USERSTYLES - STY INFOS - LONG DESC - (GM + NO GM) - === */
  3303. #style-info {
  3304.     position: absolute ! important;
  3305.     width: 78.5% !important;
  3306.     margin-top : 1px !important;
  3307.     left: 249px !important;
  3308.     word-wrap: break-word ! important;
  3309. }
  3310. #main-style-info {
  3311.     width: 60% !important;
  3312.     margin-bottom: 1em;
  3313.     margin-left: 380px !important;
  3314.     padding-left: 1em;
  3315. }
  3316.  
  3317. /* (new71) - USERSTYLES - STY INFOS - LG DESC - TXT -
  3318. <a href="http://userstyles.org/styles/69350/">Flickr WideScreen - SCRIPT/Flickr Functional Suite</a>
  3319. === */
  3320. #long-description {
  3321.     position: relative !important;
  3322.     display: inline-block !important;
  3323.     width: 565px ! important;
  3324.     height: 395px !important;
  3325.     min-height: 100px ! important;
  3326.     top: 4px !important;
  3327.     margin-top: 0px !important;
  3328.     left: -12px ! important;
  3329.     padding: 5px 5px 2px 10px !important;
  3330.     border-radius: 5px !important;
  3331.     box-shadow: 0 0 4px #999999 !important;
  3332.     border: 1px solid red !important;
  3333.     overflow: hidden ! important;
  3334.     overflow-y: auto ! important;
  3335. }
  3336.  
  3337. /* (new79) - USERSTYLES - STY INFOS - STYLE OPTIONS -
  3338. http://userstyles.org/styles/62204/dust-for-firefox-pale-moon
  3339. <a href="http://userstyles.org/styles/75965/">Firefox 7+: Addon Manager and some interface items</a>
  3340. - https://userstyles.org/styles/47886/facebook-dark-shiny-transparency-with-options
  3341. (new43) SITE CHANGE :
  3342. "#style-options" to "#style-settings"
  3343. === */
  3344. #style-settings {
  3345.     position: absolute !important;
  3346.     display: inline-block !important;
  3347.     width: 43px ! important;
  3348.     height: 27px !important;
  3349.     top: -44px !important;
  3350.     margin-left: 620px !important;
  3351.     left: 40px ! important;
  3352.     border: 1px solid gray !important;
  3353.     border-radius: 5px !important;
  3354.     background: gray !important;
  3355.     overflow: hidden !important;
  3356.     overflow-y: hidden !important;
  3357. z-index: 500 !important;
  3358. }
  3359. #style-settings:hover {
  3360.     position: absolute !important;
  3361.     display: inline-block !important;
  3362.     width: 535px ! important;
  3363.     min-height: 427px !important;
  3364.     top: -37px !important;
  3365.     margin-left: 769px !important;
  3366.     left: -385px ! important;
  3367.     border: 1px solid gray !important;
  3368.     border-radius: 5px !important;
  3369.     background: black !important;
  3370.     overflow: hidden !important;
  3371.     overflow-y: auto !important;
  3372.     z-index: 500!important;
  3373. transition: all ease 0.6s !important;
  3374. }
  3375. #style-settings li:first-of-type {
  3376.     margin-top: 35px !important;
  3377. }
  3378.  
  3379. #style-settings:before {
  3380.     content: "Options \01F53B " ;
  3381.     position: absolute ;
  3382.     display: inline-block ;
  3383.     height: 13px ;
  3384.     line-height: 13px ;
  3385.     top: 1px ;
  3386.     left: 2px ;
  3387.     padding: 5px ;
  3388.     border-radius: 5px ;
  3389.     border: 1px solid gray ;
  3390.     color: gold ;
  3391.     background: #222222 ;
  3392. z-index: 500!important;
  3393. }
  3394. /* (new71) - USERSTYLES - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK - === */
  3395. #style-info #control-panel {
  3396.     position: fixed ! important;
  3397.     display: inline-block ! important;
  3398.     height: 29px;
  3399.     width: 566px;
  3400.     margin-bottom: 1em;
  3401. /* left: 550px !important; */
  3402.     left: 637px!important;
  3403.     top: 35px ! important;
  3404.     padding: 5px 6px !important;
  3405.     border-radius: 5px!important;
  3406. /* background: red !important; */
  3407.     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;
  3408.     z-index: 600!important;
  3409. }
  3410. #style-info #control-panel>a:nth-child(1),
  3411. #style-info #control-panel>a:nth-child(2),
  3412. #style-info #control-panel> a:nth-child(3){
  3413.     display: inline-block!important;
  3414.     margin-top: 1px ! important;
  3415.     background-color: #222222 !important;
  3416.     border-radius: 5px !important;
  3417.     box-shadow: 0 0 4px #999999 !important;
  3418.     padding: 5px !important;
  3419. }
  3420. /*  - USERSTYLES - EDIT */
  3421. #style-info #control-panel>a:nth-child(1){
  3422.     background-color: #222222 !important;
  3423.     border-radius: 5px !important;
  3424.     box-shadow: 0 0 4px #999999 !important;
  3425.     padding: 5px !important;
  3426.     color: #E0B81F !important;
  3427. }
  3428. /*  - USERSTYLES - STY INFOS - LG DESC - (Links Color) === */
  3429. #long-description>p>a{
  3430.     color: #E0B81F !important;
  3431.     margin-right: 5px !important;
  3432. }
  3433. /* (new78)  - USERSTYLES - STY INFOS - INST BUTT + Switch Browser - === */
  3434. #stylish-installed-style-needs-update ,
  3435. #stylish-installed-style-not-installed {
  3436.     position: fixed !important;
  3437.     width: 190px !important;
  3438.     height: 25px !important;
  3439.     top: 28px !important;
  3440.     left: 1025px !important;
  3441.     margin-bottom: 1px;
  3442.     top: 30px !important;
  3443.     padding: 0 4px 2px !important;
  3444.     border-radius: 5px !important;
  3445.     font-size: larger;
  3446.     color: white;
  3447.     vertical-align: middle;
  3448.     z-index: 700!important;
  3449. }
  3450.  
  3451. /* (new 74) - INSTALL BUTTON - COR to SEE WITH STYLISH addon differents version - === */
  3452. /* #stylish-installed-style-installed  {
  3453.     position: absolute !important;
  3454.     width: 230px !important;
  3455.     height: 25px !important;
  3456.     top: 28px !important;
  3457.     left: 719px !important;
  3458.     margin-bottom: 1px;
  3459.     margin-top: -22px !important;
  3460.     padding: 0 4px 2px !important;
  3461.     border-radius: 5px !important;
  3462.     font-size: larger;
  3463.     color: white;
  3464.     vertical-align: middle;
  3465. } */
  3466. #stylish-installed-style-installed  {
  3467. /* position: absolute !important; */
  3468.     position: fixed !important;
  3469.     width: 230px !important;
  3470.     height: 25px !important;
  3471.     top: 30px !important;
  3472.     left: 930px !important;
  3473.     margin-bottom: 1px;
  3474. /* margin-top: -30px !important; */
  3475.     padding: 0 4px 2px !important;
  3476.     border-radius: 5px !important;
  3477.     font-size: larger;
  3478.     color: white;
  3479.     vertical-align: middle;
  3480. z-index: 650 !important;
  3481. }
  3482. #switch-browser-note {
  3483.     position: absolute !important;
  3484.     display: inline-block;
  3485.     width: 180px !important;
  3486.     top: 32px !important;
  3487.     left: 575px !important;
  3488.     margin-bottom: 1px;
  3489.     margin-top: 13px !important;
  3490.     padding: 0 4px 2px !important;
  3491.     vertical-align: middle;
  3492.     border-radius: 5px !important;
  3493.     color: white;
  3494. }
  3495.  
  3496. /* (new79)  Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3  -
  3497. == hideheader : Wrong Install /Update button on my styles page...
  3498. https://forum.userstyles.org/discussion/44498/wrong-install-update-button-on-my-styles-page#latest
  3499. == */
  3500. /* #stylish-installed-style-not-installed,
  3501. #stylish-installed-style-needs-update {
  3502.     display: inline-block !important;
  3503. } */
  3504. #style-install-mozilla-no-stylish {
  3505.     display: none !important;
  3506. }
  3507. /* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???)  */
  3508. .install-status:not(.install) {
  3509.     display: none;
  3510. }
  3511. /* (new57) - USERSTYLES -  INSTALL NOTE - === */
  3512. .install-status:not(.install) {
  3513.     position: absolute !important;
  3514.     display: inline-block;
  3515.     max-width: 450px;
  3516.     margin-bottom: 1px;
  3517.     margin-top: 15px;
  3518.     right: 0 !important;
  3519.     top: 0!important;
  3520.     padding: 8px 16px 12px;
  3521.     border-radius: 5px;
  3522.     font-size: larger;
  3523.     color: white;
  3524.     vertical-align: middle;
  3525. }
  3526.  
  3527. /* (new67) - USERSTYLES - STY INFOS - SUPP(display:none) - INST PUB - (PB EDIT SCRIPT PAGE) -
  3528. [id*="-ad"] ,
  3529. === */
  3530. .ad ,
  3531. #post-install-ad ,
  3532. #below-install-ad {
  3533.     display: none !important;
  3534. }
  3535.  
  3536. /* ==== (new71) - USERSTYLES - STY INFOS - SHOW CODE -
  3537. SYTLE INFOS PAGE :
  3538. <a href="http://userstyles.org/styles/56792/userstyles-tableview-enhancer-dark-grey-7-9-beta">Userstyles TableView+Enhancer - Dark-Grey 7.9 beta</a>
  3539. PAGE CODE :
  3540. <a href="http://forum.userstyles.org/uploads/FileUpload/9c/20298544f120ef30f482e9c94b44a5.txt">Youtube Black &amp; Red (-CyberationMicro-) V.12.1.5</a>
  3541. ==== */
  3542.  
  3543. /* (new71) - USERSTYLES -  CHROME PB - STY INFOS - SHOW CODE - BUTT - === */
  3544. #show-button {
  3545.     position: fixed !important;
  3546.     height: 17px !important;
  3547.     line-height: 17px ! important;
  3548.     width: 70px !important;
  3549. /* left: 80% !important; */
  3550.     left: 820px !important;
  3551.     margin: 2px !important;
  3552.     top: 45px !important;
  3553.     border-radius: 5px !important;
  3554.     box-shadow: 0 0 4px #999999 !important;
  3555.     color: gold ! important;
  3556.     text-align: center ! important;
  3557.     background: #222222 ! important;
  3558.     z-index: 2000 !important;
  3559. }
  3560. /*  - USERSTYLES - STY INFOS - CODE - (TABLE VIEW PLUS) - === */
  3561. #left-sidebar footer #show-code  #view-code {
  3562.     max-height: 90% !important;
  3563.     width: 650px ! important;
  3564.     top: 65px !important;
  3565.     z-index: 0 !important;
  3566. }
  3567. /*  - USERSTYLES - STY INFOS - Window CODE - (TABLE VIEW PLUS) - === */
  3568. #show-code pre {
  3569.     max-height: 730px !important;
  3570.     min-width: 670px !important;
  3571.     max-width: 670px !important;
  3572.     margin-top: 70px !important;
  3573.     left: calc(100% - 690px) ! important;
  3574.     border: 1px solid black !important;
  3575.     border-radius: 8px !important;
  3576.     word-wrap: break-word !important;
  3577.     -moz-hyphens: auto !important;
  3578. }
  3579.  
  3580. /* (new71) - USERSTYLES -  CHROME - STY INFOS - SHOW CODE - Window CODE - WITHOUT GM SCRIPT - === */
  3581. #content-wrapper article#main-article section#style-info #show-code pre  {
  3582.     position: fixed ! important;
  3583.     max-height: 800px !important;
  3584.     min-width: 670px !important;
  3585.     max-width: 670px !important;
  3586.     margin-left: -1% !important;
  3587.     top: 5px ! important;
  3588.     border: 1px solid black !important;
  3589.     border-radius: 8px !important;
  3590.     word-wrap: break-word !important;
  3591.     -moz-hyphens: auto !important;
  3592.     z-index: 800 ! important;
  3593. }
  3594.  
  3595. /* (new43) - USERSTYLES - STY INFOS - Window CODE - === */
  3596. #more-info #show-code pre {
  3597.     position: fixed ! important;
  3598.     max-height: 730px !important;
  3599.     min-width: 670px !important;
  3600.     max-width: 670px !important;
  3601.     left: 45% ! important;
  3602.     top: 60px !important;
  3603.     border: 1px solid black !important;
  3604.     border-radius: 8px !important;
  3605.     word-wrap: break-word !important;
  3606.     -moz-hyphens: auto !important;
  3607. }
  3608. #stylish-code {
  3609.     width: 650px !important;
  3610.     word-wrap: break-word !important;
  3611.     -moz-hyphens: auto !important;
  3612. }
  3613. #view-code code {
  3614.     display: inline-block !important;
  3615.     height: 100% !important;
  3616.     width: 100% !important;
  3617.     padding: 3px 0 5px 5px  !important;
  3618.     word-wrap: break-word !important;
  3619.     white-space: pre-line !important;
  3620.     white-space: pre-wrap !important;
  3621.     overflow:auto !important;
  3622.     color: black !important;
  3623. }
  3624.  
  3625. /* (new75) - USERSTYLES - STY INFOS - MORE - DESC - TITLE - === */
  3626. #content-wrapper article#main-article #more-info h2 ,
  3627. #content-wrapper article#main-article #additional-info h2 ,
  3628. #content-wrapper article#main-article #discussions-area h2 {
  3629.     display: inline-block ! important;
  3630.     width: 885px !important;
  3631.     padding-left: 15px !important;
  3632.     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%);
  3633.     border-radius: 5px !important;
  3634.     box-shadow: 0 0 4px #999999 !important;
  3635. /* box-shadow:  1px 0px 3px -20px  #20232b inset, 0px 5px 5px 1px #20232b inset !important; */
  3636.     color: #A3A4A4 !important;
  3637. }
  3638. section#discussions-area h2 {
  3639.     position: relative !important;
  3640.     display: inline-block !important;
  3641.     left: 50px !important;
  3642.     margin-bottom: -15px !important;
  3643. }
  3644. section#discussions-area h3 {
  3645.     display: none !important;
  3646. }
  3647.  
  3648. /* (new59) - USERSTYLES -  STY INFOS - MORE INFOS - DESC - === */
  3649. #style-info + #additional-info {
  3650.     position: relative ! important;
  3651.     display: inline-block !important;
  3652.     min-width: 90% !important;
  3653.     max-width: 90% !important;
  3654.     left: 2% !important;
  3655.     margin-top: 405px !important;
  3656. }
  3657. /*(new52)*/
  3658. #additional-info-text {
  3659.     position: relative !important;
  3660.     display: inline-block !important;
  3661.     min-width: 900px !important;
  3662.     max-width: 700px !important;
  3663.     margin-top: -15px !important;
  3664.     overflow-y: auto;
  3665.     overflow-x: hidden!important;
  3666.     color: #ACAEB5 !important;
  3667. }
  3668. /*  (new80)- USERSTYLES - STY INFOS - MORE - DESC - Links Color - === */
  3669. #additional-info #additional-info-text a{
  3670.     color: #E0B81F !important;
  3671. }
  3672. #additional-info #additional-info-text a:visited {
  3673.     color: #E7D590 !important;
  3674. }
  3675.  
  3676. /* (new80) - USERSTYLES - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ - === */
  3677. #style-info + #additional-info #additional-info-text>mark>a {
  3678.     color: black !important;
  3679. }
  3680. #additional-info #additional-info-text>mark>a b {
  3681.     color: red!important;
  3682. }
  3683. /* ===  - USERSTYLES - STY INFOS - FEED ==== */
  3684.  
  3685. /* (new74) - USERSTYLES - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */
  3686. #discussions-area{
  3687.     position: absolute !important;
  3688.     display: inline-block ! important;
  3689.     float: none ! important;
  3690.     clear: both ! important;
  3691.     max-height: 100%!important;
  3692.     min-height: 30px !important;
  3693.     width: 950px !important;
  3694.     left: 220px !important;
  3695.     top: 730px !important;
  3696.     padding: 1px !important;
  3697. }
  3698. /*#discussions-area p#no-discussions a#start-discussion:link*/
  3699. #post-discussion + #login-form + #no-discussions  {
  3700. /* position: relative !important; */
  3701.     position: absolute!important;
  3702.     display: inline-block !important;
  3703.     width: 760px!important;
  3704.     padding: 2px  !important;
  3705. /* top: 255px !important; */
  3706.     top: -11px !important;
  3707.     margin-left: 165px !important;
  3708.     border: 1px solid black !important;
  3709.     border-radius: 5px !important;
  3710.     box-shadow: 0 0 4px #999999 !important;
  3711.     text-align: center!important;
  3712.     color: gold !important;
  3713.     text-decoration: none !important;
  3714.     background-color: #222222 !important;
  3715.     background-image: url("http://cdn.userstyles.org/images/question.png") !important;
  3716.     background-position: 5px 6px !important;
  3717.     background-repeat: no-repeat !important;
  3718.     z-index: 500!important;
  3719. }
  3720. #discussions {
  3721.     margin-left: 20px !important;
  3722.     margin-top: 5px !important;
  3723. }
  3724.  
  3725. /*  - USERSTYLES - STY INFOS - FEED LIST - (Title) - === */
  3726. #discussions>li>a:nth-child(1){
  3727.     margin-left: 8px !important;
  3728.     margin-right: 30px !important;
  3729. }
  3730. /*  - USERSTYLES - STY INFOS - FEED LIST - (Member NAME) - === */
  3731. #discussions>li>a:nth-child(2){
  3732.     margin-left: 4px !important;
  3733.     margin-right: 15px !important;
  3734. }
  3735.  
  3736. /* (new75)  - USERSTYLES - TITRE "User.org"/"User Name" - === */
  3737. #main-header {
  3738.     position: fixed !important;
  3739.     display: inline-block ! important;
  3740.     float: none ! important;
  3741.     width: 99.9% !important;
  3742. /* min-width: 99.5% !important; */
  3743. /* max-width: 62.3% !important; */
  3744.     height: 65px !important;
  3745.     left: -0.2% !important;
  3746. /* left: 0!important; */
  3747.     top: -1px !important;
  3748.     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%);
  3749. /* box-shadow: 0 0 4px #999999 !important; */
  3750. /* box-shadow:  1px 0px 3px -20px  #20232b inset, 0px 5px 5px 1px #20232b inset !important; */
  3751.     z-index: 200 !important;
  3752. }
  3753.  
  3754. /*  - USERSTYLES - STY TITLE/Name === */
  3755.  
  3756. /*  - USERSTYLES - SITE TITLE "User.org" + "USER NAME" / NAME - === */
  3757. #main-header > h1 {
  3758.     position: relative ! important;
  3759.     display: inline-block ! important;
  3760.     width: 99.5% !important;
  3761.     margin-top: -3px !important;
  3762.     border-radius: 5px ! important;
  3763.     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%);
  3764.     font-size: 23px ! important;
  3765. }
  3766. #main-header > h1::-moz-selection {
  3767.     background:#FFCC11 ! important;
  3768.     color:#ffffff ! important;
  3769. }
  3770. #main-header > h1:hover {
  3771.     color: gold ! important;
  3772. }
  3773.  
  3774. /* (new48)  - USERSTYLES - SITE TITLE - TXT "User.org" -
  3775. + POSTION SUB TITLE PAGE(user name or title of the page)
  3776. === */
  3777. #main-header>h1>a {
  3778.     display: inline-block ! important;
  3779.     width: 161px !important;
  3780.     margin-right: 85px !important;
  3781.     margin-left: 1% !important;
  3782.     margin-bottom: 30px ! important;
  3783. }
  3784.  
  3785.  
  3786. /*  - USERSTYLES - DONATE BUTT - SUPP (display:none) - === */
  3787. #donate,
  3788. #donate input {
  3789.     display: none !important;
  3790. }
  3791.  
  3792. /* (new7)- USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL - === */
  3793. #left-sidebar nav ul dl:not(:hover) ,
  3794. #main-article>dl:not(:hover) {
  3795.     position: fixed ! important;
  3796.     display: inline-block ! important;
  3797.     float: none !important;
  3798.     width: 50px !important;
  3799.     max-height: 15px ! important;
  3800.     top: 23px ! important;
  3801.     margin-top: 5px ! important;
  3802.     left: 275px !important;
  3803. /* padding: 3px 50px 1px 70px!important; */
  3804.     font-size: 10px ! important;
  3805.     text-align: left !important;
  3806.     z-index: 900 ! important;
  3807.     overflow: hidden !important;
  3808.     visibility: visible !important;
  3809. transition: all ease .4s !important;
  3810. }
  3811. #left-sidebar nav ul dl:hover ,
  3812. #main-article>dl:hover {
  3813.     position: fixed ! important;
  3814.     display: inline-block ! important;
  3815.     float: none !important;
  3816.     width: auto !important;
  3817.     height: auto ! important;
  3818.     top: 23px ! important;
  3819.     margin-top: 5px ! important;
  3820.     left: 210px !important;
  3821.     padding: 3px 50px 1px 70px!important;
  3822.     font-size: 10px ! important;
  3823.     text-align: left !important;
  3824.     overflow: visible !important;
  3825. /* transition: all ease .4s !important; */
  3826. }
  3827.  
  3828. /* (new77) "About" / "Conact" - LABEL CONTAINER - NOT HOVER */
  3829. #left-sidebar nav ul dl:not(:hover)>dt ,
  3830. #main-article>dl:not(:hover)>dt {
  3831.     position: relative ! important;
  3832.     display: block !important;
  3833.     float: none !important;
  3834.     width: 74px !important;
  3835.     height: 16px ! important;
  3836.     line-height: 15px ! important;
  3837.     top: -3px ! important;
  3838.     margin-bottom: -14px !important;
  3839.     left: 0px ! important;
  3840.     padding: 0px 6px 1px 0px !important;
  3841.     font-size: 10px ! important;
  3842.     text-align: left !important;
  3843.     color: transparent ! important;
  3844.     overflow: hidden !important;
  3845.     text-overflow: ellipsis !important;
  3846.     white-space: nowrap !important;
  3847. /* background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important; */
  3848. /* border-radius: 5px 0 0 5px !important; */
  3849. /* border: 1px solid gray !important; */
  3850.     z-index: 5000 !important;
  3851. }
  3852. #left-sidebar nav ul dl:not(:hover)>dt:before ,
  3853. #main-article>dl:not(:hover)>dt:before {
  3854.     content: "About \25B6 " !important;
  3855.     color: red !important;
  3856. }
  3857.  
  3858.  
  3859. /* (new77) "About" / "Conact" - LABEL CONTAINER - HOVER */
  3860. #left-sidebar nav ul dl:hover>dt ,
  3861. #main-article>dl:hover>dt {
  3862.     position: relative ! important;
  3863.     display: block !important;
  3864.     float: none !important;
  3865.     width: 44px !important;
  3866.     height: 12px ! important;
  3867.     line-height: 12px ! important;
  3868.     top: -3px ! important;
  3869.     margin-bottom: -14px !important;
  3870.     left: 0px ! important;
  3871.     padding: 0px 6px 1px 2px !important;
  3872.     font-size: 10px ! important;
  3873.     text-align: left !important;
  3874.     color: grey ! important;
  3875.     overflow: hidden !important;
  3876.     text-overflow: ellipsis !important;
  3877.     white-space: nowrap !important;
  3878.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  3879.     border-radius: 5px 0 0 5px !important;
  3880.     border: 1px solid gray !important;
  3881.     z-index: 5000 !important;
  3882. }
  3883. /* (new77) "About" / "Conact" - FULL CONTAINER - HOVER */
  3884. #left-sidebar nav ul dl:hover>dd ,
  3885. #main-article>dl:hover>dd {
  3886.     position: relative ! important;
  3887.     width: 0px !important;
  3888.     height: 15px ! important;
  3889.     top: -6px ! important;
  3890.     margin-bottom: -3px !important;
  3891.     margin-left: 55px ! important;
  3892.     padding-left: 10px !important;
  3893.     padding-right: 8px !important;
  3894.     text-align: left !important;
  3895.     background: black !important;
  3896.     outline: 1px solid gray !important;
  3897.     overflow: hidden !important;
  3898. transition: all ease 0.4s !important;
  3899. }
  3900.  
  3901. /*(new77) "About" - FULL CONTAINER - NOT HOVER */
  3902. #left-sidebar nav ul dl:not(:hover), #main-article > dl:not(:hover) dd {
  3903.     margin-left: 100px !important;
  3904. /* outline: 1px solid red !important; */
  3905. }
  3906. #main-article>dl:not(:hover)>dd:first-of-type:not(:hover) {
  3907.     position: relative ! important;
  3908.     display: inline-block ! important;
  3909.     max-width: 0px !important;
  3910.     height: 20px ! important;
  3911.     top: -6px ! important;
  3912.     margin-bottom: -3px !important;
  3913.     margin-left: 47px ! important;
  3914.     padding-left: 0px !important;
  3915.     padding-right: 0px !important;
  3916.     border: none !important;
  3917.     text-align: left !important;
  3918.     background: black !important;
  3919.     overflow: hidden !important;
  3920. /* outline: 1px solid violet !important; */
  3921. /* outline: 1px solid transparent !important; */
  3922. /* display: none !important; */
  3923.     visibility: hidden !important;
  3924. }
  3925.  
  3926. /*(new77) "About" - FULL CONTAINER - HOVER */
  3927. #left-sidebar nav ul dl:hover>dd:first-of-type ,
  3928. #main-article>dl:hover>dd:first-of-type {
  3929. /* position: relative !important; */
  3930.     display: inline-block ! important;
  3931.     width: 100% !important;
  3932.     min-width: 0px !important;
  3933.     max-width: 500px !important;
  3934. /*     height: 100% ! important;
  3935.     min-height: 500px ! important;
  3936.     max-height: 200px ! important; */
  3937.     height: 100% ! important;
  3938.     min-height: 0px ! important;
  3939.     max-height: 500px ! important;
  3940.     margin-left: 15px ! important;
  3941.     margin-top: 0px ! important;
  3942. /* padding: 25px 0 100px 20px !important; */
  3943.     padding: 2px 0 100px 90px !important;
  3944.     text-align: left !important;
  3945.     font-size: 14px!important;
  3946.     background: black !important;
  3947.     overflow: hidden !important;
  3948.     overflow-y: auto !important;
  3949.     z-index: 900 ! important;
  3950. }
  3951.  
  3952. /* (new77) - SUB LABEL INFOS */
  3953. /* #main-article>dl:hover>dd:first-of-type + dt, */
  3954. /* #main-article>dl:hover>dd:first-of-type + dt */
  3955. #main-article>dl:hover>dt:first-of-type + dd +dt  {
  3956.     position: absolute !important;
  3957.     display: inline-block ! important;
  3958.     top: 15px !important;
  3959.     margin-left: 90px !important;
  3960. }
  3961. #main-article>dl>dt:first-of-type + dd +dt +dd+dt {
  3962.     position: absolute !important;
  3963.     display: inline-block ! important;
  3964.     top: 30px !important;
  3965.     margin-left: 90px !important;
  3966. }
  3967. #main-article>dl>dt:first-of-type + dd +dt +dd+dt+dd+dt {
  3968.     position: absolute !important;
  3969.     display: inline-block ! important;
  3970.     top: 45px !important;
  3971.     margin-left: 90px !important;
  3972. }
  3973.  
  3974.  
  3975.  
  3976. /* (new77) "About" - ARROW GRAY */
  3977. #left-sidebar nav ul dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before ,
  3978. #main-article>dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before {
  3979.     position: relative ;
  3980.     display: inline-block ;
  3981.     content: "\25B6 " ;
  3982.     margin-left: 1px ;
  3983.     color: red
  3984. }
  3985.  
  3986. /* (new77) ABOUT - LINKS */
  3987. #main-article>dl>dd>a {
  3988.     position: relative !important;
  3989.     display: inline-block !important;
  3990.     min-height: 15px !important;
  3991.     max-height: 15px !important;
  3992.     line-height: 14px !important;
  3993.     font-size: 13px !important;
  3994. }
  3995.  
  3996. /* (new77) SEND MESSAGE */
  3997.  
  3998. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"] {
  3999.     position: fixed !important;
  4000.     display: inline-block !important;
  4001. /* transform: rotate(-90deg) !important; */
  4002.     height: 20px !important;
  4003.     line-height: 10px !important;
  4004.     width: 170px !important;
  4005.     top: 28px !important;
  4006.     left: 360px !important;
  4007.     padding: 1px 10px !important;
  4008.     text-align: center !important;
  4009.     color: red !important;
  4010.     background: yellow !important;
  4011.     z-index: 80000 !important;
  4012.     visibility: visible !important;
  4013. /* outline: 1px solid violet !important; */
  4014. }
  4015. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {
  4016.     visibility: hidden !important;
  4017. }
  4018. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before ,
  4019. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {
  4020.     position: absolute !important;
  4021.     display: inline-block ;
  4022.     height: 15px !important;
  4023.     width: 22px !important;
  4024.     content: "✉" ;
  4025.     color: peru !important;
  4026.     left: -25px!important;
  4027.     top: 0px !important;
  4028.     font-size: 21px !important;
  4029.     visibility: visible !important;
  4030. }
  4031. /* (new48)  - USERSTYLES -  PROFILE LINK - === */
  4032. body:not(#f) a#userProfile {
  4033.     position: absolute !important;
  4034.     visibility: visible !important;
  4035.     left: 256px !important;
  4036.     top: -64px !important;
  4037.     overflow: visible !important;
  4038.     text-overflow: ellipsis !important;
  4039.     white-space: nowrap !important;
  4040.     font-size: 0 !important;
  4041.     z-index: 500 !important;
  4042. }
  4043.  
  4044. body:not(#f) a#userProfile:before {
  4045.     display: inline-block ;
  4046.     position: fixed ;
  4047.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;
  4048.     -moz-transform:scale(0.6,0.5) ;
  4049.     margin-left: -25px ;
  4050.     top: 1px ;
  4051. }
  4052.  
  4053. /* END ==  - USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABT ME" - TXT + Back transpt - === */
  4054.  
  4055.  
  4056.  
  4057.  
  4058. /*  - USERSTYLES - "Following results" - "the results for all ..." - === */
  4059. #page-description>a {
  4060.     border-radius: 5px !important;
  4061.     box-shadow: 0 0 4px #999999 !important;
  4062.     display: inline-block !important;
  4063.     left: 103px !important;
  4064.     padding: 5px !important;
  4065.     position: absolute !important;
  4066.     top: -21px !important;
  4067.     width: 994px !important;
  4068. }
  4069.  
  4070. /* (new43)  - USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (TABLE VIEW PLUS) - === */
  4071. #metaOption {
  4072.     position: fixed !important;
  4073.     display: inline-block !important;
  4074.     -moz-appearance: none !important;
  4075.     transform: scale(0.8) ! important;
  4076.     height: 19px !important;
  4077.     width: 19px ! important;
  4078.     left: 0px !important;
  4079.     top: 44px !important;
  4080.     padding: 12px ! important;
  4081.     color: transparent ! important;
  4082.     border: none ! important;
  4083.     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;
  4084.     background-color: #0064AA ! important;
  4085.     border-radius: 10px 10px 10px 10px !important;
  4086.     z-index: 200 !important;
  4087.     opacity: 0.7 !important;
  4088.     cursor: pointer ! important;
  4089. }
  4090. #metaOption:hover {
  4091.     background-color: gold !important;
  4092.     opacity: 1 !important;
  4093. }
  4094.  
  4095. /*  - USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (ENHANCER) - === */
  4096. #style-table #metaPrefs {
  4097.     position: absolute!important;
  4098.     left: 5px!important;
  4099.     margin-top: -5px!important;
  4100. }
  4101.  
  4102. /* ==== (new74) USERSTYLES - SEARCH BOX ==== */
  4103.  
  4104. /*  - USERSTYLES - ADV SEARCH - PAGE RESUL  - === */
  4105. /*  (new74) USERSTYLES - ADV SEARCH - TOGGLE - SHOW BUTTON / BACK BUTTONS - TABLE VIEW PLUS - === */
  4106. #advanced-search-submit button {
  4107.    -moz-appearance: none ! important;
  4108.     position: fixed !important;
  4109.     display: inline-block !important;
  4110.     width: 62px !important;
  4111.     height: 20px !important;
  4112.     right: calc(100% - 1202px)  ! important;
  4113.     top: 3px ! important;
  4114.     padding: 0 0 2px 0px  ! important;
  4115.     border-radius: 4px ! important;
  4116.     border: 1px solid #777777 !important;
  4117.     font-size: 10px! important;
  4118.     color: #D7D7D7 !important;
  4119.     text-align: center ! important;
  4120.     text-decoration: none ! important;
  4121.     box-shadow: 0 0 1px #777777 inset !important;
  4122.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  4123.     cursor: pointer ! important;
  4124. }
  4125. #advanced-search-submit button:hover {
  4126.     color: tomato !important;
  4127. }
  4128. /*   - USERSTYLES - ADV SEARCH - SHOW BUTT (TXT "Adv sear) - === */
  4129. #left-sidebar nav ul li form #simple-search + #show-advanced-search {
  4130.    -moz-appearance: none ! important;
  4131.     position: absolute !important;
  4132.     display: inline-block !important;
  4133.     width: 60px !important;
  4134.     height: 18px !important;
  4135.     line-height: 15px ! important;
  4136.     top: -13px ! important;
  4137.     left: 85% ! important;
  4138.     font-size: 10px! important;
  4139.     color: #D7D7D7 !important;
  4140.     z-index: 200 ! important;
  4141.     text-align: center ! important;
  4142.     text-decoration: none ! important;
  4143.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  4144.     border: 1px solid #777777 !important;
  4145.     border-radius: 4px !important;
  4146.     box-shadow: 0 0 1px #777777 inset !important;
  4147.     cursor: pointer ! important;
  4148. }
  4149.  
  4150. /*  (new74) USERSTYLES - AVDV SEARCH - SUBMIT BUTT - === */
  4151. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {
  4152.    -moz-appearance: none ! important;
  4153.     position: fixed !important;
  4154.     display: inline-block !important;
  4155.     width: 50px !important;
  4156.     height: 20px !important;
  4157.     right: calc(100% - 1138px)  ! important;
  4158.     top: 3px ! important;
  4159.     border-radius: 5px ! important;
  4160.     font-size: 10px! important;
  4161.     color: gold !important;
  4162.     z-index: 200! important;
  4163.     text-align: center ! important;
  4164.     text-decoration: none ! important;
  4165.     background: black ! important;
  4166.     border: 1px gray solid ! important;
  4167.     cursor: pointer ! important;
  4168. }
  4169. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {
  4170.     color: tomato !important;
  4171. }
  4172.  
  4173. /*  - USERSTYLES - ADV SEARCH - OPT - BLOCK CONT - === */
  4174. #advanced-search {
  4175.     position: relative ! important;
  4176.     height: 24px ! important;
  4177.     width: 500px ! important;
  4178.     top: 7px ! important;
  4179.     left: -65px ! important;
  4180.     padding: 1px 2px 3px 2px  ! important;
  4181.     border: none ! important;
  4182.     border-radius: 3px !important;
  4183.     z-index: 20000 ! important;
  4184. }
  4185.  
  4186. /*  - USERSTYLES - SEARCH - TOP Right (Background) - === */
  4187. #search{
  4188.     background-color:  transparent !important
  4189. }
  4190.  
  4191. /*  - USERSTYLES - SEARCH BOX - === */
  4192. #search {
  4193.     position: fixed !important;
  4194.     width: 187px ! important;
  4195.     height: 85px ! important;
  4196.     top: 400px ! important;
  4197. }
  4198. /* (new74) USERSTYLES - SEARCH BOX INPUT -  === */
  4199. #left-sidebar > nav ul li form {
  4200.     position: fixed ! important;
  4201.     width: 200px !important;
  4202.     margin-top: -8px! important;
  4203.     left: 970px ! important;
  4204.     top: 25px ! important;
  4205.     visibility: visible ! important;
  4206.     z-index: 2000! important;
  4207. }
  4208. /*  - USERSTYLES - SIMPLE SEARCH - SEARCH INPUT - === */
  4209. #search-terms {
  4210.     position: absolute ! important;
  4211.     width: 213px !important;
  4212.     height: 13px ! important;
  4213.     margin-top: -8px;
  4214.     margin-right: -50px ! important;
  4215.     left: -65px ! important;
  4216.     top: -5px ! important;
  4217. }
  4218. /*  (new74) USERSTYLES /GREASY FORK - SIMPLE SEARCH - SEARCH BUTT - === */
  4219. /* #search-submit {
  4220.     position: relative ! important;
  4221.     left: -38px ! important;
  4222.     margin-top: -15px ! important;
  4223.     font-size:11px !important;
  4224. } */
  4225. #search-submit {
  4226.     position: relative ! important;
  4227.     left: -38px ! important;
  4228.     margin-top: -15px ! important;
  4229.     font-size:11px !important;
  4230. }
  4231. #script-search > input[type="submit"] ,
  4232. #search-submit  {
  4233.     top: 2px !important;
  4234.     -moz-appearance: none !important;
  4235.     border: 1px solid gray !important;
  4236.     border-radius: 0 3px 3px 0 !important;
  4237.     cursor: pointer!important;
  4238.     background: peru !important;
  4239. }
  4240. #userProfile + ul  #sidebar-search #search-submit {
  4241.     height: 19px!important;
  4242. }
  4243.  
  4244. #script-search > input[type="submit"]:hover ,
  4245. #search-submit:hover  {
  4246.     background: tomato !important;
  4247. }
  4248. /*  - USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE SELECT - (ENHANCER) - === */
  4249. #per-page-select {
  4250.     width: 45px !important;
  4251.     margin-left: -50px ! important;
  4252. }
  4253. *[id$="-select"] ,
  4254. #advanced-search>[name="sort_direction"]  {
  4255.     font-size: 11px ! important;
  4256.     height: 17px ! important;
  4257. }
  4258.  
  4259. /*  - USERSTYLES - ADV SEARCH - FILT BLOCK  - TXT "FILT" - SUPP (diplay:none) -(TABLE VIEW PLUS) - === */
  4260. #fb-label {
  4261.     display:none ! important;
  4262. }
  4263.  
  4264. /*  - USERSTYLES - ADV SEARCH - FILT BLOCK + TXT "FILTER" + BUTT - CONT - (TABLE VIEW PLUS) - === */
  4265. #filter-block  {
  4266.     position: fixed ! important;
  4267.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent ! important;
  4268.     display: inline-block ! important;
  4269.     height: 14px !important;
  4270.     left: 602px !important;
  4271.     margin-left: 283px !important;
  4272.     top: 38px !important;
  4273.     width: 345px !important;
  4274.     z-index: 2000 !important;
  4275.     font-size: 10px ! important;
  4276. }
  4277. /*  - USERSTYLES - ADV SEARCH - FILT - "Create " + "Show Flit" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  4278. #wordDiv button ,
  4279. #filterGroup button {
  4280.     font-size: 10px !important;
  4281.     padding: 1px ! important;
  4282.     height: 18px ! important;
  4283.     line-height: 10px ! important;
  4284. }
  4285. /*  - USERSTYLES - ADV SEARCH - FILTBLOCK - "Create" BUTT - (TABLE VIEW PLUS) - === */
  4286. #wordDiv button {
  4287.     width: 80px ! important;
  4288.     -moz-appearance: none ! important;
  4289.     margin-left: -465px ! important;
  4290.     margin-top: 4px ! important;
  4291.     padding: 0px 2px 4px 2px ! important;
  4292.     cursor: pointer ! important;
  4293.     text-align: right! important;
  4294.     border-radius: 5px ! important;
  4295.     color: transparent ! important;
  4296.     background: transparent ! important;
  4297.     z-index: 200 ! important;
  4298. }
  4299. #wordDiv button:before {
  4300.     content: "Create Filters : " ;
  4301.     position: absolute ;
  4302.     display: inline-block ;
  4303.     width: 75px ;
  4304.     height: 15px ;
  4305.     line-height: 13px ;
  4306.     left: -161px ;
  4307.     top: 4px ;
  4308.     padding: 1px 1px 2px 1px ;
  4309.     border: 1px solid gray ;
  4310.     border-radius: 5px ;
  4311.     font-size: 11px ;
  4312.     text-align: center ;
  4313.     color: gold ;
  4314.     z-index: 200 ;
  4315.     background: black ;
  4316.  
  4317. }
  4318. /*  - USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  4319. #filterGroup button {
  4320.     position: absolute ! important;
  4321.     display: inline-block ! important;
  4322.     top: 0px ! important;
  4323.     margin-left: 100px ! important;
  4324. }
  4325. /*  - USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt"  BUTT - (TABLE VIEW PLUS) - === */
  4326. #filterGroup button#showB {
  4327.     position: absolute ! important;
  4328.     display: inline-block ! important;
  4329.     top: 0px ! important;
  4330.     margin-left: 80px ! important;
  4331.     width: 80px ! important;
  4332. }
  4333. /*  - USERSTYLES - ADV SEARCH - FILT BLOCK - "Clear" BUTT - (TABLE VIEW PLUS) - === */
  4334. #filterGroup button {
  4335.     position: absolute ! important;
  4336.     display: inline-block ! important;
  4337.     top: 0px ! important;
  4338.     margin-left: 160px ! important;
  4339. }
  4340.  
  4341. /*  - USERSTYLES - ADV SEARCH - FILT BLOCK - FILT INPUT (TABLE VIEW PLUS) - === */
  4342. #wordIn {
  4343.     -moz-appearance: none ! important;
  4344.     position: absolute ! important;
  4345.     display: inline-block ! important;
  4346.     width: 146px ! important;
  4347.     height: 13px ! important;
  4348.     left: -82px ! important;
  4349.     margin-top: 3px ! important;
  4350.     border: none ! important;
  4351.     border-radius: 3px ! important;
  4352.     padding: 2px 2px 3px 0px ! important;
  4353. }
  4354.  
  4355. /*  - USERSTYLES - ADV SEARCH - FILT BLOCK - CREATE CONT - (TABLE VIEW PLUS) - === */
  4356. #wordDiv {
  4357.     position: absolute !important;
  4358.     text-align: center;
  4359.     top: -6px !important;
  4360.     width: 223px !important;
  4361.     left: 80px ! important;
  4362. }
  4363. /*  - USERSTYLES - ADV SEARCH - FILT BLOCK - FILT-GROUP CONTR (Filtd nbr / "Show Filt" / "Clear) - (TABLE VIEW PLUS) - === */
  4364. #filterGroup {
  4365.     position: absolute !important;
  4366.     display: inline ! important;
  4367.     height: 17px ! important;
  4368.     max-width: 200px !important;
  4369.     min-width: 200px ! important;
  4370.     left: 152px !important;
  4371.     top: 0px !important;
  4372.     padding: 1px 1px 1px 0px ! important;
  4373.     border-radius: 5px ! important;
  4374.     border: gray 1px solid ! important;
  4375.     text-align: left !important;
  4376. }
  4377. /*  - USERSTYLES - ADV SEARCH - FILT BLOCK - TXT "Filt" - (TABLE VIEW PLUS) - === */
  4378. #left-sidebar #labCnt {
  4379.     font-size: 11px !important;
  4380.     margin: 0 2px 0 -42px !important;
  4381.     color: gray ! important;
  4382. }
  4383. #left-sidebar #labCnt:after {
  4384.     content: " :" ;
  4385.     color: gold;
  4386.     font-size: 11px ;
  4387. }
  4388. #left-sidebar #filterCount {
  4389.     color: gold;
  4390.     font-size: 11px !important;
  4391. }
  4392.  
  4393. /*(new75) USERSTYLES - ADV SEARCH - FILT BLOCK -  PER PAGE CONT (+ TX "Tab Filt" +) - (TABLE VIEW PLUS) - === */
  4394. #perPageGroup {
  4395.     position: absolute !important;
  4396. display: inline-block!important;
  4397. width: 10px !important;
  4398.     left: 305px ! important;
  4399.     margin-top: -17px !important;
  4400.     top: -12px !important;
  4401.     padding: 0 0 0 0px !important;
  4402.     color: gold !important;
  4403.     font-size: 0px !important;
  4404. /*     text-align: left !important; */
  4405.     background: black !important;
  4406. }
  4407. #perPageGroup:after {
  4408.     content: "by"!important;
  4409.     position: absolute !important;
  4410.     display: inline-block!important;
  4411.     width: 19px !important;
  4412.     height: 19px!important;
  4413.     line-height: 15px!important;
  4414.     left: 13px ! important;
  4415. /* margin-top: -17px !important; */
  4416.     top: -10px !important;
  4417.     padding: 0px !important;
  4418.     color: gold !important;
  4419.     font-size: 10px !important;
  4420.     text-align: center !important;
  4421.     background: red !important;
  4422. }
  4423. /*  (new75) USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE BLOCK - NBR INPUT - (TABLE VIEW PLUS) - === */
  4424. #filter-block #perPageGroup input#sel {
  4425.     -moz-appearance: none !important;
  4426.     position: absolute! important;
  4427.     display: inline-block!important;
  4428.     height: 17px !important;
  4429.     line-height: 25px !important;
  4430.     width: 20px !important;
  4431.     margin-left: 32px! important;
  4432.     margin-top: -10px! important;
  4433.     border: none ! important;
  4434.     border-radius: 0 3px 3px 0 ! important;
  4435.     font-size: 10px !important;
  4436.     text-align: center !important;
  4437.     background: #D6D6D6 ! important;
  4438. }
  4439.  
  4440.  
  4441. /*  - USERSTYLES - ADV SEARCH - FILT RESULT - ITEM FILT - ADD TXT "Filt" - (TABLE VIEW PLUS) - === */
  4442. table#style-table tr[filtered="true"]:after {
  4443.     display: inline-block ;
  4444.     width: 15px ;
  4445.     content: "Filtered" ;
  4446.     padding-top: 2px ;
  4447.     padding-bottom: 5px ;
  4448.     padding-right: 4px ;
  4449.     padding-left: 1px ;
  4450.     transform: rotate(90deg) ;
  4451.     font-size: 10px ;
  4452.     text-align: center ;
  4453.     color: gold ;
  4454. }
  4455.  
  4456. /* ====  - USERSTYLES - STY INFOS - RELATED ==== */
  4457.  
  4458. /*  - USERSTYLES - STY INFOS - RELATED - "Relat" etc... - BLOCK - === */
  4459. #related {
  4460.     position: fixed !important;
  4461.     width: 185px !important;
  4462.     left: 20px !important;
  4463.     top: 550px !important;
  4464.     background-color: #222222 !important;
  4465.     box-shadow: 0 0 4px #999999 !important;
  4466. }
  4467. /*  - USERSTYLES - STY INFOS - RELATED - "Relat" etc... - ITEMS - === */
  4468. #left-sidebar footer#related ul li:not(.more) a:before {
  4469.     display: inline-block ;
  4470.     content: "\25B6" ;
  4471.     padding-right: 5px ;
  4472.     font-size: 8px ;
  4473.     color: red ;
  4474. }
  4475.  
  4476. /* ====  - USERSTYLES - STY INFOS ==== */
  4477.  
  4478. /*  - USERSTYLES - STY INFOS - "Style" Bar - SUPP - === */
  4479. #main-article>h2{
  4480.     display: none ! important;
  4481. }
  4482.  
  4483.  
  4484. /* (new82) STY INFOS - DELETED STYLE - MESS -
  4485. https://userstyles.org/styles/46216/flickr-widescreen-wide-film-strip-thumbs-x2-v4?r=1431273300
  4486. === */
  4487. section#obsoletion-message {
  4488. /* position: absolute !important; */
  4489.     position: fixed !important;
  4490.     line-height: 15px !important;
  4491.     min-width: 400px !important;
  4492.     max-width: 400px !important;
  4493.     max-height: 425px !important;
  4494. /* margin: 5px 10px 10px 10% !important; */
  4495.     top: 35px !important;
  4496.     margin-left: -10px!important;
  4497.     padding: 10px ! important;
  4498. /* color: gold ! important; */
  4499.     background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;
  4500.     overflow: hidden !important;
  4501.     overflow-y: auto !important;
  4502.     z-index: 2000 !important;
  4503.     transition: all ease 0.7s !important;
  4504.     opacity: 1 !important;
  4505.     visibility: visible !important;
  4506. }
  4507. #main-article section#obsoletion-message h2 + p + p ,
  4508. #main-article section#obsoletion-message h2 + p  {
  4509.     display: inline-block !important;
  4510.     line-height: 15px !important;
  4511.     width: 390px !important;
  4512.     margin-left: -10px!important;
  4513.     padding: 10px ! important;
  4514.     font-size: 17px !important;
  4515.     text-align: center !important;
  4516. /* background: black !important; */
  4517.     color: white !important;
  4518. /* visibility: visible !important; */
  4519. /* transition: all ease 0.7s !important; */
  4520. }
  4521.  
  4522. #main-article section#obsoletion-message h2 + p  q  {
  4523.     display: inline-block !important;
  4524.     width: 100% !important;
  4525.     line-height: 16px !important;
  4526.     margin-top: 10px !important;
  4527.     margin-bottom: 5px !important;
  4528.     padding: 5px !important;
  4529.     border-radius: 5px !important;
  4530.     text-align: left !important;
  4531.     font-size: 15px !important;
  4532.     color: gray !important;
  4533.     background: black !important;
  4534. /* visibility: visible !important; */
  4535. }
  4536. /* #main-article section#obsoletion-message a  */
  4537. #obsoletion-message>p + p>a:last-of-type ,
  4538. #main-article section#obsoletion-message h2 + p>a:first-of-type {
  4539.     position: relative!important;
  4540.     display: inline-block!important;
  4541.     width: 100%!important;
  4542.     min-width: 375px!important;
  4543.     margin-top: 10px !important;
  4544.     margin-bottom: 5px !important;
  4545.     text-align: center!important;
  4546.     font-size: 18px !important;
  4547.     color: gold !important;
  4548. }
  4549. #obsoletion-message>p + p>a:nth-last-of-type(n+2) {
  4550.     position: relative!important;
  4551.     display: inline-block!important;
  4552.     width: 100%!important;
  4553.     min-width: 375px!important;
  4554.     margin-top: 10px !important;
  4555.     margin-bottom: 10px !important;
  4556.     text-align: center!important;
  4557.     font-size: 15px !important;
  4558.     color: gold !important;
  4559. }
  4560. /* 'new82) USERSTYLES - STY INFOS - DEL STY - BUBBLE - === */
  4561. #obsoletion-message:not(:hover) h2:not(:hover) ,
  4562. #obsoletion-message h2 {
  4563.     position: fixed !important;
  4564.     display: inline-block !important;
  4565.     left: 132px !important;
  4566.     top: 58px !important;
  4567.     border-radius: 10px !important;
  4568.     padding: 7px 6px !important;
  4569.     background: #B50000 !important;
  4570. /* opacity: 1 !important; */
  4571.     cursor: pointer !important;
  4572.     visibility: visible !important;
  4573.     opacity: 1 !important;
  4574. }
  4575. /* (new45) STY INFOS - DEL STY - BUBBLE - ARROW - === */
  4576. section#obsoletion-message:after {
  4577.     position: fixed !important;
  4578.     display: block;
  4579.     content: "";
  4580.     height: 0;
  4581.     width: 0;
  4582.     top: 82px !important;
  4583.     bottom: -15px;
  4584.     left: 200px ;
  4585.     border-color: #B50000 transparent transparent transparent ;
  4586.     border-style: solid;
  4587.     border-width: 25px 5px 0px ;
  4588.     transform: rotate(22deg) ;
  4589.     visibility: visible !important;
  4590. }
  4591. section#obsoletion-message:before {
  4592.     position: fixed !important;
  4593.     display: inline-block !important;
  4594.     content: " Deleted ....WHY ??? : Hover me !";
  4595.     height: 15px !important;
  4596.     width: 400px !important;
  4597.     top: 62px !important;
  4598. /* bottom: -15px; */
  4599.     left: 250px ;
  4600. /* border-color: #B50000 transparent transparent transparent ; */
  4601. /* border-style: solid; */
  4602. /* border-width: 25px 5px 0px ; */
  4603. /* transform: rotate(22deg) ; */
  4604.     text-align: center !important;
  4605.     background: #B50000 !important;
  4606.     white-space: nowrap !important;
  4607.     cursor: pointer !important;
  4608.     visibility: visible !important;
  4609. }
  4610. section#obsoletion-message:hover:before {
  4611.     visibility: hidden !important;
  4612. }
  4613.  
  4614. #main-article section#obsoletion-message:not(:hover) {
  4615.     visibility: hidden !important;
  4616.     opacity: 1 !important;
  4617. }
  4618. #main-article section#obsoletion-message:hover {
  4619.     visibility: visible !important;
  4620. /* opacity: 0 !important; */
  4621. }
  4622.  
  4623. /* #main-article section#obsoletion-message h2 + p  q ,
  4624. #main-article section#obsoletion-message h2 +p {
  4625.     opacity: 0 !important;
  4626. } */
  4627. /* #main-article section#obsoletion-message>p>q:first-letter , */
  4628. #main-article section#obsoletion-message>p>q:first-line {
  4629.     display: inline-block !important;
  4630.     color: #00627A !important;
  4631. /* font-family: georgia !important; */
  4632.     font-size: 18px !important;
  4633. /* outline: 1px solid yellow !important; */
  4634. }
  4635.  
  4636.  
  4637. /* ==== BROWSE STY - ZEBRA ==== */
  4638.  
  4639. /* BROWSE STY - ZEBRA - FIRST - === */
  4640. #style-table tr:nth-child(even) td {
  4641.     background-color: #262626 !important;
  4642. }
  4643. /* BROWSE STY - ZEBRA - SECOND - ==== */
  4644. #style-table tr:nth-child(odd) td {
  4645.     background: #444444 !important;
  4646. }
  4647. #style-table > tr:hover:not(:first-child) {
  4648.     background-color: #444444;
  4649.     color: red ! important;
  4650. }
  4651. /* (new76) - TEST - RATING always visible =
  4652. NOT RATING : #style-table td[rating="0.0"]
  4653. BAD / ONE RATING : #style-table td[rating="1.0"]
  4654. <td class="image-value">
  4655. <img class="bad-average-rating" alt="Bad" src="https://df6a.https.cdn.softlayer.net/80DF6A/static.userstyles.org/images/bad.gif" title="">
  4656. 3 RATING : #style-table td[rating="3.0"]
  4657. === */
  4658. #style-table tr:not(:hover) .ratingfg ,
  4659. #style-table tr:hover .ratingfg {
  4660.     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;
  4661. }
  4662. /* new75) - TEST - META DISCUSSION - HOVER TOOLTIP - === */
  4663. #style-table .metadiscussions:hover:before{
  4664.     position: relative !important;
  4665.     content: attr(title) !important;
  4666.     display: inline-block !important;
  4667. /* width: 280px !important; */
  4668.     height: 16px !important;
  4669.     line-height: 15px !important;
  4670.     top: -5px !important;
  4671.     margin-left: -240px !important;
  4672.     padding: 0 5px 0 5px !important;
  4673.     border-radius: 5px !important;
  4674.     color: gold !important;
  4675.     background: red !important;
  4676.     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;
  4677. }
  4678.  
  4679.  
  4680. /* OBSOLETE DELETED STYLE - === */
  4681. #table-container table#style-table tr.obsolete td:nth-child(7){
  4682.     background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031")  !important;
  4683. /* background: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") repeat scroll 0 0 transparent !important; */
  4684.     opacity: 0.4 !important;
  4685. }
  4686. #table-container table#style-table tr.obsolete td:nth-child(7):hover{
  4687.     opacity: 1!important;
  4688. }
  4689. /* BROWSE STY - Text INFO - "For tips on making....etc..." - === */
  4690. #main-article>p {
  4691.     margin-left: 95px !important;
  4692. }
  4693. /* (new43) BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  4694. #lastcheck {
  4695.     position :fixed !important;
  4696.     width: 650px !important;
  4697.     width: auto !important;
  4698.     margin-left: -322px !important;
  4699.     margin-top: 0px !important;
  4700.     border-radius: 5px !important;
  4701.     color: gray;
  4702.     z-index: 300 !important;
  4703. }
  4704. /* (new48) BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  4705. #summary + #lastcheck{
  4706.     position :fixed !important;
  4707.     width: 650px !important;
  4708.     width: auto !important;
  4709.     margin-left: 28px !important;
  4710.     margin-top: -26px !important;
  4711.     border-radius: 5px !important;
  4712.     font-size: 11px !important;
  4713.     color: tan !important;
  4714.     background: black !important;
  4715.     z-index: 300 !important;
  4716. }
  4717. /* ==== BROWSE STY - SUMMARY ==== */
  4718.  
  4719. /* ==== BROWSE STY - SUMMARY (USERSTYLE SUMMARY)
  4720. (TABLE VIEW PLUS - content:"SummaRy)
  4721. (ENHANCER - content: "SuMmary")
  4722. ==== */
  4723.  
  4724. /* (new43) (ALL) BROWSE STY - SUMMARY - (LOGED) - === */
  4725. #summary {
  4726.     position: fixed !important;
  4727.     display: inline-block ! important;
  4728.     height: 15px !important;
  4729.     line-height: 15px !important;
  4730.     left: 252px !important;
  4731.     top: 103px ! important;
  4732.     padding: 2px !important;
  4733.     border-radius: 5px !important;
  4734.     background-color: transparent !important;
  4735.     z-index: 220 !important;
  4736. }
  4737.  
  4738.  
  4739. /* (new43) BROWSE STY - SUMMARY (TABLE VIEW PLUS) - ADD TXT "SummaRy" - === */
  4740. *[class="label total"]:before {
  4741.     content:"SummaRy : " ;
  4742.     position: fixed ;
  4743.     display: inline-block ;
  4744.     width: auto ;
  4745.     height: 10px ;
  4746.     line-height: 8px ;
  4747.     top: 101px ;
  4748.     left: 48px ;
  4749.     padding: 1px 5px 3px 6px ;
  4750.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  4751.     border: 1px solid #777777 ;
  4752.     border-radius: 4px 4px 4px 4px ;
  4753.     box-shadow: 0 0 1px #777777 inset ;
  4754.     color: #E5E5E5;
  4755.     font-weight: bold ;
  4756.     z-index: 500 ;
  4757. }
  4758. /* (new57) BROWSE STY - SUMMARY (ENHANCER - ADD TXT "SuMmary") - === */
  4759. #summary>tbody:after {
  4760.     position: fixed ;
  4761.     visibility: visible ;
  4762.     content: "SuMmary " ;
  4763.     height: 15px ;
  4764.     line-height: 15px ;
  4765.     top: 48px ;
  4766.     left: 270px ;
  4767.     padding: 1px 5px ;
  4768.     color: #E5E5E5 ;
  4769.     font-weight: bold ;
  4770.     border-radius: 5px ;
  4771.     box-shadow: 0 0 4px #999999 ;
  4772.     background-color: green ;
  4773. }
  4774. #summary>tbody {
  4775.     position: fixed !important;
  4776.     display: block !important;
  4777.     visibility: hidden!important;
  4778. }
  4779. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - ADD TXT "SummaRy" )- HOVER - === */
  4780. #summary>tbody:hover {
  4781.     position: fixed !important;
  4782.     display: inline-block !important;
  4783.     left: 240px !important;
  4784.     top: 73px !important;
  4785.     visibility: visible!important;
  4786.     border-radius: 5px !important;
  4787.     box-shadow: 0 0 4px #999999 !important;
  4788.     background: red !important;
  4789. }
  4790.  
  4791. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS updated) - STATISTICS LABELS - TXT "Total Installs" / "Weekly Total" / "Ratings" + "Good Ok Bad" - === */
  4792. table#summary label.label:not(#good):not(#ok):not(#bad) {
  4793.     font-size: 11px ! important;
  4794.     color: gray ! important;
  4795. }
  4796. #good ,
  4797. #ok ,
  4798. #bad {
  4799.     font-size: 11px ! important;
  4800. }
  4801. /* (new43) BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT - TXT "LAST CHEC" - BLOCK (HOVER)-
  4802. MAKONDO (with pagination) : http://userstyles.org/users/60686
  4803. === */
  4804. #summary p {
  4805.     position: fixed !important;
  4806.     width: auto !important;
  4807.     top: 81px !important;
  4808.     left: 377px ! important;
  4809.     padding: 0 5px 2px 5px !important;
  4810.     font-size: 0px ! important;
  4811.     color: gray ! important;
  4812.     text-align: left !important;
  4813.     background: transparent ! important;
  4814. }
  4815. #summary:hover p {
  4816.     font-size: 10px ! important;
  4817.     color: gold ! important;
  4818.     text-align: left !important;
  4819.     background: red ! important;
  4820. }
  4821. #content-wrapper article#main-article table#summary label  + b ,
  4822. #content-wrapper article#main-article table#summary label   {
  4823.     position: relative ! important;
  4824.     display: inline ! important;
  4825.     top: -4px !important;
  4826.     left: -120px ! important;
  4827.     width: 650px !important;
  4828.     font-size: 10px ! important;
  4829.     color: gold ! important;
  4830.     text-align: left !important;
  4831.     background: transparent ! important;
  4832. }
  4833. /* (new423) BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT -  LAST CHEC - RESET BUTT- === */
  4834. #summary #resetBtn {
  4835.     position: fixed !important;
  4836.     height: 15px !important;
  4837.     line-height: 12px !important;
  4838.     width: 40px ! important;
  4839.     height: 38px !important;
  4840.     top: 79.5px !important;
  4841.     left: -2px ! important;
  4842.     padding: 0px 1px 4px 1px !important;
  4843.     border: 1px solid #777777 !important;
  4844.     border-radius: 4px !important;
  4845.     box-shadow: 0 0 1px #777777 inset !important;
  4846.     font-size: 11px !important;
  4847.     color: #D7D7D7 !important;
  4848.     cursor: pointer ! important;
  4849.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  4850. }
  4851. #summary #resetBtn:hover {
  4852.     color: gold ! important;
  4853. }
  4854.  
  4855. /* (new77) BROWSE STY - SUMMARY - TABLE VIEW PLUS - PROFILE without ABOUT and STYLES -
  4856. https://userstyles.org/users/190305
  4857. === */
  4858. #main-article dl + #summary {
  4859.     position: fixed !important;
  4860.     display: inline-block ! important;
  4861.     left: 252px !important;
  4862.     top: 112px ! important;
  4863.     border-radius: 5px !important;
  4864.     background-color: transparent !important;
  4865.     z-index: 220 !important;
  4866. }
  4867. #main-article dl + #summary *[class="label total"]:before {
  4868.     content:"SummaRy : " ;
  4869.     position: fixed ;
  4870.     display: inline-block ;
  4871.     width: auto ;
  4872.     height: 10px ;
  4873.     line-height: 7px ;
  4874.     top: 112px ;
  4875.     left: 48px ;
  4876.     padding: 1px 5px 1px 6px ;
  4877.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  4878.     border: 1px solid #777777 ;
  4879.     border-radius: 4px 4px 4px 4px ;
  4880.     box-shadow: 0 0 1px #777777 inset ;
  4881.     color: #E5E5E5;
  4882.     font-weight: bold ;
  4883.     z-index: 500 !important;
  4884. }
  4885. /* BROWSE STY - TABLE VIEW PLUS - TABLE OPT - === */
  4886. #optBtn-container {
  4887.     position: absolute !important;
  4888.     display: inline-block !important;
  4889.     visibility: visible !important;
  4890.     width: 100px !important;
  4891.     height: 20px !important;
  4892.     line-height: 14px! important;
  4893.     top: -21px !important;
  4894.     left: 172px !important;
  4895.     border-radius : 5px! important;
  4896.     text-align: center !important;
  4897.     z-index: 200 !important;
  4898.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  4899. }
  4900. #optBtn-container a {
  4901.     text-align: center !important;
  4902.     text-decoration: none ! important;
  4903.     color: gray ! important;
  4904. }
  4905. #tohr {
  4906.     display: none! important;
  4907. }
  4908.  
  4909. /* ==== BROWSE SEARCH RESULTS ==== */
  4910.  
  4911. /* TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) === */
  4912. /*(NOT LOGED / with GM) */
  4913. body> #main-header + #content-wrapper {
  4914.     position: absolute ! important;
  4915.     display: inline-block ! important;
  4916.     float: left !important;
  4917.     clear: both !important;
  4918.     height: 100% !important;
  4919.     min-height: 200px !important;
  4920.     width: 100% !important;
  4921.     max-width: 95% !important;
  4922.     top: 75px !important;
  4923.     left: 0px !important;
  4924.     margin-left: 20px ! important;
  4925. }
  4926.  
  4927. /* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS - === */
  4928. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container {
  4929.     position: absolute !important;
  4930.     display: inline-block ! important;
  4931.     width: 82%! important;
  4932.     left: -27% !important;
  4933.     top: -24px !important;
  4934. }
  4935.  
  4936. /* (nex75) BROWSE SEARCH RESULTS +  USER ACCOUNT + SEARCH RESULTS + TABLE VIEW PLUS -
  4937. #summary + #table-container
  4938. #main-header +#content-wrapper #main-article  ul+dl +h2 +#summary + #table-container (2GM)
  4939. === */
  4940. /* SEARCH*/
  4941. #table-container {
  4942.     position: absolute !important;
  4943.     display: inline-block ! important;
  4944.     width: 100% !important;
  4945.     max-width: 68.9% !important;
  4946.     min-width: 68.8% !important;
  4947.     left: 0px !important;
  4948.     margin-top: -1px !important;
  4949. }
  4950. /*MY SYTLES */
  4951. #summary + #table-container  {
  4952.     position: absolute !important;
  4953.     display: inline-block ! important;
  4954.     width: 100% !important;
  4955.     max-width: 68.9% !important;
  4956.     min-width: 68.8% !important;
  4957.     left: 0px !important;
  4958.     margin-top: 3px !important;
  4959. }
  4960. /* (new57) TABLE HEADER FIXED - === */
  4961. #style-table {
  4962.     width: 100% !important;
  4963.     min-width: 100% !important;
  4964.     max-width: 100% !important;
  4965.     margin-top: 42px !important;
  4966. }
  4967.  
  4968. #style-table>tr:first-of-type {
  4969.     display: inline-table  !important;
  4970.     position: fixed !important;
  4971.     height: 100%!important;
  4972.     max-height: 42px!important;
  4973.     max-height: 42px!important;
  4974.     width: 100% !important;
  4975.     max-width: 65.7% !important;
  4976.     min-width: 65.7% !important;
  4977.     margin-top: -46px !important;
  4978.     border-top: 4px solid tan !important;
  4979.     border-bottom: 4px solid tan !important;
  4980.     z-index: 200 !important;
  4981. }
  4982.  
  4983. /* (new56)TABLE VIEW PLUS - ??? ENHANCER -
  4984. #main-article> ul + dl +h2 + #summary + #table-container #style-table === */
  4985. #main-article> ul + dl +h2 + #summary + #table-container #style-table {
  4986. /* width: 100% !important; */
  4987. /* min-width: 103.9% !important; */
  4988. /* max-width: 103.9% !important; */
  4989. }
  4990. #main-article> ul + dl +h2 + #summary + #table-container #style-table>tr:first-of-type {
  4991.     position: fixed !important;
  4992.     margin-top: -52px !important;
  4993.     border-top: 4px solid tan !important;
  4994.     border-bottom: 4px solid tan !important;
  4995.     z-index: 200 !important;
  4996. }
  4997. /* (new57) - A VOIR - HEIGHT HEADER - TABLE VIEW PLUS - === */
  4998. #style-table th {
  4999.     color: tan;
  5000.     height: 25px !important;
  5001.     line-height: 3px !important;
  5002.     padding: 0 4px;
  5003.     text-shadow: 1px 1px 2px #000000;
  5004. }
  5005. /* (new57) - A SUPP ?? - HEIGHT HEADER - ENHANCER HEADER - === */
  5006. #summary+ p + #table-container #style-table th  {
  5007.     display: inline-table  !important;
  5008.     color: tan;
  5009.     line-height: 3px !important;
  5010.     padding: 0 4px;
  5011.     text-shadow: 1px 1px 2px #000000;
  5012. }
  5013. /* (new57)POSITION COLUMN - TABLE VIEW PLUS */
  5014.  
  5015. #table-container #style-table th:first-of-type  {
  5016.     width: 1% !important;
  5017.     padding-left: 10px !important;
  5018. }
  5019. #table-container #style-table th:nth-child(2)  {
  5020.     max-width: 57% !important;
  5021.     min-width: 57% !important;
  5022.     padding-left: 10px !important;
  5023. }
  5024. #table-container #style-table th:last-of-type  {
  5025.     width: 7% !important;
  5026.     padding-right: 0px !important;
  5027. }
  5028. /* (new43) A VOIR ??? - === */
  5029. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  5030.     display: inline-table  !important;
  5031.     position: fixed !important;
  5032.     width: 970px !important;
  5033. }
  5034.  
  5035. /* (new71) POSITION COLUMN - ENHANCER */
  5036. #summary+ p + #table-container #style-table th:first-of-type  {
  5037.     width: 4% !important;
  5038. }
  5039. #summary+ p + #table-container #style-table th  {
  5040.     width: 8.1% !important;
  5041.     height: 20px!important;
  5042.     line-height: 20px!important;
  5043. }
  5044. #summary+ p + #table-container #style-table th:nth-child(2)  {
  5045.     min-width: 61.5% !important;
  5046.     max-width: 61.5% !important;
  5047.     border-right: 1px solid red!important;
  5048. }
  5049. /* #summary+ p + #table-container #style-table th:last-of-type  {
  5050.     width: 10% !important;
  5051. } */
  5052. /* (new43) A VOIR ??? - === */
  5053. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  5054.     display: inline-table  !important;
  5055.     position: fixed !important;
  5056.     width: 970px !important;
  5057. }
  5058.  
  5059. /* (new71) MY ACCOUNT - ENHANCER (#summary+ p + #table-container) - CONTAINER - === */
  5060. /* #summary+ p + #table-container {
  5061.     position: absolute !important;
  5062.     display: inline-block ! important;
  5063.     width: 100% !important;
  5064.     min-width: 104%! important;
  5065.     max-width: 104% !important;
  5066.     left: -20px !important;
  5067.     margin-top: 5px !important;
  5068. } */
  5069. #summary+ p + #table-container {
  5070.     margin-top: -13px !important;
  5071.     max-width: 100% !important;
  5072.     min-width: 100% !important;
  5073.     width: 100% !important;
  5074. }
  5075. #summary+ p + #table-container #style-table {
  5076.     width: 100% !important;
  5077.     min-width: 67%! important;
  5078.     max-width: 67% !important;
  5079. }
  5080.  #summary+ p + #table-container #style-table#style-table > tr:first-of-type {
  5081.     position: fixed !important;
  5082.     display: inline-block ! important;
  5083.     display: inline-table !important;
  5084. /* margin-top: -50px !important; */
  5085.     top: 120px !important;
  5086.     min-width: 63.6%! important;
  5087.     max-width: 63.6% !important;
  5088.     height: 20px! important;
  5089.     line-height: 20px!important;
  5090.     border-bottom: 4px solid tan !important;
  5091.     border-top: 4px solid tan !important;
  5092.     background: red!important;
  5093.     z-index: 200 !important;
  5094. }
  5095. /* (COR3) BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - ZEBRA SEARCH RESULTS - NOT LOGED / without GM - (option for  LOGED / GM)  - === */
  5096. /* (LOGED + NOT LOGED with  NO GM) === */
  5097. .author-styles {
  5098.     position: absolute !important;
  5099.     display: inline-block ! important;
  5100.     top: 0px !important;
  5101.     width: 1150px ! important;
  5102. }
  5103. /* (NOT LOGED / with GM) */
  5104. .author-styles>tbody>tr:nth-child(odd) {
  5105.     background: #222222 ! important;
  5106. }
  5107. /* BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc  - === */
  5108. .author-styles>tbody>tr>td[valign="top"]>a {
  5109.     color: #CF9C28  !important;
  5110. }
  5111. .author-styles>tbody>tr>td[valign="top"]>a:visited {
  5112.     color: #DDB46D  !important;
  5113. }
  5114. .author-styles>tbody>tr>td[valign="top"]>a:hover {
  5115.     color: tan !important;
  5116. }
  5117. .author-styles>thead>tr>th:nth-child(3) ,
  5118. .author-styles>thead>tr>th:nth-child(4) ,
  5119. .author-styles>thead>tr>th:nth-child(5){
  5120.     width: 43px !important;
  5121. }
  5122. .author-styles>thead>tr>th:nth-child(6){
  5123.     width: 100px !important;
  5124. }
  5125. /*  EDIT/Delete/Statictic ICONS - === */
  5126. table.author-styles tbody tr td+td a:nth-child(1) {
  5127.     font-size: 0px ! important;
  5128. }
  5129. table.author-styles tbody tr td+td a[href$="/edit"]:before {
  5130.     content : "\270E " ! important;
  5131.     font-size: 18px ! important;
  5132. }
  5133. table.author-styles tbody tr td+td a:nth-child(2) {
  5134.     font-size: 0px ! important;
  5135. }
  5136. table.author-styles tbody tr td+td a[href^="/styles/delete"]:before {
  5137.     content : "\2717" ;
  5138.     font-size: 18px ;
  5139.     color: red ;
  5140. }
  5141. /* Text Shadow === */
  5142. #style-table tr td * {
  5143.     text-shadow: none !important;
  5144. }
  5145.  
  5146. /* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT - === */
  5147. #popup_container.popup_right,
  5148. #popup_container.popup_left {
  5149.     position: fixed !important;
  5150.     display: inline-block !important;
  5151.     float: right !important;
  5152.     top: 25% !important;
  5153.     right: 0% !important;
  5154.     padding: 0 !important;
  5155.     background: transparent !important;
  5156.     border: none !important;
  5157.     box-shadow: none !important;
  5158.     z-index: -5000 !important;
  5159. }
  5160. #popup_container img {
  5161.     position: absolute !important;
  5162.     display:  inline-block !important;
  5163.     float: none !important;
  5164.     float: right !important;
  5165.     min-width: 30% !important;
  5166.     max-width: 30% !important;
  5167.     box-shadow: 4px 4px 8px #000000;
  5168.     right: 0% !important;
  5169.     z-index: 500000 !important;
  5170.     border: 1px solid peru !important;
  5171. }
  5172. /* (new76) TEST MEDIA QUERIES */
  5173. @media screen and (max-width: 1400px){
  5174. #popup_container.popup_right,
  5175. #popup_container.popup_left {
  5176.     position: fixed !important;
  5177.     display: inline-block !important;
  5178.     height: 13000px !important;
  5179.     width: 1300px !important;
  5180.     float: right !important;
  5181.     top: 25% !important;
  5182.     right: 0% !important;
  5183.     padding: 0 !important;
  5184.     background: transparent !important;
  5185.     border: none !important;
  5186.     box-shadow: none !important;
  5187.     z-index: -5000 !important;
  5188. }
  5189. #popup_container img {
  5190.     position: absolute !important;
  5191.     display:  inline-block !important;
  5192.     float: none !important;
  5193.     float: right !important;
  5194.     max-width: 30% !important;
  5195.     box-shadow: 4px 4px 8px #000000;
  5196.     right: 0% !important;
  5197.     z-index: 500000 !important;
  5198. /* border: 1px solid violet !important; */
  5199. }
  5200.  
  5201. /* ==== END MEDIA QUERIES === */
  5202. }
  5203.  
  5204.  
  5205. /* BROWSE SEARCH RESULTS - Title === */
  5206. .style-brief-text>header>a:link {
  5207.     color: #CCCDCD !important;
  5208.     text-decoration: none !important;
  5209. }
  5210. /* BROWSE SEARCH RESULTS - Desc - === */
  5211. .style-brief-text > a:visited {
  5212.     color: #929292 !important;
  5213.     text-decoration: none !important;
  5214. }
  5215. .style-brief-text > a:active {
  5216.     color: #929292 !important;
  5217.     text-decoration: none !important;
  5218. }
  5219.  
  5220. /* (new78) A VOIR - PAGINATION  - BROWSE STYLES/SCRIPT SEARCH RESULTS - ONLY ONE Pagination (MOVE TO TOP) -
  5221. USER : MAKONDO : http://userstyles.org/users/169?page=2&per_page=10
  5222. GREASY FORK SCRIPT LIST: https://greasyfork.org/fr/scripts/
  5223. ==== */
  5224.  .pagination {
  5225.     position: fixed !important;
  5226.     display: inline-block !important;
  5227.     width: 100% !important;
  5228.     max-width: 400px!important;
  5229.     min-width: 400px!important;
  5230.     height: 20px!important;
  5231.     top: 45px !important;
  5232.     left: 280px!important;
  5233.     padding: 1px!important;
  5234.     text-align: left!important;
  5235.     z-index: 200 !important;
  5236.     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);
  5237.     border-radius: 5px !important;
  5238.     box-shadow: 0 0 4px #999999 !important;
  5239. outline: 1px solid violet !important;
  5240. }
  5241.  
  5242. /* (new78) PAGINATION  - SEARCH / USERS - List USERSTYLES - (when Table View Plus don't catch them) -
  5243. http://userstyles.org/styles/browse/facebook?page=2&per_page=100
  5244. http://userstyles.org/users/169?page=2&per_page=10
  5245. === */
  5246. .ad + .pagination {
  5247.     position: fixed !important;
  5248.     display: inline-block !important;
  5249.     height: 20px!important;
  5250. /* width: 1900px !important; */
  5251.     width: 100% !important;
  5252.     width: auto !important;
  5253.     max-width: 500px !important;
  5254.     min-width: 500px !important;
  5255.     left: 270px !important;
  5256.     top: 35px !important;
  5257.     padding: 1px 5px !important;
  5258.     z-index: 200 !important;
  5259. outline: 1px solid green !important;
  5260. }
  5261.  
  5262.  
  5263. /* (new78) A VOIR - PAGINATION - SCRIPT PAGE (with / without GM CITRUS) - Not from link "Scripts from top header) = .width-constraint .pagination  -
  5264.  
  5265. Without Citrus :
  5266. #browse-script-list + .pagination
  5267. WITH CITRUS :
  5268. #script-table + .pagination
  5269. === */
  5270. .width-constraint .pagination {
  5271.     position: fixed !important;
  5272.     display: inline-block !important;
  5273.     min-width: 100% !important;
  5274.     max-width: 100% !important;
  5275.     max-width: 500px!important;
  5276.     min-width: 500px!important;
  5277.     height: 15px!important;
  5278.     line-height: 15px!important;
  5279.     top: 49px !important;
  5280.     left: 700px!important;
  5281.     padding: 1px!important;
  5282.     text-align: left!important;
  5283. /* z-index: 200 !important; */
  5284. /* 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); */
  5285.     background: transparent!important;
  5286.     border-radius: 5px !important;
  5287. /* box-shadow: 0 0 4px #999999 !important; */
  5288.     box-shadow: none !important;
  5289.     text-align: center!important;
  5290. outline: 1px solid yellow !important;
  5291. }
  5292.  
  5293. /* (new78) A VOIR - PAGINATION - SCRIPT PAGE (with GM CITRUS) - Not from link "Scripts from top header) = #script-table + .pagination   - === */
  5294. #script-table + .pagination  {
  5295.     position: fixed !important;
  5296.     display: inline-block !important;
  5297.     width: 100% !important;
  5298. /* max-width: 400px!important; */
  5299. /* min-width: 400px!important; */
  5300.     height: 15px!important;
  5301.     line-height: 15px!important;
  5302.     top: 49px !important;
  5303.     left: 780px!important;
  5304.     padding: 1px!important;
  5305.     text-align: left!important;
  5306.     z-index: 200 !important;
  5307.     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);
  5308.     border-radius: 5px !important;
  5309.     box-shadow: 0 0 4px #999999 !important;
  5310. outline: 1px solid blue !important;
  5311. }
  5312.  
  5313. /* (new43) PAGINATION - ALL -  Link - === */
  5314. .pagination > a {
  5315.     margin-left: -1px;
  5316.     margin-right: -1px;
  5317.     padding: 0 3px !important;
  5318.     border: 1px solid #999999;
  5319.     border-radius: 3px  !important;
  5320.     font-size: 10px;
  5321. }
  5322. .pagination>a:hover {
  5323.     padding: 0 3px !important;
  5324.     font-size: 12px !important;
  5325.     text-decoration: none;
  5326.     color: #000000;
  5327.     border-radius: 3px;
  5328.     border: 1px solid #A7A7A7;
  5329.     background-color: white;
  5330.  
  5331. }
  5332. /* PAGINATION  - BROWSE SEARCH RESULTS - Paginat Current Page === */
  5333. .current {
  5334.     margin-left: 1px;
  5335.     margin-right: 1px;
  5336.     padding: 0 3px !important;
  5337.     font-size: 12px !important;
  5338.     text-decoration: none;
  5339.     font-weight: bold;
  5340.     color: #000000;
  5341.     border-radius: 3px;
  5342.     border: 1px solid #336699;
  5343.     background-color: #F5F7FA;
  5344. }
  5345. /* PAGINATION  - BROWSE SEARCH RESULTS - Pagination Disabled Page === */
  5346. .disabled.prev_page {
  5347.     background-color: #333333;
  5348.     border: 1px solid #C6C7C7;
  5349.     border-radius: 3px  !important;
  5350.     color: #6D878F;
  5351.     font-size: 10px;
  5352.     padding: 0 3px;
  5353.     text-decoration: none;
  5354. }
  5355. /* ==== END - BROWSE SEARCH RESULTS - PAGINATION ==== */
  5356.  
  5357.  
  5358.  
  5359. /* (new52) ==== EDIT PAGE ==== */
  5360.  
  5361. /* (new52) EDIT - INFOS - Textarea Input === */
  5362. table.form-controls,
  5363. .form-controls > tbody > tr > td ,
  5364.     textarea#style_long_description ,
  5365.     textarea#style_additional_info ,
  5366.     textarea#css {
  5367. /* width: 1000px !important; */
  5368.     min-width: 940px !important;
  5369. }
  5370. /* EDIT - INFOS - SHORT DESC - === */
  5371. .form-controls>tbody>tr>td [id="style_short_description"] {
  5372.     min-width: 200px!important;
  5373.     resize: both !important;
  5374.     overflow:auto !important;
  5375. }
  5376. /* EDIT - INFOS - ScreenShots (PreView) - Principal - BEFORE/AFTER === */
  5377. .form-controls>tbody>tr>td>dl>dd>img{
  5378.     box-shadow: 0 0 4px #999999 !important;
  5379.     height: auto;
  5380.     margin-left: 200px !important;
  5381.     max-width: 900px !important;
  5382. }
  5383. .form-controls>tbody>tr>td>dl>dd{
  5384.     margin-left: -169px !important;
  5385. }
  5386. /* EDIT - INFOS - ScreenShots (PreView) - Additional === */
  5387. .form-controls>tbody>tr>td>table>tbody>tr>td>img{
  5388.     box-shadow: 0 0 4px #999999 !important;
  5389.     height: auto;
  5390.     max-width: 900px !important;
  5391. }
  5392. /* EDIT - INFOS - ScreenShots - Additional (Table) === */
  5393. .form-controls>tbody>tr>td>table{
  5394.     margin-left: -149px !important;
  5395. }
  5396.  
  5397. /* EDIT - MAIN CONT - === */
  5398. #main-article>form[method="post"] {
  5399.     position: absolute !important;
  5400.     display: inline-block !important;
  5401.     max-width: 800px !important;
  5402.     margin-top: 35px ! important;
  5403.     margin-left: 5% ! important;
  5404. }
  5405.  
  5406. /* (new82) EDIT - USERSTYLES - DELETE STYLE PAGE - === */
  5407. #main-article>form[action="/styles/delete_save"] {
  5408.     position: absolute !important;
  5409.     display: inline-block !important;
  5410.     max-width: 800px !important;
  5411.     min-height: 400px !important;
  5412.     margin-top: 100px !important;
  5413.     margin-left: -55% !important
  5414. }
  5415. #main-article>form[action="/styles/delete_save"] .form-controls > tbody >tr:first-of-type>td textarea {
  5416.     min-height: 400px !important;
  5417. }
  5418.  
  5419.  
  5420. /* EDIT - STY NAME INPUT - === */
  5421. article#main-article form .form-controls input#style_short_description {
  5422.     width: 600px !important;
  5423. }
  5424. /* EDIT - SCREENSHOTS NAME/UPLOAD FOLDER/BUTTON INPUT - === */
  5425. article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
  5426.     display: block !important;
  5427.     position: relative !important;
  5428.     width: auto !important;
  5429. }
  5430. .form-controls>table>tbody>tr>td:first-of-type>input {
  5431.     width: 462px !important;
  5432. }
  5433. .form-controls>table>tbody>tr>td:nth-child(2)>input {
  5434.     width: 465px !important;
  5435. }
  5436. /* EDIT - CHECK BOX (REMOVE/CHANGE) - === */
  5437. .form-controls>table>tbody>tr>td:nth-child(3)>input {
  5438.     position: absolute !important;
  5439.     top: -20px !important;
  5440. }
  5441. .form-controls>table>tbody>tr>td:nth-child(3):after {
  5442.     position: absolute ;
  5443.     display: inline-block ;
  5444.     content: "Remove / Change" ;
  5445.     width: 200px ;
  5446.     height: 15px ;
  5447.     margin-top: -22px ;
  5448.     margin-left: 45px ;;
  5449.     font-size: 15px ;
  5450.     color: red ;
  5451. }
  5452. /* EDIT - LABELS - === */
  5453. .form-controls>label {
  5454.     color: gold ! important;
  5455. }
  5456. /* EDIT - SCREENSHOTS - TITLES SECT - === */
  5457. .form-controls>table>thead>tr {
  5458.     display: none ! important;
  5459. }
  5460.  
  5461. /* EDIT - ADDIT SCREENSHOT - ZEBBRA - === */
  5462. .form-controls>table>tbody>tr:nth-child(odd) {
  5463.     display: inline-block ! important;
  5464.     min-width: 900px ! important;
  5465.     background: #222222 ! important;
  5466.     padding: 10px 50px 20px 50px ! important;
  5467. }
  5468. .form-controls>table>tbody>tr:nth-child(even) {
  5469.     display: inline-block ! important;
  5470.     background: #0B0909 ! important;
  5471.     padding: 10px 50px 20px 50px ! important;
  5472.     min-width: 900px ! important;
  5473. }
  5474.  
  5475. /* EDIT - ADDIT SCREENSHOT - === */
  5476. .form-controls>table>tbody>tr>td:nth-child(4) {
  5477.     position: relative !important;
  5478.     display: inline-block !important;
  5479.     left: -2% !important;
  5480.     top: 20px ! important;
  5481.     margin-bottom: 60px ! important;
  5482.     text-align: left !important;
  5483. }
  5484. .form-controls>table>tbody>tr>td:nth-child(4) img {
  5485.     position: relative !important;
  5486.     display: inline-block !important;
  5487.     max-width: 850px !important;
  5488.     left: -2% !important;
  5489.     top: 20px ! important;
  5490.     margin-bottom: 60px ! important;
  5491.     text-align: left !important;
  5492. }
  5493.  
  5494. /* EDIT - ADD A NEW SCREENSHOT - === */
  5495. .form-controls>table>tbody>tr:last-of-type:before {
  5496.     content: "Add a NEW Screenshot : " ;
  5497.     display: inline-block ;
  5498.     font-size: 10px ;
  5499.     color: gold ;
  5500. }
  5501.  
  5502.  
  5503. /* [[1]==== END ==== */
  5504.  
  5505. /* ==== (new47) NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT
  5506. OLD:
  5507. #content-wrapper article#main-article dl + h2 ~
  5508.  
  5509. .style-brief:nth-child(-n+4) .style-brief-text > p ,
  5510. .style-brief:nth-child(n+11) .style-brief-text > p
  5511.  
  5512. ===== */
  5513. .listing-left-info {
  5514.     position: absolute !important;
  5515.     display: inline-block !important;
  5516.     float: left;
  5517.     min-height: 100px;
  5518.     width: 100% !important;
  5519. }
  5520.  
  5521. /* (new44) NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN - === */
  5522. .style-brief:nth-child(odd) {
  5523.     background: #222222 !important;
  5524. }
  5525. /* (new47) NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN -
  5526. PB - SEARCH (BIG) :
  5527. http://userstyles.org/styles/browse/facebook?page=2&per_page=100
  5528. #social ~article.style-brief:nth-child( 4n + 2 )
  5529. === */
  5530. .style-brief {
  5531.     position: relative ! important;
  5532.     display: inline-block ! important;
  5533.     width: 32.72% !important;
  5534.     height: 163px ! important;
  5535.     right: 7.5% ! important;
  5536.     margin-top: 6px !important;
  5537.     margin-bottom: 0px !important;
  5538.     border-radius: 5px !important;
  5539.     box-shadow: 6px 5px 6px black !important;
  5540.     border: 1px solid gray ! important;
  5541.     overflow: hidden ! important;
  5542. }
  5543. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4),
  5544. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) {
  5545.     position: relative ! important;
  5546.     display: inline-block ! important;
  5547.     float: left !important;
  5548.     width: 49.6% !important;
  5549.     height: 224px ! important;
  5550.     right: 7.7% ! important;
  5551.     margin-top: 6px !important;
  5552.     margin-bottom: 0px !important;
  5553.     border-radius: 5px !important;
  5554.     box-shadow: 6px 5px 6px black !important;
  5555.     border: 1px solid gray ! important;
  5556.     overflow: hidden ! important;
  5557. }
  5558.  
  5559. /* (new44) NOT LOGGED - STYLES INFOS */
  5560. .style-brief-text {
  5561.     position: relative !important;
  5562.     display: inline-block !important;
  5563.     float: right !important;
  5564.     height: 150px ! important;
  5565.     width: 100% !important;
  5566.     max-width: 67% !important;
  5567.     margin-left: 10% !important;
  5568.     top: 2px !important;
  5569. }
  5570.  
  5571. /* (new44) NOT LOGGED - TEXT DESCRIPTION - ALL and ODD/EVEN - === */
  5572. .style-brief-text>p::first-line {
  5573.     color: red !important;
  5574. }
  5575. .style-brief-text>p {
  5576.     position: relative !important;
  5577.     display: inline-block !important;
  5578.     width: 97% !important;
  5579.     height: 115px !important;
  5580.     top: 13px !important;
  5581.     margin-top: 8px !important;
  5582.     padding: 0 5px !important;
  5583.     overflow: hidden !important;
  5584.     overflow-y: auto !important;
  5585.     white-space: pre-line !important;
  5586. }
  5587.  
  5588. /* (new47) NOT LOGGED - TEXT DESCRIPTION - BIG - === */
  5589. /*#content-wrapper article#main-article h2 ~ article.style-brief:nth-child(-n+3) .style-brief-text > p ,
  5590. #content-wrapper article#main-article h2 ~ article.style-brief:nth-child(n+10) .style-brief-text > p*/
  5591.  
  5592. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text > p ,
  5593. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text > p  {
  5594.     position: relative !important;
  5595.     display: inline-block !important;
  5596.     width: 97% !important;
  5597.     height: 185px !important;
  5598.     top: 12px !important;
  5599.     padding: 0 5px !important;
  5600.     overflow: hidden !important;
  5601.     overflow-y: auto !important;
  5602. }
  5603.  
  5604. /* (new44) NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) -
  5605. .style-brief-text > header > a:link
  5606. === */
  5607. .style-brief header {
  5608.     font-size: 0.89vw !important;
  5609.     position: absolute !important;
  5610.     display: inline-block ! important;
  5611.     width: 150% !important;
  5612.     height: 100% !important;
  5613.     min-height: 25px ! important;
  5614.     max-height: 25px ! important;
  5615.     line-height: 25px !important;
  5616.     top: -3px !important;
  5617.     left: -49.5% !important;
  5618.     padding-bottom: 0px ! important;
  5619.     overflow: hidden !important;
  5620.     white-space: nowrap !important;
  5621.     text-overflow: ellipsis !important;
  5622.     text-align: center !important;
  5623. }
  5624. .style-brief-text > header > a:link  {
  5625.     position: relative !important;
  5626.     display: inline-block ! important;
  5627.     width: 100% !important;
  5628.     left: 0px!important;
  5629.     overflow: hidden !important;
  5630.     white-space: nowrap !important;
  5631.     text-overflow: ellipsis !important;
  5632.     background: black !important;
  5633. }
  5634. /* (new47) NOT LOGGED - STYLES NAME - BIG
  5635. .style-brief-text > header > a:link
  5636. === */
  5637. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) header ,
  5638. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) header {
  5639.     font-size: 1.1vw !important;
  5640. }
  5641.  
  5642. /* (new44) NOT LOGGED - STATS */
  5643. .style-brief-stats {
  5644.     position: absolute !important;
  5645.     display: inline-block !important;
  5646.     float: right!important;
  5647.     height: 16px !important;
  5648.     line-height: 16px !important;
  5649.     width: 100% !important;
  5650.     right: 0px !important;
  5651.     left: 0%! important;
  5652.     bottom: -12px !important;
  5653.     padding: 2px 0 2px 12px !important;
  5654.     text-align: left !important;
  5655.     background: black ! important;
  5656. }
  5657. .style-brief-stats span {
  5658.     display: inline !important;
  5659.     min-width: 16em;
  5660.     width: auto !important;
  5661.     border: 1px solid gray !important;
  5662.     margin-right: 10px !important;
  5663.     margin-left: 10px !important;
  5664.     padding: 1px !important;
  5665.     color: tan !important;
  5666. }
  5667.  
  5668. /* (new47) NOT LOGGED - RATING AVERAGE - SMALL - ICON css OR SPRITE - === */
  5669. .style-brief-text .style-brief-stats span:last-child {
  5670.     position: absolute !important;
  5671.     left: -5px !important;
  5672.     min-width: 10px !important;
  5673.     max-width: 10px !important;
  5674.     min-height: 16px !important;
  5675.     max-height: 16px !important;
  5676.     line-height: 16px !important;
  5677.     padding: 0 3px 0 15px !important;
  5678.     border: none !important;
  5679.     cursor: pointer !important;
  5680.     font-size: 0 !important;
  5681. }
  5682.  
  5683. .style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {
  5684.     content: ". " ;
  5685.     position: absolute ;
  5686.     display: inline-block ;
  5687.     left: 0 ;
  5688.     min-width: 19px ;
  5689.     max-width: 19px ;
  5690.     min-height: 14px ;
  5691.     max-height: 15px ;
  5692.     line-height: 15px ;
  5693.     margin-top: -1px ;
  5694.     font-size: 15px ;
  5695.     color: transparent ;
  5696.     background-image:url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);
  5697.     background-position:-101px -457px ;
  5698. }
  5699. .style-brief-text .style-brief-stats span:hover:last-child {
  5700.     position: absolute !important;
  5701.     min-width: 100% !important;
  5702.     height: 15px !important;
  5703.     line-height: 15px !important;
  5704.     font-size: 11px !important;
  5705.     color: gold !important;
  5706.     background: black !important;
  5707. }
  5708. /* (new44) ICON RATING -
  5709. .style-brief.good-rating .style-brief-stats img
  5710. === */
  5711. .style-brief.good-rating .style-brief-stats img {
  5712.     position: absolute !important;
  5713.     left: -2px !important;
  5714. }
  5715. /* (new47) NOT LOGGED - RATING AVERAGE - BIG - === */
  5716. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-stats ,
  5717. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-stats {
  5718.     position: absolute !important;
  5719.     display: inline-block !important;
  5720.     float: left !important;
  5721.     width: auto !important;
  5722.     left: 4px !important;
  5723.     bottom: -72px !important;
  5724.     right: 0 !important;
  5725.     padding: 2px 0 0 4% !important;
  5726.     font-size: smaller !important;
  5727.     text-align: left !important;
  5728.     background: black !important;
  5729. }
  5730.  
  5731. /* (new44) NOT LOGGED - STYLES SCREENSHOT - ALL - === */
  5732. .style-brief .listing-left-info figure.screenshot-thumbnail {
  5733.     position: relative !important;
  5734.     display: inline-block ! important;
  5735.     vertical-align: top ! important;
  5736.     margin-top: 28px  ! important;
  5737.     margin-bottom: 0 ! important;
  5738.     width: 42% !important;
  5739.     height: 265px;
  5740.     min-height: 160px ! important;
  5741.     max-height: 160px ! important;
  5742.     overflow-y: hidden ! important;
  5743.     text-align: left ! important;
  5744. }
  5745.  .style-brief .listing-left-info figure.screenshot-thumbnail img {
  5746.     position: relative !important;
  5747.     display: inline-block !important;
  5748.     width: 77% !important;
  5749.     vertical-align: bottom !important;
  5750.     border: 1px dotted gray !important;
  5751. }
  5752.  
  5753. /* (new47) NOT LOGGED - SCREENSHOT - BIG - === */
  5754. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .listing-left-info figure.screenshot-thumbnail ,
  5755. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .listing-left-info figure.screenshot-thumbnail {
  5756.     position: relative !important;
  5757.     display: inline-block !important;
  5758.     max-height: 195px !important;
  5759.     min-height: 195px !important;
  5760.     width: 41% !important;
  5761.     margin-top: 25px !important;
  5762.     margin-left: -4% !important;
  5763.     text-align: center !important;
  5764.     overflow-y: hidden !important;
  5765. }
  5766.  
  5767. /* (new44) NOT LOGGED - NO SCREENSHOT - === */
  5768.  .style-brief .listing-no-screenshot {
  5769.     width: 30% !important;
  5770.     margin: 27px 0 0 3px !important;
  5771. }
  5772. .listing-no-screenshot {
  5773.     width: 70% !important;
  5774.     height: 110px !important;
  5775.     background-color: black !important;
  5776. }
  5777.  
  5778. /* [[2]==== END ==== */
  5779.  
  5780.  
  5781. /* [[1]] +[[2]==== END ==== */
  5782.  
  5783. /* ======== NEW FORUM ==== */
  5784. /* (new75) USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON -
  5785. 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)
  5786. */
  5787. .UserBox .WhoIs,
  5788. .MeBox .WhoIs {
  5789.     position: relative !important;
  5790.     display: inline-block !important;
  5791.     width: 200px !important;
  5792.     height: 100px!important;
  5793.     margin-top: 50px !important;
  5794.     padding: 0 5px 2px 0 !important;
  5795.     border-radius: 5px !important;
  5796.     border: 1px solid gray !important;
  5797.     text-align: center !important;
  5798. }
  5799. /* (new67) - With USER ICON */
  5800. .MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,
  5801. .UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {
  5802.     position: relative !important;
  5803.     display: inline-block !important;
  5804.     width: 200px !important;
  5805.     height: 100px!important;
  5806.     margin-top: 1px !important;
  5807.     padding: 0 5px 2px 0 !important;
  5808.     border-radius: 5px !important;
  5809.     border: 1px solid gray !important;
  5810.     text-align: center !important;
  5811. }
  5812. .UserBox a.Username:before,
  5813. .MeBox a.Username:before {
  5814.     content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  5815.     position: relative ;
  5816.     display: inline-block ;
  5817.     width: 167px ;
  5818.     margin-left: 4px ;
  5819.     padding: 0 2px 2px 2px ;
  5820.     transform: scale(1.2, 1) ;
  5821.     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) ;
  5822.     border-radius: 5px 5px 0 0 ;
  5823.     text-align: center ;
  5824. }
  5825. /* (new57) */
  5826. .MeMenu {
  5827.     width: 205px !important;
  5828.     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;
  5829.     line-height: 24px;
  5830.     margin-top: 5px ! important;
  5831.     margin-bottom: -2px ! important;
  5832.     border-radius: 0 0 5px 5px !important;
  5833. }
  5834.  
  5835. /* (new59) ALL HEADER - BACKGOUND COLOR - === */
  5836. #Head {
  5837.     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;
  5838. }
  5839.  
  5840. /* (new71)TEST - FOR TS CITRUS - FORUM HEADER + FORUM EDIT POST - SAME WIDTH THAN THE PUBLIED POST - ADPT for GM - GREASY FORK TABLE VIEW - === */
  5841. #Form_Body  {
  5842.     display: inline-block ! important;
  5843.     height: 133px;
  5844.     max-width: 660px !important;
  5845.     min-width: 660px !important;
  5846.     overflow: hidden;
  5847. }
  5848.  
  5849. body > #Frame > .Head {
  5850.     position: fixed !important;
  5851.     width: 100% !important;
  5852.     max-height: 50px ! important;
  5853.     min-height: 50px !important;
  5854.     top: 0px !important;
  5855.     padding-top: 7px ! important;
  5856.     border-bottom: 1px solid #828182 !important;
  5857.     box-shadow: 0 0 9px 0 #000000 !important;
  5858.     z-index: 5 !important;
  5859. /* outline: 1px solid violet!important; */
  5860. }
  5861.  
  5862.  
  5863. /* (new57)TEST - FOR TS CITRUS - SITE TITLE " GREASY FORUM" + ICON - = */
  5864. .SiteTitle {
  5865.     position: relative!important;
  5866.     display: inline-block !important;
  5867.     top: -5px !important;
  5868.     font-size: 24px ! important;
  5869. }
  5870. #Head .SiteTitle a {
  5871.     position: relative !important;
  5872.     display: inline-block!important;
  5873.     min-width: 250px !important;
  5874.     max-width: 250px !important;
  5875.     margin-left: -65px ! important;
  5876.     text-align: right ! important;
  5877.     font-size: 27px !important;
  5878. }
  5879.  
  5880. .SiteTitle>a img  {
  5881.     position: absolute ! important;
  5882.     max-height: 40px !important;
  5883.     width: 40px !important;
  5884.     margin-left: -60px ! important;
  5885.     margin-top: -5px !important;
  5886. }
  5887. /* (new59) TEST - SITE MENU - FOR GM TS CITRUS - === */
  5888.  
  5889. #Head a {
  5890.     font-weight: bold ! important;
  5891. }
  5892. .SiteMenu a {
  5893.     font-size: 14px ! important;
  5894.     padding: 6px;
  5895. }
  5896. /* (new59) TEST - SEARCH - FOR/WITHOUT GM TS CITRUS - === */
  5897. #Head .SiteSearch {
  5898.     float: right !important;
  5899.     margin-top: -5px !important;
  5900.     margin-right: 6.5% !important;
  5901. }
  5902. .SiteSearch>form {
  5903.     height: 21px !important;
  5904. }
  5905. .SiteSearch>form  div {
  5906.     height: 21px !important;
  5907. }
  5908.  
  5909. .SiteSearch>form  div .InputBox {
  5910.     height: 21px !important;
  5911.     font-size: 11px;
  5912.     padding: 2px 25px 2px 5px!important;
  5913. }
  5914. .SiteSearch>form  div input.Button {
  5915.     height: 15px !important;
  5916. }
  5917. /*(new54)*/
  5918. .DiscussionAboutShowDiscussion  {
  5919.     position: fixed!important;
  5920.     display: inline-block !important;
  5921.     top: 62px !important;
  5922.     margin-left: -285px !important;
  5923.     max-width: 265px !important;
  5924.     min-width: 265px !important;
  5925.     overflow: hidden !important;
  5926. text-align: right!important;
  5927.     white-space: nowrap ! important;
  5928.     text-overflow: ellipsis !important;
  5929.     color: gold ! important;
  5930.     z-index: 200 ! important;
  5931. }
  5932. .DiscussionAboutShowDiscussion + img {
  5933.     position: fixed!important;
  5934.     display: inline-block !important;
  5935.     margin-left: -15px !important;
  5936.     top: 66px !important;
  5937. }
  5938.  
  5939. /* (new75) FORUM - PANEL LEFT - ALL - VOIR PB GREASY FORK: USER WITHOUT ICON - === */
  5940. #Panel.Column.PanelColumn {
  5941.     position: fixed !important;
  5942.     display: inline-block!important;
  5943.     float: left;
  5944.     width: 200px;
  5945.     top: 50px !important;
  5946.     z-index: 10 !important;
  5947. }
  5948. .UserBox .Username,
  5949. .MeBox .Username {
  5950.     color: peru !important;
  5951.     font-size: 23px ! important;
  5952.     font-weight: bold;
  5953.     vertical-align: top;
  5954.     text-shadow: 2px 2px 3px #000;
  5955. }
  5956.  
  5957. /* (new79) - Forum Userstyles - LEFT PANEL - BOX FILTER -
  5958. WIth AVATAR :
  5959. https://greasyfork.org/fr/forum/profile/323/wOxxOm
  5960. NO AVATAR:
  5961. https://greasyfork.org/fr/forum/profile/2694/zeus007
  5962. === */
  5963. .Box.BoxCategories ,
  5964. #Panel .BoxFilter {
  5965.     margin: 10px 0;
  5966. outline: 1px solid gray !important;
  5967. }
  5968. .Column.PanelColumn .MeBox +  .BoxFilter.BoxProfileFilter  {
  5969.     margin-top: 65px !important;
  5970. outline: 1px solid gray !important;
  5971. }
  5972.  
  5973.  
  5974. /* (new59) DISSCUSSION COMMMENTS (+ TEST GREASY FORK)- === */
  5975. .Discussion .PageTitle h1 {
  5976.     min-width: 100%!important;
  5977.     height: 25px!important;
  5978.     line-height: 25px!important;
  5979.     margin-top: -2px ! important;
  5980.     font-size: 15px!important;
  5981. }
  5982. /* (new71) */
  5983. #Item_0 {
  5984.     position: fixed !important;
  5985.     min-width: 850px!important;
  5986. /* min-width: 43%!important; */
  5987. /* width: 43%!important; */
  5988.     height: 25px!important;
  5989.     line-height: 25px!important;
  5990.     top: 32px !important;
  5991. /* margin-right: 17% !important; */
  5992.     left: 30% !important;
  5993.     padding: 0 5px!important;
  5994.     color: gold !important;
  5995.     color: white !important;
  5996.     text-align: left !important;
  5997.     background: black!important;
  5998.     z-index: 10 !important;
  5999. }
  6000. .MessageList.Discussion .PageTitle .Options {
  6001.     float: left !important;
  6002.     height: 10px;
  6003.     margin-top: 16px !important;
  6004. }
  6005.  
  6006. a.Bookmark,
  6007. a.Bookmarked,
  6008. a.Bookmarking {
  6009.     margin-left: -5px !important;
  6010.     margin-right: 9px !important;
  6011. }
  6012. #Item_0.PageTitle .Options .Hijack.Bookmark{
  6013. margin-top: -12px !important;
  6014.     margin-left: -5px !important;
  6015.     margin-right: 9px !important;
  6016. }
  6017.  
  6018. /* (new52) GREASY FORK SPRITE UI :
  6019. https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png
  6020. */
  6021. .Hijack.Bookmark[title="Bookmark"] {
  6022.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0) !important;
  6023. }
  6024. .Hijack.Bookmark.Bookmarked  {
  6025.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0) !important;
  6026. }
  6027.  
  6028. /* BOOKMARKS LIST*/
  6029. .ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {
  6030.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0) ! important;
  6031. }
  6032.  
  6033. .MessageList.Discussion .Discussion {
  6034.     border: 1px solid gray !important;
  6035.     padding: 10px 15px ! important;
  6036. }
  6037. .MessageList.DataList.Comments {
  6038.     border-top: 1px solid gray !important;
  6039.     margin-top: 32px !important;
  6040. }
  6041.  
  6042. .MessageList .Item:hover {
  6043.     z-index: 1 !important;
  6044.     background-color: black ! important;
  6045. }
  6046.  
  6047. .DataList .ItemDiscussion:nth-child(odd) ,
  6048. .Item.ItemComment:nth-child(odd) {
  6049.     background-color: #222  ! important;
  6050. }
  6051. .DataList .ItemDiscussion:nth-child(even) ,
  6052. .Item.ItemComment:nth-child(even) {
  6053.     background-color: #414141  ! important;
  6054. }
  6055.  
  6056. .DataList .ItemDiscussion:hover ,
  6057. .Item.ItemComment:hover {
  6058.     box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.7) inset !important;
  6059.     background-color: rgba(7, 7, 7, 0.57)! important;
  6060.     transition: background ease 0.8s !important;
  6061. }
  6062. .DataList .ItemDiscussion:nth-child(odd):hover ,
  6063. .Item.ItemComment:nth-child(odd):hover {
  6064.     background-color: rgba(7, 7, 7, 0.67)! important;
  6065.     transition: background ease 0.8s !important;
  6066. }
  6067.  
  6068. /* (new69) DISCUSSION LIST - READ - === */
  6069. .DataList .ItemDiscussion.Item.Read {
  6070.     background-color: rgba(47, 47, 47, 0.84)  ! important;
  6071. }
  6072. /* .Item.Read:nth-child(odd) {
  6073.     background-color: rgba(34, 34, 34, 0.22)  ! important;
  6074. }
  6075. .Item.Read:nth-child(even) {
  6076.     background-color: rgba(65, 65, 65, 0.24)  ! important;
  6077. } */
  6078.  
  6079.  
  6080. /* (new54) */
  6081. .Item.Read .BlockTitle a:before ,
  6082. .Item.Read .Title a:before {
  6083.     content: ">>  " ;
  6084.     color: gold ;
  6085. }
  6086.  
  6087. .Bookmarked .Title a:before,
  6088. .Item.Read .Title a:before {
  6089.     content: ">>  " ;
  6090.     color: gold ;
  6091. }
  6092. .DataList .ItemDiscussion {
  6093.     border-bottom: 1px solid gray !important;
  6094.     padding-left: 22px;
  6095.     position: relative;
  6096. }
  6097.  
  6098.  
  6099. /* FORUM DISSCUSSION - ITEMS - MINE - === */
  6100. .Item.Bookmarked.Mine.ItemDiscussion {
  6101.     border: 1px solid peru !important;
  6102.     padding-left: 22px;
  6103.     position: relative;
  6104. }
  6105.  
  6106. /* (new52) PROFILE */
  6107. .ProfilePhotoLarge {
  6108.     margin-top: 55px !important;
  6109.     position: relative !important;
  6110.     width: 200px;
  6111. }
  6112. /* (new67) ICON PROFILE - PANEL LEFT - DISCUSSION LIST / COMMENTS -  (not Notification or comments) -
  6113. .Section-Discussion #Frame .Row #Panel.Column.PanelColumn .MeBox > .PhotoWrap[href^="/forum/profile/"] ,
  6114. .Column.PanelColumn  .MeBox > .PhotoWrap[href^="/profile/"]
  6115. ALL :
  6116. .MeBox > .PhotoWrap[href*="/profile/"]
  6117. .UserBox > .PhotoWrap[href*="/profile/"]
  6118. */
  6119.  
  6120. .MeBox > .PhotoWrap[href*="/profile/"] ,
  6121. .UserBox > .PhotoWrap[href*="/profile/"] {
  6122.     position: relative ! important;
  6123.     display: inline-block !important;
  6124.     height: 50px!important;
  6125.     width: 200px ! important;
  6126.     margin-left: 3px ! important;
  6127.     top: 54px!important;
  6128.     text-align: center ! important;
  6129.     z-index: 100 ! important;
  6130. }
  6131. #vanilla_discussion_comment .Column.ContentColumn  {
  6132.     border-top: 1px solid peru !important;
  6133.     margin-top: 87px !important;
  6134. }
  6135.  
  6136. /* ==== Userstyles.org Review - Style Name in First v.1 ==== */
  6137. .Section-Category-style-reviews.Section-DiscussionList   .DataList .Title {
  6138.     display: inline-block !important;
  6139.     font-size: 14px;
  6140.     font-weight: bold;
  6141.     margin: 0;
  6142. }
  6143.  
  6144. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .DiscussionAboutListDiscussion {
  6145.     position: relative !important;
  6146.     display: inline-block !important;
  6147.     float: left !important;
  6148.     width: 600px!important;
  6149.     height: 100%!important;
  6150.     min-height: 10px!important;
  6151.     max-height: 10px!important;
  6152.     line-height: 10px!important;
  6153.     margin-top: -31px!important;
  6154.     margin-left: -10px!important;
  6155.   }
  6156. /* (new80) - GOD RATING - OK - THUMB UP  */
  6157. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image  {
  6158.     display: inline-block !important;
  6159.     float: left;
  6160.     margin-left: 0px!important;
  6161. }
  6162. /* (new80) - BD RATING - THUMB DOWN */
  6163. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"]  {
  6164.     display: inline-block !important;
  6165.     float: left;
  6166.     margin-left: 0px!important;
  6167.     margin-top: 5px !important;
  6168. }
  6169. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title a {
  6170.     display: inline-block !important;
  6171.     float: left!important;
  6172.     width: 670px!important;
  6173.     margin-bottom: -9px!important;
  6174.   }
  6175.  
  6176. /* (new57) - FORUM NOTIFICATION - TXT - === */
  6177. .Flyout .Author .PhotoWrap  {
  6178.     height: 10px !important;
  6179.     width: 20px !important;
  6180. }
  6181. .Flyout .Author .ProfilePhoto {
  6182.     margin-left: -14px !important;
  6183.     margin-top: -12px !important;
  6184.     transform: scale(0.4) !important;
  6185. }
  6186. .PopList .ItemContent {
  6187.     line-height: 1.2!important;
  6188.     margin-left: -1px!important;
  6189. }
  6190. /* (new75) DRAFT */
  6191. .DataList.Drafts {
  6192.     margin-top: 98px!important;
  6193.     border-top: 1px solid gray !important;
  6194. }
  6195.  
  6196. /* (new52) ATTACHEMENTS - === */
  6197. .Attachment img {
  6198.     max-width: 100% ! important;
  6199.     height: auto ! important;
  6200.     vertical-align: bottom;
  6201. }
  6202.  
  6203. .Attachment {
  6204.     max-width: 100px !important;
  6205.     min-width: 100px !important;
  6206.     padding: 3px 8px 8px 5px !important;
  6207.     border-radius: 5px !important;
  6208.     background-color: black !important;
  6209. }
  6210.  
  6211. /* (new50) ATTACHEMENT COUNTER - === */
  6212. .Attachments {
  6213.     background-color: #222222 !important;
  6214.     border-radius: 5px !important;
  6215.     counter-reset: image !important;
  6216. }
  6217. .Attachment:before {
  6218.     position: absolute ;
  6219.     display: inline-block ;
  6220.     height: 20px ;
  6221.     content: counter(image, decimal);
  6222.     top: 10px ;
  6223.     padding: 0 3px ;
  6224.     border-radius: 5px ;
  6225.     counter-increment: image ;
  6226.     background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3) ;
  6227. }
  6228.  
  6229. /* (new75)FORUM PAGINATION - PAGE WRAP (bottom) */
  6230. .PagerWrap {
  6231.     margin-top: 20px!important;
  6232.     overflow: visible!important;
  6233. }
  6234. /* (new75)FORUM PAGINATION - ALL */
  6235. .PageControls {
  6236. /* position: absolute !important; */
  6237.     display: inline-block !important;
  6238.     width: 95%!important;
  6239.     min-height: 15px !important;
  6240.     max-height: 15px !important;
  6241.     line-height: 15px !important;
  6242.     text-align: right!important;
  6243. /* z-index: 10000 !important; */
  6244. }
  6245. .PageControls.Top {
  6246.     position: fixed !important;
  6247.     display: inline-block !important;
  6248. /* width: 40% ! important; */
  6249.     width: 703px ! important;
  6250.     min-height: 18px !important;
  6251.     max-height: 18px !important;
  6252.     line-height: 15px !important;
  6253.     top: 35px !important;
  6254.     z-index: 10 !important;
  6255. }
  6256. /* (new71) PAGER TOP */
  6257. #PagerBefore.Pager  {
  6258.     float: right!important;
  6259.     font-weight: bold;
  6260. }
  6261.  
  6262. /* ICONS */
  6263.  
  6264. /* SPRITE GREASY FORK :
  6265. https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png
  6266. ==== */
  6267.  
  6268. .SpNotifications,
  6269. .SpGlobe {
  6270.     background-position: -32px -212px !important;
  6271. }
  6272. .SpInbox,
  6273. .SpEnvelope {
  6274.     background-position: 0 -228px !important;
  6275. }
  6276. .SpBookmarks,
  6277. .SpStar {
  6278.     background-position: -80px -245px!important;
  6279. }
  6280. .SpDashboard,
  6281. .SpOptions,
  6282. .SpCog {
  6283.      background-position: 0 -212px !important;
  6284. }
  6285.  
  6286. /* MY NAME */
  6287. .QuoteAuthor>a[href*="/decembre"] ,
  6288. .Item .Author a[href*="/decembre"] {
  6289.     font-size: 18px ! important;
  6290.     color: peru ! important;
  6291. }
  6292.  
  6293. /* ==== (ALL) STYLE ==== */
  6294. /* (ALL) BackGround Color === */
  6295. htlm, body {
  6296.     background:#333333 !important;
  6297.     color: #929292 !important;
  6298.     width: 100% !important;
  6299. }
  6300.  
  6301. /* (ALL) LINKS - === */
  6302. a:link {
  6303.     color: #6D878F !important;
  6304.     text-decoration: none !important;
  6305. }
  6306.  
  6307.  
  6308. /* (new69)LINK / TXT  SPECIAL - === */
  6309. .MItem.MCount.CommentCount ,
  6310. .MItem.MCount.ViewCount {
  6311.     color: #b7b7b7!important;
  6312. }
  6313. table#style-table .meta span.date.date1{
  6314.     color: #23A4A2  !important;
  6315.     text-decoration: none !important;
  6316. }
  6317. table#style-table .meta span.date.date2{
  6318.     color: #0DD6D3 !important;
  6319.     text-decoration: none !important;
  6320. }
  6321. #main-article #style-table a[href^="/styles/"]{
  6322.     color: #DD9E0F !important;
  6323.     text-decoration: none !important;
  6324. }
  6325. #main-article #style-table a:visited[href^="/styles/"]{
  6326.     color: #EAC060 !important;
  6327.     text-decoration: none !important;
  6328. }
  6329.  
  6330. /* (new83) LINKS HOVER - COLOR tomato / TOMATO - === */
  6331. /* #left-info  + #style-info #main-style-info a.install-note:hover , */
  6332. #show-code + #control-panel>a:hover ,
  6333. #main-header>h1>a:hover ,
  6334. #style-author-info>tbody>tr>td>a:not(.license-image):hover ,
  6335. #long-description>a:hover ,
  6336. .MItem.LastCommentBy>a:hover ,
  6337. .About>dt:last-of-type a:hover ,
  6338. .script-author-description>ul>li>ul>li:hover a:hover ,
  6339. .About dt a:hover ,
  6340. #main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover ,
  6341. #script-list-option-groups .list-option>a:hover ,
  6342. #user-script-list > li h2 a:hover ,
  6343. #browse-script-list > li h2 a:hover ,
  6344. .script-list-author>span>a:hover ,
  6345.  
  6346. .DataList.SearchResults .Item .ItemContent:hover .Meta a ,  
  6347. #script-content > form > ul > li:hover ,
  6348. #contact a:hover ,
  6349. #related>ul>li>a:hover ,
  6350. #screenshots #more-screenshots a:hover ,
  6351. .Message>b>a:hover ,
  6352. .Buttons .Back>a:hover ,
  6353. .AttachFileWrapper .AttachFileLink>a:hover ,
  6354. .AuthorWrap .Author .PhotoWrap +.Username:hover ,
  6355. #Item_0 +  .DiscussionAboutShowDiscussion>a:hover ,
  6356. .Item-Body .Message>a:hover ,
  6357. .MItem.Category>a:hover ,
  6358. .ReactButton.Quote.Visible:hover ,
  6359. .Box.BoxCategories a:hover ,
  6360. #Panel .FilterMenu a:hover ,
  6361. .SiteMenu>li>a:hover ,
  6362. .ItemContent.Discussion .Title>a:hover ,
  6363. #main-article>dl>dd>a:hover ,
  6364. #main-article>dl>dt:hover ,
  6365. #main-header + #content-wrapper > #main-article > ul:hover:before ,
  6366. #main-article>ul>li>a:hover ,
  6367. #sidebar-forum>a:hover ,
  6368. #sidebar-help>a:hover ,
  6369. #sidebar-browse>a:hover ,
  6370. #sidebar-my-account>a:hover ,
  6371. #show-button:hover ,
  6372. #control-panel > a:nth-child(1):hover ,
  6373. #control-panel>a:hover ,
  6374.  
  6375. #long-description>a>b:hover ,
  6376.  
  6377. #main-article #hidden-meta a:hover ,
  6378. #no-discussions>a:hover ,
  6379. #site-name > a[href="/"] span:hover ,
  6380. .thetitle>.theauthor>a:hover ,
  6381. .thetitle>a>b:hover ,
  6382. .width-constraint>h3>a:hover ,
  6383. #script-content>form>ul>li>a:hover ,
  6384. #script-content>p>a:hover ,
  6385. #install-area .script-in-sets>a:hover ,
  6386. #additional-info-text>a>b:hover ,
  6387. #additional-info>div>ul>li>a:hover ,
  6388. #additional-info>div>p>a:hover ,
  6389. #additional-info>div>p>b>a:hover ,
  6390. .script-show-author>span>a:hover ,
  6391.  
  6392. #nav-user-info>li>a:hover ,
  6393. #nav-user-info + nav .help-link>a:hover ,
  6394. #nav-user-info + nav .forum-link>a:hover ,
  6395. #nav-user-info + nav .scripts-index-link>a:hover ,
  6396. #nav-user-info .sign-out-link>a:hover ,
  6397. #start-discussion:hover ,
  6398. #start-discussion-top:hover ,
  6399. #start-discussion-bottom:hover ,
  6400. .inline-list>li>a:hover {
  6401.     color: TOMATO  !important;
  6402. }
  6403.  
  6404. /* (new71) LINK HOVER - SPECIAL - === */
  6405.  
  6406. #nav-user-info .user-profile-link>a:hover {
  6407.     color: tomato !important;
  6408.     position: absolute !important;
  6409.     display: inline-block !important;
  6410.     font-size: 25px !important;
  6411.     transform: translate(-125px, -13px) !important;
  6412. }
  6413.  
  6414. #discussions-area #discussions li:hover a:not(:last-of-type),
  6415. .CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]) ,
  6416. .CommentsWrap .Comment a.FlagContent:hover ,
  6417. .width-constraint #discussions li>a:nth-child(4):hover  ,
  6418. .width-constraint #discussions li>a:nth-child(2):hover ,
  6419. .width-constraint #discussions li>a:first-of-type:hover ,
  6420. .width-constraint #discussions li:hover > a:nth-child(4) ,
  6421. .width-constraint #discussions li:hover>time {
  6422.     color: tomato  !important;
  6423. }
  6424.  
  6425.  
  6426.  
  6427. /* (new82) GREASY FORK - CODE PAGE - STRIPP BACKGROUND  -
  6428. TEST CODERAY HUGE CODE: https://greasyfork.org/en/scripts/1896-nwpb/code
  6429. === */
  6430. #script-info .CodeRay {
  6431.     display: inline-block!important;
  6432.     max-width: 99.8% !important;
  6433. /*     white-space: nowrap!important;
  6434.     white-space: pre!important;
  6435.     white-space: pre-wrap!important;
  6436.     white-space: pre-line!important; */
  6437.  
  6438. /* background-color: red !important; */
  6439. /* background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)); */
  6440. /* background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent); */
  6441. /* background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent); */
  6442. /* background-image: linear-gradient(rgba(255, 255, 255, .1) 50%, transparent 50%, transparent); */
  6443. /* -webkit-background-size: 50px 50px; */
  6444. /* -moz-background-size: 50px 50px; */
  6445. /* color: black!important; */
  6446.  
  6447.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  6448.     background-size: 30px 15px!important;
  6449. }
  6450. #script-info .CodeRay tbody {
  6451.     display: inline-block !important;
  6452.     width: 99.98% !important;
  6453. /* white-space: nowrap!important;
  6454.     white-space: pre!important;
  6455.     white-space: pre-wrap!important;
  6456.     white-space: pre-line!important; */
  6457. }
  6458.  
  6459. #script-info .CodeRay tbody .code {
  6460. /* position: relative !important; */
  6461.     display: inline-block !important;
  6462.     min-width: 905px !important;
  6463.     max-width: 905px !important;
  6464. /* padding-right: 100px !important; */
  6465. /* word-wrap: break-word !important; */
  6466. /* white-space: nowrap!important; */
  6467. /* white-space: pre!important; */
  6468. /* white-space: pre-wrap!important; */
  6469. /* white-space: pre-line!important; */
  6470. }
  6471. #script-info .CodeRay tbody .code pre {
  6472. /* position: relative !important; */
  6473. /* display: inline-block !important; */
  6474.     min-width: 900px !important;
  6475.     max-width: 900px !important;
  6476.     word-wrap: break-word !important;
  6477. /* white-space: nowrap!important; */
  6478. /* white-space: pre!important; */
  6479. /* white-space: pre-wrap!important; */
  6480. white-space: pre-line!important;
  6481. }
  6482.  
  6483. /* (new83) (ALL) LINKS VISITED / VISITED HOVER - === */
  6484. a:visited {
  6485.     color: #278CAD  !important
  6486. }
  6487. #additional-info>a:visited {
  6488.     color: #6BA9BE  !important
  6489. }
  6490. a:hover {
  6491.     color: #73B379 !important;
  6492. }
  6493. a:visited:hover  {
  6494.     color: #B9D56E !important;
  6495.     text-decoration: none !important;
  6496. }
  6497.  
  6498. /* (new83)VISITED - gold / GOLD - === */
  6499. section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note ,
  6500. #style-install-unknown>p>a,
  6501. #style-install-unknown>p>a:visited,
  6502. #style-install-unknown>p>a:active {
  6503.     color: GOLD !important;
  6504. }
  6505.  
  6506. /* (new83) VISITED - tan  /TAN - === */
  6507. .About>dt>a:visited ,
  6508. .Item-Body .Message>a:visited ,
  6509. .script-author-description>p>a:visited ,
  6510. .script-author-description>ul>li>ul>li>a:visited ,
  6511. .script-author-description>ul>li>a:visited ,
  6512.  .DataList .Item .Title>a:visited ,
  6513. .inline-list>li>a:visited ,
  6514. .DataList .ItemDiscussion.Item.Read a:visited {
  6515.     color: TAN !important;
  6516. }
  6517. /* (new83) VISITED - goldenrod / GOLDENROD - === */
  6518. .thetitle>a:visited>b  {
  6519.     color: GOLDENROD !important;
  6520. }
  6521. /* (new83) VISITED - hover tomato / TOMATO - === */
  6522. .Message>ol>li>small>a:hover ,
  6523. .Message>dl>dd>a:hover ,
  6524. .UserQuote .QuoteAuthor a:hover ,
  6525. .inline-list>li>a:visited:hover ,
  6526. .DataList .ItemDiscussion.Item.Read a:visited:hover {
  6527.     color: TOMATO !important;
  6528. }
  6529.  
  6530. /* (new83) VISITED - rosybrown / ROSYBROWN - === */
  6531. .width-constraint #discussions li > a:first-of-type:visited {
  6532.     color: ROSYBROWN  !important;
  6533. }
  6534.  
  6535.  
  6536. /* ============ END VISITED LINKS ====== */
  6537. }
  6538.  
  6539.  
  6540. /* ========== END ======= */
  6541.  
  6542.  
  6543.  
  6544. /* ========== (new80)URL-PREF - HELP ======= */
  6545. @-moz-document url-prefix("https://userstyles.org/help") {
  6546.  
  6547. /* (new80) HEPLS PAGES -
  6548. https://userstyles.org/help
  6549. https://userstyles.org/help/stylish_firefox
  6550. === */
  6551. /* * {
  6552.   box-sizing: border-box;
  6553. } */
  6554.  
  6555. body > #main-header + #content-wrapper {
  6556.     position: absolute !important;
  6557.     display: inline-block !important;
  6558.     float: none !important;
  6559.     clear: both !important;
  6560.     min-height: 200px !important;
  6561. /* height: 100em !important; */
  6562.     height: auto !important;
  6563.     width: 71em !important;
  6564.     margin: auto auto auto 21em !important;
  6565.     top: 75px !important;
  6566.     border-radius: 5px !important;
  6567.     border: 1px solid green !important;
  6568. }
  6569. #main-article {
  6570.     width: 70em !important;
  6571.     margin: 0.5em auto 2em 0.5em !important;
  6572.     padding-bottom : 20px !important;
  6573. /* outline: 1px solid violet !important; */
  6574. }
  6575. #main-header + #content-wrapper > #main-article > p ~ ul ~ h3 ,
  6576. #main-article>h3  {
  6577.     width: 58em !important;
  6578.     margin-left: 1em !important;
  6579.     text-align: left !important;
  6580.     text-indent: 20px !important;
  6581.     background: black !important;
  6582. /* outline: 1px solid red !important; */
  6583. }
  6584.  
  6585. #main-article>ol {
  6586.     width: 65em !important;
  6587.     margin-left: 1em !important;
  6588.     margin-top: -7px !important;
  6589.     outline: 1px solid peru !important;
  6590. }
  6591.  
  6592. #main-article>p:first-of-type {
  6593.     position: relative !important;
  6594.     display: inline-block !important;
  6595.     width: 867px !important;
  6596.     left: 0px !important;
  6597.     margin-top:  auto !important;
  6598.     margin-bottom: 20px!important;
  6599.     padding: 15px 20px !important;
  6600.     border: 1px solid gray !important;
  6601. outline: none !important;
  6602. }
  6603. #main-article>p {
  6604.     position: relative !important;
  6605.     display: inline-block !important;
  6606.     width: 840px !important;
  6607.     left: 1em !important;
  6608.     margin:  auto !important;
  6609. /* margin-top: -17px !important; */
  6610.     padding: 8px 20px !important;
  6611. /* outline: 1px solid blue !important; */
  6612. }
  6613. #main-article>p +p {
  6614.     position: relative !important;
  6615.     display: inline-block !important;
  6616.     width: 840px !important;
  6617.     left: 1em !important;
  6618.     margin:  auto !important;
  6619. /* margin-top: -5px !important; */
  6620.     margin-bottom: 15px !important;
  6621.     padding: 8px 20px !important;
  6622. /* color: tomato !important; */
  6623. /* outline: 1px solid yellow !important; */
  6624. }
  6625. #main-article>p:nth-child(even) {
  6626.     border: 1px solid gray !important;
  6627.     background: #222222 !important;
  6628. }
  6629. #main-article>p:nth-child(odd) {
  6630.     border: 1px solid gray !important;
  6631.     background: #171717 !important;
  6632. }
  6633. #main-article>iframe {
  6634. /* width: 60% !important; */
  6635. /* height: 100% !important; */
  6636.     margin-left: 10% !important;
  6637. /* outline: 1px solid violet !important; */
  6638. }
  6639. #help-style-settings-edit ~pre ,
  6640. #main-header + #content-wrapper > #main-article > p ~ ul ,
  6641. #main-header + #content-wrapper > #main-article > p ~ ul:hover ,
  6642. #main-header + #content-wrapper > #main-article > ul:hover ,
  6643. #main-header + #content-wrapper > #main-article > ul {
  6644.     position: relative !important;
  6645.     display: inline-block !important;
  6646.     width: 66em !important;
  6647.     height: auto !important;
  6648.     margin-left: 10px !important;
  6649. /* margin-top: 29px !important; */
  6650.     padding-bottom: 10px !important;
  6651.     padding-left: 20px !important;
  6652.     padding-right: 5px !important;
  6653.     border-radius: 3px !important;
  6654.     border: 1px solid gray !important;
  6655.     background: #222222 !important;
  6656. }
  6657. #main-header + #content-wrapper > #main-article > ul:only-of-type {
  6658.     position: relative !important;
  6659.     display: inline-block !important;
  6660.     width: 43em !important;
  6661.     height: auto !important;
  6662.     margin-left: 10px !important;
  6663.     margin-top: 29px !important;
  6664.     padding-bottom: 10px !important;
  6665.     padding-left: 30px !important;
  6666.     padding-right: 5px !important;
  6667.     border-radius: 3px !important;
  6668.     border: 1px solid gray !important;
  6669.     font-size: 20px !important;
  6670. /* background: red !important; */
  6671. }
  6672. #help-style-settings-edit ~pre {
  6673.     position: relative !important;
  6674.     display: inline-block !important;
  6675.     width: 72em !important;
  6676.     height: auto!important;
  6677. /* margin-left: 200px!important; */
  6678.     margin-top: 5px!important;
  6679.     border-radius: 3px!important;
  6680.     border: 1px solid gray!important;
  6681.     background: #222222!important;
  6682.     overflow: visible!important;
  6683.     z-index: 10 !important;
  6684. }
  6685. #help-style-settings-edit ~pre >code {
  6686.     position: relative !important;
  6687.     display: inline-block !important;
  6688.     width: 63em !important;
  6689.     height: auto !important;
  6690.     margin-left: 0px !important;
  6691. /* margin-top: 15px !important; */
  6692. /* padding-bottom: 10px !important; */
  6693. /* padding-left: 20px !important; */
  6694. /* padding-right: 5px !important; */
  6695.     border-radius: 3px !important;
  6696. /* border: 1px solid gray !important; */
  6697. /* background: none repeat scroll 0 0 #222222 !important; */
  6698. }
  6699.  
  6700.  
  6701. /* ========== END === URL-PREF - HELP ======= */
  6702. }
Add Comment
Please, Sign In to add comment
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!