Advertisement
Guest User

Untitled

a guest
Sep 25th, 2016
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 104.07 KB | None | 0 0
  1. /* [ STCKY v1.06 by doingstuffcarl ]
  2. [ /r/STCKY ] */
  3.  
  4.  
  5.  
  6. /*** COLOR SCHEME ***/
  7.  
  8. /* Color of the header and the footer.
  9. For a solid color, remove first 4 lines and add 'background: #444;' */
  10.  
  11. #header, .footer-parent {
  12.  
  13. background: -o-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #425b74 100%) #444;
  14. background: -moz-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #425b74 100%) #444;
  15. background: -ms-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #425b74 100%) #444;
  16. }
  17.  
  18. /* Color of the submit buttons.
  19. For a solid color, remove first 4 lines and add 'background: #444;' */
  20.  
  21. .morelink {
  22. background: -webkit-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #516f8c 100%) #444;
  23. background: -o-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #516f8c 100%) #444;
  24. background: -moz-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #516f8c 100%) #444;
  25. background: -ms-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #516f8c 100%) #444;
  26. }
  27.  
  28. /* Color of the submit buttons on hover. */
  29.  
  30. .morelink:hover {
  31. background: #45617e;
  32. }
  33.  
  34.  
  35.  
  36. /*** Note ***/
  37.  
  38. .side .md h4:first-of-type {
  39. position: absolute !important;
  40. top: 197px;
  41. left: 5px;
  42. right: 315px;
  43. background: #fff;
  44. color: #444;
  45. padding: 7px 0px 7px 10px;
  46. font-size: 12px;
  47. }
  48.  
  49. .side .md a[title~="redlink"] {
  50. color: #c45b52 !important;
  51. }
  52.  
  53. .content[role=main], .pretty-form {
  54. margin-top: 35px !important;
  55. }
  56.  
  57. .formtabs-content {
  58. margin-top: 39px !important;
  59. }
  60.  
  61. .searchpane {
  62. margin-top: 35px !important;
  63. }
  64.  
  65.  
  66.  
  67. /*** FLAIRS ***/
  68.  
  69. /* LINK FLAIRS */
  70.  
  71. .comment .tagline .flair {
  72. vertical-align: middle;
  73. }
  74. .flairoptionpane ul:nth-of-type(2) li
  75. {
  76. padding-left: 0px;
  77. }
  78.  
  79. .titlebox .tagline {
  80. height: 25px;
  81. position: relative;
  82. line-height: 25px;
  83. color: #F5F5F5;
  84. }
  85.  
  86.  
  87.  
  88. .flair {
  89. display: inline-block;
  90. margin-right: .5em;
  91. padding: 4px 2px;
  92. background: #f5f5f5;
  93. color: #555;
  94. border: 1px solid #ddd;
  95. border-radius: 2px;
  96. }
  97. .linkflairlabel
  98. {
  99. display: inline-block;
  100. margin-right: .5em;
  101. padding: 4px 2px;
  102. background: #f5f5f5;
  103. border-radius: 2px;
  104. border: none;
  105. }
  106.  
  107. .titlebox .tagline .flairselector.drop-choices h2 {
  108. display: none;
  109. }
  110.  
  111. .flairselector form {
  112. border-top: solid 1px #f0f0f0;
  113. overflow: hidden;
  114. }
  115.  
  116. .flairselector form>div {
  117. text-align: left;
  118. margin: 2px 5px;
  119. }
  120.  
  121. .flairselector .flairremove {
  122. display: block !important;
  123. position: absolute;
  124. left: 11px;
  125. }
  126.  
  127. .flairselector .flairremove a {
  128. color: #c45b52;
  129. }
  130.  
  131. .flairselector .customizer {
  132. margin-top: 20px;
  133. }
  134.  
  135. .flairselector .customizer input {
  136. padding: 4px;
  137. border: 1px solid #E9E9E9;
  138. outline: 0;
  139. }
  140.  
  141. .flairselector ul {
  142. max-width: none;
  143. overflow: visible;
  144. }
  145.  
  146. .flairselector li {
  147. padding-bottom: 2px;
  148. padding-top: 2px;
  149. background: transparent;
  150. border: 0;
  151. }
  152.  
  153. .flairselector li:hover {
  154. background: #f2f2f2;
  155. border: 0;
  156. }
  157.  
  158. .flairselector li.selected {
  159. background: #f2f2f2;
  160. border: 0;
  161. }
  162.  
  163. .flairselector form .flair {
  164. max-width: 150px;
  165. }
  166.  
  167. .titlebox .tagline .flairselector.drop-choices ul {
  168. width: 100% !important;
  169. line-height: 20px;
  170. }
  171.  
  172. .titlebox .tagline .flairselector.drop-choices {
  173. width: 275px !important;
  174. padding: 10px !important;
  175. top: 32px !important;
  176. background: #f9f9f9;
  177. right: 0;
  178. left: auto!important;
  179. border: none;
  180. border-top: 1px solid #f0f0f0;
  181. box-shadow: none;
  182. font-family: Helvetica, Arial, sans-serif;
  183. font-size: 11px;
  184. }
  185.  
  186. .side a[href="http://www.google.com/"] {
  187. display: none;
  188. position: fixed;
  189. z-index: 100;
  190. top: 38px;
  191. right: 30px;
  192. width: 40px;
  193. font-size: 0;
  194. height: 40px;
  195. background: #181818;
  196. border-radius: 2px;
  197. }
  198.  
  199. body {
  200. background: #f0f0f0;
  201. font-family: Helvetica, Arial, sans-serif;
  202. }
  203.  
  204.  
  205.  
  206. /*** BROWSER ***/
  207.  
  208. /* HIGHLIGHT */
  209.  
  210. ::selection {
  211. background-color: #5e82a6;
  212. color: #fff;
  213. }
  214.  
  215. /* SCROLLBAR */
  216.  
  217. ::-webkit-scrollbar {
  218. width: 20x;
  219. height: 20px;
  220. background-color: #222;
  221. }
  222.  
  223. ::-webkit-scrollbar-thumb {
  224. background-color: #666;
  225. border: 2px solid #222;
  226. }
  227.  
  228. ::-webkit-scrollbar-thumb:hover {
  229. background-color: #999;
  230. }
  231.  
  232. ::-webkit-scrollbar-thumb:active {
  233. background-color: #ccc;
  234. }
  235.  
  236. ::-webkit-scrollbar-corner {
  237. background-color: transparent;
  238. color: #555555;
  239. }
  240.  
  241. ::-webkit-scrollbar-button {
  242. border: 2px solid #222;
  243. width: 15px;
  244. height: 15px;
  245. }
  246.  
  247. ::-webkit-scrollbar-button:hover {
  248. background-color: #333 !important;
  249. }
  250.  
  251. ::-webkit-scrollbar-button:end {
  252. display: block;
  253. }
  254.  
  255. ::-webkit-scrollbar-button:start {
  256. display: none;
  257. }
  258.  
  259. ::-webkit-scrollbar-button:vertical {
  260. border-top: 0;
  261. }
  262.  
  263. ::-webkit-scrollbar-button:horizontal {
  264. border-left: 0;
  265. }
  266.  
  267. ::-webkit-scrollbar-button:vertical:increment {
  268. background: url(%%arrowdown%%) center center no-repeat;
  269. }
  270.  
  271. ::-webkit-scrollbar-button:vertical:decrement {
  272. background: url(%%arrowup%%) center center no-repeat;
  273. }
  274.  
  275. ::-webkit-scrollbar-button:horizontal:increment {
  276. background: url(%%arrowright%%) center center no-repeat;
  277. }
  278.  
  279. ::-webkit-scrollbar-button:horizontal:decrement {
  280. background: url(%%arrowleft%%) center center no-repeat;
  281. }
  282.  
  283. /* COMMON BUTTONS */
  284.  
  285. button {
  286. background: #fcfcfc;
  287. border: 1px solid #e9e9e9;
  288. box-shadow: 0 1px #e9e9e9;
  289. margin-bottom: 4px !important;
  290. border-radius: 2px;
  291. padding: 4px 8px;
  292. color: #666;
  293. font-weight: bold;
  294. }
  295.  
  296. button:hover {
  297. background: #f4f4f4;
  298. border: 1px solid #e1e1e1;
  299. }
  300.  
  301. button:focus {
  302. outline: none;
  303. }
  304.  
  305. button:active {
  306. background: #efefef;
  307. }
  308.  
  309. /* LINKS */
  310.  
  311. .tagline a, .side a {
  312. color: #5e82a6;
  313. font-size: 12px;
  314. }
  315.  
  316. .md a {
  317. color: #5e82a6;
  318. }
  319.  
  320. a:hover {
  321. text-decoration: underline;
  322. }
  323.  
  324. .morelink a, .domain a, #header-bottom-left .tabmenu li a, #header-bottom-right a, .nextprev a, .next-suggestions a, #sr-header-area a, .drop-choices a.choice, .link .entry li .comments, .thing a.title, .domain, .domain a, .dropdown.lightdrop .selected {
  325. text-decoration: none !important;
  326. }
  327.  
  328. /* INPUT */
  329.  
  330. input[type=text], input[type=password] {
  331. border: 1px solid #ddd;
  332. padding: 4px;
  333. outline: 0 !important;
  334. }
  335.  
  336. input[type=text]:focus, input[type=password]:focus {
  337. border: 1px solid #cacaca !important;
  338. }
  339.  
  340.  
  341.  
  342. /*** SUBREDDITS BAR ***/
  343.  
  344. #sr-header-area {
  345. background: rgba(0,0,0,0.5);
  346. border: none;
  347. padding: 0px 13px 2px 15px;
  348. transition: 200ms;
  349. }
  350.  
  351. .sr-bar a {
  352. color: #fff;
  353. opacity : .7;
  354. font-size: 9px;
  355. letter-spacing: 0.8px;
  356. padding: 6px;
  357. }
  358.  
  359. .sr-bar a:hover {
  360. opacity : .9;
  361. background: rgba(0,0,0,0.8);
  362. }
  363.  
  364. #sr-header-area .dropdown.srdrop .selected, #sr-header-area .drop-choices a.choice {
  365. font-weight: bold;
  366. color: #aeaeae;
  367. }
  368.  
  369. #sr-header-area .drop-choices a.choice {
  370. font-size: 10px;
  371. padding: 2px;
  372. }
  373.  
  374. #sr-header-area .drop-choices a.choice:hover {
  375. color: #646464;
  376. background: #d7d7d7;
  377. }
  378.  
  379. #sr-header-area .sr-list {
  380. margin-left: 23px;
  381. padding-top: 2px;
  382. }
  383.  
  384. #sr-header-area .sr-list .separator {
  385. display: none;
  386. }
  387.  
  388. #sr-header-area .srdrop.dropdown {
  389. width: 18px;
  390. height: 18px;
  391. position: absolute;
  392. background: url(%%sr%%) no-repeat center transparent;
  393. text-indent: -999em;
  394. opacity: .6;
  395. cursor: pointer;
  396. padding-top: 2px;
  397. }
  398.  
  399. #sr-header-area .srdrop.dropdown:hover {
  400. background-color: rgba(0,0,0,0.2);
  401. opacity: 1;
  402. }
  403.  
  404. #sr-more-link {
  405. background: rgba(0,0,0,0.6);
  406. color: #fff;
  407. opacity: .8;
  408. padding: 2px 10px 0px 15px;
  409. }
  410.  
  411. #sr-more-link:hover {
  412. background: rgba(0,0,0,0.7);
  413. opacity: 1;
  414. }
  415.  
  416. #sr-header-area .drop-choices.srdrop {
  417. margin-left: 0;
  418. top: 0px!important;
  419. position: fixed;
  420. padding: 0px;
  421. height: 100%;
  422. overflow-y: auto;
  423. overflow-x: hidden;
  424. box-shadow: 0 0 15px rgba(0,0,0,0.2);
  425. }
  426.  
  427. #sr-header-area .drop-choices {
  428. font-size: 12px;
  429. border: none;
  430. padding: 2px;
  431. background: #f2f2f2;
  432. }
  433.  
  434.  
  435.  
  436. /*** HEADER ***/
  437.  
  438. #header {
  439. background: url(%%new-banner%%) no-repeat;
  440. border-bottom: 0;
  441. height: 200px;
  442. }
  443.  
  444. #header-img, .pagename a {
  445. transition: 200ms;
  446. opacity: 0.8;
  447. border-radius: 5px;
  448. }
  449.  
  450. #header-img:hover, .pagename a:hover {
  451. opacity: 1;
  452. background-color: rgba(0,0,0,0.075);
  453. }
  454.  
  455. #header-img {
  456. margin-top: 10px;
  457. margin-left: 1px;
  458. }
  459.  
  460. span.hover.pagename.redditname {
  461. display: block;
  462. margin-top: -14px;
  463. margin-left: -5px;
  464. font-size: 0px;
  465. }
  466.  
  467.  
  468.  
  469. /*** USER BAR ***/
  470.  
  471. #header-bottom-right {
  472. background: none !important;
  473. z-index: 11;
  474. padding: 0px !important;
  475. font-size: 12px;
  476. bottom: -6px !important;
  477. transition: 200ms;
  478. }
  479.  
  480. #header-bottom-right a {
  481. color: #fff;
  482. padding: 8px;
  483. }
  484.  
  485. #header-bottom-right a, .logout a {
  486. opacity: .7;
  487. }
  488.  
  489. #header-bottom-right .user {
  490. color: rgba(255,255,255,0.6);
  491. margin-right: 4px;
  492. }
  493.  
  494. #header-bottom-right .user .userkarma {
  495. color: rgba(255,255,255,0.6);
  496. border: none;
  497. }
  498.  
  499. #header-bottom-right .user a {
  500. position: relative;
  501. }
  502.  
  503. #header-bottom-right .separator {
  504. display: none !important;
  505. }
  506.  
  507. #header-bottom-right a:hover, .logout a:hover {
  508. opacity: .9;
  509. background-color: rgba(0,0,0,0.7) !important;
  510. }
  511.  
  512. .message-count {
  513. background-color: #e6bc4c;
  514. color: #4C4C4C !important;
  515. padding: 2px 5px !important;
  516. margin: 4px;
  517. line-height: 11px;
  518. position: relative;
  519. top: -1px;
  520. }
  521.  
  522. .separator {
  523. visibility: hidden;
  524. }
  525.  
  526. .pagename a {
  527. background-image:url(%%topflair%%);
  528. background-position: 0px 0px;
  529. position: absolute;
  530. top: 26px;
  531. left: 50px;
  532. width: 283px;
  533. height: 140px;
  534. }
  535.  
  536.  
  537.  
  538. /*** TABMENU ***/
  539.  
  540. #header-bottom-left .tabmenu {
  541. background: rgba(0,0,0,0.5);
  542. width: 100%;
  543. position: absolute;
  544. bottom: 0px;
  545. left: 0px;
  546. transition: 200ms;
  547. }
  548.  
  549. #header-bottom-left .tabmenu li {
  550. font-weight: normal;
  551. margin: 0;
  552. }
  553.  
  554. #header-bottom-left .tabmenu li a {
  555. background: none;
  556. color: #fff;
  557. opacity: .7;
  558. font-size: 11px;
  559. line-height: 30px;
  560. padding: 9px;
  561. text-transform: uppercase;
  562. }
  563.  
  564. #header-bottom-left .tabmenu li a:hover {
  565. opacity: .9;
  566. background: rgba(0,0,0,0.9);
  567. }
  568.  
  569. #header-bottom-left .tabmenu li.selected a {
  570. background: rgba(0,0,0,0.5);
  571. border: 0;
  572. color: #fff;
  573. opacity: .9;
  574. }
  575.  
  576.  
  577.  
  578. /*** CONTENT ***/
  579.  
  580. .content {
  581. margin: 5px 315px 0px 5px;
  582. }
  583.  
  584. .link {
  585. padding-left: 5px;
  586. background: #fff;
  587. margin-bottom: 1px;
  588. color: #444;
  589. }
  590.  
  591. .link.last-clicked {
  592. margin-top: -1px;
  593. margin-bottom: 0px;
  594. border: 0;
  595. border-top: 1px dashed #D3D3D3;
  596. border-bottom: 1px dashed #D3D3D3;
  597. }
  598.  
  599. .link .entry {
  600. padding: 14px 0 14px 6px;
  601. }
  602.  
  603. .link .entry li .comments {
  604. font-weight: bold !important;
  605. color: #868686 !important;
  606. border-bottom: 1px dotted rgba(0,0,0,0.7);
  607. }
  608.  
  609. .link .entry li .comments:hover {
  610. border-bottom: 1px dotted rgba(0,0,0,0.4);
  611. }
  612.  
  613. .link .tagline, .link .entry .buttons li a {
  614. font-size: small;
  615. font-weight: normal;
  616. color: #aaa;
  617. }
  618.  
  619. .thing .title {
  620. overflow: visible;
  621. }
  622.  
  623. .thing a.title {
  624. color: #4f85ac;
  625. }
  626.  
  627. .thing a.title:hover {
  628. border-bottom: 1px dotted rgba(0,0,0,0.2);
  629. }
  630.  
  631. .thing .title:visited, .thing.visited .title {
  632. color: #a65e9a;
  633. }
  634.  
  635. .thing.stickied a.title {
  636. font-weight: normal;
  637. }
  638.  
  639. .thing.stickied a.title {
  640. color: #62b46d !important;
  641. }
  642.  
  643. .thing.stickied a.title:visited, .thing.stickied a.title.visited, .tagline .stickied-tagline, .thing.stickied a.author {
  644. color: #62b46d;
  645. }
  646.  
  647. .error {
  648. color: #c45b52;
  649. }
  650.  
  651. .error, .approve-button {
  652. font-size: 13px !important;
  653. }
  654.  
  655. .domain {
  656. color: #ccc;
  657. font-size: 11px;
  658. }
  659.  
  660. .domain a {
  661. padding: 1px 3px 3px 3px;
  662. text-align: center;
  663. color: #ccc;
  664. font-size: 11px;
  665. }
  666.  
  667. .link .rank {
  668. margin-right: 10px;
  669. margin-top: 30px;
  670. position: relative;
  671. color: #dadada;
  672. display: none;
  673. }
  674.  
  675. .link .midcol {
  676. top: 12px;
  677. position: relative;
  678. margin-left: 10px;
  679. margin-right: 10px;
  680. }
  681.  
  682. .link .midcol .score {
  683. margin-top: 3px;
  684. }
  685.  
  686. .link .score.likes
  687. {
  688. color: rgba(119,188,67,1);
  689. }
  690. .link .score.dislikes
  691. {
  692. color: rgba(218,32,39,1);
  693. }
  694.  
  695. .unvotable-message {
  696. border: solid 1px #FF8B60;
  697. background-color: #FF8B60;
  698. color: #fff;
  699. margin-top: 4px;
  700. padding: 2px 6px;
  701. border-radius: 2px;
  702. }
  703.  
  704. .action-form {
  705. border-radius: 2px;
  706. background: #fff8d7;
  707. border: solid 1px #E7E5B5;
  708. padding: 10px 15px;
  709. }
  710.  
  711.  
  712.  
  713. /*** COMPRESSED LINKS ***/
  714.  
  715. .link.compressed {
  716. margin-bottom: 1px;
  717. }
  718.  
  719. .link.compressed.last-clicked {
  720. margin-bottom: 0px !important;
  721. }
  722.  
  723. .link.compressed .rank {
  724. margin-top: 21px;
  725. }
  726.  
  727. .link.compressed .midcol {
  728. top: 10px;
  729. }
  730.  
  731. .link.compressed .entry {
  732. padding: 12px 0 10px 6px;
  733. }
  734.  
  735. .menuarea {
  736. margin: 0 0 1px 0;
  737. background: #fff;
  738. color: #999;
  739. border: 0;
  740. }
  741.  
  742. .menuarea .dropdown.lightdrop .selected {
  743. color: #666;
  744. background-color: #F0F0F0;
  745. background-image: none;
  746. border: 1px solid #e9e9e9;
  747. padding: 2px 22px 2px 4px;
  748. border-radius: 2px;
  749. cursor: pointer;
  750. display: inline-block;
  751. }
  752.  
  753. .menuarea .dropdown.lightdrop .selected:hover {
  754. background-color: #f9f9f9;
  755. }
  756.  
  757. .menuarea .dropdown.lightdrop .selected:after {
  758. content: "v";
  759. color: #ccc;
  760. font-family: monospace;
  761. margin: 8px;
  762. position: absolute;
  763. top: -5px;
  764. right: 0;
  765. }
  766.  
  767. .menuarea .drop-choices.lightdrop {
  768. background: #efefef;
  769. border: 1px solid #e9e9e9;
  770. width: 86px;
  771. }
  772.  
  773. .menuarea .drop-choices a.choice {
  774. color: #999;
  775. }
  776.  
  777. .menuarea .drop-choices a.choice:hover {
  778. color: #555;
  779. background-color: #f9f9f9;
  780. }
  781.  
  782. .menuarea .flat-list li.selected a {
  783. color: #c45b52;
  784. }
  785.  
  786.  
  787.  
  788. /*** EXPANDO ***/
  789.  
  790. .expando iframe {
  791. margin: 5px 0 5px 40px;
  792. }
  793.  
  794. .expando-button {
  795. height: 20px !important;
  796. width: 20px !important;
  797. margin: 4px 8px 2px 0;
  798. border-radius: 2px;
  799. cursor: pointer;
  800. background: url(%%icons%%) no-repeat -9999px -9999px !important;
  801. }
  802.  
  803. .toggleImage.expando-button.image.linkImg {
  804. height: 20px !important;
  805. width: 20px !important;
  806. margin: 4px 8px 2px 0;
  807. cursor: pointer;
  808. }
  809.  
  810. .expando-button.image.expanded {
  811. background-position: 0 -98px !important;
  812. }
  813.  
  814. .expando-button.image.expanded:hover {
  815. background-position: -20px -98px !important;
  816. text-decoration: none;
  817. }
  818.  
  819. .expando-button.image.collapsed {
  820. background-position: 0 -98px !important;
  821. }
  822.  
  823. .expando-button.image.collapsed:hover {
  824. background-position: -20px -98px !important;
  825. text-decoration: none;
  826. }
  827.  
  828. .expando-button.video.expanded {
  829. background-position: 0 -78px !important;
  830. }
  831.  
  832. .expando-button.video.expanded:hover {
  833. background-position: -20px -78px !important;
  834. }
  835.  
  836. .expando-button.video.collapsed {
  837. background-position: 0 -78px !important;
  838. }
  839.  
  840. .expando-button.video.collapsed:hover {
  841. background-position: -20px -78px !important;
  842. }
  843.  
  844. .expando-button.selftext.collapsed {
  845. background-position: 0px -38px !important;
  846. }
  847.  
  848. .expando-button.selftext.collapsed:hover {
  849. background-position: -20px -38px !important;
  850. }
  851.  
  852. .expando-button.selftext.expanded {
  853. background-position: 0px -58px !important;
  854. }
  855.  
  856. .expando-button.selftext.expanded:hover {
  857. background-position: -20px -58px !important;
  858. }
  859.  
  860. .usertext-body .md .expando-button, .wiki-page .expando-button {
  861. vertical-align: middle !important;
  862. margin: 0px 3px 2px 6px !important;
  863. }
  864.  
  865. .link .usertext .md {
  866. border-radius: 2px;
  867. background: #f9f9f9;
  868. border: 1px solid #f9f9f9;
  869. padding: 8px !important;
  870. width: calc(100% - 32px);
  871. }
  872.  
  873.  
  874.  
  875. /*** VOTES ***/
  876.  
  877. .arrow {
  878. width: 21px;
  879. height: 17px;
  880. background-image: url(%%icons%%)!important;
  881. background-position: center center;
  882. border: none !important;
  883. border-radius: 2px;
  884. transition: 200ms;
  885. }
  886.  
  887. .arrow:hover {
  888. background-color: rgba(0,0,0,0.06)
  889. }
  890.  
  891. .arrow.up {
  892. background-position: -2px -20px !important;
  893. }
  894.  
  895. .arrow.down {
  896. background-position: -42px -20px !important;
  897. }
  898.  
  899. .arrow.upmod {
  900. background-position: -22px -20px;
  901. }
  902.  
  903. .arrow.downmod {
  904. background-position: -62px -20px;
  905. }
  906.  
  907.  
  908.  
  909. /*** NEXT / PREV BUTTONS ***/
  910.  
  911. .nav-buttons {
  912. padding: 10px 5px;
  913. background: #fff;
  914. }
  915.  
  916. .nextprev, .next-suggestions {
  917. font-size: 0px;
  918. }
  919.  
  920. .nextprev a, .next-suggestions a, .res .RESSubscriptionButton {
  921. padding: 4px 6px;
  922. text-transform: uppercase;
  923. font-size: 10px;
  924. color: #999;
  925. background: #fcfcfc;
  926. border: 1px solid #e9e9e9;
  927. box-shadow: 0 1px #e9e9e9;
  928. margin-bottom: 4px!important;
  929. border-radius: 2px;
  930. font-weight: bold;
  931. }
  932.  
  933. .nextprev a:hover, .next-suggestions a:hover {
  934. background: #f4f4f4;
  935. border: 1px solid #e1e1e1;
  936. }
  937.  
  938.  
  939.  
  940. /*** THUMBNAILS ***/
  941.  
  942. .over18 .thumbnail {
  943. background: url(%%thumbnails%%) 0px -210px no-repeat;
  944. }
  945.  
  946. .nsfw-stamp {
  947. border: 0 !important;
  948. }
  949.  
  950. .nsfw-stamp acronym {
  951. background: #c45b52;
  952. border: 1px solid #c45b52!important;
  953. color: #fff;
  954. border-radius: 2px;
  955. padding: 1px 3px;
  956. }
  957. a.thumbnail.self
  958. {
  959. width: 70px;
  960. height: 70px;
  961. }
  962. a.thumbnail.default {
  963. background: url(%%thumbnails%%) 0 0;
  964. }
  965.  
  966. a.thumbnail.self {
  967. background: url(%%thumbnails%%) 0 -70px;
  968. }
  969.  
  970. .stickied a.thumbnail {
  971. background: url(%%thumbnails%%) 0 -140px;
  972. }
  973.  
  974. .thumbnail {
  975. height: 70px;
  976. margin: 6px 10px 0 5px!important;
  977. transition: 200ms;
  978. border-radius: 2px;
  979. /*background: url(%%thumbnails%%) 0 0 no-repeat;*/
  980. /*border: 2px solid #fff;*/
  981. /*box-shadow: 0 0px 1px rgba(0,0,0,0.4);*/
  982. position:relative;
  983. }
  984. .thumbnail img
  985. {
  986. position:absolute;
  987. top: 0;
  988. bottom: 0;
  989. left: 0;
  990. right: 0;
  991. margin: auto;
  992. }
  993.  
  994. .thumbnail.default
  995. {
  996. height:70px;
  997. }
  998.  
  999.  
  1000. /*** COMMENTS ***/
  1001.  
  1002. .res-commentBoxes .comment {
  1003. background: #fff;
  1004. }
  1005.  
  1006. .gold-accent.comment-visits-box {
  1007. border-radius: 2px;
  1008. background: #fff8d7;
  1009. border: solid 1px #E7E5B5;
  1010. padding: 10px 15px;
  1011. margin-left: 10px;
  1012. }
  1013.  
  1014. .gold-accent.comment-visits-box select#comment-visits {
  1015. border: 1px solid #ddd;
  1016. padding: 3px 0;
  1017. margin-right: -5px;
  1018. margin-left: 5px;
  1019. }
  1020.  
  1021. .commentarea {
  1022. margin-top: 5px;
  1023. margin-bottom: 30px;
  1024. padding: 10px 10px 10px 10px;
  1025. background-color: #fff;
  1026. color: #3b3b3b;
  1027. }
  1028.  
  1029. .commentarea .md blockquote, .usertext-body .md blockquote {
  1030. margin: 8px;
  1031. border: none;
  1032. border-left: 3px solid #5e82a6;
  1033. padding: 6px 10px;
  1034. }
  1035.  
  1036. .commentarea .md blockquote {
  1037. background: #FAFAFA;
  1038. border: 1px solid #F2F2F2;
  1039. border-left: 3px solid #f2f2f2;
  1040. }
  1041.  
  1042. .self .usertext .md blockquote {
  1043. margin: 8px 0px;
  1044. }
  1045.  
  1046. .commentarea .md td, .commentarea .md th {
  1047. padding: 3px 6px;
  1048. }
  1049.  
  1050. .commentarea .menuarea .toggle a {
  1051. font-weight: normal;
  1052. margin-right: 5px;
  1053. font-size: 12px;
  1054. }
  1055.  
  1056. .comment .child, .comment .showreplies {
  1057. border-left: 1px solid #F3F3F3;
  1058. }
  1059.  
  1060. .comment .midcol {
  1061. width: 21px;
  1062. }
  1063.  
  1064. .comment.collapsed .tagline, .comment.collapsed .tagline a {
  1065. margin-left: 0;
  1066. }
  1067.  
  1068. .commentarea .entry .buttons li a {
  1069. color: #999;
  1070. font-size: 12px;
  1071. font-weight: normal;
  1072. }
  1073.  
  1074. .commentarea .tagline {
  1075. font-size: 12px;
  1076. }
  1077.  
  1078. .commentarea .entry .buttons a[onclick*="reply"] {
  1079. font-weight: bold;
  1080. color: #868686 !important;
  1081. border-bottom: 1px dotted rgba(0,0,0,0.7);
  1082. text-decoration: none;
  1083. }
  1084.  
  1085. .commentarea .entry .buttons a[onclick*="reply"]:hover {
  1086. border-bottom: 1px dotted rgba(0,0,0,0.4);
  1087. }
  1088.  
  1089. .usertext .help-toggle, .usertext a.reddiquette {
  1090. font-size: 12px;
  1091. }
  1092.  
  1093. .panestack-title {
  1094. border-bottom: 1px solid #ececec;
  1095. width: 507px;
  1096. padding-bottom: 5px;
  1097. margin-bottom: 5px;
  1098. }
  1099.  
  1100. .linkinfo {
  1101. border-radius: 0px;
  1102. background: #f9f9f9;
  1103. border: 0;
  1104. padding: 8px;
  1105. }
  1106.  
  1107. .linkinfo .date {
  1108. color: #999;
  1109. }
  1110.  
  1111. .linkinfo .score {
  1112. color: #606672;
  1113. }
  1114.  
  1115. .linkinfo .shortlink {
  1116. margin-top: -8px;
  1117. color: transparent;
  1118. }
  1119.  
  1120. .linkinfo .shortlink input {
  1121. border: 1px solid #fff;
  1122. padding: 6px 12px;
  1123. width: 252px;
  1124. text-align: center;
  1125. }
  1126.  
  1127. .thing .tagline .author.submitter {
  1128. background-color: #5e82a6;
  1129. color: #fff;
  1130. font-size: 11px;
  1131. padding: 2px 4px !important;
  1132. line-height: 16px;
  1133. border-radius: 2px !important;
  1134. }
  1135.  
  1136. .thing.stickied a.author {
  1137. background: #62B46D !important;
  1138. color: #fff;
  1139. font-weight: bold;
  1140. padding: 2px 4px;
  1141. border-radius: 2px;
  1142. }
  1143.  
  1144. .thing.stickied a.author:hover {
  1145. background: #447e4c !important;
  1146. text-decoration: none;
  1147. }
  1148.  
  1149. .thing .tagline .author.moderator {
  1150. background: #62B46D !important;
  1151. color: #fff;
  1152. font-weight: bold;
  1153. padding: 2px 4px !important;
  1154. border-radius: 2px !important;;
  1155. }
  1156.  
  1157. .thing .tagline .author.moderator:hover {
  1158. background: #447e4c !important;
  1159. }
  1160.  
  1161. .tagline .submitter {
  1162. color: #5e82a6;
  1163. }
  1164.  
  1165. .new-comment .usertext-body {
  1166. margin: 3px 0 1px 0;
  1167. border-radius: 2px;
  1168. padding: 0px 8px;
  1169. }
  1170.  
  1171.  
  1172.  
  1173. /*** SIDEBAR ***/
  1174.  
  1175. .side {
  1176. padding: 5px 5px;
  1177. margin: 5px 5px 5px 5px;
  1178. width: 295px;
  1179. }
  1180.  
  1181. .side .spacer {
  1182. margin: 0px 0 5px 0;
  1183. }
  1184.  
  1185. .sidebox.create .spacer {
  1186. margin: 0;
  1187. margin-top: 7px;
  1188. padding-top: 12px;
  1189. background: #f9f9f9;
  1190. }
  1191.  
  1192. .sidebox.create .spacer a {
  1193. top: 6px;
  1194. left: 6px;
  1195. }
  1196.  
  1197. .sidebox .subtitle {
  1198. color: #999;
  1199. }
  1200.  
  1201. .side .titlebox .tagline {
  1202. margin: -5px 0 5px 0 ;
  1203. padding: 0px 5px 8px 28px;
  1204. background: #f9f9f9;
  1205. border-top: 0;
  1206. font-size: 12px;
  1207. }
  1208.  
  1209. /* Tabell header */
  1210. .side table thead, .usertext table thead {
  1211. background-color: silver;
  1212. color: white;
  1213. font-weight: bold;
  1214. }
  1215.  
  1216. .side h6 + table thead tr th, .usertext h6 + table thead tr th {
  1217. padding-left:6px;
  1218. padding-right:6px;
  1219. }
  1220.  
  1221. .side h6 + table tbody tr td, .usertext h6 table tbody tr td {
  1222. padding-left:6px;
  1223. padding-right:6px;
  1224. }
  1225. /* Tabell, 1. plass */
  1226. .side h6 + table:nth-of-type(1) tr:nth-of-type(1) td, .usertext h6 + table:nth-of-type(1) tr:nth-of-type(1) td {
  1227. background-color: #edd309;
  1228. }
  1229.  
  1230. .side table:nth-of-type(2) tr:nth-of-type(1) td:hover:before {
  1231. position: absolute;
  1232. right: 300px;
  1233. padding-left: 10px;
  1234. padding-bottom: 4px;
  1235. padding-right: 10px;
  1236. padding-top: 4px;
  1237. margin-right: 20px;
  1238. margin-top: -5px;
  1239. z-index: 1000;
  1240. border-top: 1px solid #fff;
  1241. content: "Champion; Qualifies for Champions League";
  1242. background-color: gold;
  1243. color: #000000;
  1244. box-shadow: 1px 1px #808285;
  1245. }
  1246.  
  1247. /*.side table:nth-of-type(3) tr:nth-of-type(1) td:hover:before {
  1248. position: absolute;
  1249. right: 300px;
  1250. padding-left: 10px;
  1251. padding-bottom: 4px;
  1252. padding-right: 10px;
  1253. padding-top: 4px;
  1254. margin-right: 20px;
  1255. margin-top: -5px;
  1256. z-index: 1000;
  1257. border-top: 1px solid #fff;
  1258. background-color: gold;
  1259. color: #000000;
  1260. box-shadow: 1px 1px #808285;
  1261. }*/
  1262.  
  1263. /* === Added code for colors in the standings - rhayward === */
  1264. .side table:nth-of-type(2) tr:nth-of-type(1) td /*, .side table:nth-of-type(3) tr:nth-of-type(1) td*/
  1265. {
  1266. background-color: gold;
  1267. }
  1268. /* === End ===*/
  1269.  
  1270. /* Tabell, 2. og 3. plass */
  1271. .side h6 + table:nth-of-type(2) tr:nth-of-type(2) td, .side h6 + table:nth-of-type(2) tr:nth-of-type(3) td,
  1272. .usertext h6 + table:nth-of-type(2) tr:nth-of-type(2) td, .usertext h6 + table:nth-of-type(2) tr:nth-of-type(3) td {
  1273. background-color: #00DC41;
  1274. }
  1275.  
  1276. .side table:nth-of-type(2) tr:nth-of-type(2) td:hover:before, .side table:nth-of-type(2) tr:nth-of-type(3) td:hover:before {
  1277. position: absolute;
  1278. right: 300px;
  1279. padding-left: 10px;
  1280. padding-bottom: 4px;
  1281. padding-right: 10px;
  1282. padding-top: 4px;
  1283. margin-right: 20px;
  1284. margin-top: -5px;
  1285. z-index: 1000;
  1286. border-top: 1px solid #fff;
  1287. content: "Qualifies for Champions League";
  1288. background-color: #0066ff;
  1289. color: #fff;
  1290. box-shadow: 1px 1px #808285;
  1291. }
  1292.  
  1293. /*.side table:nth-of-type(3) tr:nth-of-type(2) td:hover:before {
  1294. position: absolute;
  1295. right: 300px;
  1296. padding-left: 10px;
  1297. padding-bottom: 4px;
  1298. padding-right: 10px;
  1299. padding-top: 4px;
  1300. margin-right: 20px;
  1301. margin-top: -5px;
  1302. z-index: 1000;
  1303. border-top: 1px solid #fff;
  1304. background-color: #0066ff;
  1305. color: #fff;
  1306. box-shadow: 1px 1px #808285;
  1307. }*/
  1308.  
  1309. /* === Added colors for background of table - rhayward */
  1310. .side table:nth-of-type(2) tr:nth-of-type(2) td, .side table:nth-of-type(2) tr:nth-of-type(3) td /*, .side table:nth-of-type(3) tr:nth-of-type(2) td*/ {
  1311. background-color: #0066ff;
  1312. color: #fff;
  1313. }
  1314. .side table:nth-of-type(2) tr:nth-of-type(2) td a, .side table:nth-of-type(2) tr:nth-of-type(3) td a /*, .side table:nth-of-type(3) tr:nth-of-type(2) td a*/ {
  1315. color: #fff;
  1316. }
  1317. /* === End === */
  1318.  
  1319. /* Tabell, 4. og 5. plass */
  1320. .side h6 + table:nth-of-type(1) tr:nth-of-type(4) td, .side h6 + table:nth-of-type(1) tr:nth-of-type(5) td
  1321. .usertext h6 + table:nth-of-type(1) tr:nth-of-type(4) td, .usertext h6 + table:nth-of-type(1) tr:nth-of-type(5) td {
  1322. background-color: #cc6600;
  1323. }
  1324.  
  1325.  
  1326. .side table:nth-of-type(2) tr:nth-of-type(4) td:hover:before, .side table:nth-of-type(2) tr:nth-of-type(5) td:hover:before , .side table:nth-of-type(2) tr:nth-of-type(6) td:hover:before {
  1327. position: absolute;
  1328. right: 300px;
  1329. padding-left: 10px;
  1330. padding-bottom: 4px;
  1331. padding-right: 10px;
  1332. padding-top: 4px;
  1333. margin-right: 20px;
  1334. margin-top: -5px;
  1335. z-index: 1000;
  1336. border-top: 1px solid #fff;
  1337. content: "Qualifies for Europa League";
  1338. background-color: #cc6600;
  1339. color: #fff;
  1340. box-shadow: 1px 1px #808285;
  1341. }
  1342.  
  1343. /* === Added colors for background of table - rhayward */
  1344. .side table:nth-of-type(2) tr:nth-of-type(4) td, .side table:nth-of-type(2) tr:nth-of-type(5) td, .side table:nth-of-type(2) tr:nth-of-type(6) td {
  1345. background-color: #cc6600;
  1346. color: #fff;
  1347. }
  1348. .side table:nth-of-type(2) tr:nth-of-type(4) td a, .side table:nth-of-type(2) tr:nth-of-type(5) td a, .side table:nth-of-type(2) tr:nth-of-type(6) td a {
  1349. color: #fff;
  1350. }
  1351. /*=== End ===*/
  1352. /* Tabell, nedrykk */
  1353. .side h6 + table:nth-of-type(2) tr:nth-of-type(n+17) td, .usertext h6 + table:nth-of-type(2) tr:nth-of-type(n+17) td {
  1354. background-color: red;
  1355. color: #FFF;
  1356. }
  1357.  
  1358. .side table:nth-of-type(2) tr:nth-of-type(n+17) td:hover:before, .side table:nth-of-type(3) tr:nth-of-type(n+20) td:hover:before {
  1359. position: absolute;
  1360. right: 300px;
  1361. padding-left: 10px;
  1362. padding-bottom: 4px;
  1363. padding-right: 10px;
  1364. padding-top: 4px;
  1365. margin-right: 20px;
  1366. margin-top: -5px;
  1367. z-index: 1000;
  1368. border-top: 1px solid #fff;
  1369. content: "Relegated";
  1370. background-color: red;
  1371. color: #fff;
  1372. box-shadow: 1px 1px #808285;
  1373. }
  1374.  
  1375. /* === Added colors for background of table - rhayward */
  1376. .side table:nth-of-type(2) tr:nth-of-type(n+17) td, .side table:nth-of-type(3) tr:nth-of-type(n+20)
  1377. {
  1378. background-color: red;
  1379. color: #fff;
  1380. }
  1381. .side table:nth-of-type(2) tr:nth-of-type(n+17) td a, .side table:nth-of-type(3) tr:nth-of-type(n+20) td, .side table:nth-of-type(3) tr:nth-of-type(n+20) td a
  1382. {
  1383. color: #fff;
  1384. }
  1385. /* === End ===*/
  1386. /* Sidebar-heading */
  1387. .side h4 + p, .md h4 + p {
  1388. text-align: center;
  1389. font-weight: bold;
  1390. font-size: 15px!important;
  1391. }
  1392. /* Sidebar-footer */
  1393. .side h3 + p, .md h3 + p {
  1394. text-align: center;
  1395. font-size: 11px!important;
  1396. }
  1397. .keyNavAnnotation, h6, h5, h4, h3 {
  1398. display: none;
  1399. visibility: hidden;
  1400. height: 0px;
  1401. width: 0px;
  1402. }
  1403.  
  1404. .side .md table thead * {
  1405. background: silver;
  1406.  
  1407. }
  1408.  
  1409. .side .md>p {
  1410. margin: 0px 0px 5px 8px !important;
  1411. color: #666;
  1412. }
  1413.  
  1414. .side .md blockquote {
  1415. border: 0;
  1416. padding: 0px;
  1417. line-height: 16px;
  1418. margin-bottom: 5px;
  1419. margin-top: 0;
  1420. }
  1421.  
  1422. .side .md blockquote h3 {
  1423. padding: 2px 0;
  1424. margin-bottom: 0;
  1425. border-bottom: 2px solid #f5f5f5;
  1426. }
  1427.  
  1428. .side .md blockquote a {
  1429. color: #5e82a6;
  1430. }
  1431.  
  1432. .side .md ul {
  1433. list-style: square;
  1434. }
  1435.  
  1436. .side .md pre {
  1437. margin: 5px;
  1438. }
  1439.  
  1440. .side .md > p {
  1441. margin: 0;
  1442. }
  1443.  
  1444. .sidecontentbox.collapsible {
  1445. margin-bottom: -5px;
  1446. }
  1447.  
  1448. .sidecontentbox .content {
  1449. border: 0;
  1450. background: #fff;
  1451. }
  1452.  
  1453. .sidecontentbox .title {
  1454. padding: 4px 8px;
  1455. border-bottom: 2px solid #f5f5f5;
  1456. }
  1457.  
  1458. .sidecontentbox .title h1 {
  1459. font-size: 14px;
  1460. color: #888;
  1461. }
  1462.  
  1463. .sidecontentbox .collapse-button {
  1464. width: 12px;
  1465. height: 12px;
  1466. background: #f0f0f0;
  1467. color: #999;
  1468. border: 1px solid #f0f0f0;
  1469. font-size: 14px;
  1470. }
  1471.  
  1472. .sidecontentbox a.helplink {
  1473. position: relative;
  1474. background: url(%%modmessage%%) no-repeat;
  1475. font-size: 0;
  1476. right: 165px;
  1477. height: 15px;
  1478. width: 15px;
  1479. margin-top: 6px;
  1480. opacity: .4;
  1481. }
  1482.  
  1483. .sidecontentbox a.helplink:hover {
  1484. opacity: .6;
  1485. }
  1486.  
  1487. .sidecontentbox .more {
  1488. text-align: left;
  1489. }
  1490.  
  1491. .sidecontentbox .more a {
  1492. color: #bbb;
  1493. }
  1494.  
  1495. .gadget .reddit-entry {
  1496. line-height: 17px;
  1497. }
  1498.  
  1499. .gadget .midcol {
  1500. width: 21px;
  1501. margin: 0 8px 0 0;
  1502. }
  1503.  
  1504. .account-activity-box {
  1505. background: #f9f9f9;
  1506. padding: 8px;
  1507. margin-top: -8px;
  1508. margin-bottom: -5px;
  1509. }
  1510.  
  1511. #search input[type=text] {
  1512. border: 0 !important;
  1513. border-bottom: 2px solid #f0f0f0 !important;
  1514. font-size: 14px !important;
  1515. width: 295px;
  1516. margin: 0;
  1517. font-family: Helvetica, Arial, sans-serif;
  1518. }
  1519.  
  1520. #search input[type=text]:focus {
  1521. outline: none;
  1522. }
  1523.  
  1524. #searchexpando {
  1525. border-radius: 0px;
  1526. background: rgba(255,255,255,0.95);
  1527. margin: 0 0 5px 0;
  1528. border: 0;
  1529. position: absolute;
  1530. z-index: 1;
  1531. width: 275px;
  1532. }
  1533.  
  1534. #searchexpando input, #searchexpando p {
  1535. margin-bottom: 0px;
  1536. color: #666;
  1537. }
  1538.  
  1539. #searchexpando dl {
  1540. color: #555;
  1541. }
  1542.  
  1543. #searchexpando label {
  1544. color: #555;
  1545. }
  1546.  
  1547. #moresearchinfo {
  1548. border: 1px solid #f0f0f0;
  1549. margin-top: -5px;
  1550. }
  1551.  
  1552. label+#moresearchinfo {
  1553. margin-top: 5px;
  1554. }
  1555.  
  1556. .login-form-side {
  1557. border: 0;
  1558. }
  1559.  
  1560. .login-form-side input[type=text], .login-form-side input[type=password] {
  1561. border: 1px solid #f0f0f0;
  1562. width: 285px;
  1563. height: 35px;
  1564. margin: 5px;
  1565. padding: 5px 10px;
  1566. font-size: 12px;
  1567. color: #777;
  1568. }
  1569.  
  1570. .login-form-side #remember-me * {
  1571. font-size: 12px;
  1572. }
  1573.  
  1574. .login-form-side #remember-me {
  1575. color: #777;
  1576. }
  1577.  
  1578. .sponsorshipbox iframe {
  1579. margin-bottom: -2px;
  1580. }
  1581.  
  1582. .morelink {
  1583. border: none;
  1584. margin-bottom: -1px;
  1585. border: 0;
  1586. border-radius: 2px;
  1587. width: initial;
  1588. height: 35px;
  1589. line-height: 35px;
  1590. }
  1591.  
  1592. .morelink a {
  1593. letter-spacing: 0px;
  1594. font-weight: normal;
  1595. color: #fff;
  1596. }
  1597.  
  1598. .morelink .nub {
  1599. display: none;
  1600. }
  1601.  
  1602. .sidebox.submit.submit-text {
  1603. margin-top: 6px;
  1604. }
  1605.  
  1606. .sidebox.submit.submit-link .morelink a:after {
  1607. position: absolute;
  1608. top: 3px;
  1609. left: 3px;
  1610. bottom: 0;
  1611. width: 29px;
  1612. height: 29px;
  1613. background: url(%%submitlink%%) no-repeat;
  1614. content: "";
  1615. }
  1616.  
  1617. .sidebox.submit.submit-text .morelink a:after {
  1618. position: absolute;
  1619. top: 3px;
  1620. left: 3px;
  1621. bottom: 0;
  1622. width: 29px;
  1623. height: 29px;
  1624. background: url(%%submittext%%) no-repeat;
  1625. content: "";
  1626. }
  1627.  
  1628.  
  1629. span.subscribers, .users-online {
  1630. color: #666;
  1631. background: #F9F9F9;
  1632. padding: 4px 8px;
  1633. vertical-align: top;
  1634. width: 279px;
  1635. display: inline-block;
  1636. text-align: center;
  1637. overflow: hidden;
  1638.  
  1639. }
  1640.  
  1641. div.titlebox span.word { /*disables default text*/
  1642. display: none
  1643. }
  1644.  
  1645. p.users-online span.number:after { /*changes 'users here now' to whatever*/
  1646. content: " visitors online"
  1647. }
  1648.  
  1649. span.subscribers:after { /*changes # of 'subscribers' to whatever*/
  1650. content: " subscribers"
  1651. }
  1652. span.subscribers {
  1653. color: #666;
  1654. padding-bottom: 1px;
  1655. margin-top: 1px;
  1656. }
  1657.  
  1658. .titlebox .users-online {
  1659. padding-top: 1px;
  1660. margin-bottom: 5px;
  1661. }
  1662.  
  1663. .users-online:before {
  1664. display: none;
  1665. }
  1666.  
  1667. .fancy-toggle-button {
  1668. margin-bottom: 2px;
  1669. }
  1670.  
  1671. .fancy-toggle-button .active {
  1672. border-radius: 2px;
  1673. }
  1674.  
  1675. .res .RESDashboardToggle {
  1676. margin-right: 0 !important;
  1677. }
  1678.  
  1679. .fancy-toggle-button .add, .res .RESshortcutside, .res .RESDashboardToggle {
  1680. background-image: none;
  1681. background-color: rgba(98,180,109, 0.7);
  1682. border: 1px solid #f0f0f0;
  1683. color: rgba(255,255,255,0.7);
  1684. transition: 100ms;
  1685. text-decoration: none;
  1686. border-radius: 2px;
  1687. padding: 6px 15px;
  1688. }
  1689.  
  1690. .fancy-toggle-button .add:hover, .res .RESshortcutside:hover, .res .RESDashboardToggle:hover {
  1691. background-image: none;
  1692. background-color: rgba(98,180,109, 1);
  1693. border: 1px solid #62B46D;
  1694. color: rgba(255,255,255,1);
  1695. }
  1696.  
  1697. .fancy-toggle-button .remove, .res .RESshortcutside.remove {
  1698. background-image: none;
  1699. background-color: rgba(204,0,0,0.7);
  1700. border: 1px solid #f0f0f0;
  1701. transition: 200ms;
  1702. color: rgba(255,255,255,0.7);
  1703. text-decoration: none;
  1704. padding: 6px 15px;
  1705. }
  1706.  
  1707. .res .RESDashboardToggle.remove {
  1708. padding: 2px 17px;
  1709. }
  1710.  
  1711. .fancy-toggle-button .remove:hover, .res .RESshortcutside.remove:hover, .res .RESDashboardToggle.remove:hover {
  1712. background-image: none;
  1713. background-color: rgba(204,0,0,1);
  1714. border: 1px solid rgba(204,0,0,1);
  1715. color: rgba(255,255,255,1);
  1716. }
  1717.  
  1718. .hover-bubble.multi-selector {
  1719. display: none !important;
  1720. }
  1721.  
  1722. .md blockquote, .help blockquote {
  1723. margin: 0px;
  1724. border: 1px solid #ccc;
  1725. padding: 4px 12px;
  1726. background: #fff;
  1727. }
  1728.  
  1729. .md hr {
  1730. margin-top: 0;
  1731. background: #f5f5f5;
  1732. }
  1733.  
  1734. .titlebox form.toggle, .leavemoderator {
  1735. padding: 10px 8px 0px 8px;
  1736. background: #f9f9f9;
  1737. border-bottom: 0;
  1738. font-size: 12px;
  1739. color: #999;
  1740. }
  1741.  
  1742. .titlebox form.flairtoggle {
  1743. padding-bottom: 2px;
  1744. padding-top: 10px;
  1745. }
  1746.  
  1747. label[for=flair_enabled] {
  1748. position: relative;
  1749. top: -3px;
  1750. }
  1751.  
  1752. .titlebox .bottom {
  1753. border-top: none;
  1754. padding: 5px;
  1755. font-size: 12px;
  1756. color: #999;
  1757. background: #f9f9f9;
  1758. text-align: center;
  1759. }
  1760.  
  1761. .titlebox .age {
  1762. display: block !important;
  1763. float: none;
  1764. text-align: center;
  1765. }
  1766.  
  1767. #ad_sponsorship {
  1768. border: 1px solid #f0f0f0;
  1769. width: 293px;
  1770. }
  1771.  
  1772. #ad-frame, #ad_main {
  1773. background: #f9f9f9;
  1774. width: 295px;
  1775. margin-bottom: -2px;
  1776. margin-top: 5px;
  1777. }
  1778.  
  1779.  
  1780.  
  1781. /*** ICONS ***/
  1782.  
  1783. #mail {
  1784. background: url(%%mail%%) no-repeat center !important;
  1785. width: 13px !important;
  1786. height: 14px !important;
  1787. top: 11px !important;
  1788. }
  1789.  
  1790. #mail.havemail {
  1791. background: url(%%mail2%%) no-repeat center !important;
  1792. opacity: .8;
  1793. top: 11px !important;
  1794. }
  1795.  
  1796. .res #mail.havemail {
  1797. top: 11px !important;
  1798. }
  1799.  
  1800. #modmail {
  1801. background: url(%%modmail%%) no-repeat center !important;
  1802. width: 15px !important;
  1803. height: 14px !important;
  1804. top: 5px;
  1805. }
  1806.  
  1807. #modmail.havemail {
  1808. background: url(%%modmail2%%) no-repeat center !important;
  1809. opacity: .8;
  1810. }
  1811.  
  1812. #mail.havemail:hover, #modmail.havemail:hover {
  1813. opacity: 1;
  1814. }
  1815.  
  1816. .pref-lang {
  1817. font-size: 0;
  1818. background: url(%%preferences%%) no-repeat center !important;
  1819. width: 12px !important;
  1820. height: 14px !important;
  1821. position: relative;
  1822. display: inline-block;
  1823. top: -5px;
  1824. }
  1825.  
  1826. .logout a {
  1827. font-size: 0;
  1828. background: url(%%logout%%) no-repeat center !important;
  1829. width: 15px !important;
  1830. height: 15px !important;
  1831. position: relative;
  1832. display: inline-block;
  1833. top: -5px;
  1834. }
  1835.  
  1836.  
  1837.  
  1838. /*** MOD ICONS ***/
  1839.  
  1840. .titlebox .leavemoderator:before, .moderator.toggle .main:before {
  1841. background: url(%%modicons%%) -42px 0px no-repeat;
  1842. width: 14px;
  1843. height: 14px;
  1844. }
  1845.  
  1846. .titlebox form.leavecontributor-button:before {
  1847. background: url(%%modicons%%) -56px 0px no-repeat;
  1848. width: 14px;
  1849. margin-top: 6px;
  1850. }
  1851.  
  1852. .icon-menu .reddit-edit:before {
  1853. background: url(%%modicons%%) 0px 0px no-repeat;
  1854. width: 14px;
  1855. height: 14px;
  1856. }
  1857.  
  1858. .icon-menu .edit-stylesheet:before {
  1859. background: url(%%modicons%%) -14px 0px no-repeat;
  1860. width: 14px;
  1861. height: 14px;
  1862. }
  1863.  
  1864. .icon-menu .moderator-mail:before {
  1865. background: url(%%modicons%%) -28px 0px no-repeat;
  1866. width: 14px;
  1867. height: 14px;
  1868. margin-left: 0;
  1869. margin-top: 0;
  1870. }
  1871.  
  1872. .icon-menu .reddit-moderators:before {
  1873. background: url(%%modicons%%) -42px 0px no-repeat;
  1874. width: 14px;
  1875. height: 14px;
  1876. }
  1877.  
  1878. .icon-menu .reddit-contributors:before {
  1879. background: url(%%modicons%%) -56px 0px no-repeat;
  1880. width: 14px;
  1881. height: 14px;
  1882. }
  1883.  
  1884. .icon-menu .reddit-traffic:before {
  1885. background: url(%%modicons%%) -70px 0px no-repeat;
  1886. width: 14px;
  1887. height: 14px;
  1888. }
  1889.  
  1890. .icon-menu .reddit-modqueue:before {
  1891. background: url(%%modicons%%) -84px 0px no-repeat;
  1892. width: 14px;
  1893. height: 14px;
  1894. }
  1895.  
  1896. .icon-menu .reddit-reported:before {
  1897. background: url(%%modicons%%) -98px 0px no-repeat;
  1898. width: 14px;
  1899. height: 14px;
  1900. }
  1901.  
  1902. .icon-menu .reddit-spam:before {
  1903. background: url(%%modicons%%) -112px 0px no-repeat;
  1904. width: 14px;
  1905. height: 14px;
  1906. }
  1907.  
  1908. .icon-menu .reddit-edited:before {
  1909. background: url(%%modicons%%) -126px 0px no-repeat;
  1910. width: 14px;
  1911. height: 14px;
  1912. }
  1913.  
  1914. .icon-menu .reddit-ban:before {
  1915. background: url(%%modicons%%) -140px 0px no-repeat;
  1916. width: 14px;
  1917. height: 14px;
  1918. }
  1919.  
  1920. .icon-menu .reddit-flair:before {
  1921. background: url(%%modicons%%) -154px 0px no-repeat;
  1922. width: 14px;
  1923. height: 14px;
  1924. }
  1925.  
  1926. .icon-menu .reddit-moderationlog:before {
  1927. background: url(%%modicons%%) -168px 0px no-repeat;
  1928. width: 14px;
  1929. height: 14px;
  1930. }
  1931.  
  1932. .icon-menu .reddit-unmoderated:before {
  1933. background: url(%%modicons%%) -182px 0px no-repeat;
  1934. width: 14px;
  1935. height: 14px;
  1936. }
  1937.  
  1938.  
  1939.  
  1940. /*** SUBMISSION PAGE ***/
  1941.  
  1942. .formtabs-content {
  1943. border-top: none;
  1944. padding-top: 0px;
  1945. margin-left: -5px;
  1946. }
  1947.  
  1948. .formtabs-content .infobar {
  1949. width: 506px;
  1950. background: #fff;
  1951. color: #666;
  1952. border: 0;
  1953. padding: 8px 12px;
  1954. }
  1955.  
  1956. .roundfield {
  1957. border-radius: 0px;
  1958. background: #fff;
  1959. padding: 15px;
  1960. font-size: medium;
  1961. color: #555;
  1962. }
  1963.  
  1964. .roundfield textarea[name=title] {
  1965. color: #333;
  1966. }
  1967.  
  1968. .roundfield textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], .usertext-edit textarea {
  1969. border: 1px solid #f0f0f0;
  1970. outline: none;
  1971. color: #333;
  1972. }
  1973.  
  1974. textarea:focus, input#sr-autocomplete:focus, .usertext-edit textarea:focus, .roundfield input[type=url]:focus {
  1975. border: 1px solid #cacaca;
  1976. }
  1977.  
  1978. .roundfield span.title {
  1979. text-transform: capitalize;
  1980. }
  1981.  
  1982. .roundfield .usertext-edit {
  1983. padding-left: 0px;
  1984. }
  1985.  
  1986. div#title-field {
  1987. padding-bottom: 12px;
  1988. }
  1989.  
  1990. .roundfield span.gray {
  1991. visibility: hidden;
  1992. }
  1993.  
  1994. .roundfield:nth-of-type(5) {
  1995. margin: 3px 0;
  1996. }
  1997.  
  1998. #url-field button {
  1999. background: url(%%suggesttitle%%) no-repeat 8px center #fcfcfc;
  2000. color: #919191;
  2001. max-width: 30px;
  2002. height: 30px;
  2003. transition: 800ms;
  2004. line-height: 20px;
  2005. text-indent: 20px;
  2006. padding-right: 10px;
  2007. }
  2008.  
  2009. #url-field button:hover {
  2010. max-width: 200px;
  2011. }
  2012.  
  2013. .submit_text.enabled {
  2014. margin-bottom: -2px;
  2015. }
  2016.  
  2017. .content.submit .info-notice {
  2018. background: #fff;
  2019. border: 1px solid #fff;
  2020. border-radius: 0px;
  2021. margin-bottom: 5px;
  2022. margin-left: -5px;
  2023. width: 510px;
  2024. }
  2025.  
  2026. .content.submit .spacer button.btn {
  2027. width: 530px;
  2028. height: 40px;
  2029. margin-left: -5px;
  2030. background: #5e82a6;
  2031. border: none;
  2032. color: #fff;
  2033. text-transform: uppercase;
  2034. border-radius: 2px;
  2035. transition: 200ms;
  2036. }
  2037.  
  2038. .spacer button.btn:hover {
  2039. opacity: .9;
  2040. }
  2041.  
  2042. #suggested-reddits {
  2043. display: none;
  2044. }
  2045.  
  2046. ul.tabmenu.formtab {
  2047. position: absolute;
  2048. top: 176px;
  2049. z-index: 999;
  2050. background: none;
  2051. }
  2052.  
  2053. .tabmenu.formtab .selected a {
  2054. font-size: 100%;
  2055. opacity: 1;
  2056. }
  2057.  
  2058. .selected a.link-button.choice, .selected a.text-button.choice {
  2059. padding: 5px 10px;
  2060. background: #5e82a6;
  2061. }
  2062.  
  2063. a.text-button.choice, a.link-button.choice {
  2064. padding: 5px 10px;
  2065. text-decoration: none;
  2066. font-weight: bold;
  2067. border: 0;
  2068. background-color: rgba(0,0,0,0.7);
  2069. color: rgba(255,255,255,0.7);
  2070. }
  2071.  
  2072. form .spacer+.spacer {
  2073. margin: 5px 0;
  2074. }
  2075.  
  2076.  
  2077.  
  2078. /*** FOOTER ***/
  2079.  
  2080. .footer-parent {
  2081. background: url(%%bg2%%) no-repeat;
  2082. background-position: 50% 0%;
  2083. padding-bottom: 40px;
  2084. padding-top: 55px;
  2085. margin-top: 5px;
  2086. border-top: 5px solid rgba(0,0,0,0.3);
  2087. }
  2088.  
  2089. .footer-parent:before {
  2090. display: block;
  2091. margin: 0px auto;
  2092. padding: 10px 0px 10px 0px;
  2093.  
  2094. background: rgba(0,0,0,0.1);
  2095. position: absolute;
  2096. left: 0;
  2097. right: 0;
  2098. margin-top: -55px;
  2099. content: "/r/PrimeiraLiga";
  2100. color: rgba(255,255,255,0.6);
  2101. width: 200px;
  2102. }
  2103.  
  2104. .footer {
  2105. background: rgba(0,0,0,0.1);
  2106. border: 0;
  2107. border-radius: 0;
  2108. padding: 15px 20px;
  2109. margin: 10px auto 20px auto;
  2110. }
  2111.  
  2112. .footer .title {
  2113. font-size: 16px;
  2114. text-transform: capitalize;
  2115. padding-bottom: 5px;
  2116. margin-bottom: 5px;
  2117. border-bottom: 1px dotted rgba(0,0,0,0.1);
  2118. color: rgba(255,255,255,0.9);
  2119. }
  2120.  
  2121. .footer a {
  2122. color: rgba(255,255,255,0.6);
  2123. font-size: 13px;
  2124. line-height: 18px;
  2125. }
  2126.  
  2127. .buygold {
  2128. color: #D5AC3D !important;
  2129. font-weight: normal;
  2130. }
  2131.  
  2132. .footer .col {
  2133. border-left: none;
  2134. }
  2135.  
  2136. .debuginfo {
  2137. margin-top: -31px;
  2138. font-size: 12px;
  2139. color: rgba(255,255,255,0.6);
  2140. }
  2141.  
  2142. .debuginfo .content, .debuginfo .icon {
  2143. margin-right: 5px;
  2144. color: rgba(255,255,255,0.6);
  2145. }
  2146.  
  2147. .bottommenu {
  2148. color: rgba(255,255,255,0.6);
  2149. font-size: 12px;
  2150. }
  2151.  
  2152. .bottommenu a {
  2153. color: rgba(0,0,0,0.5);
  2154. }
  2155.  
  2156. .bottommenu .updated {
  2157. color: #62b46d;
  2158. }
  2159.  
  2160.  
  2161.  
  2162. /*** SEARCH PAGE ***/
  2163.  
  2164. .search-page .sitetable {
  2165. margin-top: 1px !important;
  2166. }
  2167.  
  2168. .searchpane {
  2169. margin-right: 0;
  2170. margin-bottom: 1px;
  2171. background: #fff;
  2172. font-size: 12px;
  2173. padding: 7px 10px 10px 10px;
  2174. }
  2175.  
  2176. .raisedbox {
  2177. border: 0;
  2178. }
  2179.  
  2180. .searchfacets {
  2181. border: 0;
  2182. border-top: 1px solid #f5f5f5;
  2183. box-shadow: none;
  2184. }
  2185.  
  2186. .searchfacets .facet.count:hover {
  2187. text-decoration: none;
  2188. }
  2189.  
  2190.  
  2191.  
  2192. /*** MOD MAIL PAGE ***/
  2193.  
  2194. .messages-page .sitetable {
  2195. background: #fff;
  2196. margin-top: -9px;
  2197. }
  2198.  
  2199. .messages-page .message {
  2200. margin-left: 0;
  2201. }
  2202.  
  2203. .messages-page .message .subject .correspondent {
  2204. border: 1px solid #B7D7F7;
  2205. border-radius: 0;
  2206. }
  2207.  
  2208. .messages-page .message.message-reply.recipient>.entry .head, .message.message-parent.recipient>.entry .head {
  2209. color: #222;
  2210. font-size: 12px;
  2211. }
  2212.  
  2213.  
  2214.  
  2215. /*** SUBREDDIT SETTINGS ***/
  2216.  
  2217. .linefield {
  2218. background: #F9F9F9;
  2219. margin-bottom: 5px;
  2220. width: 528px;
  2221. }
  2222.  
  2223. .linefield .title {
  2224. text-transform: capitalize;
  2225. color: #555;
  2226. }
  2227.  
  2228. .linefield span+span {
  2229. margin-left: -10px;
  2230. font-size: 12px !important;
  2231. }
  2232.  
  2233. .linefield .linefield-content {
  2234. font-size: 20px;
  2235. }
  2236.  
  2237. .linefield label {
  2238. font-size: 14px;
  2239. color: #444;
  2240. }
  2241.  
  2242. .pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], .pretty-form input[type=number] {
  2243. font-size: 13px;
  2244. color: #444;
  2245. padding: 4px 8px;
  2246. margin: 4px 4px 4px 0;
  2247. }
  2248.  
  2249. .gray {
  2250. color: #aaa;
  2251. }
  2252.  
  2253. #img-preview-container {
  2254. border: 1px dashed #ccc;
  2255. padding: 7px;
  2256. }
  2257.  
  2258.  
  2259.  
  2260. /*** FLAIR SETTINGS ***/
  2261.  
  2262. .flair-settings {
  2263. margin-bottom: 5px;
  2264. }
  2265.  
  2266. .tabpane-content {
  2267. background: #fff;
  2268. border: 0;
  2269. padding: 5px;
  2270. margin-top: 4px;
  2271. }
  2272.  
  2273. #tab-grant, #tab-templates, #tab-link_templates {
  2274. font-size: 14px;
  2275. font-weight: normal;
  2276. margin-left: 0;
  2277. }
  2278.  
  2279. #tab-grant a, #tab-templates a, #tab-link_templates a {
  2280. padding: 4px 8px;
  2281. text-decoration: none;
  2282. }
  2283.  
  2284. #tab-grant.selected a, #tab-templates.selected a, #tab-link_templates.selected a {
  2285. background: #c45b52;
  2286. color: #fff;
  2287. border: 0;
  2288. }
  2289.  
  2290. .flairlist .flair-jump input[type="text"] {
  2291. padding: 4px;
  2292. }
  2293.  
  2294.  
  2295.  
  2296. /*** STYLESHEET ***/
  2297.  
  2298. .pretty-form {
  2299. background: #fff;
  2300. margin-top: 5px;
  2301. padding: 5px;
  2302. }
  2303.  
  2304. .pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], .pretty-form input[type=number] {
  2305. box-shadow: none;
  2306. border: 1px solid #ddd;
  2307. outline: none;
  2308. }
  2309.  
  2310. .pretty-form h2 {
  2311. margin-left: 5px;
  2312. }
  2313.  
  2314. .sheets {
  2315. margin-right: 5px;
  2316. }
  2317.  
  2318. #stylesheet_contents {
  2319. box-shadow: none;
  2320. -webkit-box-shadow: none;
  2321. border: 1px solid #ddd;
  2322. padding: 0px 2px !important;
  2323. font-family: monospace;
  2324. font-weight: 600;
  2325. color: #333;
  2326. font-size: 12px;
  2327. line-height: 1.4;
  2328. }
  2329.  
  2330. label[for=reason] {
  2331. color: #666;
  2332. }
  2333.  
  2334. .sheets .col textarea:focus {
  2335. outline: none;
  2336. }
  2337.  
  2338. /* IMAGES */
  2339.  
  2340. .stylesheet-customize-container #images {
  2341. font-size: 12px;
  2342. padding: 10px;
  2343. margin-top: 5px;
  2344. background: #fff;
  2345. color: #555;
  2346. }
  2347.  
  2348. .stylesheet-customize-container #images .image-upload span {
  2349. font-size: 12px;
  2350. color: #999;
  2351. padding-left: 0;
  2352. }
  2353.  
  2354. .stylesheet-customize-container #images .image-upload label input[name=img_type] {
  2355. margin: 2px 5px 0 5px;
  2356. }
  2357.  
  2358. .stylesheet-customize-container #images .image-upload input#img-name {
  2359. border: 1px solid #ddd;
  2360. padding: 2px;
  2361. margin: 5px;
  2362. width: 191px;
  2363. }
  2364.  
  2365. .stylesheet-customize-container img {
  2366. background-image: url(%%transparent%%);
  2367. }
  2368.  
  2369. .stylesheet-customize-container img:hover {
  2370. background-image: none;
  2371. }
  2372.  
  2373. .stylesheet-customize-container h2 {
  2374. margin-top: 0;
  2375. margin-bottom: 5px;
  2376. }
  2377.  
  2378. /* PREVIEW */
  2379.  
  2380. #preview-table {
  2381. background: #fff;
  2382. margin-top: 5px;
  2383. padding: 5px 10px 10px 10px;
  2384. }
  2385.  
  2386. #preview-table>table {
  2387. margin: 0;
  2388. border: 1px dotted #ddd;
  2389. }
  2390.  
  2391. #preview-table>table>tbody>tr>th {
  2392. vertical-align: middle;
  2393. color: #555;
  2394. }
  2395.  
  2396. /* STYLESHEET IMAGES */
  2397.  
  2398. ul#image-preview-list {
  2399. margin: -15px;
  2400. margin-bottom: -15px;
  2401. margin-top: 10px;
  2402. padding-top: 0px;
  2403. }
  2404.  
  2405. ul#image-preview-list li {
  2406. background: #fff;
  2407. padding: 8px 8px;
  2408. margin: 0 0 5px 5px;
  2409. border-radius: 2px;
  2410. border-bottom: 2px solid #ddd;
  2411. width: 296.5px;
  2412. height: 100px;
  2413. font-size: 14px;
  2414. color: #666;
  2415. }
  2416.  
  2417. ul#image-preview-list .preview {
  2418. position: absolute;
  2419. top: 0;
  2420. bottom: 0;
  2421. left: 8px;
  2422. right: 0;
  2423. margin: auto 0;
  2424. background: #fafafa;
  2425. line-height: 98px;
  2426. }
  2427.  
  2428. ul#image-preview-list .preview img {
  2429. vertical-align: middle;
  2430. }
  2431.  
  2432.  
  2433.  
  2434. /*** RES ***/
  2435.  
  2436. .res #srList {
  2437. top: 0;
  2438. border: 0;
  2439. box-shadow: 0 0 15px rgba(0,0,0,0.2);
  2440. text-transform: uppercase;
  2441. max-height: none !important;
  2442. height: 100%;
  2443. position: fixed;
  2444. overflow-y: auto;
  2445. overflow-x: hidden;
  2446. color: #aeaeae;
  2447. }
  2448.  
  2449. .res #srList tr {
  2450. border-bottom: 1px solid #f0f0f0;
  2451. }
  2452.  
  2453. .res #srList tr:hover {
  2454. background: none;
  2455. background: #f0f0f0;
  2456. }
  2457.  
  2458. .res #srList td {
  2459. padding: 0;
  2460. }
  2461.  
  2462. .res #srList thead td, .res #srList thead td a {
  2463. font-weight: bold;
  2464. font-size: 11px;
  2465. color: #666;
  2466. }
  2467.  
  2468. .res #srList thead td:first-child, .res #srList thead td:nth-child(3) {
  2469. padding-left: 8px;
  2470. }
  2471.  
  2472. .res .sortAsc, .res .sortDesc {
  2473. margin-right: 10px;
  2474. }
  2475.  
  2476. .res #srList td a {
  2477. text-decoration: none;
  2478. color: #aeaeae;
  2479. font-weight: bold;
  2480. padding: 3px 8px;
  2481. }
  2482.  
  2483. .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  2484. background-color: #F9FEFF !important;
  2485. }
  2486.  
  2487. .res #RESShortcutsSort, .res #RESShortcutsRight, .res #RESShortcutsLeft, .res #RESShortcutsAdd, .res #RESShortcutsTrash {
  2488. height: 20px;
  2489. line-height: 18px;
  2490. background: none;
  2491. color: rgba(255,255,255,0.6);
  2492. }
  2493.  
  2494. .res #RESShortcutsSort:hover, .res #RESShortcutsRight:hover, .res #RESShortcutsLeft:hover, .res #RESShortcutsAdd:hover, .res #RESShortcutsTrash:hover {
  2495. color: rgba(255,255,255,1);
  2496. }
  2497.  
  2498. .res #RESShortcutsSort, .res #RESShortcutsEditContainer .res-icon {
  2499. font-size: 10px;
  2500. }
  2501.  
  2502. .res #RESShortcutsLeft, .res #RESShortcutsRight {
  2503. font-size: 14px;
  2504. }
  2505.  
  2506. .res #RESShortcutsEditContainer {
  2507. height: 20px;
  2508. background: rgba(0,0,0,0.5);
  2509. }
  2510.  
  2511. .res #progressIndicator, .res .NERPageMarker, .res #NERFail {
  2512. width: initial;
  2513. margin: 0;
  2514. margin-bottom: 1px;
  2515. border-radius: 0;
  2516. font-size: 12px;
  2517. padding: 8px;
  2518. background: #fcfcfc;
  2519. border: 0;
  2520. color: #666;
  2521. font-weight: bold;
  2522. }
  2523.  
  2524. .res #progressIndicator:hover {
  2525. background: #fff;
  2526. }
  2527.  
  2528. .res #NERFail {
  2529. padding: 5px 0 12px 0;
  2530. }
  2531.  
  2532. .res .nextprev a, .res .next-suggestions a {
  2533. margin: 2px !important;
  2534. }
  2535.  
  2536. .res #header-bottom-right {
  2537. top: auto;
  2538. border-radius: 0;
  2539. }
  2540.  
  2541. .res .userkarma a, .res #mailCount {
  2542. padding: 0 !important;
  2543. }
  2544.  
  2545. .res #userbarToggle {
  2546. top: 11px;
  2547. left: -8px;
  2548. height: 0px;
  2549. min-height: 0;
  2550. width: auto;
  2551. padding: 15px 8px;
  2552. background: rgba(0,0,0,0.1);
  2553. border-radius: 0;
  2554. border: none;
  2555. line-height: 0;
  2556. color: rgba(255,255,255,0.2);
  2557. }
  2558.  
  2559. .res #userbarToggle:hover {
  2560. background: rgba(0,0,0,0.5);
  2561. color: rgba(255,255,255,0.6);
  2562. }
  2563.  
  2564. .res #userbarToggle.userbarHide {
  2565. position: initial !important;
  2566. margin-right: -16px !important;
  2567. padding-top: 14px !important;
  2568. }
  2569.  
  2570. .res-navTop #userbarToggle.userbarShow {
  2571. top: -36px !important;
  2572. left: auto;
  2573. right: 0;
  2574. height: 0;
  2575. min-height: 0;
  2576. }
  2577.  
  2578. .res .thing .tagline .author.submitter {
  2579. background-color: #5e82a6 !important;
  2580. }
  2581.  
  2582. .res .thing .tagline .author.moderator {
  2583. background: #62B46D !important;
  2584. }
  2585.  
  2586. .res .thing .tagline .author.moderator:hover {
  2587. background: #447e4c !important;
  2588. }
  2589.  
  2590. .res #RESShortcuts {
  2591. overflow: visible;
  2592. }
  2593.  
  2594. .res #srDropdown {
  2595. width: 16px;
  2596. height: 20px;
  2597. background: url(%%sr%%) no-repeat center transparent;
  2598. text-indent: -999em;
  2599. opacity: .6;
  2600. cursor: pointer;
  2601. padding-right: 6px;
  2602. }
  2603.  
  2604. .res #srDropdown:hover {
  2605. background-color: rgba(0,0,0,0.2) !important;
  2606. }
  2607.  
  2608. .res #sr-header-area #srDropdown:hover {
  2609. background-color: rgba(255,255,255,0.05);
  2610. opacity: 1;
  2611. }
  2612.  
  2613. .res #sr-header-area {
  2614. line-height: 22px;
  2615. padding-left: 0;
  2616. overflow: hidden;
  2617. }
  2618.  
  2619. .res #srLeftContainer {
  2620. padding-left: 0;
  2621. }
  2622.  
  2623. .res .separator {
  2624. display: none;
  2625. }
  2626.  
  2627. .res #sr-header-area a.RESShortcutsCurrentSub, .res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a {
  2628. color: rgba(240,243,252,1) !important;
  2629. opacity: .8;
  2630. }
  2631.  
  2632. .res #srLeftContainer, .res #RESShortcutsViewport, .res #RESShortcutsEditContainer {
  2633. max-height: 20px;
  2634. }
  2635.  
  2636. .res .srSep {
  2637. color: rgba(0,0,0,0.5)
  2638. }
  2639.  
  2640. .res .linkinfo .totalvotes {
  2641. font-size: 12px;
  2642. opacity: .5;
  2643. }
  2644.  
  2645. #openRESPrefs {
  2646. vertical-align: middle;
  2647. padding: 7px;
  2648. }
  2649.  
  2650. #openRESPrefs:hover {
  2651. background-color: rgba(0,0,0,0.1)!important;
  2652. }
  2653.  
  2654. #RESMainGearOverlay {
  2655. top: 83px !important;
  2656. left: auto !important;
  2657. right: 105px !important;
  2658. height: 25px !important;
  2659. border-radius: 2px;
  2660. display: none !important;
  2661. }
  2662.  
  2663. .RESDropdownList {
  2664. top: 201px !important;
  2665. right: 5px !important;
  2666. background: #fff;
  2667. width: 303px !important;
  2668. border-radius: 0;
  2669. border: 1px solid #ddd;
  2670. border-top: 0;
  2671. }
  2672.  
  2673. #RESAccountSwitcherIcon {
  2674. margin-left: 0;
  2675. margin-top: -3px;
  2676. }
  2677.  
  2678. #RESAccountSwitcherDropdown {
  2679. left: auto !important;
  2680. }
  2681.  
  2682. .RESDropdownList li, .RESDropdownList a {
  2683. border: none;
  2684. color: #6f6e69;
  2685. text-transform: uppercase;
  2686. font-family: sans-serif;
  2687. transition: 200ms;
  2688. }
  2689.  
  2690. .RESDropdownList li:hover {
  2691. background: #ececec;
  2692. color: #000;
  2693. }
  2694.  
  2695. .RESDropdownList li a {
  2696. width: 100% !important;
  2697. }
  2698.  
  2699. .RESDropdownList li a:hover {
  2700. background: #ececec;
  2701. color: #000;
  2702. text-decoration: none;
  2703. }
  2704.  
  2705. #RESSearchMenuItem {
  2706. background-color: #ccc;
  2707. border: 1px solid #ccc;
  2708. }
  2709.  
  2710. #RESSearchMenuItem:hover {
  2711. background-color: #555!important;
  2712. border: 1px solid #555 !important;
  2713. }
  2714.  
  2715. #SettingsConsole:hover > #RESSearchMenuItem {
  2716. border: 1px solid #ccc;
  2717. }
  2718.  
  2719. .toggleButton {
  2720. text-transform: lowercase;
  2721. }
  2722.  
  2723. .moduleToggle .toggleOn, .res .toggleButton .toggleOn, .res .moduleToggle .toggleOff, .res .toggleButton .toggleOff {
  2724. background-color: #ccc !important;
  2725. color: #aaa;
  2726. border: none;
  2727. line-height: 14px;
  2728. }
  2729.  
  2730. .toggleButton:not(.enabled) .toggleOff {
  2731. background-color: #e74c3c !important;
  2732. color: #fff;
  2733. border: none;
  2734. line-height: 14px;
  2735. }
  2736.  
  2737. .moduleToggle.enabled .toggleOn, .toggleButton.enabled .toggleOn {
  2738. background-color: #62B46D !important;
  2739. color: #fff;
  2740. border: none;
  2741. line-height: 14px;
  2742. }
  2743.  
  2744. .moduleToggle::before, .toggleButton::before {
  2745. display: none;
  2746. }
  2747.  
  2748. .gearIcon {
  2749. border-radius: 2px;
  2750. cursor: pointer;
  2751. }
  2752.  
  2753. .RESNotificationHeader .gearIcon {
  2754. position: absolute;
  2755. top: 6px;
  2756. right: 45px;
  2757. }
  2758.  
  2759.  
  2760.  
  2761. /*** NIGHT MODE ***/
  2762.  
  2763. html[lang^="nm"] body {
  2764. background: #222;
  2765. }
  2766.  
  2767. html[lang^="nm"] button {
  2768. background: #333333;
  2769. border: 1px solid #222222;
  2770. box-shadow: 0 1px #222222;
  2771. color: #888;
  2772. }
  2773.  
  2774. html[lang^="nm"] a, html[lang^="nm"] .side .md blockquote a {
  2775. color: #677381;
  2776. }
  2777.  
  2778. html[lang^="nm"] h4 {
  2779. color: #aaa;
  2780. }
  2781.  
  2782. html[lang="nm"] .res .commentarea .thing, html[lang="nm"] .res .commentarea .child .thing.comment, html[lang="nm"] .content.submit .info-notice {
  2783. background-color: #262626 !important;
  2784. border: 1px solid #2C2C2C !important;
  2785. }
  2786.  
  2787. html[lang="nm"] .commentarea .md blockquote {
  2788. background: #2F2F2F;
  2789. border: 1px solid #424242;
  2790. border-left: 3px solid #424242;
  2791. }
  2792.  
  2793. html[lang="nm"] .commentarea .entry .buttons a[onclick*="reply"]:hover {
  2794. border-bottom: 1px dotted #aaa;
  2795. }
  2796.  
  2797. html[lang="nm"] .new-comment .usertext-body {
  2798. background-color: #464B51;
  2799. border: solid 1px #464B51;
  2800. }
  2801.  
  2802. html[lang="nm"] .new-comment .usertext-body .md p {
  2803. color: #C8D3DF;
  2804. }
  2805.  
  2806. html[lang^="nm"] .link, html[lang^="nm"] .side, html[lang^="nm"] .side .md blockquote, html[lang^="nm"] .side .help blockquote, html[lang^="nm"] .sidecontentbox .content, html[lang^="nm"] .icon-menu a, html[lang^="nm"] .nav-buttons, html[lang^="nm"] .footer, html[lang^="nm"] .commentarea, html[lang^="nm"] .commentarea .menuarea, html[lang^="nm"] #preview-table, html[lang^="nm"] .stylesheet-customize-container #images, html[lang^="nm"] .pretty-form, html[lang^="nm"] .formtabs-content .infobar, html[lang^="nm"] .roundfield {
  2807. background: #262626;
  2808. }
  2809.  
  2810. html[lang^="nm"] .roundfield textarea, html[lang^="nm"] .roundfield input[type=text], html[lang^="nm"] .roundfield input[type=url], html[lang^="nm"] .roundfield input[type=password], html[lang^="nm"] .roundfield input[type=number], html[lang^="nm"] .usertext-edit textarea, html[lang^="nm"] .pretty-form input[type=text], html[lang^="nm"] .pretty-form textarea, html[lang^="nm"] .pretty-form input[type=password], html[lang^="nm"] .pretty-form input[type=number], html[lang^="nm"] #stylesheet_contents, html[lang^="nm"] #preview-table>table, html[lang^="nm"] .stylesheet-customize-container #images .image-upload input#img-name {
  2811. background: #262626;
  2812. border: 1px solid #2c2c2c !important;
  2813. color: #888;
  2814. outline: 0;
  2815. }
  2816.  
  2817. html[lang^="nm"] ul#image-preview-list li {
  2818. background: #262626;
  2819. border-bottom: 2px solid #1f1f1f;
  2820. }
  2821.  
  2822. html[lang^="nm"] .panestack-title {
  2823. border-bottom: 1px solid #2c2c2c;
  2824. }
  2825.  
  2826. html[lang^="nm"] .comment .child, html[lang^="nm"] .comment .showreplies {
  2827. border-left: 1px solid #2c2c2c;
  2828. }
  2829.  
  2830. html[lang^="nm"] textarea:focus, html[lang^="nm"] input#sr-autocomplete:focus, html[lang^="nm"] .usertext-edit textarea:focus, html[lang^="nm"] .roundfield input[type=url]:focus {
  2831. border: 1px solid #383838;
  2832. }
  2833.  
  2834. html[lang^="nm"] .titlebox form.toggle, html[lang^="nm"] .leavemoderator, html[lang^="nm"] .side .titlebox .tagline, html[lang^="nm"] .titlebox .bottom, html[lang^="nm"] .footer-parent, html[lang^="nm"] .account-activity-box, html[lang^="nm"] .sidebox.create .spacer, html[lang^="nm"] .linkinfo, html[lang^="nm"] #ad-frame, html[lang^="nm"] #ad_main, html[lang^="nm"] span.subscribers, html[lang^="nm"] .users-online {
  2835. background: #232323;
  2836. }
  2837.  
  2838. html[lang^="nm"] .linkinfo .shortlink input{
  2839. border: 1px solid #262626 !important;
  2840. background: #262626;
  2841. color: #888;
  2842. }
  2843.  
  2844. html[lang^="nm"] .flair {
  2845. background: #6b6b6b;
  2846. border: 1px solid #222;
  2847. color: #222;
  2848. }
  2849.  
  2850. html[lang^="nm"] .link .usertext .md, html[lang^="nm"] .linkflairlabel, html[lang^="nm"] .menuarea .dropdown.lightdrop .selected, html[lang^="nm"] .menuarea .drop-choices.lightdrop {
  2851. background: #232323;
  2852. border: 1px solid #232323;
  2853. }
  2854.  
  2855. html[lang^="nm"] .footer-parent {
  2856. border-top: 5px solid #262626;
  2857. }
  2858.  
  2859. html[lang^="nm"] .side .md blockquote h3, html[lang^="nm"] .sidecontentbox .title {
  2860. border-bottom: 2px solid #232323;
  2861. }
  2862.  
  2863. html[lang^="nm"] .thing a.title:hover {
  2864. border-bottom: 1px dotted rgba(255,255,255,0.2);
  2865. }
  2866.  
  2867. html[lang^="nm"] .thing .title, html[lang^="nm"] .side .md blockquote {
  2868. color: #aaa;
  2869. }
  2870.  
  2871. html[lang^="nm"] span.score, html[lang^="nm"] .tagline a {
  2872. color: #aaa;
  2873. }
  2874.  
  2875. html[lang^="nm"] .thing .title:visited, html[lang^="nm"] .link .entry li .comments, html[lang^="nm"] .redditSingleClick, html[lang^="nm"] .commentarea {
  2876. color: #666;
  2877. }
  2878.  
  2879. html[lang^="nm"] .entry .buttons li a, html[lang^="nm"] .tagline, html[lang^="nm"] .link .flat-list, html[lang^="nm"] .domain, html[lang^="nm"] .domain a, html[lang^="nm"] .titlebox form.toggle, html[lang^="nm"] .leavemoderator, html[lang^="nm"] #searchexpando label, html[lang^="nm"] .morelink a, html[lang^="nm"] .linkinfo .date {
  2880. color: #5f5f5f;
  2881. }
  2882.  
  2883. html[lang^="nm"] .RES-keyNav-activeElement, html[lang^="nm"] .commentarea .RES-keyNav-activeElement .md, html[lang^="nm"] .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  2884. background-color: #2B2C2D !important;
  2885. }
  2886.  
  2887. html[lang^="nm"] #sr-header-area a {
  2888. color: #fff;
  2889. }
  2890.  
  2891. html[lang^="nm"] .link.last-clicked {
  2892. border-top: 1px dashed #444;
  2893. border-bottom: 1px dashed #444;
  2894. }
  2895.  
  2896. html[lang^="nm"] .morelink {
  2897. /*background: #1e1e1e !important;*/
  2898. background: rgba(60,60,60,1);
  2899. }
  2900.  
  2901. html[lang^="nm"] .morelink:hover {
  2902. background: rgba(112,112,112,1);
  2903. }
  2904.  
  2905. html[lang^="nm"] .morelink a
  2906. {
  2907. color: rgba(255,255,255,0.8);
  2908. }
  2909. html[lang^="nm"] .fancy-toggle-button .remove, html[lang^="nm"] .RESshortcutside.remove, html[lang^="nm"] .RESDashboardToggle.remove, html[lang^="nm"] .RESDashboardToggle, html[lang^="nm"] .RESshortcutside {
  2910. background-image: none;
  2911. /*background: #232323 !important;*/
  2912. border: 1px solid #232323 !important;
  2913. }
  2914.  
  2915. html[lang^="nm"] .fancy-toggle-button .remove:hover, html[lang^="nm"] .RESshortcutside.remove:hover, html[lang^="nm"] .RESDashboardToggle.remove:hover {
  2916. background-image: none;
  2917. /*background: #c45b52 !important;*/
  2918. border: 1px solid #c45b52 !important;
  2919. }
  2920.  
  2921. html[lang^="nm"] .expando-button.image.expanded {
  2922. background-position: -40px -98px !important;
  2923. }
  2924.  
  2925. html[lang^="nm"] .expando-button.image.expanded:hover {
  2926. background-position: -60px -98px !important;
  2927. }
  2928.  
  2929. html[lang^="nm"] .expando-button.image.collapsed {
  2930. background-position: -40px -98px !important;
  2931. }
  2932.  
  2933. html[lang^="nm"] .expando-button.image.collapsed:hover {
  2934. background-position: -60px -98px !important;
  2935. }
  2936.  
  2937. html[lang^="nm"] .expando-button.selftext.collapsed {
  2938. background-position: -40px -38px !important;
  2939. }
  2940.  
  2941. html[lang^="nm"] .expando-button.selftext.collapsed:hover {
  2942. background-position: -60px -38px !important;
  2943. }
  2944.  
  2945. html[lang^="nm"] .expando-button.selftext.expanded {
  2946. background-position: -40px -58px!important;
  2947. }
  2948.  
  2949. html[lang^="nm"] .expando-button.selftext.expanded:hover {
  2950. background-position: -60px -58px!important;
  2951. }
  2952.  
  2953. html[lang^="nm"] .expando-button.video.collapsed {
  2954. background-position: -40px -78px!important;
  2955. }
  2956.  
  2957. html[lang^="nm"] .expando-button.video.collapsed:hover {
  2958. background-position: -60px -78px!important;
  2959. }
  2960.  
  2961. html[lang^="nm"] .expando-button.video.expanded {
  2962. background-position: -40px -78px!important;
  2963. }
  2964.  
  2965. html[lang^="nm"] .expando-button.video.expanded:hover {
  2966. background-position: -60px -78px!important;
  2967. }
  2968.  
  2969. html[lang^="nm"] .md .-text, html[lang^="nm"] .md p, html[lang^="nm"] .md pre>code, html[lang^="nm"] .md th, html[lang^="nm"] .md td, html[lang^="nm"] .md li {
  2970. color: #999;
  2971. }
  2972.  
  2973. html[lang^="nm"] .md pre {
  2974. border: 1px solid #222221;
  2975. background-color: #272726;
  2976. }
  2977.  
  2978. html[lang^="nm"] #search input[type=text] {
  2979. border-bottom: 2px solid #222 !important;
  2980. background: transparent;
  2981. color: #eee !important;
  2982. }
  2983.  
  2984. html[lang^="nm"] .searchpane {
  2985. background: #262626;
  2986. color: #ccc;
  2987. }
  2988.  
  2989. html[lang^="nm"] .menuarea {
  2990. background: #262626;
  2991. }
  2992.  
  2993. html[lang^="nm"] #searchexpando {
  2994. background: #262626;
  2995. }
  2996.  
  2997. html[lang^="nm"] #moresearchinfo {
  2998. border-top: 1px solid #232323;
  2999. }
  3000.  
  3001. html[lang^="nm"] .thumbnail {
  3002. /*border: 2px solid #222;*/
  3003. }
  3004.  
  3005. html[lang^="nm"] #ad_sponsorship {
  3006. border: 1px solid #222;
  3007. }
  3008.  
  3009. html[lang^="nm"] .sidecontentbox .collapse-button {
  3010. background: #222;
  3011. border: 1px solid #222;
  3012. }
  3013.  
  3014. html[lang^="nm"] .res #progressIndicator, html[lang^="nm"] .res .NERPageMarker, html[lang^="nm"] .res #NERFail {
  3015. background: #2B2C2D;
  3016. border: 1px solid #2E3032;
  3017. }
  3018.  
  3019. html[lang^="nm"] .link .md :not(pre)>code {
  3020. background: #6B6B6B;
  3021. border: 1px solid #6B6B6B;
  3022. color: #222;
  3023. }
  3024.  
  3025. html[lang^="nm"] .side .md h4:first-of-type {
  3026. background: #262626;
  3027. color: #666;
  3028. }
  3029.  
  3030. .titlebox .md a[href*="#nm"], .titlebox .md a[href*="#dm"] {
  3031. background: rgba(0,0,0,0.3);
  3032. right: 25px;
  3033. top: 45px;
  3034. padding: 7px 12px;
  3035. position: absolute;
  3036. z-index: 9999;
  3037. color: rgba(255,255,255,0.5);
  3038. font-size: 12px;
  3039. border-radius: 3px;
  3040. text-decoration: none;
  3041. transition: 200ms;
  3042. }
  3043.  
  3044. .titlebox .md a[href*="#nm"]:hover, .titlebox .md a[href*="#dm"]:hover {
  3045. background: rgba(0,0,0,0.4);
  3046. color: rgba(255,255,255,0.5);
  3047. }
  3048.  
  3049. .titlebox .md a[href*="#nm"] {
  3050. display: block;
  3051. }
  3052.  
  3053. .titlebox .md a[href*="#dm"] {
  3054. display: none;
  3055. }
  3056.  
  3057.  
  3058. html[lang^="nm"] .titlebox .md a[href*="#dm"] {
  3059. display: block;
  3060. }
  3061.  
  3062. html[lang^="nm"] .titlebox .md a[href*="#nm"] {
  3063. display: none;
  3064. }
  3065.  
  3066. html[lang^="nm"] .footer-parent:before {
  3067. background: rgba(0,0,0,0.05);
  3068. }
  3069.  
  3070. html[lang^="nm"] .nextprev a, html[lang^="nm"] .next-suggestions a, html[lang^="nm"] .res .RESCloseButton {
  3071. background: #1F1F1F;
  3072. border: 1px solid #1d1d1d;
  3073. box-shadow: 0 1px #1d1d1d;
  3074. color: #999;
  3075. }
  3076.  
  3077. html[lang^="nm"] #url-field button {
  3078. background-color: #1F1F1F;
  3079. border: 1px solid #1d1d1d;
  3080. box-shadow: 0 1px #1d1d1d;
  3081. color: #999;
  3082. }
  3083.  
  3084. html[lang^="nm"] .markdownEditor .edit-btn:not(.btn-macro), html[lang^="nm"] .res .RESBigEditorPop {
  3085. background-color: #6B6B6B;
  3086. border: 1px solid #1d1d1d;
  3087. box-shadow: 0 1px #1d1d1d;
  3088. color: #1D1D1B;
  3089. }
  3090.  
  3091. html[lang^="nm"] .res .RESSubscriptionButton {
  3092. background: #2F2F2F !important;
  3093. border: 1px solid #424242 !important;
  3094. box-shadow: 0 1px #424242;
  3095. }
  3096.  
  3097. html[lang^="nm"] .nextprev a:hover, html[lang^="nm"] .next-suggestions a:hover {
  3098. background: #232323;
  3099. border: 1px solid #1f1f1f;
  3100. }
  3101.  
  3102. html[lang^="nm"] .res #RESStyleSheetTipPane {
  3103. border: 1px solid #1e1e1e;
  3104. }
  3105.  
  3106. html[lang^="nm"] .res #RESStyleSheetTipPane-header {
  3107. border-bottom: 1px solid #1e1e1e;
  3108. }
  3109.  
  3110. .res .titlebox .md a[href*="#nm"], .res .titlebox .md a[href*="#dm"] {
  3111. right: 15px !important;
  3112. top: 35px !important;
  3113. }
  3114.  
  3115. html[lang^="nm"] h1
  3116. {
  3117. color: rgba(255,255,255,0.7);
  3118. }
  3119.  
  3120. html[lang^="nm"] .side .md table thead *
  3121. {
  3122. background-color: #111;
  3123. }
  3124.  
  3125. /*** NEW MARKDOWN ***/
  3126.  
  3127. .md .-text, .md p, .md pre>code, .md th, .md td, .md li {
  3128. line-height: 1.5em;
  3129. font-size: 14px;
  3130. color: #444;
  3131. }
  3132.  
  3133. .md .-lists, .md ul, .md ol, .usertext-edit textarea .-lists, .usertext-edit textarea ul, .usertext-edit textarea ol {
  3134. padding-left: 30px;
  3135. }
  3136.  
  3137. /*** WIKI ***/
  3138.  
  3139. .wiki-page .infobar {
  3140. margin-top: 40px;
  3141. border: 1px solid #ffa500;
  3142. border-radius: 2px;
  3143. background: #fff8d7;
  3144. border: 0;
  3145. padding: 10px 15px;
  3146. width: calc(100% - 30px);
  3147. }
  3148.  
  3149. .wiki-page .infobar .md p {
  3150. font-size: 16px;
  3151. }
  3152.  
  3153. .wiki-page .wikititle {
  3154. margin-left: 15px;
  3155. border-radius: 2px;
  3156. color: #999;
  3157. vertical-align: -6px;
  3158. }
  3159.  
  3160. .wiki-page .pageactions {
  3161. border: 0;
  3162. margin-top: 5px;
  3163. margin-left: 15px;
  3164. }
  3165.  
  3166. .wiki-page .pageactions .wikiaction {
  3167. text-decoration: none;
  3168. color: #999;
  3169. padding: 6px 10px;
  3170. font-size: 14px;
  3171. }
  3172.  
  3173. .wiki-page .pageactions .wikiaction:hover {
  3174. background-color: rgba(0,0,0,0.05);
  3175. }
  3176.  
  3177. .wiki-page .pageactions .wikiaction-current {
  3178. background: #eee;
  3179. color: #999;
  3180. }
  3181.  
  3182. .wiki-page .pageactions .wikiaction-current:hover {
  3183. background: #e0e0e0;
  3184. }
  3185.  
  3186. .wiki-page>.content {
  3187. background: #fff;
  3188. }
  3189.  
  3190. .wiki-page .wiki-page-content {
  3191. background: transparent;
  3192. margin: 5px 10px 10px 10px;
  3193. padding-bottom: 10px;
  3194. padding-top: 5px;
  3195. border-top: 2px solid #f9f9f9;
  3196. }
  3197.  
  3198. .wiki-page .wiki-page-content .md blockquote, .wiki-page .wiki-page-content .help blockquote {
  3199. border: 0;
  3200. background: transparent;
  3201. }
  3202.  
  3203. .wiki-page .md.wiki blockquote h3 {
  3204. font-size: 24px;
  3205. }
  3206.  
  3207. .wiki-page .wiki p {
  3208. font-size: 16px;
  3209. }
  3210.  
  3211. .wiki-page em {
  3212. color: #888;
  3213. font-size: 14px;
  3214. }
  3215.  
  3216. .wiki-page .wiki a {
  3217. color: #5e82a6;
  3218. }
  3219.  
  3220. .wiki-page .wiki-page-content hr {
  3221. border: 1px solid #f9f9f9;
  3222. }
  3223.  
  3224. .wiki-page .wiki-page-content .wiki>.toc>ul {
  3225. padding: 12px 14px;
  3226. border: 1px solid #F0F0F0;
  3227. box-shadow: 0 0 8px #F5F5F5;
  3228. border-radius: 2px;
  3229. }
  3230.  
  3231. /* [ STCKY v1.06 by doingstuffcarl ]
  3232. [ /r/STCKY ] */
  3233.  
  3234. .flair {
  3235. width: 20px;
  3236. height: 20px;
  3237.  
  3238. line-height: 16px;
  3239. overflow: hidden;
  3240. vertical-align: middle;
  3241. font-size: inherit;
  3242. background-color: transparent;
  3243. color: #222;
  3244. padding-top: 2px;
  3245. padding-bottom: 2px;
  3246. margin-right: 3px;
  3247. border-width: 0;
  3248. border-radius: 3px;
  3249. }
  3250. .flair:before {
  3251. content: "";
  3252. width: 20px;
  3253. display: inline-block;
  3254. background-repeat: no-repeat;
  3255.  
  3256. vertical-align: top;
  3257. margin-right: 4px;
  3258. }
  3259. span[class*='flair-pt'].flair:before, span[class*='flair-'].flair:before
  3260. {
  3261. background-image: url(%%domesticflair%%);
  3262. height: 20px;
  3263. }
  3264. span[class*='flair-ct'].flair
  3265. {
  3266. height: 14px;
  3267. }
  3268. span[class*='flair-ct'].flair:before
  3269. {
  3270. background-image: url(%%intflags-sm%%);
  3271. height: 14px;
  3272. }
  3273. .flair:hover {
  3274. width: auto;
  3275. height: 20px;
  3276. line-height: 20px;
  3277. cursor: default;
  3278. }
  3279.  
  3280. .flairsample-left
  3281. {
  3282. text-align:left!important;
  3283. }
  3284. /* === start: top flair ========== These are the icons that you see in the top */
  3285. .side h5:nth-child(1) {
  3286. display: block;
  3287. visibility: visible;
  3288. height: 60px;
  3289. position: absolute;
  3290. top: 75px;
  3291. left: 350px;
  3292. z-index: 100;
  3293. }
  3294.  
  3295. .side h5:nth-child(1) a {
  3296. width: 60px;
  3297. height: 60px;
  3298. display: block;
  3299. background-image: url(%%topflair%%);
  3300. background-position: 0 -140px;
  3301. color: rgba(0,0,0,0);
  3302. position: absolute;
  3303. top: 0;
  3304. text-indent: -9999px;
  3305. }
  3306.  
  3307. .side h5:nth-child(1) a:hover:after {
  3308. display: block;
  3309. background-color: rgba(0,0,0,0.2);
  3310. color: rgba(255,255,255,1);
  3311. padding-left: 5px;
  3312. padding-right: 5px;
  3313. text-indent: 0;
  3314. white-space: nowrap;
  3315. position: absolute;
  3316. top: 60px;
  3317. border-radius: 6px;
  3318. }
  3319.  
  3320. .side h5:nth-child(1) a:nth-child(1) {
  3321. left: 0;
  3322. background-position: -960px -140px;
  3323. }
  3324.  
  3325. .side h5:nth-child(1) a:nth-child(1):hover:after {
  3326. content: 'A. Académica';
  3327. }
  3328.  
  3329. .side h5:nth-child(1) a:nth-child(2) {
  3330. left: 60px;
  3331. background-position: -480px -140px;
  3332. }
  3333.  
  3334. .side h5:nth-child(1) a:nth-child(2):hover:after {
  3335. content: 'FC Arouca';
  3336. }
  3337.  
  3338. .side h5:nth-child(1) a:nth-child(3) {
  3339. left: 120px;
  3340. background-position: -720px -140px;
  3341. }
  3342.  
  3343. .side h5:nth-child(1) a:nth-child(3):hover:after {
  3344. content: 'Os Belenenses';
  3345. }
  3346.  
  3347. .side h5:nth-child(1) a:nth-child(4) {
  3348. left: 180px;
  3349. background-position: -120px -140px;
  3350. }
  3351.  
  3352. .side h5:nth-child(1) a:nth-child(4):hover:after {
  3353. content: 'SL Benfica';
  3354. }
  3355.  
  3356. .side h5:nth-child(1) a:nth-child(5) {
  3357. left: 240px;
  3358. background-position: -900px -140px;
  3359. }
  3360.  
  3361. .side h5:nth-child(1) a:nth-child(5):hover:after {
  3362. content: 'Boavista FC';
  3363. }
  3364.  
  3365. .side h5:nth-child(1) a:nth-child(6) {
  3366. left: 300px;
  3367. background-position: -180px -140px;
  3368. }
  3369.  
  3370. .side h5:nth-child(1) a:nth-child(6):hover:after {
  3371. content: 'SC Braga';
  3372. }
  3373.  
  3374. .side h5:nth-child(1) a:nth-child(7) {
  3375. left: 360px;
  3376. background-position: -600px -140px;
  3377. }
  3378.  
  3379. .side h5:nth-child(1) a:nth-child(7):hover:after {
  3380. content: 'Estoril Praia';
  3381. }
  3382.  
  3383. .side h5:nth-child(1) a:nth-child(8) {
  3384. left: 420px;
  3385. background-position: -840px -140px;
  3386. }
  3387.  
  3388. .side h5:nth-child(1) a:nth-child(8):hover:after {
  3389. content: 'CF U. Madeira';
  3390. }
  3391.  
  3392. .side h5:nth-child(1) a:nth-child(9) {
  3393. left: 480px;
  3394. background-position: -420px -140px;
  3395. }
  3396.  
  3397. .side h5:nth-child(1) a:nth-child(9):hover:after {
  3398. content: 'Maritimo M.';
  3399. }
  3400.  
  3401. .side h5:nth-child(1) a:nth-child(10) {
  3402. left: 540px;
  3403. background-position: -780px -140px;
  3404. }
  3405.  
  3406. .side h5:nth-child(1) a:nth-child(10):hover:after {
  3407. content: 'Moreirense FC';
  3408. }
  3409.  
  3410. .side h5:nth-child(1) a:nth-child(11) {
  3411. left: 600px;
  3412. background-position: -660px -140px;
  3413. }
  3414.  
  3415. .side h5:nth-child(1) a:nth-child(11):hover:after {
  3416. content: 'CD Nacional';
  3417. }
  3418.  
  3419. .side h5:nth-child(1) a:nth-child(12) {
  3420. left: 660px;
  3421. background-position: -300px -140px;
  3422. }
  3423.  
  3424. .side h5:nth-child(1) a:nth-child(12):hover:after {
  3425. content: 'FC Pacos de Ferreira';
  3426. }
  3427.  
  3428. .side h5:nth-child(1) a:nth-child(13) {
  3429. left: 720px;
  3430. background-position: -60px -140px;
  3431. }
  3432.  
  3433. .side h5:nth-child(1) a:nth-child(13):hover:after {
  3434. content: 'FC Porto';
  3435. }
  3436.  
  3437. .side h5:nth-child(1) a:nth-child(14) {
  3438. left: 780px;
  3439. background-position: -240px -140px;
  3440. }
  3441.  
  3442. .side h5:nth-child(1) a:nth-child(14):hover:after {
  3443. content: 'Rio Ave FC';
  3444. }
  3445.  
  3446. .side h5:nth-child(1) a:nth-child(15) {
  3447. left: 840px;
  3448. background-position: 0 -140px;
  3449. }
  3450.  
  3451. .side h5:nth-child(1) a:nth-child(15):hover:after {
  3452. content: 'Sporting CP';
  3453. }
  3454.  
  3455. .side h5:nth-child(1) a:nth-child(16) {
  3456. left: 900px;
  3457. background-position: -1020px -140px;
  3458. }
  3459.  
  3460. .side h5:nth-child(1) a:nth-child(16):hover:after {
  3461. content: 'CD Tondela';
  3462. }
  3463.  
  3464. .side h5:nth-child(1) a:nth-child(17) {
  3465. left: 960px;
  3466. background-position: -540px -140px;
  3467. }
  3468.  
  3469. .side h5:nth-child(1) a:nth-child(17):hover:after {
  3470. content: 'Vitoria SC';
  3471. }
  3472.  
  3473. .side h5:nth-child(1) a:nth-child(18) {
  3474. left: 1020px;
  3475. background-position: -360px -140px;
  3476. }
  3477.  
  3478. .side h5:nth-child(1) a:nth-child(18):hover:after {
  3479. content: 'Vitoria FC';
  3480. }
  3481.  
  3482. /* === end: top flair =========== */
  3483. /* === start: bars =========== */
  3484.  
  3485. a[href^="#bar"] {
  3486. display: inline-block;
  3487. box-sizing: border-box;
  3488. width: 1.25em;
  3489. height: 1.5em;
  3490. line-height: 1.5em;
  3491. text-align: center;
  3492. vertical-align: middle;
  3493. color: white!important;
  3494. background-color: gray;
  3495. font-size: 1em;
  3496. cursor: default;
  3497. pointer-events: none;
  3498. }
  3499.  
  3500. /* Delete this if you want to allow bars in the comments */
  3501. .comment a[href^="#bar"] {
  3502. display: none;
  3503. }
  3504.  
  3505. a[href^="#bar-2"]{width: 2.5em}
  3506. a[href^="#bar-3"]{width: 4em}
  3507. a[href^="#bar-4"]{width: 5.5em}
  3508. a[href^="#bar-5"]{width: 7em}
  3509. a[href^="#bar-6"]{width: 8.5em}
  3510. a[href^="#bar-7"]{width: 10em}
  3511. a[href^="#bar-8"]{width: 11.5em}
  3512. a[href^="#bar-9"]{width: 13em}
  3513. a[href^="#bar-10"]{width: 14.5em}
  3514. a[href^="#bar-11"]{width: 16em}
  3515. a[href^="#bar-12"]{width: 17.5em}
  3516. a[href^="#bar-13"]{width: 19em}
  3517. a[href^="#bar-14"]{width: 20.5em}
  3518. a[href^="#bar-15"]{width: 22em}
  3519. a[href^="#bar-16"]{width: 23.5em}
  3520. a[href^="#bar"][href$="-black"]{background-color: #2c2c2c}
  3521. a[href^="#bar"][href$="-red"]{background-color: #ea2212}
  3522. a[href^="#bar"][href$="-blue"]{background-color: #273a99}
  3523. a[href^="#bar"][href$="-green"]{background-color: #282}
  3524. a[href^="#bar"][href$="-white"]{background-color: white; color: #222!important; border: 1px solid silver}
  3525. a[href^="#bar"][href$="-skyblue"]{background-color: #5cbfeb; color: #222!important}
  3526. a[href^="#bar"][href$="-orange"]{background-color: #fdb913; color: #222!important}
  3527. a[href^="#bar"][href$="-yellow"]{background-color: #ffe512; color: #222!important}
  3528. a[href^="#bar"][href$="-claret"]{background-color: #801638}
  3529. a[href^="#bar"][href$="-gray"]{background-color: gray}
  3530.  
  3531. /* ===== end: bars =========== */
  3532.  
  3533. /* === start: Domestic flairs ========== */
  3534. a[href*="#pt-"], a[href^=".flair#pt-"]
  3535. {
  3536. white-space:nowrap;
  3537. text-decoration: none;
  3538. /*color:rgba(68,68,68,1);*/
  3539. cursor: default;
  3540. pointer-events: none;
  3541. text-decoration:none;
  3542. }
  3543.  
  3544. a[href*="#pt-"]:before, a[href^=".flair#pt-"]:before
  3545. {
  3546. content: '';
  3547. display:inline-block;
  3548. margin-top:5px;
  3549. width: 20px;
  3550. height: 20px;
  3551. background-image: url(%%domesticflair%%);
  3552. position: relative;
  3553. top: 5px;
  3554. left: -2px;
  3555. }
  3556. /* Domestic 2-letter */
  3557. .flair-pt-LP:before, a[href*="#pt-LP"]:before, .linkflair-Clubes .linkflairlabel:before , .flairoptionpane .linkflair-Clubes .linkflairlabel:before { background-position: -340px -60px; }
  3558. .flair-pt-404:before, a[href*="#pt-404"]:before { background-position: -0px -0px; }
  3559.  
  3560. /* Domestic 3-letter */
  3561. .flair-pt-SCP:before, a[href*="#pt-SCP"]:before { background-position: -0px -20px; }
  3562. .flair-pt-FCP:before, a[href*="#pt-FCP"]:before { background-position: -0px -40px; }
  3563. .flair-pt-SLB:before, a[href*="#pt-SLB"]:before { background-position: -0px -60px; }
  3564. .flair-pt-SCB:before, a[href*="#pt-SCB"]:before { background-position: -0px -80px; }
  3565. .flair-pt-VFC:before, a[href*="#pt-VFC"]:before { background-position: -0px -140px; }
  3566. .flair-pt-CSM:before, a[href*="#pt-CSM"]:before { background-position: -0px -160px; }
  3567. .flair-pt-VSC:before, a[href*="#pt-VSC"]:before { background-position: -0px -200px; }
  3568. .flair-pt-GDP:before, a[href*="#pt-GDP"]:before { background-position: -0px -220px; }
  3569. .flair-pt-CDN:before, a[href*="#pt-CDN"]:before { background-position: -0px -240px; }
  3570. .flair-pt-MOR:before, a[href*="#pt-MOR"]:before { background-position: -0px -280px; }
  3571. .flair-pt-BOA:before, a[href*="#pt-BOA"]:before { background-position: -0px -300px; }
  3572. .flair-pt-AAC:before, a[href*="#pt-AAC"]:before { background-position: -0px -320px; }
  3573. .flair-pt-CDT:before, a[href*="#pt-CDT"]:before { background-position: -0px -360px; }
  3574. .flair-pt-ACP:before, a[href*="#pt-ACP"]:before { background-position: -20px -40px; }
  3575. .flair-pt-CDM:before, a[href*="#pt-CDM"]:before { background-position: -20px -60px; }
  3576. .flair-pt-COL:before, a[href*="#pt-COL"]:before { background-position: -20px -80px; }
  3577. .flair-pt-PEN:before, a[href*="#pt-PEN"]:before { background-position: -20px -100px; }
  3578. .flair-pt-FAM:before, a[href*="#pt-FAM"]:before { background-position: -20px -120px; }
  3579. .flair-pt-CDF:before, a[href*="#pt-CDF"]:before { background-position: -20px -140px; }
  3580. .flair-pt-CVS:before, a[href*="#pt-CVS"]:before { background-position: -20px -160px; }
  3581. .flair-pt-GIL:before, a[href*="#pt-GIL"]:before { background-position: -20px -180px; }
  3582. .flair-pt-LXO:before, a[href*="#pt-LXO"]:before { background-position: -20px -200px; }
  3583. .flair-pt-SCC:before, a[href*="#pt-SCC"]:before { background-position: -20px -240px; }
  3584. .flair-pt-UDO:before, a[href*="#pt-UDO"]:before { background-position: -20px -260px; }
  3585. .flair-pt-PSC:before, a[href*="#pt-PSC"]:before { background-position: -20px -280px; }
  3586. .flair-pt-SCF:before, a[href*="#pt-SCF"]:before { background-position: -20px -320px; }
  3587. .flair-pt-OLH:before, a[href*="#pt-OLH"]:before { background-position: -20px -360px; }
  3588. .flair-pt-VAR:before, a[href*="#pt-VAR"]:before { background-position: -40px -20px; }
  3589. .flair-pt-ADF:before, a[href*="#pt-ADF"]:before { background-position: -40px -40px; }
  3590. .flair-pt-MIR:before, a[href*="#pt-MIR"]:before { background-position: -40px -60px; }
  3591. .flair-pt-SUS:before, a[href*="#pt-SUS"]:before { background-position: -40px -80px; }
  3592. .flair-pt-ALC:before, a[href*="#pt-ALC"]:before { background-position: -40px -100px; }
  3593. .flair-pt-BEI:before, a[href*="#pt-BEI"]:before { background-position: -40px -140px; }
  3594. .flair-pt-CUM:before, a[href*="#pt-CUM"]:before { background-position: -40px -160px; }
  3595. .flair-pt-OSL:before, a[href*="#pt-OSL"]:before { background-position: -340px -20px;}
  3596. .flair-pt-SEL:before, a[href*="#pt-SEL"]:before, .linkflair-Seleccao .linkflairlabel:before, .flairoptionpane .linkflair-Seleccao .linkflairlabel:before { background-position: -340px -40px; }
  3597. .flair-pt-NOS:before, a[href*="#pt-NOS"]:before, .linkflair-Primeira-Liga .linkflairlabel:before, .flairoptionpane .linkflair-Primeira-Liga .linkflairlabel:before { background-position: -340px -80px; }
  3598. .flair-pt-SEG:before, a[href*="#pt-SEG"]:before, .linkflair-Segunda-Liga .linkflairlabel:before, .flairoptionpane .linkflair-Segunda-Liga .linkflairlabel:before { background-position: -340px -100px; }
  3599. .flair-pt-UEL:before, a[href*="#pt-UEL"]:before, .linkflair-Liga-Europa .linkflairlabel:before , .flairoptionpane .linkflair-Liga-Europa:before { background-position: -340px -200px; }
  3600. .flair-pt-UCL:before, a[href*="#pt-UCL"]:before, .linkflair-Liga-dos-Campeoes .linkflairlabel:before, .flairoptionpane .linkflair-Liga-dos-Campeoes .linkflairlabel:before { background-position: -340px -220px; }
  3601. .flair-pt-CNS:before, a[href*="#pt-CNS"]:before, .linkflair-CNS .linkflairlabel:before { background-position: -340px -260px; }
  3602.  
  3603. /* Domestic 4-letter */
  3604. .flair-pt-RAFC:before, a[href*="#pt-RAFC"]:before { background-position: -0px -100px; }
  3605. .flair-pt-FCPF:before, a[href*="#pt-FCPF"]:before { background-position: -0px -120px; }
  3606. .flair-pt-AROU:before, a[href*="#pt-AROU"]:before { background-position: -0px -180px; }
  3607. .flair-pt-CFOB:before, a[href*="#pt-CFOB"]:before { background-position: -0px -260px; }
  3608. .flair-pt-UMAD:before, a[href*="#pt-UMAD"]:before { background-position: -0px -340px; }
  3609. .flair-pt-AVFC:before, a[href*="#pt-AVFC"]:before { background-position: -20px -20px; }
  3610. .flair-pt-AVES:before, a[href*="#pt-AVES"]:before { background-position: -20px -220px; }
  3611. .flair-pt-SCLA:before, a[href*="#pt-SCLA"]:before { background-position: -20px -300px; }
  3612. .flair-pt-FREA:before, a[href*="#pt-FREA"]:before { background-position: -20px -340px; }
  3613. .flair-pt-CDCP:before, a[href*="#pt-CDCP"]:before { background-position: -40px -120px; }
  3614. .flair-pt-TOTO:before, a[href*="#pt-TOTO"]:before { background-position: -340px -180px; }
  3615. .flair-pt-TACA:before, a[href*="#pt-TACA"]:before, .linkflair-Taca-de-Portugal .linkflairlabel:before, .flairoptionpane .linkflair-Taca-de-Portugal .linkflairlabel:before { background-position: -340px -120px; }
  3616. .flair-pt-LIGA:before, a[href*="#pt-LIGA"]:before, .linkflair-Taca-da-Liga .linkflairlabel:before, .flairoptionpane .linkflair-Taca-da-Liga .linkflairlabel:before { background-position: -340px -160px; }
  3617. .flair-pt-DISC:before, a[href*="#pt-DISC"]:before, .linkflair-Discussao .linkflairlabel:before, .flairoptionpane .linkflair-Discussao .linkflairlabel:before { background-position: -340px -240px; }
  3618. .flair-pt-META:before, a[href*="#pt-META"]:before, .linkflair-Meta .linkflairlabel:before, .flairoptionpane .linkflair-Meta .linkflairlabel:before { background-position: -340px -280px; }
  3619. .flair-pt-MRCD:before, a[href*="#pt-MRCD"]:before, .linkflair-Mercado .linkflairlabel:before, .flairoptionpane .linkflair-Mercado .linkflairlabel:before { background-position: -340px -300px;}
  3620.  
  3621. /* Domestic 5-Letter */
  3622. .flair-pt-STACA:before, a[href*="#pt-STACA"]:before, .linkflair-Supertaca .linkflairlabel:before, .flairoptionpane .linkflair-Supertaca .linkflairlabel:before { background-position: -340px -140px; }
  3623.  
  3624.  
  3625. table a[href*="#pt-"]
  3626. {
  3627. position:relative;
  3628. top: -5px;
  3629. }
  3630. /* === end: Domestic flairs ========== */
  3631. /* === begin:match thread icons === */
  3632. a.title:before, a[href^="#icon"][href$="-big"] {
  3633. width: 24px;
  3634. height: 24px;
  3635. background-image: url(%%match-large%%);
  3636. }
  3637.  
  3638. a[href^="#icon"], a[href^="#bar"] {
  3639. display: inline-block;
  3640. cursor: default;
  3641. pointer-events: none;
  3642. }
  3643. a[href^="#icon"] {
  3644. width: 16px;
  3645. height: 16px;
  3646. background-image: url(%%match-small%%);
  3647. background-position: -999px -999px;
  3648. }
  3649.  
  3650. a[href^="#icon-ball"] { background-position: 0 5%; }
  3651. a[href^="#icon-net"] { background-position: 0 25%; }
  3652. a[href^="#icon-whistle"] { background-position: 0 70%; }
  3653. a[href^="#icon-clock"] { background-position: 0 10%; }
  3654. a[href^="#icon-flag"] { background-position: 0 15%; }
  3655. a[href^="#icon-yellow"] { background-position: 0 75%; }
  3656. a[href^="#icon-red"] { background-position: 0 37.5%; }
  3657. a[href^="#icon-red-ball"] { background-position: 0 32.5%; }
  3658. a[href^="#icon-sub"] { background-position: 0 47.5%; }
  3659. a[href^="#icon-news"] { background-position: 0 27.5%; }
  3660. a[href^="#icon-notes"] { background-position: 0 30%; }
  3661. a[href^="#icon-info"] { background-position: 0 17.5%; }
  3662. a[href^="#icon-stream"] { background-position: 0 45%; }
  3663. a[href^="#icon-up"] { background-position: 0 62.5%; }
  3664. a[href^="#icon-down"] { background-position: 0 12.5%; }
  3665. a[href^="#icon-star"] { background-position: 0 42.5%; }
  3666. a[href^="#icon-alien"] { background-position: 0 0%; }
  3667. a[href^="#icon-beer"] { background-position: 0 7.5%; }
  3668. a[href^="#icon-trophy"] { background-position: 0 50%; }
  3669. a[href^="#icon-red-cross"] { background-position: 0 35%; }
  3670. /* === end:match thread icons === */
  3671.  
  3672. /* === start:linkflairlabels === */
  3673. div[class*="linkflair-"] .linkflairlabel:before {
  3674. content:'';
  3675. width: 20px;
  3676. height: 20px;
  3677. margin-right: 4px;
  3678. display:inline-block;
  3679. vertical-align:middle;
  3680. background-image:url(%%domesticflair%%);
  3681. }
  3682. div[class*="linkflair-"] .linkflairlabel
  3683. {
  3684. height: 22px;
  3685. line-height: 22px;
  3686. padding-top:0px;
  3687. padding-bottom:0px;
  3688. display:inline-block;
  3689. vertical-align:middle;
  3690. max-width: none;
  3691. padding-left: 5px;
  3692. padding-right: 5px;
  3693. }
  3694.  
  3695. .linkflair-Primeira-Liga .linkflairlabel, .flairoptionpane .linkflair-Primeira-Liga .linkflairlabel
  3696. {
  3697. background-color: rgba(68,126,76,1);
  3698. color: white;
  3699. }
  3700. .linkflair-Segunda-Liga .linkflairlabel, .flairoptionpane .linkflair-Segunda-Liga .linkflairlabel
  3701. {
  3702. background-color: rgba(204,0,0,1);
  3703. color: white;
  3704. }
  3705. .linkflair-Supertaca .linkflairlabel, .flairoptionpane .linkflair-Supertaca .linkflairlabel
  3706. {
  3707. background-color: rgba(0,51,102,1);
  3708. color: rgba(255,255,255,1);
  3709. }
  3710.  
  3711. .linkflair-Taca-da-Liga .linkflairlabel, .flairoptionpane .linkflair-Taca-da-Liga .linkflairlabel
  3712. {
  3713. background-color: rgba(94,130,166,1);
  3714. color: rgba(255,255,255,1);
  3715. }
  3716. .linkflair-Taca-de-Portugal .linkflairlabel, .flairoptionpane .linkflair-Taca-de-Portugal .linkflairlabel
  3717. {
  3718. background-color: rgba(0,128,255,1);
  3719. color: rgba(255,255,255,1);
  3720. }
  3721. .linkflair-Liga-dos-Campeoes .linkflairlabel, .flairoptionpane .linkflair-Liga-dos-Campeoes .linkflairlabel
  3722. {
  3723. background-color: rgba(255,201,38,1);
  3724. color: rgba(0,0,0,1);
  3725. }
  3726.  
  3727. .linkflair-Liga-Europa .linkflairlabel, .flairoptionpane .linkflair-Liga-Europa .linkflairlabel
  3728. {
  3729. background-color: rgba(178,133,0,1);
  3730. color: rgba(255,255,255,1);
  3731. }
  3732. .linkflair-Seleccao .linkflairlabel, .flairoptionpane .linkflair-Seleccao .linkflairlabel
  3733. {
  3734. background-color: rgba(105,140,0,1);
  3735. color: rgba(255,255,255,1);
  3736. }
  3737. .linkflair-Clubes .linkflairlabel, .flairoptionpane .linkflair-Clubes .linkflairlabel
  3738. {
  3739. background-color: rgba(191,207,255,1);
  3740. color: rgba(0,0,0,1);
  3741. }
  3742. .linkflair-Meta .linkflairlabel, .flairoptionpane .linkflair-Meta .linkflairlabel
  3743. {
  3744. background-color: rgba(102,102,102,1);
  3745. color: rgba(255,255,255,1);
  3746. }
  3747. .linkflair-Discussao .linkflairlabel, .flairoptionpane .linkflair-Discussao .linkflairlabel
  3748. {
  3749. background-color: rgba(255,147,38,1);
  3750. color: rgba(0,0,0,1);
  3751. }
  3752. .linkflair-CNS .linkflairlabel, .flairoptionpane .linkflair-CNS .linkflairlabel
  3753. {
  3754. background-color: rgba(0,102,76,1);
  3755. color: rgba(255,255,255,1);
  3756. }
  3757. .linkflair-Mercado .linkflairlabel, .flairoptionpane .linkflair-Mercado .linkflairlabel
  3758. {
  3759. background-color: rgba(223,191,255,1);
  3760. color: rgba(0,0,0,1);
  3761. }
  3762. /* === end:linkflairlabels === */
  3763. /* === International Flags === */
  3764. a[href*="#ct-"]:before
  3765. {
  3766. white-space: nowrap;
  3767. text-decoration: none;
  3768. cursor: default;
  3769. pointer-events: none;
  3770. content: "";
  3771. display: inline-block;
  3772. width: 20px;
  3773. height: 14px;
  3774. background-image: url(%%intflags-sm%%);
  3775. position: relative;
  3776. top:2px;
  3777. left: -2px;
  3778. border: 1px solid #cecece;
  3779. box-shadow: 1px 1px 3px #cccccc;
  3780. }
  3781. .flair-ct-404:before, a[href*="#ct-404"]:before { background-position: -0px -0px }
  3782. .flair-ct-UAE:before, a[href*="#ct-UAE"]:before { background-position: -0px -14px; }
  3783. .flair-ct-AFG:before, a[href*="#ct-AFG"]:before { background-position: -0px -28px; }
  3784. .flair-ct-ATG:before, a[href*="#ct-ATG"]:before { background-position: -0px -42px; }
  3785. .flair-ct-ALB:before, a[href*="#ct-ALB"]:before { background-position: -0px -56px; }
  3786. .flair-ct-ARM:before, a[href*="#ct-ARM"]:before { background-position: -0px -70px; }
  3787. .flair-ct-ANG:before, a[href*="#ct-ANG"]:before { background-position: -0px -84px; }
  3788. .flair-ct-ARG:before, a[href*="#ct-ARG"]:before { background-position: -0px -98px; }
  3789. .flair-ct-AUT:before, a[href*="#ct-AUT"]:before { background-position: -0px -112px; }
  3790. .flair-ct-AUS:before, a[href*="#ct-AUS"]:before { background-position: -0px -126px; }
  3791. .flair-ct-AZE:before, a[href*="#ct-AZE"]:before { background-position: -0px -140px; }
  3792. .flair-ct-BIH:before, a[href*="#ct-BIH"]:before { background-position: -0px -154px; }
  3793. .flair-ct-BRB:before, a[href*="#ct-BRB"]:before { background-position: -0px -168px; }
  3794. .flair-ct-BAN:before, a[href*="#ct-BAN"]:before { background-position: -0px -182px; }
  3795. .flair-ct-BEL:before, a[href*="#ct-BEL"]:before { background-position: -0px -196px; }
  3796. .flair-ct-BFA:before, a[href*="#ct-BFA"]:before { background-position: -0px -210px; }
  3797. .flair-ct-BUL:before, a[href*="#ct-BUL"]:before { background-position: -0px -224px; }
  3798. .flair-ct-BHR:before, a[href*="#ct-BHR"]:before { background-position: -0px -238px; }
  3799. .flair-ct-BDI:before, a[href*="#ct-BDI"]:before { background-position: -20px -0px; }
  3800. .flair-ct-BEN:before, a[href*="#ct-BEN"]:before { background-position: -20px -14px; }
  3801. .flair-ct-BRU:before, a[href*="#ct-BRU"]:before { background-position: -20px -28px; }
  3802. .flair-ct-BOL:before, a[href*="#ct-BOL"]:before { background-position: -20px -42px; }
  3803. .flair-ct-BRA:before, a[href*="#ct-BRA"]:before { background-position: -20px -56px; }
  3804. .flair-ct-BAH:before, a[href*="#ct-BAH"]:before { background-position: -20px -70px; }
  3805. .flair-ct-BHU:before, a[href*="#ct-BHU"]:before { background-position: -20px -84px; }
  3806. .flair-ct-BOT:before, a[href*="#ct-BOT"]:before { background-position: -20px -98px; }
  3807. .flair-ct-BLR:before, a[href*="#ct-BLR"]:before { background-position: -20px -112px; }
  3808. .flair-ct-BLZ:before, a[href*="#ct-BLZ"]:before { background-position: -20px -126px; }
  3809. .flair-ct-CAN:before, a[href*="#ct-CAN"]:before { background-position: -20px -140px; }
  3810. .flair-ct-COD:before, a[href*="#ct-COD"]:before { background-position: -20px -154px; }
  3811. .flair-ct-CTA:before, a[href*="#ct-CTA"]:before { background-position: -20px -168px; }
  3812. .flair-ct-CGO:before, a[href*="#ct-CGO"]:before { background-position: -20px -182px; }
  3813. .flair-ct-SUI:before, a[href*="#ct-SUI"]:before { background-position: -20px -196px; }
  3814. .flair-ct-CIV:before, a[href*="#ct-CIV"]:before { background-position: -20px -210px; }
  3815. .flair-ct-CHI:before, a[href*="#ct-CHI"]:before { background-position: -20px -224px; }
  3816. .flair-ct-CMR:before, a[href*="#ct-CMR"]:before { background-position: -20px -238px; }
  3817. .flair-ct-CHN:before, a[href*="#ct-CHN"]:before { background-position: -40px -0px; }
  3818. .flair-ct-COL:before, a[href*="#ct-COL"]:before { background-position: -40px -14px; }
  3819. .flair-ct-CRC:before, a[href*="#ct-CRC"]:before { background-position: -40px -28px; }
  3820. .flair-ct-CUB:before, a[href*="#ct-CUB"]:before { background-position: -40px -42px; }
  3821. .flair-ct-CPV:before, a[href*="#ct-CPV"]:before { background-position: -40px -56px; }
  3822. .flair-ct-CYP:before, a[href*="#ct-CYP"]:before { background-position: -40px -70px; }
  3823. .flair-ct-CZE:before, a[href*="#ct-CZE"]:before { background-position: -40px -84px; }
  3824. .flair-ct-GER:before, a[href*="#ct-GER"]:before { background-position: -40px -98px; }
  3825. .flair-ct-DJI:before, a[href*="#ct-DJI"]:before { background-position: -40px -112px; }
  3826. .flair-ct-DEN:before, a[href*="#ct-DEN"]:before { background-position: -40px -126px; }
  3827. .flair-ct-DMA:before, a[href*="#ct-DMA"]:before { background-position: -40px -140px; }
  3828. .flair-ct-DOM:before, a[href*="#ct-DOM"]:before { background-position: -40px -154px; }
  3829. .flair-ct-ALG:before, a[href*="#ct-ALG"]:before { background-position: -40px -168px; }
  3830. .flair-ct-ECU:before, a[href*="#ct-ECU"]:before { background-position: -40px -182px; }
  3831. .flair-ct-EST:before, a[href*="#ct-EST"]:before { background-position: -40px -196px; }
  3832. .flair-ct-EGY:before, a[href*="#ct-EGY"]:before { background-position: -40px -210px; }
  3833. .flair-ct-SDR:before, a[href*="#ct-SDR"]:before { background-position: -40px -224px; }
  3834. .flair-ct-ERI:before, a[href*="#ct-ERI"]:before { background-position: -40px -238px; }
  3835. .flair-ct-ESP:before, a[href*="#ct-ESP"]:before { background-position: -60px -0px; }
  3836. .flair-ct-ETH:before, a[href*="#ct-ETH"]:before { background-position: -60px -14px; }
  3837. .flair-ct-FIN:before, a[href*="#ct-FIN"]:before { background-position: -60px -28px; }
  3838. .flair-ct-FIJ:before, a[href*="#ct-FIJ"]:before { background-position: -60px -42px; }
  3839. .flair-ct-FSM:before, a[href*="#ct-FSM"]:before { background-position: -60px -56px; }
  3840. .flair-ct-FRA:before, a[href*="#ct-FRA"]:before { background-position: -60px -70px; }
  3841. .flair-ct-GAB:before, a[href*="#ct-GAB"]:before { background-position: -60px -84px; }
  3842. .flair-ct-GBR:before, a[href*="#ct-GBR"]:before { background-position: -60px -98px; }
  3843. .flair-ct-GRN:before, a[href*="#ct-GRN"]:before { background-position: -60px -112px; }
  3844. .flair-ct-GEO:before, a[href*="#ct-GEO"]:before { background-position: -60px -126px; }
  3845. .flair-ct-GHA:before, a[href*="#ct-GHA"]:before { background-position: -60px -140px; }
  3846. .flair-ct-GAM:before, a[href*="#ct-GAM"]:before { background-position: -60px -154px; }
  3847. .flair-ct-GUI:before, a[href*="#ct-GUI"]:before { background-position: -60px -168px; }
  3848. .flair-ct-EQG:before, a[href*="#ct-EQG"]:before { background-position: -60px -182px; }
  3849. .flair-ct-GRE:before, a[href*="#ct-GRE"]:before { background-position: -60px -196px; }
  3850. .flair-ct-GUA:before, a[href*="#ct-GUA"]:before { background-position: -60px -210px; }
  3851. .flair-ct-GNB:before, a[href*="#ct-GNB"]:before { background-position: -60px -224px; }
  3852. .flair-ct-GUY:before, a[href*="#ct-GUY"]:before { background-position: -60px -238px; }
  3853. .flair-ct-HON:before, a[href*="#ct-HON"]:before { background-position: -80px -0px; }
  3854. .flair-ct-CRO:before, a[href*="#ct-CRO"]:before { background-position: -80px -14px; }
  3855. .flair-ct-HAI:before, a[href*="#ct-HAI"]:before { background-position: -80px -28px; }
  3856. .flair-ct-HUN:before, a[href*="#ct-HUN"]:before { background-position: -80px -42px; }
  3857. .flair-ct-IDN:before, a[href*="#ct-IDN"]:before { background-position: -80px -56px; }
  3858. .flair-ct-IRL:before, a[href*="#ct-IRL"]:before { background-position: -80px -70px; }
  3859. .flair-ct-ISR:before, a[href*="#ct-ISR"]:before { background-position: -80px -84px; }
  3860. .flair-ct-IND:before, a[href*="#ct-IND"]:before { background-position: -80px -98px; }
  3861. .flair-ct-IRQ:before, a[href*="#ct-IRQ"]:before { background-position: -80px -112px; }
  3862. .flair-ct-IRN:before, a[href*="#ct-IRN"]:before { background-position: -80px -126px; }
  3863. .flair-ct-ISL:before, a[href*="#ct-ISL"]:before { background-position: -80px -140px; }
  3864. .flair-ct-ITA:before, a[href*="#ct-ITA"]:before { background-position: -80px -154px; }
  3865. .flair-ct-JAM:before, a[href*="#ct-JAM"]:before { background-position: -80px -168px; }
  3866. .flair-ct-JOR:before, a[href*="#ct-JOR"]:before { background-position: -80px -182px; }
  3867. .flair-ct-JAP:before, a[href*="#ct-JAP"]:before { background-position: -80px -196px; }
  3868. .flair-ct-KEN:before, a[href*="#ct-KEN"]:before { background-position: -80px -210px; }
  3869. .flair-ct-KGR:before, a[href*="#ct-KGR"]:before { background-position: -80px -224px; }
  3870. .flair-ct-CAM:before, a[href*="#ct-CAM"]:before { background-position: -80px -238px; }
  3871. .flair-ct-KIR:before, a[href*="#ct-KIR"]:before { background-position: -100px -0px; }
  3872. .flair-ct-COM:before, a[href*="#ct-COM"]:before { background-position: -100px -14px; }
  3873. .flair-ct-SKN:before, a[href*="#ct-SKN"]:before { background-position: -100px -28px; }
  3874. .flair-ct-PRK:before, a[href*="#ct-PRK"]:before { background-position: -100px -42px; }
  3875. .flair-ct-KOR:before, a[href*="#ct-KOR"]:before { background-position: -100px -56px; }
  3876. .flair-ct-KOS:before, a[href*="#ct-KOS"]:before { background-position: -100px -70px; }
  3877. .flair-ct-KUW:before, a[href*="#ct-KUW"]:before { background-position: -100px -84px; }
  3878. .flair-ct-KAZ:before, a[href*="#ct-KAZ"]:before { background-position: -100px -98px; }
  3879. .flair-ct-LAO:before, a[href*="#ct-LAO"]:before { background-position: -100px -112px; }
  3880. .flair-ct-LIB:before, a[href*="#ct-LIB"]:before { background-position: -100px -126px; }
  3881. .flair-ct-LCA:before, a[href*="#ct-LCA"]:before { background-position: -100px -140px; }
  3882. .flair-ct-LIE:before, a[href*="#ct-LIE"]:before { background-position: -100px -154px; }
  3883. .flair-ct-SRI:before, a[href*="#ct-SRI"]:before { background-position: -100px -168px; }
  3884. .flair-ct-LBR:before, a[href*="#ct-LBR"]:before { background-position: -100px -182px; }
  3885. .flair-ct-LES:before, a[href*="#ct-LES"]:before { background-position: -100px -196px; }
  3886. .flair-ct-LTU:before, a[href*="#ct-LTU"]:before { background-position: -100px -210px; }
  3887. .flair-ct-LUX:before, a[href*="#ct-LUX"]:before { background-position: -100px -224px; }
  3888. .flair-ct-LVA:before, a[href*="#ct-LVA"]:before { background-position: -100px -238px; }
  3889. .flair-ct-LBY:before, a[href*="#ct-LBY"]:before { background-position: -120px -0px; }
  3890. .flair-ct-MAR:before, a[href*="#ct-MAR"]:before { background-position: -120px -14px; }
  3891. .flair-ct-MON:before, a[href*="#ct-MON"]:before { background-position: -120px -28px; }
  3892. .flair-ct-MDA:before, a[href*="#ct-MDA"]:before { background-position: -120px -42px; }
  3893. .flair-ct-MNE:before, a[href*="#ct-MNE"]:before { background-position: -120px -56px; }
  3894. .flair-ct-MAD:before, a[href*="#ct-MAD"]:before { background-position: -120px -70px; }
  3895. .flair-ct-MAI:before, a[href*="#ct-MAI"]:before { background-position: -120px -84px; }
  3896. .flair-ct-MKD:before, a[href*="#ct-MKD"]:before { background-position: -120px -98px; }
  3897. .flair-ct-MLI:before, a[href*="#ct-MLI"]:before { background-position: -120px -112px; }
  3898. .flair-ct-BUR:before, a[href*="#ct-BUR"]:before { background-position: -120px -126px; }
  3899. .flair-ct-MNG:before, a[href*="#ct-MNG"]:before { background-position: -120px -140px; }
  3900. .flair-ct-MTN:before, a[href*="#ct-MTN"]:before { background-position: -120px -154px; }
  3901. .flair-ct-MLT:before, a[href*="#ct-MLT"]:before { background-position: -120px -168px; }
  3902. .flair-ct-MRI:before, a[href*="#ct-MRI"]:before { background-position: -120px -182px; }
  3903. .flair-ct-MDV:before, a[href*="#ct-MDV"]:before { background-position: -120px -196px; }
  3904. .flair-ct-MWI:before, a[href*="#ct-MWI"]:before { background-position: -120px -210px; }
  3905. .flair-ct-MEX:before, a[href*="#ct-MEX"]:before { background-position: -120px -224px; }
  3906. .flair-ct-MAS:before, a[href*="#ct-MAS"]:before { background-position: -120px -238px; }
  3907. .flair-ct-MOZ:before, a[href*="#ct-MOZ"]:before { background-position: -140px -0px; }
  3908. .flair-ct-NAM:before, a[href*="#ct-NAM"]:before { background-position: -140px -14px; }
  3909. .flair-ct-NIG:before, a[href*="#ct-NIG"]:before { background-position: -140px -28px; }
  3910. .flair-ct-NGA:before, a[href*="#ct-NGA"]:before { background-position: -140px -42px; }
  3911. .flair-ct-NCA:before, a[href*="#ct-NCA"]:before { background-position: -140px -56px; }
  3912. .flair-ct-NED:before, a[href*="#ct-NED"]:before { background-position: -140px -70px; }
  3913. .flair-ct-NOR:before, a[href*="#ct-NOR"]:before { background-position: -140px -84px; }
  3914. .flair-ct-NEP:before, a[href*="#ct-NEP"]:before { background-position: -140px -98px; }
  3915. .flair-ct-NAU:before, a[href*="#ct-NAU"]:before { background-position: -140px -112px; }
  3916. .flair-ct-NZL:before, a[href*="#ct-NZL"]:before { background-position: -140px -126px; }
  3917. .flair-ct-OMA:before, a[href*="#ct-OMA"]:before { background-position: -140px -140px; }
  3918. .flair-ct-PAN:before, a[href*="#ct-PAN"]:before { background-position: -140px -154px; }
  3919. .flair-ct-PER:before, a[href*="#ct-PER"]:before { background-position: -140px -168px; }
  3920. .flair-ct-PNG:before, a[href*="#ct-PNG"]:before { background-position: -140px -182px; }
  3921. .flair-ct-PHI:before, a[href*="#ct-PHI"]:before { background-position: -140px -196px; }
  3922. .flair-ct-PAK:before, a[href*="#ct-PAK"]:before { background-position: -140px -210px; }
  3923. .flair-ct-POL:before, a[href*="#ct-POL"]:before { background-position: -140px -224px; }
  3924. .flair-ct-POR:before, a[href*="#ct-POR"]:before { background-position: -140px -238px; }
  3925. .flair-ct-PLW:before, a[href*="#ct-PLW"]:before { background-position: -160px -0px; }
  3926. .flair-ct-PAR:before, a[href*="#ct-PAR"]:before { background-position: -160px -14px; }
  3927. .flair-ct-QAT:before, a[href*="#ct-QAT"]:before { background-position: -160px -28px; }
  3928. .flair-ct-ROU:before, a[href*="#ct-ROU"]:before { background-position: -160px -42px; }
  3929. .flair-ct-SRB:before, a[href*="#ct-SRB"]:before { background-position: -160px -56px; }
  3930. .flair-ct-RUS:before, a[href*="#ct-RUS"]:before { background-position: -160px -70px; }
  3931. .flair-ct-RWA:before, a[href*="#ct-RWA"]:before { background-position: -160px -84px; }
  3932. .flair-ct-KSA:before, a[href*="#ct-KSA"]:before { background-position: -160px -98px; }
  3933. .flair-ct-SOL:before, a[href*="#ct-SOL"]:before { background-position: -160px -112px; }
  3934. .flair-ct-SEY:before, a[href*="#ct-SEY"]:before { background-position: -160px -126px; }
  3935. .flair-ct-SDN:before, a[href*="#ct-SDN"]:before { background-position: -160px -140px; }
  3936. .flair-ct-SWE:before, a[href*="#ct-SWE"]:before { background-position: -160px -154px; }
  3937. .flair-ct-SIN:before, a[href*="#ct-SIN"]:before { background-position: -160px -168px; }
  3938. .flair-ct-SVN:before, a[href*="#ct-SVN"]:before { background-position: -160px -182px; }
  3939. .flair-ct-SVK:before, a[href*="#ct-SVK"]:before { background-position: -160px -196px; }
  3940. .flair-ct-SLE:before, a[href*="#ct-SLE"]:before { background-position: -160px -210px; }
  3941. .flair-ct-SMR:before, a[href*="#ct-SMR"]:before { background-position: -160px -224px; }
  3942. .flair-ct-SEN:before, a[href*="#ct-SEN"]:before { background-position: -160px -238px; }
  3943. .flair-ct-SOM:before, a[href*="#ct-SOM"]:before { background-position: -180px -0px; }
  3944. .flair-ct-SUR:before, a[href*="#ct-SUR"]:before { background-position: -180px -14px; }
  3945. .flair-ct-STP:before, a[href*="#ct-STP"]:before { background-position: -180px -28px; }
  3946. .flair-ct-SLV:before, a[href*="#ct-SLV"]:before { background-position: -180px -42px; }
  3947. .flair-ct-SYR:before, a[href*="#ct-SYR"]:before { background-position: -180px -56px; }
  3948. .flair-ct-SWZ:before, a[href*="#ct-SWZ"]:before { background-position: -180px -70px; }
  3949. .flair-ct-CHA:before, a[href*="#ct-CHA"]:before { background-position: -180px -84px; }
  3950. .flair-ct-TOG:before, a[href*="#ct-TOG"]:before { background-position: -180px -98px; }
  3951. .flair-ct-THA:before, a[href*="#ct-THA"]:before { background-position: -180px -112px; }
  3952. .flair-ct-TJK:before, a[href*="#ct-TJK"]:before { background-position: -180px -126px; }
  3953. .flair-ct-TLS:before, a[href*="#ct-TLS"]:before { background-position: -180px -140px; }
  3954. .flair-ct-TKM:before, a[href*="#ct-TKM"]:before { background-position: -180px -154px; }
  3955. .flair-ct-TUN:before, a[href*="#ct-TUN"]:before { background-position: -180px -168px; }
  3956. .flair-ct-TGA:before, a[href*="#ct-TGA"]:before { background-position: -180px -182px; }
  3957. .flair-ct-TUR:before, a[href*="#ct-TUR"]:before { background-position: -180px -196px; }
  3958. .flair-ct-TRI:before, a[href*="#ct-TRI"]:before { background-position: -180px -210px; }
  3959. .flair-ct-TRU:before, a[href*="#ct-TRU"]:before { background-position: -180px -224px; }
  3960. .flair-ct-SAM:before, a[href*="#ct-SAM"]:before { background-position: -180px -238px; }
  3961. .flair-ct-TAN:before, a[href*="#ct-TAN"]:before { background-position: -200px -0px; }
  3962. .flair-ct-UKR:before, a[href*="#ct-UKR"]:before { background-position: -200px -14px; }
  3963. .flair-ct-UGA:before, a[href*="#ct-UGA"]:before { background-position: -200px -28px; }
  3964. .flair-ct-USA:before, a[href*="#ct-USA"]:before { background-position: -200px -42px; }
  3965. .flair-ct-URU:before, a[href*="#ct-URU"]:before { background-position: -200px -56px; }
  3966. .flair-ct-UZB:before, a[href*="#ct-UZB"]:before { background-position: -200px -70px; }
  3967. .flair-ct-VAT:before, a[href*="#ct-VAT"]:before { background-position: -200px -84px; }
  3968. .flair-ct-VIN:before, a[href*="#ct-VIN"]:before { background-position: -200px -98px; }
  3969. .flair-ct-VEN:before, a[href*="#ct-VEN"]:before { background-position: -200px -112px; }
  3970. .flair-ct-VIE:before, a[href*="#ct-VIE"]:before { background-position: -200px -126px; }
  3971. .flair-ct-VAN:before, a[href*="#ct-VAN"]:before { background-position: -200px -140px; }
  3972. .flair-ct-SAM:before, a[href*="#ct-SAM"]:before { background-position: -200px -154px; }
  3973. .flair-ct-YEM:before, a[href*="#ct-YEM"]:before { background-position: -200px -168px; }
  3974. .flair-ct-RSA:before, a[href*="#ct-RSA"]:before { background-position: -200px -182px; }
  3975. .flair-ct-ZAM:before, a[href*="#ct-ZAM"]:before { background-position: -200px -196px; }
  3976. .flair-ct-ZIM:before, a[href*="#ct-ZIM"]:before { background-position: -200px -210px; }
  3977. .flair-ct-ASA:before, a[href*="#ct-ASA"]:before { background-position: -200px -224px; }
  3978. .flair-ct-AIA:before, a[href*="#ct-AIA"]:before { background-position: -200px -238px; }
  3979. .flair-ct-ARU:before, a[href*="#ct-ARU"]:before { background-position: -220px -0px; }
  3980. .flair-ct-BER:before, a[href*="#ct-BER"]:before { background-position: -220px -14px; }
  3981. .flair-ct-VGB:before, a[href*="#ct-VGB"]:before { background-position: -220px -28px; }
  3982. .flair-ct-BRU:before, a[href*="#ct-BRU"]:before { background-position: -220px -42px; }
  3983. .flair-ct-CAY:before, a[href*="#ct-CAY"]:before { background-position: -220px -56px; }
  3984. .flair-ct-TPE:before, a[href*="#ct-TPE"]:before { background-position: -220px -70px; }
  3985. .flair-ct-COK:before, a[href*="#ct-COK"]:before { background-position: -220px -84px; }
  3986. .flair-ct-CUW:before, a[href*="#ct-CUW"]:before { background-position: -220px -98px; }
  3987. .flair-ct-ENG:before, a[href*="#ct-ENG"]:before { background-position: -220px -112px; }
  3988. .flair-ct-FRO:before, a[href*="#ct-FRO"]:before { background-position: -240px -56px; }
  3989. .flair-ct-GUM:before, a[href*="#ct-GUM"]:before { background-position: -220px -126px; }
  3990. .flair-ct-HKG:before, a[href*="#ct-HKG"]:before { background-position: -220px -140px; }
  3991. .flair-ct-MAC:before, a[href*="#ct-MAC"]:before { background-position: -220px -154px; }
  3992. .flair-ct-MSR:before, a[href*="#ct-MSR"]:before { background-position: -220px -168px; }
  3993. .flair-ct-MYA:before, a[href*="#ct-MYA"]:before { background-position: -220px -182px; }
  3994. .flair-ct-NCL:before, a[href*="#ct-NCL"]:before { background-position: -220px -196px; }
  3995. .flair-ct-NIR:before, a[href*="#ct-NIR"]:before { background-position: -220px -210px; }
  3996. .flair-ct-PLE:before, a[href*="#ct-PLE"]:before { background-position: -220px -224px; }
  3997. .flair-ct-PUR:before, a[href*="#ct-PUR"]:before { background-position: -220px -238px; }
  3998. .flair-ct-SCO:before, a[href*="#ct-SCO"]:before { background-position: -240px -0px; }
  3999. .flair-ct-SSD:before, a[href*="#ct-SSD"]:before { background-position: -240px -14px; }
  4000. .flair-ct-TAH:before, a[href*="#ct-TAH"]:before { background-position: -240px -28px; }
  4001. .flair-ct-TCA:before, a[href*="#ct-TCA"]:before { background-position: -240px -42px; }
  4002. .flair-ct-AND:before, a[href*="#ct-AND"]:before { background-position: -240px -70px; }
  4003. .flair-ct-WAL:before, a[href*="#ct-WAL"]:before { background-position: -240px -84px; }
  4004. /* === end:International Flags ===*/
  4005. /* === Colors the title of what the AutoModerator posts in green === */
  4006. .thing[data-author="AutoModerator"] a.title {color:green; font-weight:bold;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement