Advertisement
Guest User

Backup

a guest
Mar 31st, 2020
814
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 99.22 KB | None | 0 0
  1. .premium-banner{
  2. display: none;
  3. }
  4.  
  5. .titlebox .md h6 {
  6. position: absolute;
  7. text-decoration: none;
  8. top: 192px;
  9. left: 16px;
  10. right: 353px;
  11. background-color: white;
  12. background-repeat: no-repeat;
  13. background-size: 2000px 55px;
  14. background-position: center center;
  15. border-style: inset;
  16. border-width: 2px;
  17. border-color: #20d0e8;
  18. color: #000;
  19. height: 30px;
  20. line-height: 30px;
  21. overflow: hidden;
  22. white-space: nowrap
  23. }
  24.  
  25. .titlebox .md h6 strong {
  26. display: block;
  27. text-indent: 100%;
  28. -webkit-animation: ticker 30s linear infinite;
  29. animation: ticker 30s linear infinite
  30. }
  31.  
  32. @-webkit-keyframes ticker {
  33. 0%,
  34. 98% {
  35. text-indent: 100%
  36. }
  37. 95% {
  38. opacity: 1;
  39. text-indent: -910px
  40. }
  41. 96% {
  42. opacity: 0;
  43. text-indent: -910px
  44. }
  45. 97%,
  46. 99% {
  47. opacity: 0
  48. }
  49. 100% {
  50. opacity: 1
  51. }
  52. }
  53.  
  54. @keyframes ticker {
  55. 0%,
  56. 98% {
  57. text-indent: 100%
  58. }
  59. 95% {
  60. opacity: 1;
  61. text-indent: -910px
  62. }
  63. 96% {
  64. opacity: 0;
  65. text-indent: -910px
  66. }
  67. 97%,
  68. 99% {
  69. opacity: 0
  70. }
  71. 100% {
  72. opacity: 1
  73. }
  74. }
  75.  
  76. .content {margin-top: 84px;}
  77.  
  78.  
  79.  
  80.  
  81. /*change readers and users here*/
  82. .subscribers .word {
  83. display: none;
  84. }
  85. .subscribers .number::after {
  86. content: " Monarchists Proliferating";
  87. }
  88.  
  89. .users-online .word {
  90. display: none;
  91. }
  92. .users-online .number::after {
  93. content: " Unwieldy Coalition Wars";
  94. }
  95.  
  96. .link .down { display: none; }
  97.  
  98. /*no downvotes*/
  99. .down { display: none; }
  100.  
  101. /*Spoiler Tags*/
  102. a[href$="/spoiler"] {
  103. background: #000 !important;
  104. color: #000 !important
  105. }
  106.  
  107. a[href$="/spoiler"]:hover {
  108. color: #FFF !important
  109. }
  110.  
  111. /*sticky menu bar*/
  112. /*moves links down to make space*/
  113. div.content {
  114. margin-top: 80px;
  115. }
  116. /*hack to enable positioning of child elements*/
  117. .titlebox form {
  118. position: static
  119. }
  120. /*turns top quote in sidebar into menu container*/
  121. .titlebox blockquote:first-child {
  122. border-left: none;
  123. position: absolute;
  124. z-index: 10;
  125. top: 70px;
  126. left: 40px
  127. }
  128. /*turns first paragraph into menu title*/
  129. .titlebox blockquote:first-child p:first-child {
  130. margin-top: 0px;
  131. padding: 5px;
  132. float: left;
  133. font-size: 12pt;
  134. background:#eff7ff;
  135. border: 1px solid #cee3f8;
  136. font-weight:bold;
  137. color:#555;
  138. cursor:default;
  139. }
  140. /*turns the lists into menus*/
  141. .titlebox blockquote ul {
  142. float: right;
  143. padding: 1px;
  144. background: #eff7ff;
  145. border: 1px solid #cee3f8;
  146. margin:0px;
  147. }
  148. /*hide and styles lists*/
  149. .titlebox blockquote ul li {
  150. display: none;
  151. padding:2px;
  152. text-align:center;
  153. }
  154. /*makes whole list item selectable*/
  155. .titlebox blockquote li a {
  156. display:block;
  157. }
  158. /*shows menu on hover*/
  159. .titlebox blockquote ul li:first-child, .titlebox blockquote ul:hover li {
  160. display: block
  161. }
  162. /*turns top list item into section header*/
  163. .titlebox blockquote li:first-child {
  164. font-size: 12pt;
  165. padding: 4px;
  166. cursor:default;
  167. }
  168. /*styling menu items*/
  169. .titlebox blockquote:first-child ul li:hover {
  170. background:#ffffff;
  171. }
  172. .titlebox blockquote li a:hover {
  173. color:orangered;
  174. }
  175. /*custom size for menu sections*/
  176. .titlebox blockquote ul:nth-of-type(1) {width:100px;}
  177. .titlebox blockquote ul:nth-of-type(2) {width:100px;}
  178.  
  179. /* ================================== Userflairs ============================*/
  180.  
  181. .flair{
  182. text-indent: -9999px;
  183. margin-right: 3px;
  184. width: auto;
  185. height: auto;
  186. display: inline-block;
  187. background-repeat: no-repeat;
  188. background-image: url(%%flairsheet%%);
  189. vertical-align: middle;
  190. border-width: 1;
  191. margin-left: 0.5em;
  192. margin-right: 0.5em;
  193. padding: 0;
  194. background-color: transparent;
  195. cursor: help;
  196. border-radius: 0px
  197. }
  198.  
  199. .flair: hover {
  200. width: auto;
  201. text-indent: 0;
  202. background-image: none;
  203. font-weight: bold;
  204. line-height: auto;
  205. margin: 0 3px;
  206. color: black;
  207. }
  208. .side .flairselector {
  209. left: auto!important;
  210. right: 600px;
  211. }
  212.  
  213.  
  214.  
  215.  
  216.  
  217. /* Obwohl wir nur die von deutschsprachigen Ländern brauchen werden, sind alle vorbereitet */
  218.  
  219. .flair {
  220. background: url(%%flairsheet%%) no-repeat -9999px;
  221. border: 0;
  222. padding: 0;
  223. }
  224.  
  225.  
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232.  
  233.  
  234. .flair-abkhazia {
  235. width: 32px;
  236. height: 22px;
  237. background-position: 0 0;
  238. }
  239.  
  240. .flair-afghanistan {
  241. width: 32px;
  242. height: 22px;
  243. background-position: -32px 0;
  244. }
  245.  
  246. .flair-albania {
  247. width: 32px;
  248. height: 22px;
  249. background-position: -64px 0;
  250. }
  251.  
  252. .flair-algeria {
  253. width: 32px;
  254. height: 22px;
  255. background-position: -96px 0;
  256. }
  257.  
  258. .flair-americansamoa {
  259. width: 32px;
  260. height: 22px;
  261. background-position: -128px 0;
  262. }
  263.  
  264. .flair-andorra {
  265. width: 32px;
  266. height: 22px;
  267. background-position: -160px 0;
  268. }
  269.  
  270. .flair-angola {
  271. width: 32px;
  272. height: 22px;
  273. background-position: -192px 0;
  274. }
  275.  
  276. .flair-anguilla {
  277. width: 32px;
  278. height: 22px;
  279. background-position: -224px 0;
  280. }
  281.  
  282. .flair-antigua {
  283. width: 32px;
  284. height: 22px;
  285. background-position: -256px 0;
  286. }
  287.  
  288. .flair-argentina {
  289. width: 32px;
  290. height: 22px;
  291. background-position: -288px 0;
  292. }
  293.  
  294. .flair-armenia {
  295. width: 32px;
  296. height: 22px;
  297. background-position: -320px 0;
  298. }
  299.  
  300. .flair-aruba {
  301. width: 32px;
  302. height: 22px;
  303. background-position: -352px 0;
  304. }
  305.  
  306. .flair-australia {
  307. width: 32px;
  308. height: 22px;
  309. background-position: -416px 0;
  310. }
  311.  
  312. .flair-austria {
  313. width: 32px;
  314. height: 22px;
  315. background-position: 0 -22px;
  316. }
  317.  
  318. .flair-azerbaijan {
  319. width: 32px;
  320. height: 22px;
  321. background-position: -32px -22px;
  322. }
  323.  
  324. .flair-bahamas {
  325. width: 32px;
  326. height: 22px;
  327. background-position: -64px -22px;
  328. }
  329.  
  330. .flair-bahrain {
  331. width: 32px;
  332. height: 22px;
  333. background-position: -96px -22px;
  334. }
  335.  
  336. .flair-bangladesh {
  337. width: 32px;
  338. height: 22px;
  339. background-position: -128px -22px;
  340. }
  341.  
  342. .flair-barbados {
  343. width: 32px;
  344. height: 22px;
  345. background-position: -160px -22px;
  346. }
  347.  
  348. .flair-belarus {
  349. width: 32px;
  350. height: 22px;
  351. background-position: -192px -22px;
  352. }
  353.  
  354. .flair-belgium {
  355. width: 32px;
  356. height: 22px;
  357. background-position: -224px -22px;
  358. }
  359.  
  360. .flair-belize {
  361. width: 32px;
  362. height: 22px;
  363. background-position: -256px -22px;
  364. }
  365.  
  366. .flair-benin {
  367. width: 32px;
  368. height: 22px;
  369. background-position: -288px -22px;
  370. }
  371.  
  372. .flair-bermuda {
  373. width: 32px;
  374. height: 22px;
  375. background-position: -320px -22px;
  376. }
  377.  
  378. .flair-bhutan {
  379. width: 32px;
  380. height: 22px;
  381. background-position: -352px -22px;
  382. }
  383.  
  384. .flair-bolivia {
  385. width: 32px;
  386. height: 22px;
  387. background-position: -384px -22px;
  388. }
  389.  
  390. .flair-bosnia {
  391. width: 32px;
  392. height: 22px;
  393. background-position: -416px -22px;
  394. }
  395.  
  396. .flair-botswana {
  397. width: 32px;
  398. height: 22px;
  399. background-position: 0 -44px;
  400. }
  401.  
  402. .flair-brazil {
  403. width: 32px;
  404. height: 22px;
  405. background-position: -32px -44px;
  406. }
  407.  
  408. .flair-brunei {
  409. width: 32px;
  410. height: 22px;
  411. background-position: -128px -44px;
  412. }
  413.  
  414. .flair-bulgaria {
  415. width: 32px;
  416. height: 22px;
  417. background-position: -160px -44px;
  418. }
  419.  
  420. .flair-burkinafaso {
  421. width: 32px;
  422. height: 22px;
  423. background-position: -192px -44px;
  424. }
  425.  
  426. .flair-burma {
  427. width: 32px;
  428. height: 22px;
  429. background-position: -224px -44px;
  430. }
  431.  
  432. .flair-burundi {
  433. width: 32px;
  434. height: 22px;
  435. background-position: -256px -44px;
  436. }
  437.  
  438. .flair-cambodia {
  439. width: 32px;
  440. height: 22px;
  441. background-position: -288px -44px;
  442. }
  443.  
  444. .flair-cameroon {
  445. width: 32px;
  446. height: 22px;
  447. background-position: -320px -44px;
  448. }
  449.  
  450. .flair-eaf {
  451. width: 32px;
  452. height: 22px;
  453. background-position: -352px -44px;
  454. }
  455.  
  456.  
  457. .flair-canada {
  458. width: 32px;
  459. height: 22px;
  460. background-position: -288px -66px;
  461. }
  462.  
  463. .flair-cape-verde {
  464. width: 32px;
  465. height: 22px;
  466. background-position: -416px -44px;
  467. }
  468.  
  469. .flair-catalonia {
  470. width: 32px;
  471. height: 22px;
  472. background-position: 0 -66px;
  473. }
  474.  
  475. .flair-catalonia-alt {
  476. width: 32px;
  477. height: 22px;
  478. background-position: -32px -66px;
  479. }
  480.  
  481. .flair-caymanislands {
  482. width: 32px;
  483. height: 22px;
  484. background-position: -64px -66px;
  485. }
  486.  
  487. .flair-centralafricanrepublic {
  488. width: 32px;
  489. height: 22px;
  490. background-position: -96px -66px;
  491. }
  492.  
  493. .flair-chad {
  494. width: 32px;
  495. height: 22px;
  496. background-position: -160px -66px;
  497. }
  498.  
  499. .flair-chile {
  500. width: 32px;
  501. height: 22px;
  502. background-position: -192px -66px;
  503. }
  504.  
  505. .flair-china {
  506. width: 32px;
  507. height: 22px;
  508. background-position: -224px -66px;
  509. }
  510.  
  511. .flair-chrismasislands {
  512. width: 32px;
  513. height: 22px;
  514. background-position: -320px -66px;
  515. }
  516.  
  517. .flair-colombia {
  518. width: 32px;
  519. height: 22px;
  520. background-position: -352px -66px;
  521. }
  522.  
  523. .flair-comoros {
  524. width: 32px;
  525. height: 22px;
  526. background-position: -384px -66px;
  527. }
  528.  
  529. .flair-congo {
  530. width: 32px;
  531. height: 22px;
  532. background-position: -416px -66px;
  533. }
  534.  
  535. .flair-cookislands {
  536. width: 32px;
  537. height: 22px;
  538. background-position: -64px -88px;
  539. }
  540.  
  541. .flair-costarica {
  542. width: 32px;
  543. height: 22px;
  544. background-position: -128px -88px;
  545. }
  546.  
  547. .flair-croatia {
  548. width: 32px;
  549. height: 22px;
  550. background-position: -160px -88px;
  551. }
  552.  
  553. .flair-cuba {
  554. width: 32px;
  555. height: 22px;
  556. background-position: -192px -88px;
  557. }
  558.  
  559. .flair-cyprus {
  560. width: 32px;
  561. height: 22px;
  562. background-position: -224px -88px;
  563. }
  564.  
  565. .flair-czech {
  566. width: 32px;
  567. height: 22px;
  568. background-position: -288px -88px;
  569. }
  570.  
  571. .flair-denmark {
  572. width: 32px;
  573. height: 22px;
  574. background-position: -352px -88px;
  575. }
  576.  
  577. .flair-djibouti {
  578. width: 32px;
  579. height: 22px;
  580. background-position: -384px -88px;
  581. }
  582.  
  583. .flair-dominica {
  584. width: 32px;
  585. height: 22px;
  586. background-position: -416px -88px;
  587. }
  588.  
  589. .flair-dominicanrep {
  590. width: 32px;
  591. height: 22px;
  592. background-position: 0 -110px;
  593. }
  594.  
  595. .flair-drcongo {
  596. width: 32px;
  597. height: 22px;
  598. background-position: -32px -110px;
  599. }
  600.  
  601. .flair-ecuador {
  602. width: 32px;
  603. height: 22px;
  604. background-position: -128px -110px;
  605. }
  606.  
  607. .flair-basque {
  608. width: 32px;
  609. height: 22px;
  610. background-position: -160px -110px;
  611. }
  612.  
  613. .flair-egypt {
  614. width: 32px;
  615. height: 22px;
  616. background-position: -128px -132px;
  617. }
  618.  
  619. .flair-elsalvador {
  620. width: 32px;
  621. height: 22px;
  622. background-position: -160px -132px;
  623. }
  624.  
  625. .flair-england {
  626. width: 32px;
  627. height: 22px;
  628. background-position: -192px -132px;
  629. }
  630.  
  631. .flair-equatorialguinea {
  632. width: 32px;
  633. height: 22px;
  634. background-position: -224px -132px;
  635. }
  636.  
  637. .flair-eritrea {
  638. width: 32px;
  639. height: 22px;
  640. background-position: -256px -132px;
  641. }
  642.  
  643. .flair-estonia {
  644. width: 32px;
  645. height: 22px;
  646. background-position: -288px -132px;
  647. }
  648.  
  649. .flair-ethiopia {
  650. width: 32px;
  651. height: 22px;
  652. background-position: -384px -132px;
  653. }
  654.  
  655. .flair-egyptalt {
  656. width: 32px;
  657. height: 22px;
  658. background-position: -448px -44px;
  659. }
  660.  
  661. .flair-frmorocco {
  662. width: 32px;
  663. height: 22px;
  664. background-position: -384px -44px;
  665. }
  666.  
  667. .flair-falklands {
  668. width: 32px;
  669. height: 22px;
  670. background-position: -32px -154px;
  671. }
  672.  
  673. .flair-faroeislands {
  674. width: 32px;
  675. height: 22px;
  676. background-position: -64px -154px;
  677. }
  678.  
  679. .flair-fiji {
  680. width: 32px;
  681. height: 22px;
  682. background-position: -96px -154px;
  683. }
  684.  
  685. .flair-finland {
  686. width: 32px;
  687. height: 22px;
  688. background-position: -192px -154px;
  689. }
  690.  
  691. .flair-france {
  692. width: 32px;
  693. height: 22px;
  694. background-position: -224px -154px;
  695. }
  696.  
  697. .flair-gabon {
  698. width: 32px;
  699. height: 22px;
  700. background-position: -256px -154px;
  701. }
  702.  
  703. .flair-gambia {
  704. width: 32px;
  705. height: 22px;
  706. background-position: -288px -154px;
  707. }
  708.  
  709. .flair-georgia {
  710. width: 32px;
  711. height: 22px;
  712. background-position: -320px -154px;
  713. }
  714.  
  715. .flair-germany {
  716. width: 32px;
  717. height: 22px;
  718. background-position: -352px -154px;
  719. }
  720.  
  721. .flair-ghana {
  722. width: 32px;
  723. height: 22px;
  724. background-position: -384px -154px;
  725. }
  726.  
  727. .flair-gibraltar {
  728. width: 32px;
  729. height: 22px;
  730. background-position: -416px -154px;
  731. }
  732.  
  733. .flair-greece {
  734. width: 32px;
  735. height: 22px;
  736. background-position: -32px -176px;
  737. }
  738.  
  739. .flair-greenland {
  740. width: 32px;
  741. height: 22px;
  742. background-position: -96px -176px;
  743. }
  744.  
  745. .flair-grenada {
  746. width: 32px;
  747. height: 22px;
  748. background-position: -128px -176px;
  749. }
  750.  
  751. .flair-guadeloupe {
  752. width: 32px;
  753. height: 22px;
  754. background-position: -160px -176px;
  755. }
  756.  
  757. .flair-guam {
  758. width: 32px;
  759. height: 22px;
  760. background-position: -192px -176px;
  761. }
  762.  
  763. .flair-guatemala {
  764. width: 32px;
  765. height: 22px;
  766. background-position: -224px -176px;
  767. }
  768.  
  769. .flair-guinea {
  770. width: 32px;
  771. height: 22px;
  772. background-position: -256px -176px;
  773. }
  774.  
  775. .flair-guineabissau {
  776. width: 32px;
  777. height: 22px;
  778. background-position: -288px -176px;
  779. }
  780.  
  781. .flair-guyana {
  782. width: 32px;
  783. height: 22px;
  784. background-position: -320px -176px;
  785. }
  786.  
  787. .flair-haiti {
  788. width: 32px;
  789. height: 22px;
  790. background-position: -352px -176px;
  791. }
  792.  
  793. .flair-honduras {
  794. width: 32px;
  795. height: 22px;
  796. background-position: 0 -198px;
  797. }
  798.  
  799. .flair-hongkong {
  800. width: 32px;
  801. height: 22px;
  802. background-position: -32px -198px;
  803. }
  804.  
  805. .flair-hungary {
  806. width: 32px;
  807. height: 22px;
  808. background-position: -64px -198px;
  809. }
  810.  
  811. .flair-iceland {
  812. width: 32px;
  813. height: 22px;
  814. background-position: -96px -198px;
  815. }
  816.  
  817. .flair-india {
  818. width: 32px;
  819. height: 22px;
  820. background-position: -128px -198px;
  821. }
  822.  
  823. .flair-indonesia {
  824. width: 32px;
  825. height: 22px;
  826. background-position: -224px -198px;
  827. }
  828.  
  829. .flair-iran {
  830. width: 32px;
  831. height: 22px;
  832. background-position: -288px -198px;
  833. }
  834.  
  835. .flair-iran-alt {
  836. width: 32px;
  837. height: 22px;
  838. background-position: -416px -132px;
  839. }
  840.  
  841. .flair-ethiopia-alt {
  842. width: 32px;
  843. height: 22px;
  844. background-position: -416px -110px;
  845. }
  846.  
  847. .flair-iraq-kingdom {
  848. width: 32px;
  849. height: 22px;
  850. background-position: -384px -110px;
  851. }
  852.  
  853. .flair-iraq {
  854. width: 32px;
  855. height: 22px;
  856. background-position: -320px -198px;
  857. }
  858.  
  859. .flair-ireland {
  860. width: 32px;
  861. height: 22px;
  862. background-position: -352px -198px;
  863. }
  864.  
  865. .flair-islamicstate {
  866. width: 32px;
  867. height: 22px;
  868. background-position: -416px -198px;
  869. }
  870.  
  871. .flair-israel {
  872. width: 32px;
  873. height: 22px;
  874. background-position: 0 -220px;
  875. }
  876.  
  877. .flair-italy {
  878. width: 32px;
  879. height: 22px;
  880. background-position: -32px -220px;
  881. }
  882.  
  883. .flair-ivorycoast {
  884. width: 32px;
  885. height: 22px;
  886. background-position: -64px -220px;
  887. }
  888.  
  889. .flair-jamaica {
  890. width: 32px;
  891. height: 22px;
  892. background-position: -96px -220px;
  893. }
  894.  
  895. .flair-japan {
  896. width: 32px;
  897. height: 22px;
  898. background-position: -128px -220px;
  899. }
  900.  
  901. .flair-jordan {
  902. width: 32px;
  903. height: 22px;
  904. background-position: -160px -220px;
  905. }
  906.  
  907. .flair-kazakhstan {
  908. width: 32px;
  909. height: 22px;
  910. background-position: -192px -220px;
  911. }
  912.  
  913. .flair-kenya {
  914. width: 32px;
  915. height: 22px;
  916. background-position: -224px -220px;
  917. }
  918.  
  919. .flair-kiribati {
  920. width: 32px;
  921. height: 22px;
  922. background-position: -256px -220px;
  923. }
  924.  
  925. .flair-kosovo {
  926. width: 32px;
  927. height: 22px;
  928. background-position: -288px -220px;
  929. }
  930.  
  931. .flair-kurdistan {
  932. width: 32px;
  933. height: 22px;
  934. background-position: -320px -220px;
  935. }
  936.  
  937. .flair-kuwait {
  938. width: 32px;
  939. height: 22px;
  940. background-position: -352px -220px;
  941. }
  942.  
  943. .flair-kyrgystan {
  944. width: 32px;
  945. height: 22px;
  946. background-position: -384px -220px;
  947. }
  948.  
  949. .flair-laos {
  950. width: 32px;
  951. height: 22px;
  952. background-position: -416px -220px;
  953. }
  954.  
  955. .flair-laosandvietnam {
  956. width: 32px;
  957. height: 22px;
  958. background-position: 0 -242px;
  959. }
  960.  
  961. .flair-latvia {
  962. width: 32px;
  963. height: 22px;
  964. background-position: -32px -242px;
  965. }
  966.  
  967. .flair-lebanon {
  968. width: 32px;
  969. height: 22px;
  970. background-position: -64px -242px;
  971. }
  972.  
  973. .flair-southyemen {
  974. width: 32px;
  975. height: 22px;
  976. background-position: -96px -242px;
  977. }
  978.  
  979. .flair-lesotho {
  980. width: 32px;
  981. height: 22px;
  982. background-position: -128px -242px;
  983. }
  984.  
  985. .flair-liberia {
  986. width: 32px;
  987. height: 22px;
  988. background-position: -160px -242px;
  989. }
  990.  
  991. .flair-libya {
  992. width: 32px;
  993. height: 22px;
  994. background-position: -192px -242px;
  995. }
  996.  
  997. .flair-liechtenstein {
  998. width: 32px;
  999. height: 22px;
  1000. background-position: -256px -242px;
  1001. }
  1002.  
  1003. .flair-lithuania {
  1004. width: 32px;
  1005. height: 22px;
  1006. background-position: -288px -242px;
  1007. }
  1008.  
  1009. .flair-luxembourg {
  1010. width: 32px;
  1011. height: 22px;
  1012. background-position: -320px -242px;
  1013. }
  1014.  
  1015. .flair-macau {
  1016. width: 32px;
  1017. height: 22px;
  1018. background-position: -352px -242px;
  1019. }
  1020.  
  1021. .flair-macedonia {
  1022. width: 32px;
  1023. height: 22px;
  1024. background-position: -416px -242px;
  1025. }
  1026.  
  1027. .flair-madagascar {
  1028. width: 32px;
  1029. height: 22px;
  1030. background-position: 0 -264px;
  1031. }
  1032.  
  1033. .flair-malawi {
  1034. width: 32px;
  1035. height: 22px;
  1036. background-position: -64px -264px;
  1037. }
  1038.  
  1039. .flair-malaysia {
  1040. width: 32px;
  1041. height: 22px;
  1042. background-position: -96px -264px;
  1043. }
  1044.  
  1045. .flair-maldives {
  1046. width: 32px;
  1047. height: 22px;
  1048. background-position: -128px -264px;
  1049. }
  1050.  
  1051. .flair-mali {
  1052. width: 32px;
  1053. height: 22px;
  1054. background-position: -160px -264px;
  1055. }
  1056.  
  1057. .flair-malta {
  1058. width: 32px;
  1059. height: 22px;
  1060. background-position: -192px -264px;
  1061. }
  1062.  
  1063. .flair-manx {
  1064. width: 32px;
  1065. height: 22px;
  1066. background-position: -224px -264px;
  1067. }
  1068.  
  1069. .flair-marshallislands {
  1070. width: 32px;
  1071. height: 22px;
  1072. background-position: -256px -264px;
  1073. }
  1074.  
  1075. .flair-martinique {
  1076. width: 32px;
  1077. height: 22px;
  1078. background-position: -288px -264px;
  1079. }
  1080.  
  1081. .flair-mauritania {
  1082. width: 32px;
  1083. height: 22px;
  1084. background-position: -320px -264px;
  1085. }
  1086.  
  1087. .flair-mauritus {
  1088. width: 32px;
  1089. height: 22px;
  1090. background-position: -352px -264px;
  1091. }
  1092.  
  1093. .flair-mexico {
  1094. width: 32px;
  1095. height: 22px;
  1096. background-position: -384px -264px;
  1097. }
  1098.  
  1099. .flair-micronesia {
  1100. width: 32px;
  1101. height: 22px;
  1102. background-position: -416px -264px;
  1103. }
  1104. .flair-quebec {
  1105. width: 32px;
  1106. height: 22px;
  1107. background-position: -192px -198px;
  1108. }
  1109.  
  1110. .flair-moldova {
  1111. width: 32px;
  1112. height: 22px;
  1113. background-position: 0 -286px;
  1114. }
  1115.  
  1116. .flair-monaco {
  1117. width: 32px;
  1118. height: 22px;
  1119. background-position: -64px -286px;
  1120. }
  1121.  
  1122. .flair-mongolia {
  1123. width: 32px;
  1124. height: 22px;
  1125. background-position: -96px -286px;
  1126. }
  1127.  
  1128. .flair-montenegro {
  1129. width: 32px;
  1130. height: 22px;
  1131. background-position: -128px -286px;
  1132. }
  1133.  
  1134. .flair-montserrat {
  1135. width: 32px;
  1136. height: 22px;
  1137. background-position: -160px -286px;
  1138. }
  1139.  
  1140. .flair-morocco {
  1141. width: 32px;
  1142. height: 22px;
  1143. background-position: -192px -286px;
  1144. }
  1145.  
  1146. .flair-mozambique {
  1147. width: 32px;
  1148. height: 22px;
  1149. background-position: -224px -286px;
  1150. }
  1151.  
  1152. .flair-myanmar {
  1153. width: 32px;
  1154. height: 22px;
  1155. background-position: -256px -286px;
  1156. }
  1157.  
  1158. .flair-namibia {
  1159. width: 32px;
  1160. height: 22px;
  1161. background-position: -288px -286px;
  1162. }
  1163.  
  1164. .flair-nauru {
  1165. width: 32px;
  1166. height: 22px;
  1167. background-position: -352px -286px;
  1168. }
  1169.  
  1170. .flair-nepal {
  1171. width: 32px;
  1172. height: 21px;
  1173. background-position: -384px -287px;
  1174. }
  1175.  
  1176. .flair-netherlands {
  1177. width: 32px;
  1178. height: 22px;
  1179. background-position: -416px -286px;
  1180. }
  1181.  
  1182. .flair-netherlandsantilles {
  1183. width: 32px;
  1184. height: 22px;
  1185. background-position: 0 -308px;
  1186. }
  1187.  
  1188. .flair-newcaledonia {
  1189. width: 32px;
  1190. height: 22px;
  1191. background-position: -32px -308px;
  1192. }
  1193.  
  1194. .flair-newzealand {
  1195. width: 32px;
  1196. height: 22px;
  1197. background-position: -64px -308px;
  1198. }
  1199.  
  1200. .flair-nicaragua {
  1201. width: 32px;
  1202. height: 22px;
  1203. background-position: -96px -308px;
  1204. }
  1205.  
  1206. .flair-niger {
  1207. width: 32px;
  1208. height: 22px;
  1209. background-position: -128px -308px;
  1210. }
  1211.  
  1212. .flair-nigeria {
  1213. width: 32px;
  1214. height: 22px;
  1215. background-position: -192px -308px;
  1216. }
  1217.  
  1218. .flair-niue {
  1219. width: 32px;
  1220. height: 22px;
  1221. background-position: -224px -308px;
  1222. }
  1223.  
  1224. .flair-norfolkisland {
  1225. width: 32px;
  1226. height: 22px;
  1227. background-position: -256px -308px;
  1228. }
  1229.  
  1230. .flair-northernireland {
  1231. width: 32px;
  1232. height: 22px;
  1233. background-position: -320px -308px;
  1234. }
  1235.  
  1236. .flair-northkorea {
  1237. width: 32px;
  1238. height: 22px;
  1239. background-position: -352px -308px;
  1240. }
  1241.  
  1242. .flair-northmarianaisles {
  1243. width: 32px;
  1244. height: 22px;
  1245. background-position: -416px -308px;
  1246. }
  1247.  
  1248. .flair-norway {
  1249. width: 32px;
  1250. height: 22px;
  1251. background-position: 0 -330px;
  1252. }
  1253.  
  1254. .flair-novorossiya {
  1255. width: 32px;
  1256. height: 22px;
  1257. background-position: -32px -330px;
  1258. }
  1259.  
  1260. .flair-oman {
  1261. width: 32px;
  1262. height: 22px;
  1263. background-position: -128px -330px;
  1264. }
  1265.  
  1266. .flair-pakistan {
  1267. width: 32px;
  1268. height: 22px;
  1269. background-position: -160px -330px;
  1270. }
  1271.  
  1272. .flair-palau {
  1273. width: 32px;
  1274. height: 22px;
  1275. background-position: -192px -330px;
  1276. }
  1277.  
  1278. .flair-panama {
  1279. width: 32px;
  1280. height: 22px;
  1281. background-position: -224px -330px;
  1282. }
  1283.  
  1284. .flair-papuanewguinea {
  1285. width: 32px;
  1286. height: 22px;
  1287. background-position: -256px -330px;
  1288. }
  1289.  
  1290. .flair-paraguay {
  1291. width: 32px;
  1292. height: 22px;
  1293. background-position: -288px -330px;
  1294. }
  1295.  
  1296. .flair-peru {
  1297. width: 32px;
  1298. height: 22px;
  1299. background-position: -320px -330px;
  1300. }
  1301.  
  1302. .flair-philippines {
  1303. width: 32px;
  1304. height: 22px;
  1305. background-position: -352px -330px;
  1306. }
  1307.  
  1308. .flair-pitcairnislands {
  1309. width: 32px;
  1310. height: 22px;
  1311. background-position: -384px -330px;
  1312. }
  1313.  
  1314. .flair-poland {
  1315. width: 32px;
  1316. height: 22px;
  1317. background-position: -416px -330px;
  1318. }
  1319.  
  1320. .flair-portugal {
  1321. width: 32px;
  1322. height: 22px;
  1323. background-position: 0 -352px;
  1324. }
  1325.  
  1326. .flair-persia {
  1327. width: 32px;
  1328. height: 22px;
  1329. background-position: -32px -352px;
  1330. }
  1331.  
  1332. .flair-puertorico {
  1333. width: 32px;
  1334. height: 22px;
  1335. background-position: -64px -352px;
  1336. }
  1337.  
  1338. .flair-qatar {
  1339. width: 32px;
  1340. height: 22px;
  1341. background-position: -96px -352px;
  1342. }
  1343.  
  1344. .flair-romania {
  1345. width: 32px;
  1346. height: 22px;
  1347. background-position: -192px -352px;
  1348. }
  1349.  
  1350. .flair-russia {
  1351. width: 32px;
  1352. height: 22px;
  1353. background-position: -224px -352px;
  1354. }
  1355.  
  1356. .flair-rwanda {
  1357. width: 32px;
  1358. height: 22px;
  1359. background-position: -256px -352px;
  1360. }
  1361.  
  1362. .flair-saintkittsandnevis {
  1363. width: 32px;
  1364. height: 22px;
  1365. background-position: -288px -352px;
  1366. }
  1367.  
  1368. .flair-samoa {
  1369. width: 32px;
  1370. height: 22px;
  1371. background-position: -320px -352px;
  1372. }
  1373.  
  1374. .flair-sanmarino {
  1375. width: 32px;
  1376. height: 22px;
  1377. background-position: -352px -352px;
  1378. }
  1379.  
  1380. .flair-saotomeandprincipe {
  1381. width: 32px;
  1382. height: 22px;
  1383. background-position: -384px -352px;
  1384. }
  1385.  
  1386. .flair-saudiarabia {
  1387. width: 32px;
  1388. height: 22px;
  1389. background-position: -416px -352px;
  1390. }
  1391.  
  1392. .flair-saudiarabiaalt {
  1393. width: 32px;
  1394. height: 22px;
  1395. background-position: -256px -198px;
  1396. }
  1397.  
  1398. .flair-scotland {
  1399. width: 32px;
  1400. height: 22px;
  1401. background-position: -32px -374px;
  1402. }
  1403.  
  1404. .flair-senegal {
  1405. width: 32px;
  1406. height: 22px;
  1407. background-position: -64px -374px;
  1408. }
  1409.  
  1410. .flair-serbia {
  1411. width: 32px;
  1412. height: 22px;
  1413. background-position: -96px -374px;
  1414. }
  1415.  
  1416. .flair-seychelles {
  1417. width: 32px;
  1418. height: 22px;
  1419. background-position: -128px -374px;
  1420. }
  1421.  
  1422. .flair-sierraleone {
  1423. width: 32px;
  1424. height: 22px;
  1425. background-position: -160px -374px;
  1426. }
  1427.  
  1428. .flair-singapore {
  1429. width: 32px;
  1430. height: 22px;
  1431. background-position: -224px -374px;
  1432. }
  1433.  
  1434. .flair-slovakia {
  1435. width: 32px;
  1436. height: 22px;
  1437. background-position: -256px -374px;
  1438. }
  1439.  
  1440. .flair-slovenia {
  1441. width: 32px;
  1442. height: 22px;
  1443. background-position: -288px -374px;
  1444. }
  1445.  
  1446. .flair-solomonislands {
  1447. width: 32px;
  1448. height: 22px;
  1449. background-position: -320px -374px;
  1450. }
  1451.  
  1452. .flair-somalia {
  1453. width: 32px;
  1454. height: 22px;
  1455. background-position: -352px -374px;
  1456. }
  1457.  
  1458. .flair-southafrica {
  1459. width: 32px;
  1460. height: 22px;
  1461. background-position: -384px -374px;
  1462. }
  1463.  
  1464. .flair-southkorea {
  1465. width: 32px;
  1466. height: 22px;
  1467. background-position: -416px -374px;
  1468. }
  1469.  
  1470. .flair-southossetia {
  1471. width: 32px;
  1472. height: 22px;
  1473. background-position: 0 -396px;
  1474. }
  1475.  
  1476. .flair-southsudan {
  1477. width: 32px;
  1478. height: 22px;
  1479. background-position: -32px -396px;
  1480. }
  1481.  
  1482. .flair-spain {
  1483. width: 32px;
  1484. height: 22px;
  1485. background-position: -64px -396px;
  1486. }
  1487.  
  1488. .flair-srilanka {
  1489. width: 32px;
  1490. height: 22px;
  1491. background-position: -128px -396px;
  1492. }
  1493.  
  1494. .flair-sthelena {
  1495. width: 32px;
  1496. height: 22px;
  1497. background-position: -160px -396px;
  1498. }
  1499.  
  1500. .flair-stlucia {
  1501. width: 32px;
  1502. height: 22px;
  1503. background-position: -192px -396px;
  1504. }
  1505.  
  1506. .flair-stvincentgrenadines {
  1507. width: 32px;
  1508. height: 22px;
  1509. background-position: -224px -396px;
  1510. }
  1511.  
  1512. .flair-sudan {
  1513. width: 32px;
  1514. height: 22px;
  1515. background-position: -256px -396px;
  1516. }
  1517.  
  1518. .flair-suriname {
  1519. width: 32px;
  1520. height: 22px;
  1521. background-position: -288px -396px;
  1522. }
  1523.  
  1524. .flair-swaziland {
  1525. width: 32px;
  1526. height: 22px;
  1527. background-position: -320px -396px;
  1528. }
  1529.  
  1530. .flair-sweden {
  1531. width: 32px;
  1532. height: 22px;
  1533. background-position: -352px -396px;
  1534. }
  1535.  
  1536. .flair-switzerland {
  1537. width: 23px;
  1538. height: 22px;
  1539. background-position: -389px -396px;
  1540. }
  1541.  
  1542. .flair-syria {
  1543. width: 32px;
  1544. height: 22px;
  1545. background-position: -416px -396px;
  1546. }
  1547.  
  1548. .flair-somaliland {
  1549. width: 32px;
  1550. height: 22px;
  1551. background-position: -448px -396px;
  1552. }
  1553.  
  1554. .flair-taiwan {
  1555. width: 32px;
  1556. height: 22px;
  1557. background-position: 0 -418px;
  1558. }
  1559.  
  1560. .flair-tajikistan {
  1561. width: 32px;
  1562. height: 22px;
  1563. background-position: -32px -418px;
  1564. }
  1565.  
  1566. .flair-tanzania {
  1567. width: 32px;
  1568. height: 22px;
  1569. background-position: -96px -418px;
  1570. }
  1571.  
  1572. .flair-thailand {
  1573. width: 32px;
  1574. height: 22px;
  1575. background-position: -128px -418px;
  1576. }
  1577.  
  1578. .flair-tibet {
  1579. width: 32px;
  1580. height: 22px;
  1581. background-position: -160px -418px;
  1582. }
  1583.  
  1584. .flair-togo {
  1585. width: 32px;
  1586. height: 22px;
  1587. background-position: -192px -418px;
  1588. }
  1589.  
  1590. .flair-trinidadandtobago {
  1591. width: 32px;
  1592. height: 22px;
  1593. background-position: -224px -418px;
  1594. }
  1595.  
  1596. .flair-tunisia {
  1597. width: 32px;
  1598. height: 22px;
  1599. background-position: -256px -418px;
  1600. }
  1601.  
  1602. .flair-turkey {
  1603. width: 32px;
  1604. height: 22px;
  1605. background-position: -288px -418px;
  1606. }
  1607.  
  1608. .flair-timorleste {
  1609. width: 32px;
  1610. height: 22px;
  1611. background-position: -320px -418px;
  1612. }
  1613.  
  1614. .flair-turkmenistan {
  1615. width: 32px;
  1616. height: 22px;
  1617. background-position: -352px -418px;
  1618. }
  1619.  
  1620. .flair-tuvalu {
  1621. width: 32px;
  1622. height: 22px;
  1623. background-position: -384px -418px;
  1624. }
  1625.  
  1626. .flair-uae {
  1627. width: 32px;
  1628. height: 22px;
  1629. background-position: -416px -418px;
  1630. }
  1631.  
  1632. .flair-uganda {
  1633. width: 32px;
  1634. height: 22px;
  1635. background-position: -448px 0;
  1636. }
  1637.  
  1638. .flair-ukraine {
  1639. width: 32px;
  1640. height: 22px;
  1641. background-position: -448px -22px;
  1642. }
  1643.  
  1644. .flair-ukraine-alt {
  1645. width: 32px;
  1646. height: 22px;
  1647. background-position: -384px -242px;
  1648. }
  1649.  
  1650. .flair-unitedkingdom {
  1651. width: 32px;
  1652. height: 22px;
  1653. background-position: -448px -66px;
  1654. }
  1655.  
  1656. .flair-uruguay {
  1657. width: 32px;
  1658. height: 22px;
  1659. background-position: -448px -110px;
  1660. }
  1661.  
  1662. .flair-usa {
  1663. width: 32px;
  1664. height: 22px;
  1665. background-position: -448px -132px;
  1666. }
  1667.  
  1668. .flair-uzbekistan {
  1669. width: 32px;
  1670. height: 22px;
  1671. background-position: -448px -154px;
  1672. }
  1673.  
  1674. .flair-vanuatu {
  1675. width: 32px;
  1676. height: 22px;
  1677. background-position: -448px -176px;
  1678. }
  1679.  
  1680. .flair-vatican {
  1681. width: 23px;
  1682. height: 22px;
  1683. background-position: -453px -198px;
  1684. }
  1685.  
  1686. .flair-venezuela {
  1687. width: 32px;
  1688. height: 22px;
  1689. background-position: -448px -220px;
  1690. }
  1691.  
  1692. .flair-vietnam {
  1693. width: 32px;
  1694. height: 22px;
  1695. background-position: -448px -242px;
  1696. }
  1697.  
  1698. .flair-virginislands {
  1699. width: 32px;
  1700. height: 22px;
  1701. background-position: -448px -264px;
  1702. }
  1703.  
  1704. .flair-wales {
  1705. width: 32px;
  1706. height: 22px;
  1707. background-position: -448px -286px;
  1708. }
  1709.  
  1710. .flair-wallisandfutuna {
  1711. width: 32px;
  1712. height: 22px;
  1713. background-position: -448px -308px;
  1714. }
  1715.  
  1716. .flair-yemen {
  1717. width: 32px;
  1718. height: 22px;
  1719. background-position: -448px -330px;
  1720. }
  1721.  
  1722. .flair-zambia {
  1723. width: 32px;
  1724. height: 22px;
  1725. background-position: -448px -352px;
  1726. }
  1727.  
  1728. .flair-zimbabwe {
  1729. width: 32px;
  1730. height: 22px;
  1731. background-position: -448px -374px;
  1732. }
  1733.  
  1734. .flair-tonga {
  1735. width: 32px;
  1736. height: 22px;
  1737. background-position: -64px -132px;
  1738. }
  1739.  
  1740. .flair-tamil-tigers {
  1741. width: 32px;
  1742. height: 22px;
  1743. background-position: -192px -110px;
  1744. }
  1745.  
  1746. .flair-malta-smo-1 {
  1747. width: 32px;
  1748. height: 22px;
  1749. background-position: -224px -110px;
  1750. }
  1751.  
  1752. .flair-malta-smo-2 {
  1753. width: 32px;
  1754. height: 22px;
  1755. background-position: -256px -110px;
  1756. }
  1757.  
  1758. .flair-muhammad {
  1759. width: 32px;
  1760. height: 22px;
  1761. background-position: -320px -110px;
  1762. }
  1763.  
  1764. .flair-transnistria {
  1765. width: 32px;
  1766. height: 22px;
  1767. background-position: -352px -110px;
  1768. }
  1769.  
  1770. .flair-germany-2 {
  1771. width: 32px;
  1772. height: 22px;
  1773. background-position: -352px -132px;
  1774. }
  1775.  
  1776. .flair-japan-imperial {
  1777. width: 32px;
  1778. height: 22px;
  1779. background-position: -160px -198px;
  1780. }
  1781.  
  1782. .flair-palestine-PNA {
  1783. width: 32px;
  1784. height: 22px;
  1785. background-position: 0 -242px;
  1786. }
  1787.  
  1788. .flair-corsica {
  1789. width: 32px;
  1790. height: 22px;
  1791. background-position: -256px -88px;
  1792. }
  1793.  
  1794. .flair-kaiserliche-marine {
  1795. width: 32px;
  1796. height: 22px;
  1797. background-position: -320px -132px;
  1798. }
  1799.  
  1800. .flair-austria-2 {
  1801. width: 32px;
  1802. height: 22px;
  1803. background-position: -32px -88px;
  1804. }
  1805.  
  1806. .flair-cabinda {
  1807. width: 32px;
  1808. height: 22px;
  1809. background-position: -64px -110px;
  1810. }
  1811.  
  1812. .flair-northkorea-2 {
  1813. width: 32px;
  1814. height: 22px;
  1815. background-position: -384px -308px;
  1816. }
  1817.  
  1818. .flair-canada-2 {
  1819. width: 32px;
  1820. height: 22px;
  1821. background-position: -320px -66px;
  1822. }
  1823.  
  1824. .flair-australia-2 {
  1825. width: 32px;
  1826. height: 22px;
  1827. background-position: -384px 0;
  1828. }
  1829.  
  1830. .flair-venice {
  1831. width: 36px;
  1832. height: 22px;
  1833. background-position: -64px -330px;
  1834. }
  1835.  
  1836. .flair-north-cyprus {
  1837. width: 32px;
  1838. height: 22px;
  1839. background-position: -128px -352px;
  1840. }
  1841.  
  1842. .flair-united-arab-republic-algeria-tunisia {
  1843. width: 32px;
  1844. height: 22px;
  1845. background-position: -288px -110px;
  1846. }
  1847.  
  1848. .flair-wiphala {
  1849. width: 21px;
  1850. height: 21px;
  1851. background-position: -69px -44px;
  1852. }
  1853.  
  1854. .flair-rojava {
  1855. width: 32px;
  1856. height: 22px;
  1857. background-position: -96px -44px;
  1858. }
  1859.  
  1860. .flair-taliban {
  1861. width: 32px;
  1862. height: 22px;
  1863. background-position: -384px -198px;
  1864. }
  1865.  
  1866. .flair-alqaeda {
  1867. width: 32px;
  1868. height: 22px;
  1869. background-position: -384px -176px;
  1870.  
  1871. }
  1872.  
  1873. .flair-fedarabia {
  1874. width: 32px;
  1875. height: 22px;
  1876. background-position: -224px -44px;
  1877. }
  1878.  
  1879. .flair-federation {
  1880. width: 32px;
  1881. height: 22px;
  1882. background-position: -128px -66px;
  1883. }
  1884.  
  1885.  
  1886.  
  1887. .flair-fifa {
  1888. width: 32px;
  1889. height: 22px;
  1890. background-position: 0 -440px;
  1891. }
  1892.  
  1893. .flair-interpol {
  1894. width: 32px;
  1895. height: 22px;
  1896. background-position: -32px -440px;
  1897. }
  1898.  
  1899. .flair-olympic {
  1900. width: 32px;
  1901. height: 22px;
  1902. background-position: -64px -440px;
  1903. }
  1904.  
  1905. .flair-redcross {
  1906. width: 32px;
  1907. height: 22px;
  1908. background-position: -96px -440px;
  1909. }
  1910.  
  1911. .flair-reporterswithoutborders {
  1912. width: 32px;
  1913. height: 22px;
  1914. background-position: -128px -440px;
  1915. }
  1916.  
  1917. .flair-eu {
  1918. width: 32px;
  1919. height: 22px;
  1920. background-position: -384px -440px;
  1921. }
  1922.  
  1923. .flair-nato {
  1924. width: 32px;
  1925. height: 22px;
  1926. background-position: -416px -440px;
  1927. }
  1928.  
  1929. .flair-unitednations {
  1930. width: 32px;
  1931. height: 22px;
  1932. background-position: -448px -440px;
  1933. }
  1934.  
  1935. .flair-vietnamalt {
  1936. width: 32px;
  1937. height: 22px;
  1938. background-position: -256px -66px;
  1939. }
  1940.  
  1941. .flair-cyprusalt {
  1942. width: 32px;
  1943. height: 22px;
  1944. background-position: -96px -88px;
  1945. }
  1946.  
  1947. .flair-ussr {
  1948. width: 32px;
  1949. height: 22px;
  1950. background-position: -320px -88px;
  1951. }
  1952.  
  1953. .flair-chechnya {
  1954. width: 32px;
  1955. height: 22px;
  1956. background-position: -448px -88px;
  1957. }
  1958.  
  1959. .flair-southsudan2 {
  1960. width: 32px;
  1961. height: 22px;
  1962. background-position: 0 -154px;
  1963. }
  1964.  
  1965. .flair-altrussia {
  1966. width: 32px;
  1967. height: 22px;
  1968. background-position: 0 -132px;
  1969. }
  1970.  
  1971.  
  1972. /* [ STCKY v1.07 by doingstuffcarl ]
  1973. [ /r/STCKY ]
  1974.  
  1975.  
  1976. [ Changelog ]
  1977. - Fixed minor flair issue in recently viewed links
  1978. - Fixed slightly uneven padding under thumbnail
  1979. - Fixed minor promoted links infobar
  1980. - Fixed userbar margin
  1981. - Cleaned up night mode wiki
  1982. - Resized "there doesn't seem to be anything here"
  1983. - Styled non-member message
  1984. - Thumbnails now stretch to fill square
  1985. - Night mode text easier to read */
  1986.  
  1987.  
  1988. /*** COLOR SCHEME ***/
  1989.  
  1990. /* Color of the header and the footer.
  1991. For a solid color, remove first 4 lines and add 'background: #444;' */
  1992.  
  1993. #header, .footer-parent {
  1994. background: -webkit-radial-gradient(50% 190%, circle cover, #afeeee 0%, #afeeee 50%, #0bcce7 100%) #444;
  1995. background: -o-radial-gradient(50% 190%, circle cover, #afeeee 0%, #afeeee 50%, #0bcce7 100%) #444;
  1996. background: -moz-radial-gradient(50% 190%, circle cover, #afeeee 0%, #afeeee 50%, #0bcce7 100%) #444;
  1997. background: -ms-radial-gradient(50% 190%, circle cover, #afeeee 0%, #afeeee 50%, #0bcce7 100%) #444;
  1998. }
  1999.  
  2000. /* Color of the submit buttons.
  2001. For a solid color, remove first 4 lines and add 'background: #444;' */
  2002.  
  2003. .morelink {
  2004. background: -webkit-radial-gradient(50% 190%, circle cover, #5f5f5f 0%, #545454 50%, #3f3f3f 100%) #444;
  2005. background: -o-radial-gradient(50% 190%, circle cover, #5f5f5f 0%, #545454 50%, #3f3f3f 100%) #444;
  2006. background: -moz-radial-gradient(50% 190%, circle cover, #5f5f5f 0%, #545454 50%, #3f3f3f 100%) #444;
  2007. background: -ms-radial-gradient(50% 190%, circle cover, #5f5f5f 0%, #545454 50%, #3f3f3f 100%) #444;
  2008. }
  2009.  
  2010. /* Color of the submit buttons on hover. */
  2011.  
  2012. .morelink:hover {
  2013. background: #333;
  2014. }
  2015.  
  2016.  
  2017.  
  2018. /*** Note ***/
  2019.  
  2020. .side .md h4:first-of-type {
  2021. position: absolute !important;
  2022. top: 197px;
  2023. left: 5px;
  2024. right: 315px;
  2025. background: #fff;
  2026. color: #444;
  2027. padding: 7px 0px 7px 10px;
  2028. font-size: 12px;
  2029. }
  2030.  
  2031. .side .md a[title~="redlink"] {
  2032. color: #c45b52 !important;
  2033. }
  2034.  
  2035. .content[role=main], .pretty-form {
  2036. margin-top: 35px !important;
  2037. }
  2038.  
  2039. .formtabs-content {
  2040. margin-top: 39px !important;
  2041. }
  2042.  
  2043. .searchpane {
  2044. margin-top: 35px !important;
  2045. }
  2046.  
  2047. /*** BROWSER ***/
  2048.  
  2049. /* HIGHLIGHT */
  2050.  
  2051. ::selection {
  2052. background-color: #5e82a6;
  2053. color: #fff;
  2054. }
  2055.  
  2056. /* SCROLLBAR */
  2057.  
  2058. ::-webkit-scrollbar {
  2059. width: 20x;
  2060. height: 20px;
  2061. background-color: #222;
  2062. }
  2063.  
  2064. ::-webkit-scrollbar-thumb {
  2065. background-color: #666;
  2066. border: 2px solid #222;
  2067. }
  2068.  
  2069. ::-webkit-scrollbar-thumb:hover {
  2070. background-color: #999;
  2071. }
  2072.  
  2073. ::-webkit-scrollbar-thumb:active {
  2074. background-color: #ccc;
  2075. }
  2076.  
  2077. ::-webkit-scrollbar-corner {
  2078. background-color: transparent;
  2079. color: #555555;
  2080. }
  2081.  
  2082. ::-webkit-scrollbar-button {
  2083. border: 2px solid #222;
  2084. width: 15px;
  2085. height: 15px;
  2086. }
  2087.  
  2088. ::-webkit-scrollbar-button:hover {
  2089. background-color: #333 !important;
  2090. }
  2091.  
  2092. ::-webkit-scrollbar-button:end {
  2093. display: block;
  2094. }
  2095.  
  2096. ::-webkit-scrollbar-button:start {
  2097. display: none;
  2098. }
  2099.  
  2100. ::-webkit-scrollbar-button:vertical {
  2101. border-top: 0;
  2102. }
  2103.  
  2104. ::-webkit-scrollbar-button:horizontal {
  2105. border-left: 0;
  2106. }
  2107.  
  2108. ::-webkit-scrollbar-button:vertical:increment {
  2109. background: url(%%arrowdown%%) center center no-repeat;
  2110. }
  2111.  
  2112. ::-webkit-scrollbar-button:vertical:decrement {
  2113. background: url(%%arrowup%%) center center no-repeat;
  2114. }
  2115.  
  2116. ::-webkit-scrollbar-button:horizontal:increment {
  2117. background: url(%%arrowright%%) center center no-repeat;
  2118. }
  2119.  
  2120. ::-webkit-scrollbar-button:horizontal:decrement {
  2121. background: url(%%arrowleft%%) center center no-repeat;
  2122. }
  2123.  
  2124. /* COMMON BUTTONS */
  2125.  
  2126. button {
  2127. background: #fcfcfc;
  2128. border: 1px solid #e9e9e9;
  2129. box-shadow: 0 1px #e9e9e9;
  2130. margin-bottom: 4px !important;
  2131. border-radius: 2px;
  2132. padding: 4px 8px;
  2133. color: #666;
  2134. font-weight: bold;
  2135. }
  2136.  
  2137. button:hover {
  2138. background: #f4f4f4;
  2139. border: 1px solid #e1e1e1;
  2140. }
  2141.  
  2142. button:focus {
  2143. outline: none;
  2144. }
  2145.  
  2146. button:active {
  2147. background: #efefef;
  2148. }
  2149.  
  2150. /* LINKS */
  2151.  
  2152. .tagline a, .side a {
  2153. color: #5e82a6;
  2154. }
  2155.  
  2156. .usertext-body .md a {
  2157. color: #5e82a6;
  2158. }
  2159.  
  2160. a:hover {
  2161. text-decoration: underline;
  2162. }
  2163.  
  2164. .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 {
  2165. text-decoration: none !important;
  2166. }
  2167.  
  2168. /* INPUT */
  2169.  
  2170. input[type=text], input[type=password] {
  2171. border: 1px solid #ddd;
  2172. padding: 4px;
  2173. outline: 0 !important;
  2174. }
  2175.  
  2176. input[type=text]:focus, input[type=password]:focus {
  2177. border: 1px solid #cacaca !important;
  2178. }
  2179.  
  2180.  
  2181.  
  2182. /*** SUBREDDITS BAR ***/
  2183.  
  2184. #sr-header-area {
  2185. background: rgba(0,0,0,0.1);
  2186. border: none;
  2187. padding: 0px 13px 2px 15px;
  2188. transition: 200ms;
  2189. }
  2190.  
  2191. .sr-bar a {
  2192. color: #fff;
  2193. opacity : .4;
  2194. font-size: 9px;
  2195. letter-spacing: 0.8px;
  2196. padding: 6px;
  2197. }
  2198.  
  2199. .sr-bar a:hover {
  2200. opacity : .5;
  2201. background: rgba(0,0,0,0.2);
  2202. }
  2203.  
  2204. #sr-header-area .dropdown.srdrop .selected, #sr-header-area .drop-choices a.choice {
  2205. font-weight: bold;
  2206. color: #aeaeae;
  2207. }
  2208.  
  2209. #sr-header-area .drop-choices a.choice {
  2210. font-size: 10px;
  2211. padding: 2px;
  2212. }
  2213.  
  2214. #sr-header-area .drop-choices a.choice:hover {
  2215. color: #646464;
  2216. background: #d7d7d7;
  2217. }
  2218.  
  2219. #sr-header-area .sr-list {
  2220. margin-left: 23px;
  2221. padding-top: 2px;
  2222. }
  2223.  
  2224. #sr-header-area .sr-list .separator {
  2225. display: none;
  2226. }
  2227.  
  2228. #sr-header-area .srdrop.dropdown {
  2229. width: 18px;
  2230. height: 18px;
  2231. position: absolute;
  2232. background: url(%%sr%%) no-repeat center transparent;
  2233. text-indent: -999em;
  2234. opacity: .6;
  2235. cursor: pointer;
  2236. padding-top: 2px;
  2237. }
  2238.  
  2239. #sr-header-area .srdrop.dropdown:hover {
  2240. background-color: rgba(0,0,0,0.2);
  2241. opacity: 1;
  2242. }
  2243.  
  2244. #sr-more-link {
  2245. background: rgba(0,0,0,0.6);
  2246. color: #fff;
  2247. opacity: .8;
  2248. padding: 2px 10px 0px 15px;
  2249. }
  2250.  
  2251. #sr-more-link:hover {
  2252. background: rgba(0,0,0,0.7);
  2253. opacity: 1;
  2254. }
  2255.  
  2256. #sr-header-area .drop-choices.srdrop {
  2257. margin-left: 0;
  2258. top: 0px!important;
  2259. position: fixed;
  2260. padding: 0px;
  2261. height: 100%;
  2262. overflow-y: auto;
  2263. overflow-x: hidden;
  2264. box-shadow: 0 0 15px rgba(0,0,0,0.2);
  2265. }
  2266.  
  2267. #sr-header-area .drop-choices {
  2268. font-size: 12px;
  2269. border: none;
  2270. padding: 2px;
  2271. background: #f2f2f2;
  2272. }
  2273.  
  2274.  
  2275.  
  2276. /*** HEADER ***/
  2277.  
  2278. #header {
  2279. border-bottom: 0;
  2280. height: 200px;
  2281. }
  2282.  
  2283. #header-img, .pagename a {
  2284. transition: 200ms;
  2285. opacity: 0.8;
  2286. border-radius: 5px;
  2287. }
  2288.  
  2289. #header-img:hover, .pagename a:hover {
  2290. opacity: 1;
  2291. background-color: rgba(0,0,200,0.075);
  2292. }
  2293.  
  2294. #header-img {
  2295. margin-top: 0px;
  2296. margin-left: 30px;
  2297. }
  2298.  
  2299. .pagename a {
  2300. display: block;
  2301. width: 230px;
  2302. height: 138px;
  2303. background: url(%%stckylogo%%) no-repeat;
  2304. font-size: 0;
  2305. margin: -25px auto 0px auto !important;
  2306. }
  2307.  
  2308. span.hover.pagename.redditname {
  2309. display: block;
  2310. margin-top: -14px;
  2311. margin-left: -5px;
  2312. font-size: 0px;
  2313. }
  2314.  
  2315.  
  2316.  
  2317. /*** USER BAR ***/
  2318.  
  2319. #header-bottom-right {
  2320. background: none !important;
  2321. z-index: 11;
  2322. padding: 0px !important;
  2323. font-size: 12px;
  2324. bottom: -6px !important;
  2325. transition: 200ms;
  2326. }
  2327.  
  2328. #header-bottom-right a {
  2329. color: #fff;
  2330. padding: 8px;
  2331. }
  2332.  
  2333. #header-bottom-right a, .logout a {
  2334. opacity: .7;
  2335. }
  2336.  
  2337. #header-bottom-right .user {
  2338. color: rgba(255,255,255,0.6);
  2339. margin-right: 4px;
  2340. }
  2341.  
  2342. #header-bottom-right .user .userkarma {
  2343. color: rgba(255,255,255,0.6);
  2344. border: none;
  2345. }
  2346.  
  2347. #header-bottom-right .user a {
  2348. position: relative;
  2349. }
  2350.  
  2351. #header-bottom-right .separator {
  2352. display: none !important;
  2353. }
  2354.  
  2355. #header-bottom-right a:hover, .logout a:hover {
  2356. opacity: .9;
  2357. background-color: rgba(0,0,0,0.1) !important;
  2358. }
  2359.  
  2360. #header-bottom-right #userbarToggle + * {
  2361. margin-left: 26px !important;
  2362. }
  2363.  
  2364. .loggedin #header-bottom-right #userbarToggle + * {
  2365. margin-left: 16px !important;
  2366. }
  2367.  
  2368. .message-count {
  2369. background-color: #e6bc4c;
  2370. color: #4C4C4C !important;
  2371. padding: 2px 5px !important;
  2372. margin: 4px;
  2373. line-height: 11px;
  2374. position: relative;
  2375. top: -1px;
  2376. }
  2377.  
  2378. .separator {
  2379. visibility: hidden;
  2380. }
  2381.  
  2382.  
  2383.  
  2384. /*** TABMENU ***/
  2385.  
  2386. #header-bottom-left .tabmenu {
  2387. background: rgba(0,0,0,0.2);
  2388. width: 100%;
  2389. position: absolute;
  2390. bottom: 0px;
  2391. left: 0px;
  2392. transition: 200ms;
  2393. }
  2394.  
  2395. #header-bottom-left .tabmenu li {
  2396. font-weight: normal;
  2397. margin: 0;
  2398. }
  2399.  
  2400. #header-bottom-left .tabmenu li a {
  2401. background: none;
  2402. color: #fff;
  2403. opacity: .7;
  2404. font-size: 11px;
  2405. line-height: 30px;
  2406. padding: 9px;
  2407. text-transform: uppercase;
  2408. }
  2409.  
  2410. #header-bottom-left .tabmenu li a:hover {
  2411. opacity: .9;
  2412. background: rgba(0,0,0,0.1);
  2413. }
  2414.  
  2415. #header-bottom-left .tabmenu li.selected a {
  2416. background: rgba(0,0,0,0.2);
  2417. border: 0;
  2418. color: #fff;
  2419. opacity: .9;
  2420. }
  2421.  
  2422.  
  2423.  
  2424. /*** CONTENT ***/
  2425.  
  2426. .content {
  2427. margin: 5px 315px 0px 5px;
  2428. }
  2429.  
  2430. .link {
  2431. padding-left: 5px;
  2432. background: #fff;
  2433. margin-bottom: 1px;
  2434. color: #444;
  2435. }
  2436.  
  2437. .link.last-clicked {
  2438. margin-top: -1px;
  2439. margin-bottom: 0px;
  2440. border: 0;
  2441. border-top: 1px dashed #D3D3D3;
  2442. border-bottom: 1px dashed #D3D3D3;
  2443. }
  2444.  
  2445. .link .entry {
  2446. padding: 13px 0 13px 6px;
  2447. }
  2448.  
  2449. .link .entry li .comments {
  2450. font-weight: bold !important;
  2451. color: #868686 !important;
  2452. border-bottom: 1px dotted rgba(0,0,0,0.1);
  2453. }
  2454.  
  2455. .link .entry li .comments:hover {
  2456. border-bottom: 1px dotted rgba(0,0,0,0.4);
  2457. }
  2458.  
  2459. .link .tagline, .link .entry .buttons li a {
  2460. font-size: small;
  2461. font-weight: normal;
  2462. color: #aaa;
  2463. }
  2464.  
  2465. .thing .title {
  2466. overflow: visible;
  2467. }
  2468.  
  2469. .thing a.title {
  2470. color: #4f85ac;
  2471. }
  2472.  
  2473. .thing a.title:hover {
  2474. border-bottom: 1px dotted rgba(0,0,0,0.2);
  2475. }
  2476.  
  2477. .thing .title:visited, .thing.visited .title {
  2478. color: #a65e9a;
  2479. }
  2480.  
  2481. .thing.stickied a.title {
  2482. font-weight: normal;
  2483. }
  2484.  
  2485. .thing.stickied a.title {
  2486. color: #62b46d !important;
  2487. }
  2488.  
  2489. .thing.stickied a.title:visited, .thing.stickied a.title.visited, .tagline .stickied-tagline, .thing.stickied a.author {
  2490. color: #62b46d;
  2491. }
  2492.  
  2493. .error {
  2494. color: #c45b52;
  2495. }
  2496.  
  2497. .error, .approve-button {
  2498. font-size: 13px !important;
  2499. }
  2500.  
  2501. #noresults {
  2502. padding: 5px;
  2503. font-size: 16px !important;
  2504. }
  2505.  
  2506. .domain {
  2507. color: #ccc;
  2508. font-size: 11px;
  2509. }
  2510.  
  2511. .domain a {
  2512. padding: 1px 3px 3px 3px;
  2513. text-align: center;
  2514. color: #ccc;
  2515. font-size: 11px;
  2516. }
  2517.  
  2518. .link .rank {
  2519. margin-right: 10px;
  2520. margin-top: 30px;
  2521. position: relative;
  2522. color: #dadada;
  2523. display: none;
  2524. }
  2525.  
  2526. .link .midcol {
  2527. top: 12px;
  2528. position: relative;
  2529. margin-left: 10px;
  2530. margin-right: 10px;
  2531. }
  2532.  
  2533. .link .midcol .score {
  2534. margin-top: 3px;
  2535. }
  2536.  
  2537. .unvotable-message {
  2538. border: solid 1px #FF8B60;
  2539. background-color: #FF8B60;
  2540. color: #fff;
  2541. margin-top: 4px;
  2542. padding: 2px 6px;
  2543. border-radius: 2px;
  2544. }
  2545.  
  2546. .action-form {
  2547. border-radius: 2px;
  2548. background: #fff8d7;
  2549. border: solid 1px #E7E5B5;
  2550. padding: 10px 15px;
  2551. }
  2552.  
  2553.  
  2554.  
  2555. /*** COMPRESSED LINKS ***/
  2556.  
  2557. .link.compressed {
  2558. margin-bottom: 1px;
  2559. }
  2560.  
  2561. .link.compressed.last-clicked {
  2562. margin-bottom: 0px !important;
  2563. }
  2564.  
  2565. .link.compressed .rank {
  2566. margin-top: 21px;
  2567. }
  2568.  
  2569. .link.compressed .midcol {
  2570. top: 10px;
  2571. }
  2572.  
  2573. .link.compressed .entry {
  2574. padding: 12px 0 10px 6px;
  2575. }
  2576.  
  2577. .menuarea {
  2578. margin: 0 0 1px 0;
  2579. background: #fff;
  2580. color: #999;
  2581. border: 0;
  2582. }
  2583.  
  2584. .menuarea .dropdown.lightdrop .selected {
  2585. color: #666;
  2586. background-color: #F0F0F0;
  2587. background-image: none;
  2588. border: 1px solid #e9e9e9;
  2589. padding: 2px 22px 2px 4px;
  2590. border-radius: 2px;
  2591. cursor: pointer;
  2592. display: inline-block;
  2593. }
  2594.  
  2595. .menuarea .dropdown.lightdrop .selected:hover {
  2596. background-color: #f9f9f9;
  2597. }
  2598.  
  2599. .menuarea .dropdown.lightdrop .selected:after {
  2600. content: "v";
  2601. color: #ccc;
  2602. font-family: monospace;
  2603. margin: 8px;
  2604. position: absolute;
  2605. top: -5px;
  2606. right: 0;
  2607. }
  2608.  
  2609. .menuarea .drop-choices.lightdrop {
  2610. background: #efefef;
  2611. border: 1px solid #e9e9e9;
  2612. width: 86px;
  2613. }
  2614.  
  2615. .menuarea .drop-choices a.choice {
  2616. color: #999;
  2617. }
  2618.  
  2619. .menuarea .drop-choices a.choice:hover {
  2620. color: #555;
  2621. background-color: #f9f9f9;
  2622. }
  2623.  
  2624. .menuarea .flat-list li.selected a {
  2625. color: #c45b52;
  2626. }
  2627.  
  2628.  
  2629.  
  2630. /*** EXPANDO ***/
  2631.  
  2632. .expando iframe {
  2633. margin: 5px 0 5px 40px;
  2634. }
  2635.  
  2636. .expando-button {
  2637. height: 20px !important;
  2638. width: 20px !important;
  2639. margin: 4px 8px 2px 0;
  2640. border-radius: 2px;
  2641. cursor: pointer;
  2642. background: url(%%icons%%) no-repeat -9999px -9999px !important;
  2643. }
  2644.  
  2645. .toggleImage.expando-button.image.linkImg {
  2646. height: 20px !important;
  2647. width: 20px !important;
  2648. margin: 4px 8px 2px 0;
  2649. cursor: pointer;
  2650. }
  2651.  
  2652. .expando-button.image.expanded {
  2653. background-position: 0 -98px !important;
  2654. }
  2655.  
  2656. .expando-button.image.expanded:hover {
  2657. background-position: -20px -98px !important;
  2658. text-decoration: none;
  2659. }
  2660.  
  2661. .expando-button.image.collapsed {
  2662. background-position: 0 -98px !important;
  2663. }
  2664.  
  2665. .expando-button.image.collapsed:hover {
  2666. background-position: -20px -98px !important;
  2667. text-decoration: none;
  2668. }
  2669.  
  2670. .expando-button.video.expanded {
  2671. background-position: 0 -78px !important;
  2672. }
  2673.  
  2674. .expando-button.video.expanded:hover {
  2675. background-position: -20px -78px !important;
  2676. }
  2677.  
  2678. .expando-button.video.collapsed {
  2679. background-position: 0 -78px !important;
  2680. }
  2681.  
  2682. .expando-button.video.collapsed:hover {
  2683. background-position: -20px -78px !important;
  2684. }
  2685.  
  2686. .expando-button.selftext.collapsed {
  2687. background-position: 0px -38px !important;
  2688. }
  2689.  
  2690. .expando-button.selftext.collapsed:hover {
  2691. background-position: -20px -38px !important;
  2692. }
  2693.  
  2694. .expando-button.selftext.expanded {
  2695. background-position: 0px -58px !important;
  2696. }
  2697.  
  2698. .expando-button.selftext.expanded:hover {
  2699. background-position: -20px -58px !important;
  2700. }
  2701.  
  2702. .usertext-body .md .expando-button, .wiki-page .expando-button {
  2703. vertical-align: middle !important;
  2704. margin: 0px 3px 2px 6px !important;
  2705. }
  2706.  
  2707. .link .usertext .md {
  2708. border-radius: 2px;
  2709. background: #f9f9f9;
  2710. border: 1px solid #f9f9f9;
  2711. padding: 8px !important;
  2712. width: calc(100% - 32px);
  2713. }
  2714.  
  2715.  
  2716.  
  2717. /*** VOTES ***/
  2718.  
  2719. .arrow {
  2720. width: 21px;
  2721. height: 17px;
  2722. background-image: url(%%icons%%)!important;
  2723. background-position: center center;
  2724. border: none !important;
  2725. border-radius: 2px;
  2726. transition: 200ms;
  2727. }
  2728.  
  2729. .arrow:hover {
  2730. background-color: rgba(0,0,0,0.06)
  2731. }
  2732.  
  2733. .arrow.up {
  2734. background-position: -2px -20px !important;
  2735. }
  2736.  
  2737. .arrow.down {
  2738. background-position: -42px -20px !important;
  2739. }
  2740.  
  2741. .arrow.upmod {
  2742. background-position: -22px -20px;
  2743. }
  2744.  
  2745. .arrow.downmod {
  2746. background-position: -62px -20px;
  2747. }
  2748.  
  2749.  
  2750.  
  2751. /*** NEXT / PREV BUTTONS ***/
  2752.  
  2753. .nav-buttons {
  2754. padding: 10px 5px;
  2755. background: #fff;
  2756. }
  2757.  
  2758. .nextprev, .next-suggestions {
  2759. font-size: 0px;
  2760. }
  2761.  
  2762. .nextprev a, .next-suggestions a, .res .RESSubscriptionButton {
  2763. padding: 4px 6px;
  2764. text-transform: uppercase;
  2765. font-size: 10px;
  2766. color: #999;
  2767. background: #fcfcfc;
  2768. border: 1px solid #e9e9e9;
  2769. box-shadow: 0 1px #e9e9e9;
  2770. margin-bottom: 4px!important;
  2771. border-radius: 2px;
  2772. font-weight: bold;
  2773. }
  2774.  
  2775. .nextprev a:hover, .next-suggestions a:hover {
  2776. background: #f4f4f4;
  2777. border: 1px solid #e1e1e1;
  2778. }
  2779.  
  2780.  
  2781.  
  2782. /*** THUMBNAILS ***/
  2783.  
  2784. .over18 .thumbnail {
  2785. background: url(%%thumbnails%%) 0px -195px no-repeat;
  2786. }
  2787.  
  2788. .nsfw-stamp {
  2789. border: 0 !important;
  2790. }
  2791.  
  2792. .nsfw-stamp acronym {
  2793. background: #c45b52;
  2794. border: 1px solid #c45b52!important;
  2795. color: #fff;
  2796. border-radius: 2px;
  2797. padding: 1px 3px;
  2798. }
  2799.  
  2800. a.thumbnail.default {
  2801. background: url(%%thumbnails%%) 0 0;
  2802. }
  2803.  
  2804. a.thumbnail.self {
  2805. background: url(%%thumbnails%%) 0 -65px;
  2806. }
  2807.  
  2808. .stickied a.thumbnail {
  2809. background: url(%%thumbnails%%) 0 -130px;
  2810. }
  2811.  
  2812. .thumbnail {
  2813. margin: 6px 10px 0 5px!important;
  2814. height: 65px !important;
  2815. width: 65px !important;
  2816. transition: 200ms;
  2817. border-radius: 2px;
  2818. /* background: url(%%thumbnails%%) 0 0 no-repeat; */
  2819. border: 2px solid #fff;
  2820. box-shadow: 0 0px 1px rgba(0,0,0,0.4);
  2821. }
  2822.  
  2823. /* Stretches thumbnail to fill square */
  2824.  
  2825. .thumbnail img {
  2826. height: 100%;
  2827. }
  2828.  
  2829.  
  2830.  
  2831. /*** COMMENTS ***/
  2832.  
  2833. .res-commentBoxes .comment {
  2834. background: #fff;
  2835. }
  2836.  
  2837. .gold-accent.comment-visits-box {
  2838. border-radius: 2px;
  2839. background: #fff8d7;
  2840. border: solid 1px #E7E5B5;
  2841. padding: 10px 15px;
  2842. margin-left: 10px;
  2843. }
  2844.  
  2845. .gold-accent.comment-visits-box select#comment-visits {
  2846. border: 1px solid #ddd;
  2847. padding: 3px 0;
  2848. margin-right: -5px;
  2849. margin-left: 5px;
  2850. }
  2851.  
  2852. .commentarea {
  2853. margin-top: 5px;
  2854. margin-bottom: 30px;
  2855. padding: 10px 10px 10px 10px;
  2856. background-color: #fff;
  2857. color: #3b3b3b;
  2858. }
  2859.  
  2860. .commentarea .md blockquote, .usertext-body .md blockquote {
  2861. margin: 8px;
  2862. border: none;
  2863. border-left: 3px solid #5e82a6;
  2864. padding: 6px 10px;
  2865. }
  2866.  
  2867. .commentarea .md blockquote {
  2868. background: #FAFAFA;
  2869. border: 1px solid #F2F2F2;
  2870. border-left: 3px solid #f2f2f2;
  2871. }
  2872.  
  2873. .self .usertext .md blockquote {
  2874. margin: 8px 0px;
  2875. }
  2876.  
  2877. .commentarea .md td, .commentarea .md th {
  2878. padding: 3px 6px;
  2879. }
  2880.  
  2881. .commentarea .menuarea .toggle a {
  2882. font-weight: normal;
  2883. margin-right: 5px;
  2884. font-size: 12px;
  2885. }
  2886.  
  2887. .comment .child, .comment .showreplies {
  2888. border-left: 1px solid #F3F3F3;
  2889. }
  2890.  
  2891. .comment .midcol {
  2892. width: 21px;
  2893. }
  2894.  
  2895. .comment.collapsed .tagline, .comment.collapsed .tagline a {
  2896. margin-left: 0;
  2897. }
  2898.  
  2899. .commentarea .entry .buttons li a {
  2900. color: #999;
  2901. font-size: 12px;
  2902. font-weight: normal;
  2903. }
  2904.  
  2905. .commentarea .tagline {
  2906. font-size: 12px;
  2907. }
  2908.  
  2909. .commentarea .entry .buttons a[onclick*="reply"] {
  2910. font-weight: bold;
  2911. color: #868686 !important;
  2912. border-bottom: 1px dotted rgba(0,0,0,0.1);
  2913. text-decoration: none;
  2914. }
  2915.  
  2916. .commentarea .entry .buttons a[onclick*="reply"]:hover {
  2917. border-bottom: 1px dotted rgba(0,0,0,0.4);
  2918. }
  2919.  
  2920. .usertext .help-toggle, .usertext a.reddiquette {
  2921. font-size: 12px;
  2922. }
  2923.  
  2924. .panestack-title {
  2925. border-bottom: 1px solid #ececec;
  2926. width: 507px;
  2927. padding-bottom: 5px;
  2928. margin-bottom: 5px;
  2929. }
  2930.  
  2931. .linkinfo {
  2932. border-radius: 0px;
  2933. background: #f9f9f9;
  2934. border: 0;
  2935. padding: 8px;
  2936. }
  2937.  
  2938. .linkinfo .date {
  2939. color: #999;
  2940. }
  2941.  
  2942. .linkinfo .score {
  2943. color: #606672;
  2944. }
  2945.  
  2946. .linkinfo .shortlink {
  2947. margin-top: -8px;
  2948. color: transparent;
  2949. }
  2950.  
  2951. .linkinfo .shortlink input {
  2952. border: 1px solid #fff;
  2953. padding: 6px 12px;
  2954. width: 252px;
  2955. text-align: center;
  2956. }
  2957.  
  2958. .thing .tagline .author.submitter {
  2959. background-color: #5e82a6;
  2960. color: #fff;
  2961. font-size: 11px;
  2962. padding: 2px 4px !important;
  2963. line-height: 16px;
  2964. border-radius: 2px !important;
  2965. }
  2966.  
  2967. .thing.stickied a.author {
  2968. background: #62B46D !important;
  2969. color: #fff;
  2970. font-weight: bold;
  2971. padding: 2px 4px;
  2972. border-radius: 2px;
  2973. }
  2974.  
  2975. .thing.stickied a.author:hover {
  2976. background: #447e4c !important;
  2977. text-decoration: none;
  2978. }
  2979.  
  2980. .thing .tagline .author.moderator {
  2981. background: #62B46D !important;
  2982. color: #fff;
  2983. font-weight: bold;
  2984. padding: 2px 4px !important;
  2985. border-radius: 2px !important;;
  2986. }
  2987.  
  2988. .thing .tagline .author.moderator:hover {
  2989. background: #447e4c !important;
  2990. }
  2991.  
  2992. .tagline .submitter {
  2993. color: #5e82a6;
  2994. }
  2995.  
  2996. .tagline .moderator, .green {
  2997. color: #62b46d;
  2998. }
  2999.  
  3000. .new-comment .usertext-body {
  3001. margin: 3px 0 1px 0;
  3002. border-radius: 2px;
  3003. padding: 0px 8px;
  3004. }
  3005.  
  3006.  
  3007.  
  3008. /*** SIDEBAR ***/
  3009.  
  3010. .side {
  3011. padding: 5px 5px;
  3012. margin: 5px 5px 5px 5px;
  3013. width: 295px;
  3014. }
  3015.  
  3016. .side .spacer {
  3017. margin: 0px 0 5px 0;
  3018. }
  3019.  
  3020. .sidebox.create .spacer {
  3021. margin: 0;
  3022. margin-top: 7px;
  3023. padding-top: 12px;
  3024. background: #f9f9f9;
  3025. }
  3026.  
  3027. .sidebox.create .spacer a {
  3028. top: 6px;
  3029. left: 6px;
  3030. }
  3031.  
  3032. .sidebox .subtitle {
  3033. color: #999;
  3034. }
  3035.  
  3036. .side .titlebox .tagline {
  3037. margin: -5px 0 5px 0 ;
  3038. padding: 0px 5px 8px 28px;
  3039. background: #f9f9f9;
  3040. border-top: 0;
  3041. font-size: 12px;
  3042. }
  3043.  
  3044. .side .md>p {
  3045. margin: 0px 0px 5px 8px !important;
  3046. color: #666;
  3047. }
  3048.  
  3049. .side .md blockquote {
  3050. border: 0;
  3051. padding: 0px;
  3052. line-height: 16px;
  3053. margin-bottom: 5px;
  3054. margin-top: 0;
  3055. }
  3056.  
  3057. .side .md blockquote h3 {
  3058. padding: 2px 0;
  3059. margin-bottom: 0;
  3060. border-bottom: 2px solid #f5f5f5;
  3061. }
  3062.  
  3063. .side .md blockquote a {
  3064. color: #5e82a6;
  3065. }
  3066.  
  3067. .side .md ul {
  3068. list-style: square;
  3069. }
  3070.  
  3071. .side .md pre {
  3072. margin: 5px;
  3073. }
  3074.  
  3075. .side .md > p {
  3076. margin: 0;
  3077. }
  3078.  
  3079. .sidecontentbox.collapsible {
  3080. margin-bottom: -5px;
  3081. }
  3082.  
  3083. .sidecontentbox .content {
  3084. border: 0;
  3085. background: #fff;
  3086. }
  3087.  
  3088. .sidecontentbox .title {
  3089. padding: 4px 8px;
  3090. border-bottom: 2px solid #f5f5f5;
  3091. }
  3092.  
  3093. .sidecontentbox .title h1 {
  3094. font-size: 14px;
  3095. color: #888;
  3096. }
  3097.  
  3098. .sidecontentbox .collapse-button {
  3099. width: 12px;
  3100. height: 12px;
  3101. background: #f0f0f0;
  3102. color: #999;
  3103. border: 1px solid #f0f0f0;
  3104. font-size: 14px;
  3105. }
  3106.  
  3107. .sidecontentbox a.helplink {
  3108. position: relative;
  3109. background: url(%%modmessage%%) no-repeat;
  3110. font-size: 0;
  3111. right: 165px;
  3112. height: 15px;
  3113. width: 15px;
  3114. margin-top: 6px;
  3115. opacity: .4;
  3116. }
  3117.  
  3118. .sidecontentbox a.helplink:hover {
  3119. opacity: .6;
  3120. }
  3121.  
  3122. .sidecontentbox .more {
  3123. text-align: left;
  3124. }
  3125.  
  3126. .sidecontentbox .more a {
  3127. color: #bbb;
  3128. }
  3129.  
  3130. .gadget .reddit-entry {
  3131. line-height: 17px;
  3132. }
  3133.  
  3134. .gadget .reddit-entry .linkflairlabel {
  3135. vertical-align: 0;
  3136. }
  3137.  
  3138. .gadget .midcol {
  3139. width: 21px;
  3140. margin: 0 8px 0 0;
  3141. }
  3142.  
  3143. .account-activity-box {
  3144. background: #f9f9f9;
  3145. padding: 8px;
  3146. margin-top: -8px;
  3147. margin-bottom: -5px;
  3148. }
  3149.  
  3150. #search input[type=text] {
  3151. border: 0 !important;
  3152. border-bottom: 2px solid #f0f0f0 !important;
  3153. font-size: 14px !important;
  3154. width: 295px;
  3155. margin: 0;
  3156. font-family: Helvetica, Arial, sans-serif;
  3157. }
  3158.  
  3159. #search input[type=text]:focus {
  3160. outline: none;
  3161. }
  3162.  
  3163. #searchexpando {
  3164. border-radius: 0px;
  3165. background: rgba(255,255,255,0.95);
  3166. margin: 0 0 5px 0;
  3167. border: 0;
  3168. position: absolute;
  3169. z-index: 1;
  3170. width: 275px;
  3171. }
  3172.  
  3173. #searchexpando input, #searchexpando p {
  3174. margin-bottom: 0px;
  3175. color: #666;
  3176. }
  3177.  
  3178. #searchexpando dl {
  3179. color: #555;
  3180. }
  3181.  
  3182. #searchexpando label {
  3183. color: #555;
  3184. }
  3185.  
  3186. #moresearchinfo {
  3187. border: 1px solid #f0f0f0;
  3188. margin-top: -5px;
  3189. }
  3190.  
  3191. label+#moresearchinfo {
  3192. margin-top: 5px;
  3193. }
  3194.  
  3195. .login-form-side {
  3196. border: 0;
  3197. }
  3198.  
  3199. .login-form-side input[type=text], .login-form-side input[type=password] {
  3200. border: 1px solid #f0f0f0;
  3201. width: 285px;
  3202. height: 35px;
  3203. margin: 5px;
  3204. padding: 5px 10px;
  3205. font-size: 12px;
  3206. color: #777;
  3207. }
  3208.  
  3209. .login-form-side #remember-me * {
  3210. font-size: 12px;
  3211. }
  3212.  
  3213. .login-form-side #remember-me {
  3214. color: #777;
  3215. }
  3216.  
  3217. .sponsorshipbox iframe {
  3218. margin-bottom: -2px;
  3219. }
  3220.  
  3221. .morelink {
  3222. border: none;
  3223. margin-bottom: -1px;
  3224. border: 0;
  3225. border-radius: 2px;
  3226. width: initial;
  3227. height: 35px;
  3228. line-height: 35px;
  3229. }
  3230.  
  3231. .morelink a {
  3232. letter-spacing: 0px;
  3233. font-weight: normal;
  3234. color: #fff;
  3235. }
  3236.  
  3237. .morelink .nub {
  3238. display: none;
  3239. }
  3240.  
  3241. .sidebox.submit.submit-text {
  3242. margin-top: 6px;
  3243. }
  3244.  
  3245. .sidebox.submit.submit-link .morelink a:after {
  3246. position: absolute;
  3247. top: 3px;
  3248. left: 3px;
  3249. bottom: 0;
  3250. width: 29px;
  3251. height: 29px;
  3252. background: url(%%submitlink%%) no-repeat;
  3253. content: "";
  3254. }
  3255.  
  3256. .sidebox.submit.submit-text .morelink a:after {
  3257. position: absolute;
  3258. top: 3px;
  3259. left: 3px;
  3260. bottom: 0;
  3261. width: 29px;
  3262. height: 29px;
  3263. background: url(%%submittext%%) no-repeat;
  3264. content: "";
  3265. }
  3266.  
  3267. .titlebox h1 a {
  3268. display: none;
  3269. text-align: center;
  3270. font-size: 14px;
  3271. }
  3272.  
  3273. span.subscribers, .users-online {
  3274. color: #666;
  3275. background: #F9F9F9;
  3276. padding: 4px 8px;
  3277. vertical-align: top;
  3278. width: 279px;
  3279. display: inline-block;
  3280. text-align: center;
  3281. overflow: hidden;
  3282. }
  3283.  
  3284. span.subscribers {
  3285. color: #666;
  3286. padding-bottom: 1px;
  3287. margin-top: 1px;
  3288. }
  3289.  
  3290. .titlebox .users-online {
  3291. padding-top: 1px;
  3292. margin-bottom: 5px;
  3293. }
  3294.  
  3295. .users-online:before {
  3296. display: none;
  3297. }
  3298.  
  3299. .fancy-toggle-button {
  3300. margin-bottom: 2px;
  3301. }
  3302.  
  3303. .fancy-toggle-button .active {
  3304. border-radius: 2px;
  3305. }
  3306.  
  3307. .res .RESDashboardToggle {
  3308. margin-right: 0 !important;
  3309. }
  3310.  
  3311. .fancy-toggle-button .add, .res .RESshortcutside, .res .RESDashboardToggle {
  3312. background: #f0f0f0 !important;
  3313. border: 1px solid #f0f0f0 !important;
  3314. color: #a5a5a5;
  3315. transition: 100ms !important;
  3316. text-decoration: none;
  3317. border-radius: 2px !important;
  3318. padding: 2px 15px !important;
  3319. }
  3320.  
  3321. .fancy-toggle-button .add:hover, .res .RESshortcutside:hover, .res .RESDashboardToggle:hover {
  3322. background: #62B46D !important;
  3323. border: 1px solid #62B46D !important;
  3324. color: #fff !important;
  3325. }
  3326.  
  3327. .fancy-toggle-button .remove, .res .RESshortcutside.remove {
  3328. background: #f0f0f0 !important;
  3329. border: 1px solid #f0f0f0 !important;
  3330. transition: 200ms !important;
  3331. color: #a5a5a5 !important;
  3332. text-decoration: none;
  3333. padding: 2px 15px;
  3334. }
  3335.  
  3336. .res .RESDashboardToggle.remove {
  3337. padding: 2px 17px !important;
  3338. }
  3339.  
  3340. .fancy-toggle-button .remove:hover, .res .RESshortcutside.remove:hover, .res .RESDashboardToggle.remove:hover {
  3341. background: #c45b52 !important;
  3342. border: 1px solid #c45b52 !important;
  3343. color: #fff !important;
  3344. }
  3345.  
  3346. .hover-bubble.multi-selector {
  3347. display: none !important;
  3348. }
  3349.  
  3350. .md blockquote, .help blockquote {
  3351. margin: 0px;
  3352. border: 1px solid #ccc;
  3353. padding: 4px 12px;
  3354. background: #fff;
  3355. }
  3356.  
  3357. .md hr {
  3358. margin-top: 0;
  3359. background: #ababab;
  3360. }
  3361.  
  3362. .titlebox form.toggle, .leavemoderator {
  3363. padding: 10px 8px 0px 8px;
  3364. background: #f9f9f9;
  3365. border-bottom: 0;
  3366. text-align: center
  3367. font-size: 12px;
  3368. color: #999;
  3369. }
  3370.  
  3371. .titlebox form.flairtoggle {
  3372. padding-bottom: 2px;
  3373. padding-top: 10px;
  3374. }
  3375.  
  3376. label[for=flair_enabled] {
  3377. position: relative;
  3378. top: -3px;
  3379. }
  3380.  
  3381. .titlebox .bottom {
  3382. border-top: none;
  3383. padding: 5px;
  3384. font-size: 12px;
  3385. color: #999;
  3386. background: #f9f9f9;
  3387. text-align: center;
  3388. }
  3389.  
  3390. .titlebox .age {
  3391. display: block !important;
  3392. float: none;
  3393. text-align: center;
  3394. }
  3395.  
  3396. #ad_sponsorship {
  3397. border: 1px solid #f0f0f0;
  3398. width: 293px;
  3399. }
  3400.  
  3401. #ad-frame, #ad_main {
  3402. background: #f9f9f9;
  3403. width: 295px;
  3404. margin-bottom: -2px;
  3405. margin-top: 5px;
  3406. }
  3407.  
  3408.  
  3409.  
  3410. /*** ICONS ***/
  3411.  
  3412. #mail {
  3413. background: url(%%mail%%) no-repeat center !important;
  3414. width: 13px !important;
  3415. height: 14px !important;
  3416. top: 11px !important;
  3417. }
  3418.  
  3419. #mail.havemail {
  3420. background: url(%%mail2%%) no-repeat center !important;
  3421. opacity: .8;
  3422. top: 11px !important;
  3423. }
  3424.  
  3425. .res #mail.havemail {
  3426. top: 11px !important;
  3427. }
  3428.  
  3429.  
  3430.  
  3431. #chat {
  3432. background: url(%%chat-app%%) no-repeat center !important;
  3433. width: 15px !important;
  3434. height: 14px !important;
  3435. top: 0px;
  3436. left: 3px;
  3437. }
  3438.  
  3439. #chat.active {
  3440. background: url(%%chat-app%%) no-repeat center !important;
  3441. opacity: .8;
  3442. }
  3443.  
  3444.  
  3445.  
  3446. #modmail {
  3447. background: url(%%modmail%%) no-repeat center !important;
  3448. width: 15px !important;
  3449. height: 14px !important;
  3450. top: 5px;
  3451. }
  3452.  
  3453. #modmail.havemail {
  3454. background: url(%%modmail2%%) no-repeat center !important;
  3455. opacity: .8;
  3456. }
  3457.  
  3458. #mail.havemail:hover, #modmail.havemail:hover {
  3459. opacity: 1;
  3460. }
  3461.  
  3462. #new_modmail {
  3463. background: url(%%modmail%%) no-repeat center !important;
  3464. width: 15px !important;
  3465. height: 14px !important;
  3466. top: 5px;
  3467. }
  3468.  
  3469. #new_modmail.havemail {
  3470. background: url(%%modmail2%%) no-repeat center !important;
  3471. opacity: .8;
  3472. }
  3473.  
  3474. #mail.havemail:hover, #new_modmail.havemail:hover {
  3475. opacity: 1;
  3476. }
  3477.  
  3478. .pref-lang {
  3479. font-size: 0;
  3480. background: url(%%preferences%%) no-repeat center !important;
  3481. width: 12px !important;
  3482. height: 14px !important;
  3483. position: relative;
  3484. display: inline-block;
  3485. top: -5px;
  3486. }
  3487.  
  3488. .logout a {
  3489. font-size: 0;
  3490. background: url(%%logout%%) no-repeat center !important;
  3491. width: 15px !important;
  3492. height: 15px !important;
  3493. position: relative;
  3494. display: inline-block;
  3495. top: -5px;
  3496. }
  3497.  
  3498.  
  3499.  
  3500. /*** MOD ICONS ***/
  3501.  
  3502. .titlebox .leavemoderator:before, .moderator.toggle .main:before {
  3503. background: url(%%modicons%%) -42px 0px no-repeat;
  3504. width: 14px;
  3505. height: 14px;
  3506. }
  3507.  
  3508. .titlebox form.leavecontributor-button:before {
  3509. background: url(%%modicons%%) -56px 0px no-repeat;
  3510. width: 14px;
  3511. margin-top: 6px;
  3512. }
  3513.  
  3514. .icon-menu .reddit-edit:before {
  3515. background: url(%%modicons%%) 0px 0px no-repeat;
  3516. width: 14px;
  3517. height: 14px;
  3518. }
  3519.  
  3520. .icon-menu .edit-stylesheet:before {
  3521. background: url(%%modicons%%) -14px 0px no-repeat;
  3522. width: 14px;
  3523. height: 14px;
  3524. }
  3525.  
  3526. .icon-menu .moderator-mail:before {
  3527. background: url(%%modicons%%) -28px 0px no-repeat;
  3528. width: 14px;
  3529. height: 14px;
  3530. margin-left: 0;
  3531. margin-top: 0;
  3532. }
  3533.  
  3534. .icon-menu .reddit-moderators:before {
  3535. background: url(%%modicons%%) -42px 0px no-repeat;
  3536. width: 14px;
  3537. height: 14px;
  3538. }
  3539.  
  3540. .icon-menu .reddit-contributors:before {
  3541. background: url(%%modicons%%) -56px 0px no-repeat;
  3542. width: 14px;
  3543. height: 14px;
  3544. }
  3545.  
  3546. .icon-menu .reddit-traffic:before {
  3547. background: url(%%modicons%%) -70px 0px no-repeat;
  3548. width: 14px;
  3549. height: 14px;
  3550. }
  3551.  
  3552. .icon-menu .reddit-modqueue:before {
  3553. background: url(%%modicons%%) -84px 0px no-repeat;
  3554. width: 14px;
  3555. height: 14px;
  3556. }
  3557.  
  3558. .icon-menu .reddit-reported:before {
  3559. background: url(%%modicons%%) -98px 0px no-repeat;
  3560. width: 14px;
  3561. height: 14px;
  3562. }
  3563.  
  3564. .icon-menu .reddit-spam:before {
  3565. background: url(%%modicons%%) -112px 0px no-repeat;
  3566. width: 14px;
  3567. height: 14px;
  3568. }
  3569.  
  3570. .icon-menu .reddit-edited:before {
  3571. background: url(%%modicons%%) -126px 0px no-repeat;
  3572. width: 14px;
  3573. height: 14px;
  3574. }
  3575.  
  3576. .icon-menu .reddit-ban:before {
  3577. background: url(%%modicons%%) -140px 0px no-repeat;
  3578. width: 14px;
  3579. height: 14px;
  3580. }
  3581.  
  3582. .icon-menu .reddit-flair:before {
  3583. background: url(%%modicons%%) -154px 0px no-repeat;
  3584. width: 14px;
  3585. height: 14px;
  3586. }
  3587.  
  3588. .icon-menu .reddit-moderationlog:before {
  3589. background: url(%%modicons%%) -168px 0px no-repeat;
  3590. width: 14px;
  3591. height: 14px;
  3592. }
  3593.  
  3594. .icon-menu .reddit-unmoderated:before {
  3595. background: url(%%modicons%%) -182px 0px no-repeat;
  3596. width: 14px;
  3597. height: 14px;
  3598. }
  3599.  
  3600.  
  3601.  
  3602. /*** SUBMISSION PAGE ***/
  3603.  
  3604. .content h1 {
  3605. display: none
  3606. }
  3607.  
  3608. .formtabs-content {
  3609. border-top: none;
  3610. padding-top: 0px;
  3611. margin-left: -5px;
  3612. }
  3613.  
  3614. .formtabs-content .infobar {
  3615. width: 506px;
  3616. background: #fff;
  3617. color: #666;
  3618. border: 0;
  3619. padding: 8px 12px;
  3620. }
  3621.  
  3622. .roundfield {
  3623. border-radius: 0px;
  3624. background: #fff;
  3625. padding: 15px;
  3626. font-size: medium;
  3627. color: #555;
  3628. }
  3629.  
  3630. .roundfield textarea[name=title] {
  3631. color: #333;
  3632. }
  3633.  
  3634. .roundfield textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], .usertext-edit textarea {
  3635. border: 1px solid #f0f0f0;
  3636. outline: none;
  3637. color: #333;
  3638. }
  3639.  
  3640. textarea:focus, input#sr-autocomplete:focus, .usertext-edit textarea:focus, .roundfield input[type=url]:focus {
  3641. border: 1px solid #cacaca;
  3642. }
  3643.  
  3644. .roundfield span.title {
  3645. text-transform: capitalize;
  3646. }
  3647.  
  3648. .roundfield .usertext-edit {
  3649. padding-left: 0px;
  3650. }
  3651.  
  3652. div#title-field {
  3653. padding-bottom: 12px;
  3654. }
  3655.  
  3656. .roundfield span.gray {
  3657. visibility: hidden;
  3658. }
  3659.  
  3660. .roundfield:nth-of-type(5) {
  3661. margin: 3px 0;
  3662. }
  3663.  
  3664. #url-field button {
  3665. background: url(%%suggesttitle%%) no-repeat 8px center #fcfcfc;
  3666. color: #919191;
  3667. max-width: 30px;
  3668. height: 30px;
  3669. transition: 800ms;
  3670. line-height: 20px;
  3671. text-indent: 20px;
  3672. padding-right: 10px;
  3673. }
  3674.  
  3675. #url-field button:hover {
  3676. max-width: 200px;
  3677. }
  3678.  
  3679. .submit_text.enabled {
  3680. margin-bottom: -2px;
  3681. }
  3682.  
  3683. .content.submit .info-notice {
  3684. background: #fff;
  3685. border: 1px solid #fff;
  3686. border-radius: 0px;
  3687. margin-bottom: 5px;
  3688. margin-left: -5px;
  3689. width: 510px;
  3690. }
  3691.  
  3692. body:not(.subscriber) #siteTable:before {
  3693. width: calc(100% - 20px);
  3694. background: #fff8d7;
  3695. color: #666;
  3696. border: 0;
  3697. margin: 0 0 1px 0;
  3698. }
  3699.  
  3700. .content.submit .spacer button.btn {
  3701. width: 530px;
  3702. height: 40px;
  3703. margin-left: -5px;
  3704. background: #5e82a6;
  3705. border: none;
  3706. color: #fff;
  3707. text-transform: uppercase;
  3708. border-radius: 2px;
  3709. transition: 200ms;
  3710. }
  3711.  
  3712. .spacer button.btn:hover {
  3713. opacity: .9;
  3714. }
  3715.  
  3716. #suggested-reddits {
  3717. display: none;
  3718. }
  3719.  
  3720. ul.tabmenu.formtab {
  3721. position: absolute;
  3722. top: 176px;
  3723. z-index: 999;
  3724. background: none;
  3725. }
  3726.  
  3727. .tabmenu.formtab .selected a {
  3728. font-size: 100%;
  3729. opacity: 1;
  3730. }
  3731.  
  3732. .selected a.link-button.choice, .selected a.text-button.choice {
  3733. padding: 5px 10px;
  3734. background: #5e82a6;
  3735. }
  3736.  
  3737. a.text-button.choice, a.link-button.choice {
  3738. padding: 5px 10px;
  3739. text-decoration: none;
  3740. font-weight: bold;
  3741. border: 0;
  3742. background: #fff;
  3743. opacity: .3;
  3744. }
  3745.  
  3746. form .spacer+.spacer {
  3747. margin: 5px 0;
  3748. }
  3749.  
  3750.  
  3751.  
  3752. /*** FOOTER ***/
  3753.  
  3754. .footer-parent {
  3755. padding-bottom: 40px;
  3756. padding-top: 55px;
  3757. margin-top: 5px;
  3758. border-top: 5px solid rgba(0,0,0,0.3);
  3759. }
  3760.  
  3761. .footer-parent:before {
  3762. display: block;
  3763. margin: 0px auto;
  3764. padding: 10px 0px 10px 0px;
  3765. background: rgba(0,0,0,0.1);
  3766. position: absolute;
  3767. left: 0;
  3768. right: 0;
  3769. margin-top: -55px;
  3770. content: "// subreddit theme: /r/stcky //";
  3771. color: rgba(255,255,255,0.6);
  3772. width: 200px;
  3773. }
  3774.  
  3775. .footer {
  3776. background: rgba(0,0,0,0.1);
  3777. border: 0;
  3778. border-radius: 0;
  3779. padding: 15px 20px;
  3780. margin: 10px auto 20px auto;
  3781. }
  3782.  
  3783. .footer .title {
  3784. font-size: 16px;
  3785. text-transform: capitalize;
  3786. padding-bottom: 5px;
  3787. margin-bottom: 5px;
  3788. border-bottom: 1px dotted rgba(0,0,0,0.1);
  3789. color: rgba(255,255,255,0.9);
  3790. }
  3791.  
  3792. .footer a {
  3793. color: rgba(255,255,255,0.6);
  3794. font-size: 13px;
  3795. line-height: 18px;
  3796. }
  3797.  
  3798. .buygold {
  3799. color: #D5AC3D !important;
  3800. font-weight: normal;
  3801. }
  3802.  
  3803. .footer .col {
  3804. border-left: none;
  3805. }
  3806.  
  3807. .debuginfo {
  3808. margin-top: -31px;
  3809. font-size: 12px;
  3810. color: rgba(255,255,255,0.6);
  3811. }
  3812.  
  3813. .debuginfo .content, .debuginfo .icon {
  3814. margin-right: 5px;
  3815. color: rgba(255,255,255,0.6);
  3816. }
  3817.  
  3818. .bottommenu {
  3819. color: rgba(255,255,255,0.6);
  3820. font-size: 12px;
  3821. }
  3822.  
  3823. .bottommenu a {
  3824. color: rgba(0,0,0,0.5);
  3825. }
  3826.  
  3827. .bottommenu .updated {
  3828. color: #62b46d;
  3829. }
  3830.  
  3831.  
  3832.  
  3833. /*** SEARCH PAGE ***/
  3834.  
  3835. .search-page .sitetable {
  3836. margin-top: 1px !important;
  3837. }
  3838.  
  3839. .searchpane {
  3840. margin-right: 0;
  3841. margin-bottom: 1px;
  3842. background: #fff;
  3843. font-size: 12px;
  3844. padding: 7px 10px 10px 10px;
  3845. }
  3846.  
  3847. .raisedbox {
  3848. border: 0;
  3849. }
  3850.  
  3851. .searchfacets {
  3852. border: 0;
  3853. border-top: 1px solid #f5f5f5;
  3854. box-shadow: none;
  3855. }
  3856.  
  3857. .searchfacets .facet.count:hover {
  3858. text-decoration: none;
  3859. }
  3860.  
  3861.  
  3862.  
  3863. /*** MOD MAIL PAGE ***/
  3864.  
  3865. .messages-page .sitetable {
  3866. background: #fff;
  3867. margin-top: -9px;
  3868. }
  3869.  
  3870. .messages-page .message {
  3871. margin-left: 0;
  3872. }
  3873.  
  3874. .messages-page .message .subject .correspondent {
  3875. border: 1px solid #B7D7F7;
  3876. border-radius: 0;
  3877. }
  3878.  
  3879. .messages-page .message.message-reply.recipient>.entry .head, .message.message-parent.recipient>.entry .head {
  3880. color: #222;
  3881. font-size: 12px;
  3882. }
  3883.  
  3884.  
  3885.  
  3886. /*** SUBREDDIT SETTINGS ***/
  3887.  
  3888. .linefield {
  3889. background: #F9F9F9;
  3890. margin-bottom: 5px;
  3891. width: 528px;
  3892. }
  3893.  
  3894. .linefield .title {
  3895. text-transform: capitalize;
  3896. color: #555;
  3897. }
  3898.  
  3899. .linefield span+span {
  3900. margin-left: -10px;
  3901. font-size: 12px !important;
  3902. }
  3903.  
  3904. .linefield .linefield-content {
  3905. font-size: 20px;
  3906. }
  3907.  
  3908. .linefield label {
  3909. font-size: 14px;
  3910. color: #444;
  3911. }
  3912.  
  3913. .pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], .pretty-form input[type=number] {
  3914. font-size: 13px;
  3915. color: #444;
  3916. padding: 4px 8px;
  3917. margin: 4px 4px 4px 0;
  3918. }
  3919.  
  3920. .gray {
  3921. color: #aaa;
  3922. }
  3923.  
  3924. #img-preview-container {
  3925. border: 1px dashed #ccc;
  3926. padding: 7px;
  3927. }
  3928.  
  3929.  
  3930.  
  3931. /*** FLAIR SETTINGS ***/
  3932.  
  3933. .flair-settings {
  3934. margin-bottom: 5px;
  3935. }
  3936.  
  3937. .tabpane-content {
  3938. background: #fff;
  3939. border: 0;
  3940. padding: 5px;
  3941. margin-top: 4px;
  3942. }
  3943.  
  3944. #tab-grant, #tab-templates, #tab-link_templates {
  3945. font-size: 14px;
  3946. font-weight: normal;
  3947. margin-left: 0;
  3948. }
  3949.  
  3950. #tab-grant a, #tab-templates a, #tab-link_templates a {
  3951. padding: 4px 8px;
  3952. text-decoration: none;
  3953. }
  3954.  
  3955. #tab-grant.selected a, #tab-templates.selected a, #tab-link_templates.selected a {
  3956. background: #c45b52;
  3957. color: #fff;
  3958. border: 0;
  3959. }
  3960.  
  3961. .flairlist .flair-jump input[type="text"] {
  3962. padding: 4px;
  3963. }
  3964.  
  3965.  
  3966.  
  3967. /*** STYLESHEET ***/
  3968.  
  3969. .pretty-form {
  3970. background: #fff;
  3971. margin-top: 5px;
  3972. padding: 5px;
  3973. }
  3974.  
  3975. .pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], .pretty-form input[type=number] {
  3976. box-shadow: none;
  3977. border: 1px solid #ddd;
  3978. outline: none;
  3979. }
  3980.  
  3981. .pretty-form h2 {
  3982. margin-left: 5px;
  3983. }
  3984.  
  3985. .sheets {
  3986. margin-right: 5px;
  3987. }
  3988.  
  3989. #stylesheet_contents {
  3990. box-shadow: none;
  3991. -webkit-box-shadow: none;
  3992. border: 1px solid #ddd;
  3993. padding: 0px 2px !important;
  3994. font-family: monospace;
  3995. font-weight: 600;
  3996. color: #333;
  3997. font-size: 12px;
  3998. line-height: 1.4;
  3999. }
  4000.  
  4001. label[for=reason] {
  4002. color: #666;
  4003. }
  4004.  
  4005. .sheets .col textarea:focus {
  4006. outline: none;
  4007. }
  4008.  
  4009. /* IMAGES */
  4010.  
  4011. .stylesheet-customize-container #images {
  4012. font-size: 12px;
  4013. padding: 10px;
  4014. margin-top: 5px;
  4015. background: #fff;
  4016. color: #555;
  4017. }
  4018.  
  4019. .stylesheet-customize-container #images .image-upload span {
  4020. font-size: 12px;
  4021. color: #999;
  4022. padding-left: 0;
  4023. }
  4024.  
  4025. .stylesheet-customize-container #images .image-upload label input[name=img_type] {
  4026. margin: 2px 5px 0 5px;
  4027. }
  4028.  
  4029. .stylesheet-customize-container #images .image-upload input#img-name {
  4030. border: 1px solid #ddd;
  4031. padding: 2px;
  4032. margin: 5px;
  4033. width: 191px;
  4034. }
  4035.  
  4036. .stylesheet-customize-container img {
  4037. background-image: url(%%transparent%%);
  4038. }
  4039.  
  4040. .stylesheet-customize-container img:hover {
  4041. background-image: none;
  4042. }
  4043.  
  4044. .stylesheet-customize-container h2 {
  4045. margin-top: 0;
  4046. margin-bottom: 5px;
  4047. }
  4048.  
  4049. /* PREVIEW */
  4050.  
  4051. #preview-table {
  4052. background: #fff;
  4053. margin-top: 5px;
  4054. padding: 5px 10px 10px 10px;
  4055. }
  4056.  
  4057. #preview-table>table {
  4058. margin: 0;
  4059. border: 1px dotted #ddd;
  4060. }
  4061.  
  4062. #preview-table>table>tbody>tr>th {
  4063. vertical-align: middle;
  4064. color: #555;
  4065. }
  4066.  
  4067. /* STYLESHEET IMAGES */
  4068.  
  4069. ul#image-preview-list {
  4070. margin: -15px;
  4071. margin-bottom: -15px;
  4072. margin-top: 10px;
  4073. padding-top: 0px;
  4074. }
  4075.  
  4076. ul#image-preview-list li {
  4077. background: #fff;
  4078. padding: 8px 8px;
  4079. margin: 0 0 5px 5px;
  4080. border-radius: 2px;
  4081. border-bottom: 2px solid #ddd;
  4082. width: 296.5px;
  4083. height: 100px;
  4084. font-size: 14px;
  4085. color: #666;
  4086. }
  4087.  
  4088. ul#image-preview-list .preview {
  4089. position: absolute;
  4090. top: 0;
  4091. bottom: 0;
  4092. left: 8px;
  4093. right: 0;
  4094. margin: auto 0;
  4095. background: #fafafa;
  4096. line-height: 98px;
  4097. }
  4098.  
  4099. ul#image-preview-list .preview img {
  4100. vertical-align: middle;
  4101. }
  4102.  
  4103.  
  4104.  
  4105. /*** RES ***/
  4106.  
  4107. .res #srList {
  4108. top: 0;
  4109. border: 0;
  4110. box-shadow: 0 0 15px rgba(0,0,0,0.2);
  4111. text-transform: uppercase;
  4112. max-height: none !important;
  4113. height: 100%;
  4114. position: fixed;
  4115. overflow-y: auto;
  4116. overflow-x: hidden;
  4117. color: #aeaeae;
  4118. }
  4119.  
  4120. .res #srList tr {
  4121. border-bottom: 1px solid #f0f0f0;
  4122. }
  4123.  
  4124. .res #srList tr:hover {
  4125. background: none;
  4126. background: #f0f0f0;
  4127. }
  4128.  
  4129. .res #srList td {
  4130. padding: 0;
  4131. }
  4132.  
  4133. .res #srList thead td, .res #srList thead td a {
  4134. font-weight: bold;
  4135. font-size: 11px;
  4136. color: #666;
  4137. }
  4138.  
  4139. .res #srList thead td:first-child, .res #srList thead td:nth-child(3) {
  4140. padding-left: 8px;
  4141. }
  4142.  
  4143. .res .sortAsc, .res .sortDesc {
  4144. margin-right: 10px;
  4145. }
  4146.  
  4147. .res #srList td a {
  4148. text-decoration: none;
  4149. color: #aeaeae;
  4150. font-weight: bold;
  4151. padding: 3px 8px;
  4152. }
  4153.  
  4154. .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  4155. background-color: #F9FEFF !important;
  4156. }
  4157.  
  4158. .res #RESShortcutsSort, .res #RESShortcutsRight, .res #RESShortcutsLeft, .res #RESShortcutsAdd, .res #RESShortcutsTrash {
  4159. height: 20px;
  4160. line-height: 18px;
  4161. background: none;
  4162. color: rgba(255,255,255,0.6);
  4163. }
  4164.  
  4165. .res #RESShortcutsSort:hover, .res #RESShortcutsRight:hover, .res #RESShortcutsLeft:hover, .res #RESShortcutsAdd:hover, .res #RESShortcutsTrash:hover {
  4166. color: rgba(255,255,255,1);
  4167. }
  4168.  
  4169. .res #RESShortcutsSort, .res #RESShortcutsEditContainer .res-icon {
  4170. font-size: 10px;
  4171. }
  4172.  
  4173. .res #RESShortcutsLeft, .res #RESShortcutsRight {
  4174. font-size: 14px;
  4175. }
  4176.  
  4177. .res #RESShortcutsEditContainer {
  4178. height: 20px;
  4179. background: rgba(0,0,0,0.2);
  4180. }
  4181.  
  4182. .res #progressIndicator, .res .NERPageMarker, .res #NERFail {
  4183. width: initial;
  4184. margin: 0;
  4185. margin-bottom: 1px;
  4186. border-radius: 0;
  4187. font-size: 12px;
  4188. padding: 8px;
  4189. background: #fcfcfc;
  4190. border: 0;
  4191. color: #666;
  4192. font-weight: bold;
  4193. }
  4194.  
  4195. .res #progressIndicator:hover {
  4196. background: #fff;
  4197. }
  4198.  
  4199. .res #NERFail {
  4200. padding: 5px 0 12px 0;
  4201. }
  4202.  
  4203. .res .nextprev a, .res .next-suggestions a {
  4204. margin: 2px !important;
  4205. }
  4206.  
  4207. .res #header-bottom-right {
  4208. top: auto;
  4209. border-radius: 0;
  4210. }
  4211.  
  4212. .res .userkarma a, .res #mailCount {
  4213. padding: 0 !important;
  4214. }
  4215.  
  4216. .res #userbarToggle {
  4217. top: 11px;
  4218. left: -8px;
  4219. height: 0px;
  4220. min-height: 0;
  4221. width: auto;
  4222. padding: 15px 8px;
  4223. background: rgba(0,0,0,0.1);
  4224. border-radius: 0;
  4225. border: none;
  4226. line-height: 0;
  4227. color: rgba(255,255,255,0.2);
  4228. }
  4229.  
  4230. .res #userbarToggle:hover {
  4231. background: rgba(0,0,0,0.5);
  4232. color: rgba(255,255,255,0.6);
  4233. }
  4234.  
  4235. .res #userbarToggle.userbarHide {
  4236. position: initial !important;
  4237. margin-right: -16px !important;
  4238. padding-top: 14px !important;
  4239. }
  4240.  
  4241. .res-navTop #userbarToggle.userbarShow {
  4242. top: -36px !important;
  4243. left: auto;
  4244. right: 0;
  4245. height: 0;
  4246. min-height: 0;
  4247. }
  4248.  
  4249. .res .thing .tagline .author.submitter {
  4250. background-color: #5e82a6 !important;
  4251. }
  4252.  
  4253. .res .thing .tagline .author.moderator {
  4254. background: #62B46D !important;
  4255. }
  4256.  
  4257. .res .thing .tagline .author.moderator:hover {
  4258. background: #447e4c !important;
  4259. }
  4260.  
  4261. .res #RESShortcuts {
  4262. overflow: visible;
  4263. }
  4264.  
  4265. .res #srDropdown {
  4266. width: 16px;
  4267. height: 20px;
  4268. background: url(%%sr%%) no-repeat center transparent;
  4269. text-indent: -999em;
  4270. opacity: .6;
  4271. cursor: pointer;
  4272. padding-right: 6px;
  4273. }
  4274.  
  4275. .res #srDropdown:hover {
  4276. background-color: rgba(0,0,0,0.2) !important;
  4277. }
  4278.  
  4279. .res #sr-header-area #srDropdown:hover {
  4280. background-color: rgba(255,255,255,0.05);
  4281. opacity: 1;
  4282. }
  4283.  
  4284. .res #sr-header-area {
  4285. line-height: 22px;
  4286. padding-left: 0;
  4287. overflow: hidden;
  4288. }
  4289.  
  4290. .res #srLeftContainer {
  4291. padding-left: 0;
  4292. }
  4293.  
  4294. .res .separator {
  4295. display: none;
  4296. }
  4297.  
  4298. .res #sr-header-area a.RESShortcutsCurrentSub, .res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a {
  4299. color: rgba(240,243,252,1) !important;
  4300. opacity: .8;
  4301. }
  4302.  
  4303. .res #srLeftContainer, .res #RESShortcutsViewport, .res #RESShortcutsEditContainer {
  4304. max-height: 20px;
  4305. }
  4306.  
  4307. .res .srSep {
  4308. color: rgba(0,0,0,0.5)
  4309. }
  4310.  
  4311. .res .linkinfo .totalvotes {
  4312. font-size: 12px;
  4313. opacity: .5;
  4314. }
  4315.  
  4316. #openRESPrefs {
  4317. vertical-align: middle;
  4318. padding: 7px;
  4319. }
  4320.  
  4321. #openRESPrefs:hover {
  4322. background-color: rgba(0,0,0,0.1)!important;
  4323. }
  4324.  
  4325. #RESMainGearOverlay {
  4326. top: 83px !important;
  4327. left: auto !important;
  4328. right: 105px !important;
  4329. height: 25px !important;
  4330. border-radius: 2px;
  4331. display: none !important;
  4332. }
  4333.  
  4334. .RESDropdownList {
  4335. top: 201px !important;
  4336. right: 5px !important;
  4337. background: #fff;
  4338. width: 303px !important;
  4339. border-radius: 0;
  4340. border: 1px solid #ddd;
  4341. border-top: 0;
  4342. }
  4343.  
  4344. .res #RESAccountSwitcherIcon {
  4345. margin-left: 0;
  4346. margin-top: -3px;
  4347. width: 15px;
  4348. height: 15px;
  4349. }
  4350.  
  4351. #RESAccountSwitcherDropdown {
  4352. left: auto !important;
  4353. }
  4354.  
  4355. .RESDropdownList li, .RESDropdownList a {
  4356. border: none;
  4357. color: #6f6e69;
  4358. text-transform: uppercase;
  4359. font-family: sans-serif;
  4360. transition: 200ms;
  4361. }
  4362.  
  4363. .RESDropdownList li:hover {
  4364. background: #ececec;
  4365. color: #000;
  4366. }
  4367.  
  4368. .RESDropdownList li a {
  4369. width: 100% !important;
  4370. }
  4371.  
  4372. .RESDropdownList li a:hover {
  4373. background: #ececec;
  4374. color: #000;
  4375. text-decoration: none;
  4376. }
  4377.  
  4378. #RESSearchMenuItem {
  4379. background-color: #ccc;
  4380. border: 1px solid #ccc;
  4381. }
  4382.  
  4383. #RESSearchMenuItem:hover {
  4384. background-color: #555!important;
  4385. border: 1px solid #555 !important;
  4386. }
  4387.  
  4388. #SettingsConsole:hover > #RESSearchMenuItem {
  4389. border: 1px solid #ccc;
  4390. }
  4391.  
  4392. .toggleButton {
  4393. text-transform: lowercase;
  4394. }
  4395.  
  4396. .moduleToggle .toggleOn, .res .toggleButton .toggleOn, .res .moduleToggle .toggleOff, .res .toggleButton .toggleOff {
  4397. background-color: #ccc !important;
  4398. color: #aaa;
  4399. border: none;
  4400. line-height: 14px;
  4401. }
  4402.  
  4403. .toggleButton:not(.enabled) .toggleOff {
  4404. background-color: #e74c3c !important;
  4405. color: #fff;
  4406. border: none;
  4407. line-height: 14px;
  4408. }
  4409.  
  4410. .moduleToggle.enabled .toggleOn, .toggleButton.enabled .toggleOn {
  4411. background-color: #62B46D !important;
  4412. color: #fff;
  4413. border: none;
  4414. line-height: 14px;
  4415. }
  4416.  
  4417. .moduleToggle::before, .toggleButton::before {
  4418. display: none;
  4419. }
  4420.  
  4421. .gearIcon {
  4422. border-radius: 2px;
  4423. cursor: pointer;
  4424. }
  4425.  
  4426. .RESNotificationHeader .gearIcon {
  4427. position: absolute;
  4428. top: 6px;
  4429. right: 45px;
  4430. }
  4431.  
  4432.  
  4433.  
  4434. /*** NIGHT MODE ***/
  4435.  
  4436. html[lang^="nm"] body {
  4437. background: #222;
  4438. }
  4439.  
  4440. html[lang^="nm"] button {
  4441. background: #333333;
  4442. border: 1px solid #222222;
  4443. box-shadow: 0 1px #222222;
  4444. color: #888;
  4445. }
  4446.  
  4447. html[lang^="nm"] a, html[lang^="nm"] .side .md blockquote a {
  4448. color: #677381;
  4449. }
  4450.  
  4451. html[lang^="nm"] h4 {
  4452. color: #aaa;
  4453. }
  4454.  
  4455. html[lang="nm"] .res .commentarea .thing, html[lang="nm"] .res .commentarea .child .thing.comment, html[lang="nm"] .content.submit .info-notice {
  4456. background-color: #262626 !important;
  4457. border: 1px solid #2C2C2C !important;
  4458. }
  4459.  
  4460. html[lang="nm"] .commentarea .md blockquote {
  4461. background: #2F2F2F;
  4462. border: 1px solid #424242;
  4463. border-left: 3px solid #424242;
  4464. }
  4465.  
  4466. html[lang="nm"] .commentarea .entry .buttons a[onclick*="reply"]:hover {
  4467. border-bottom: 1px dotted #aaa;
  4468. }
  4469.  
  4470. html[lang="nm"] .new-comment .usertext-body {
  4471. background-color: #464B51;
  4472. border: solid 1px #464B51;
  4473. }
  4474.  
  4475. html[lang="nm"] .new-comment .usertext-body .md p {
  4476. color: #C8D3DF;
  4477. }
  4478.  
  4479. html[lang^="nm"] .wiki-page .wiki-page-content {
  4480. border-top: 2px solid #222;
  4481. }
  4482.  
  4483. html[lang^="nm"] .wiki-page .wiki-page-content hr {
  4484. border: 1px solid #222;
  4485. }
  4486.  
  4487. html[lang^="nm"] .wiki-page .wiki-page-content .wiki>.toc>ul {
  4488. border: 1px solid #1E1E1E;
  4489. box-shadow: 0 0 8px #1E1E1E;
  4490. }
  4491.  
  4492. 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, html[lang^="nm"] .wiki-page>.content {
  4493. background: #262626;
  4494. }
  4495.  
  4496. 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 {
  4497. background: #262626;
  4498. border: 1px solid #2c2c2c !important;
  4499. color: #888;
  4500. outline: 0;
  4501. }
  4502.  
  4503. html[lang^="nm"] ul#image-preview-list li {
  4504. background: #262626;
  4505. border-bottom: 2px solid #1f1f1f;
  4506. }
  4507.  
  4508. html[lang^="nm"] .panestack-title {
  4509. border-bottom: 1px solid #2c2c2c;
  4510. }
  4511.  
  4512. html[lang^="nm"] .comment .child, html[lang^="nm"] .comment .showreplies {
  4513. border-left: 1px solid #2c2c2c;
  4514. }
  4515.  
  4516. 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 {
  4517. border: 1px solid #383838;
  4518. }
  4519.  
  4520. 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 {
  4521. background: #232323;
  4522. }
  4523.  
  4524. html[lang^="nm"] .linkinfo .shortlink input{
  4525. border: 1px solid #262626 !important;
  4526. background: #262626;
  4527. color: #888;
  4528. }
  4529.  
  4530. html[lang^="nm"] .flair {
  4531. background: #6b6b6b;
  4532. border: 1px solid #222;
  4533. color: #222;
  4534. }
  4535.  
  4536. html[lang^="nm"] .link .usertext .md, html[lang^="nm"] .linkflairlabel, html[lang^="nm"] .menuarea .dropdown.lightdrop .selected, html[lang^="nm"] .menuarea .drop-choices.lightdrop {
  4537. background: #232323;
  4538. border: 1px solid #232323;
  4539. }
  4540.  
  4541. html[lang^="nm"] .footer-parent {
  4542. border-top: 5px solid #262626;
  4543. }
  4544.  
  4545. html[lang^="nm"] .side .md blockquote h3, html[lang^="nm"] .sidecontentbox .title {
  4546. border-bottom: 2px solid #232323;
  4547. }
  4548.  
  4549. html[lang^="nm"] .thing a.title:hover {
  4550. border-bottom: 1px dotted rgba(255,255,255,0.2);
  4551. }
  4552.  
  4553. html[lang^="nm"] .thing .title, html[lang^="nm"] .side .md blockquote, html[lang^="nm"] .wiki-page .md.wiki blockquote h3 {
  4554. color: #aaa;
  4555. }
  4556.  
  4557. html[lang^="nm"] span.score, html[lang^="nm"] .tagline a {
  4558. color: #aaa;
  4559. }
  4560.  
  4561. html[lang^="nm"] .thing .title:visited, html[lang^="nm"] .link .entry li .comments, html[lang^="nm"] .redditSingleClick, html[lang^="nm"] .commentarea {
  4562. color: #666;
  4563. }
  4564.  
  4565. 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 {
  4566. color: #5f5f5f;
  4567. }
  4568.  
  4569. html[lang^="nm"] .RES-keyNav-activeElement, html[lang^="nm"] .commentarea .RES-keyNav-activeElement .md, html[lang^="nm"] .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  4570. background-color: #2B2C2D !important;
  4571. }
  4572.  
  4573. html[lang^="nm"] #sr-header-area a {
  4574. color: #fff;
  4575. }
  4576.  
  4577. html[lang^="nm"] .link.last-clicked {
  4578. border-top: 1px dashed #444;
  4579. border-bottom: 1px dashed #444;
  4580. }
  4581.  
  4582. html[lang^="nm"] .morelink {
  4583. background: #1e1e1e !important;
  4584. }
  4585.  
  4586. html[lang^="nm"] .morelink:hover {
  4587. opacity: .6;
  4588. }
  4589.  
  4590. 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 {
  4591. background: #232323 !important;
  4592. border: 1px solid #232323 !important;
  4593. }
  4594.  
  4595. html[lang^="nm"] .fancy-toggle-button .remove:hover, html[lang^="nm"] .RESshortcutside.remove:hover, html[lang^="nm"] .RESDashboardToggle.remove:hover {
  4596. background: #c45b52 !important;
  4597. border: 1px solid #c45b52 !important;
  4598. }
  4599.  
  4600. html[lang^="nm"] .expando-button.image.expanded {
  4601. background-position: -40px -98px !important;
  4602. }
  4603.  
  4604. html[lang^="nm"] .expando-button.image.expanded:hover {
  4605. background-position: -60px -98px !important;
  4606. }
  4607.  
  4608. html[lang^="nm"] .expando-button.image.collapsed {
  4609. background-position: -40px -98px !important;
  4610. }
  4611.  
  4612. html[lang^="nm"] .expando-button.image.collapsed:hover {
  4613. background-position: -60px -98px !important;
  4614. }
  4615.  
  4616. html[lang^="nm"] .expando-button.selftext.collapsed {
  4617. background-position: -40px -38px !important;
  4618. }
  4619.  
  4620. html[lang^="nm"] .expando-button.selftext.collapsed:hover {
  4621. background-position: -60px -38px !important;
  4622. }
  4623.  
  4624. html[lang^="nm"] .expando-button.selftext.expanded {
  4625. background-position: -40px -58px!important;
  4626. }
  4627.  
  4628. html[lang^="nm"] .expando-button.selftext.expanded:hover {
  4629. background-position: -60px -58px!important;
  4630. }
  4631.  
  4632. html[lang^="nm"] .expando-button.video.collapsed {
  4633. background-position: -40px -78px!important;
  4634. }
  4635.  
  4636. html[lang^="nm"] .expando-button.video.collapsed:hover {
  4637. background-position: -60px -78px!important;
  4638. }
  4639.  
  4640. html[lang^="nm"] .expando-button.video.expanded {
  4641. background-position: -40px -78px!important;
  4642. }
  4643.  
  4644. html[lang^="nm"] .expando-button.video.expanded:hover {
  4645. background-position: -60px -78px!important;
  4646. }
  4647.  
  4648. 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 {
  4649. color: #999;
  4650. }
  4651.  
  4652. html[lang^="nm"] .md pre {
  4653. border: 1px solid #222221;
  4654. background-color: #272726;
  4655. }
  4656.  
  4657. html[lang^="nm"] .wiki-page .md pre {
  4658. border: 1px solid #222;
  4659. background-color: #222;
  4660. }
  4661.  
  4662. html[lang^="nm"] #search input[type=text] {
  4663. border-bottom: 2px solid #222 !important;
  4664. background: transparent;
  4665. color: #eee !important;
  4666. }
  4667.  
  4668. html[lang^="nm"] .searchpane {
  4669. background: #262626;
  4670. color: #ccc;
  4671. }
  4672.  
  4673. html[lang^="nm"] .menuarea {
  4674. background: #262626;
  4675. }
  4676.  
  4677. html[lang^="nm"] #searchexpando {
  4678. background: #262626;
  4679. }
  4680.  
  4681. html[lang^="nm"] #moresearchinfo {
  4682. border-top: 1px solid #232323;
  4683. }
  4684.  
  4685. html[lang^="nm"] .thumbnail {
  4686. border: 2px solid #222;
  4687. }
  4688.  
  4689. html[lang^="nm"] #ad_sponsorship {
  4690. border: 1px solid #222;
  4691. }
  4692.  
  4693. html[lang^="nm"] .sidecontentbox .collapse-button {
  4694. background: #222;
  4695. border: 1px solid #222;
  4696. }
  4697.  
  4698. html[lang^="nm"] .res #progressIndicator, html[lang^="nm"] .res .NERPageMarker, html[lang^="nm"] .res #NERFail {
  4699. background: #2B2C2D;
  4700. border: 1px solid #2E3032;
  4701. }
  4702.  
  4703. html[lang^="nm"] .link .md :not(pre)>code, html[lang^="nm"] .wiki-page :not(pre)>code {
  4704. background: #6B6B6B;
  4705. border: 1px solid #6B6B6B;
  4706. color: #222;
  4707. }
  4708.  
  4709. html[lang^="nm"] .side .md h4:first-of-type {
  4710. background: #262626;
  4711. color: #666;
  4712. }
  4713.  
  4714. .titlebox .md a[href*="#nm"], .titlebox .md a[href*="#dm"] {
  4715. background: rgba(0,0,0,0.1);
  4716. right: 25px;
  4717. top: 45px;
  4718. padding: 7px 12px;
  4719. position: absolute;
  4720. z-index: 9999;
  4721. color: rgba(255,255,255,0.2);
  4722. font-size: 12px;
  4723. border-radius: 3px;
  4724. text-decoration: none;
  4725. transition: 200ms;
  4726. }
  4727.  
  4728. .titlebox .md a[href*="#nm"]:hover, .titlebox .md a[href*="#dm"]:hover {
  4729. background: rgba(0,0,0,0.4);
  4730. color: rgba(255,255,255,0.5);
  4731. }
  4732.  
  4733. .titlebox .md a[href*="#nm"] {
  4734. display: block;
  4735. }
  4736.  
  4737. .titlebox .md a[href*="#dm"] {
  4738. display: none;
  4739. }
  4740.  
  4741. html[lang^="nm"] .titlebox .md a[href*="#dm"] {
  4742. display: block;
  4743. }
  4744.  
  4745. html[lang^="nm"] .titlebox .md a[href*="#nm"] {
  4746. display: none;
  4747. }
  4748.  
  4749. html[lang^="nm"] .footer-parent:before {
  4750. background: rgba(0,0,0,0.05);
  4751. }
  4752.  
  4753. html[lang^="nm"] .nextprev a, html[lang^="nm"] .next-suggestions a, html[lang^="nm"] .res .RESCloseButton {
  4754. background: #1F1F1F;
  4755. border: 1px solid #1d1d1d;
  4756. box-shadow: 0 1px #1d1d1d;
  4757. color: #999;
  4758. }
  4759.  
  4760. html[lang^="nm"] #url-field button {
  4761. background-color: #1F1F1F;
  4762. border: 1px solid #1d1d1d;
  4763. box-shadow: 0 1px #1d1d1d;
  4764. color: #999;
  4765. }
  4766.  
  4767. html[lang^="nm"] .markdownEditor .edit-btn:not(.btn-macro), html[lang^="nm"] .res .RESBigEditorPop {
  4768. background-color: #6B6B6B;
  4769. border: 1px solid #1d1d1d;
  4770. box-shadow: 0 1px #1d1d1d;
  4771. color: #1D1D1B;
  4772. }
  4773.  
  4774. html[lang^="nm"] .res .RESSubscriptionButton {
  4775. background: #2F2F2F !important;
  4776. border: 1px solid #424242 !important;
  4777. box-shadow: 0 1px #424242;
  4778. }
  4779.  
  4780. html[lang^="nm"] .nextprev a:hover, html[lang^="nm"] .next-suggestions a:hover {
  4781. background: #232323;
  4782. border: 1px solid #1f1f1f;
  4783. }
  4784.  
  4785. html[lang^="nm"] .res #RESStyleSheetTipPane {
  4786. border: 1px solid #1e1e1e;
  4787. }
  4788.  
  4789. html[lang^="nm"] .res #RESStyleSheetTipPane-header {
  4790. border-bottom: 1px solid #1e1e1e;
  4791. }
  4792.  
  4793. .res .titlebox .md a[href*="#nm"], .res .titlebox .md a[href*="#dm"] {
  4794. right: 15px !important;
  4795. top: 35px !important;
  4796. }
  4797.  
  4798.  
  4799.  
  4800. /*** NEW MARKDOWN ***/
  4801.  
  4802. .md .-text, .md p, .md pre>code, .md th, .md td, .md li {
  4803. line-height: 1.5em;
  4804. font-size: 14px;
  4805. color: #444;
  4806. }
  4807.  
  4808. .md .-lists, .md ul, .md ol, .usertext-edit textarea .-lists, .usertext-edit textarea ul, .usertext-edit textarea ol {
  4809. padding-left: 30px;
  4810. }
  4811.  
  4812. /*** WIKI ***/
  4813.  
  4814. .wiki-page .infobar, .content .infobar {
  4815. margin-top: 40px;
  4816. border: 1px solid #ffa500;
  4817. border-radius: 2px;
  4818. background: #fff8d7;
  4819. border: 0;
  4820. padding: 10px 15px;
  4821. width: calc(100% - 20px);
  4822. }
  4823.  
  4824. .wiki-page .infobar .md p {
  4825. font-size: 16px;
  4826. }
  4827.  
  4828. .wiki-page .wikititle {
  4829. margin-left: 15px;
  4830. border-radius: 2px;
  4831. color: #999;
  4832. vertical-align: -6px;
  4833. }
  4834.  
  4835. .wiki-page .pageactions {
  4836. border: 0;
  4837. margin-top: 5px;
  4838. margin-left: 15px;
  4839. }
  4840.  
  4841. .wiki-page .pageactions .wikiaction {
  4842. text-decoration: none;
  4843. color: #999;
  4844. padding: 6px 10px;
  4845. font-size: 14px;
  4846. }
  4847.  
  4848. .wiki-page .pageactions .wikiaction:hover {
  4849. background-color: rgba(0,0,0,0.05);
  4850. }
  4851.  
  4852. .wiki-page .pageactions .wikiaction-current {
  4853. background: rgba(0,0,0,0.1);
  4854. color: #999;
  4855. }
  4856.  
  4857. .wiki-page .pageactions .wikiaction-current:hover {
  4858. background: rgba(0,0,0,0.2);
  4859. }
  4860.  
  4861. .wiki-page>.content {
  4862. background: #fff;
  4863. }
  4864.  
  4865. .wiki-page .wiki-page-content {
  4866. background: transparent;
  4867. margin: 5px 10px 10px 10px;
  4868. padding-bottom: 10px;
  4869. padding-top: 5px;
  4870. border-top: 2px solid #f9f9f9;
  4871. }
  4872.  
  4873. .wiki-page .wiki-page-content .md blockquote, .wiki-page .wiki-page-content .help blockquote {
  4874. border: 0;
  4875. background: transparent;
  4876. }
  4877.  
  4878. .wiki-page .md.wiki blockquote h3 {
  4879. font-size: 17px;
  4880. }
  4881.  
  4882. .wiki-page-content .md h4 {
  4883. font-style: normal;
  4884. font-weight: bold;
  4885. font-size: 14px;
  4886. }
  4887.  
  4888. .wiki-page .wiki p {
  4889. font-size: 14px;
  4890. }
  4891.  
  4892. .wiki-page em {
  4893. color: #888;
  4894. font-size: 14px;
  4895. }
  4896.  
  4897. .wiki-page .wiki a {
  4898. color: #5e82a6;
  4899. }
  4900.  
  4901. .wiki-page .wiki-page-content hr {
  4902. border: 1px solid #bababa;
  4903. }
  4904.  
  4905. .wiki-page .wiki-page-content .wiki>.toc>ul {
  4906. padding: 12px 14px;
  4907. border: 1px solid #F0F0F0;
  4908. box-shadow: 0 0 8px #F5F5F5;
  4909. border-radius: 2px;
  4910. }
  4911.  
  4912.  
  4913.  
  4914. /* [ STCKY v1.07 by doingstuffcarl ]
  4915. [ /r/STCKY ] */
  4916.  
  4917. .linkflair-invalid .linkflairlabel {
  4918. background: url(%%denied%%);
  4919. border: 0;
  4920. height: 17px;
  4921. width: 58px;
  4922. text-indent: -9999em;
  4923. vertical-align: middle;
  4924.  
  4925. }
  4926.  
  4927. .linkflair-diplomacy .linkflairlabel {
  4928. background: url(%%diplomacy%%);
  4929. border: 0;
  4930. height: 18px;
  4931. width: 62px;
  4932. text-indent: -9999em;
  4933. vertical-align: middle;
  4934. }
  4935.  
  4936. .linkflair-war .linkflairlabel {
  4937. background: url(%%war%%);
  4938. border: 0;
  4939. height: 18px;
  4940. width: 58px;
  4941. text-indent: -9999em;
  4942. vertical-align: middle;
  4943. }
  4944.  
  4945. .linkflair-research .linkflairlabel {
  4946. background: url(%%research%%);
  4947. border: 0;
  4948. height: 17px;
  4949. width: 58px;
  4950. text-indent: -9999em;
  4951. vertical-align: middle;
  4952. }
  4953.  
  4954. .linkflair-big-event .linkflairlabel {
  4955. background: url(%%big-event%%);
  4956. border: 0;
  4957. height: 18px;
  4958. width: 60px;
  4959. text-indent: -9999em;
  4960. vertical-align: middle;
  4961. }
  4962.  
  4963. .linkflair--event- .linkflairlabel {
  4964. background: url(%%-event-%%);
  4965. border: 0;
  4966. height: 18px;
  4967. width: 60px;
  4968. text-indent: -9999em;
  4969. vertical-align: middle;
  4970. }
  4971.  
  4972. .linkflair-claim .linkflairlabel {
  4973. background: url(%%claim%%);
  4974. border: 0;
  4975. height: 18px;
  4976. width: 62px;
  4977. text-indent: -9999em;
  4978. vertical-align: middle;
  4979. }
  4980.  
  4981. .linkflair-election .linkflairlabel {
  4982. background: url(%%election%%);
  4983. border: 0;
  4984. height: 18px;
  4985. width: 62px;
  4986. text-indent: -9999em;
  4987. vertical-align: middle;
  4988. }
  4989.  
  4990. .linkflair-minimodevent .linkflairlabel {
  4991. background: url(%%minimodevent%%);
  4992. border: 0;
  4993. height: 18px;
  4994. width: 120px;
  4995. text-indent: -9999em;
  4996. vertical-align: middle;
  4997. }
  4998.  
  4999.  
  5000. .linkflair-conflict .linkflairlabel {
  5001. background: url(%%conflict%%);
  5002. border: 0;
  5003. height: 18px;
  5004. width: 59px;
  5005. text-indent: -9999em;
  5006. vertical-align: middle;
  5007. }
  5008.  
  5009. .linkflair-expansion .linkflairlabel {
  5010. background: url(%%expansion%%);
  5011. border: 0;
  5012. height: 18px;
  5013. width: 59px;
  5014. text-indent: -9999em;
  5015. vertical-align: middle;
  5016. }
  5017.  
  5018. .linkflair-meta .linkflairlabel {
  5019. background: url(%%meta%%);
  5020. border: 0;
  5021. height: 18px;
  5022. width: 62px;
  5023. text-indent: -9999em;
  5024. vertical-align: middle;
  5025. }
  5026.  
  5027. .linkflair-mod-event .linkflairlabel {
  5028. background: url(%%mod-event%%);
  5029. border: 0;
  5030. height: 18px;
  5031. width: 62px;
  5032. text-indent: -9999em;
  5033. vertical-align: middle;
  5034. }
  5035.  
  5036. .linkflair-modpost .linkflairlabel {
  5037. background: url(%%modpost%%);
  5038. border: 0;
  5039. height: 18px;
  5040. width: 61px;
  5041. text-indent: -9999em;
  5042. vertical-align: middle;
  5043. }
  5044.  
  5045. .linkflair-treaty .linkflairlabel {
  5046. background: url(%%treaty%%);
  5047. border: 0;
  5048. height: 18px;
  5049. width: 62px;
  5050. text-indent: -9999em;
  5051. vertical-align: middle;
  5052. }
  5053.  
  5054. .linkflair-secret .linkflairlabel {
  5055. background: url(%%secret%%);
  5056. border: 0;
  5057. height: 17px;
  5058. width: 58px;
  5059. text-indent: -9999em;
  5060. vertical-align: middle;
  5061. }
  5062.  
  5063. .linkflair-espionage .linkflairlabel {
  5064. background: url(%%espionage%%);
  5065. border: 0;
  5066. height: 18px;
  5067. width: 60px;
  5068. text-indent: -9999em;
  5069. vertical-align: middle;
  5070. }
  5071.  
  5072. .linkflair-Maps .linkflairlabel {
  5073. background: url(%%Maps%%);
  5074. border: 0;
  5075. height: 17px;
  5076. width: 58px;
  5077. text-indent: -9999em;
  5078. vertical-align: middle;
  5079. }
  5080.  
  5081. .linkflair-UN .linkflairlabel {
  5082. background: url(%%UN%%);
  5083. border: 0;
  5084. height: 17px;
  5085. width: 58px;
  5086. text-indent: -9999em;
  5087. vertical-align: middle;
  5088. }
  5089.  
  5090. .linkflair-Budget .linkflairlabel {
  5091. background: url(%%Budget%%);
  5092. border: 0;
  5093. height: 17px;
  5094. width: 58px;
  5095. text-indent: -9999em;
  5096. vertical-align: middle;
  5097. }
  5098.  
  5099. .linkflair-Procurement .linkflairlabel {
  5100. background: url(%%procurement%%);
  5101. border: 0;
  5102. height: 17px;
  5103. width: 58px;
  5104. text-indent: -9999em;
  5105. vertical-align: middle;
  5106. }
  5107.  
  5108. .linkflair-battle .linkflairlabel {
  5109. background: url(%%battle%%);
  5110. border: 0;
  5111. height: 17px;
  5112. width: 58px;
  5113. text-indent: -9999em;
  5114. vertical-align: middle;
  5115. }
  5116.  
  5117. .linkflair-date .linkflairlabel {
  5118. background: url(%%date%%);
  5119. border: 0;
  5120. height: 17px;
  5121. width: 58px;
  5122. text-indent: -9999em;
  5123. vertical-align: middle;
  5124. }
  5125.  
  5126. .linkflair-polandball .linkflairlabel {
  5127. background: url(%%polandball%%);
  5128. border: 0;
  5129. height: 19px;
  5130. width: 64px;
  5131. text-indent: -9999em;
  5132. vertical-align: middle;
  5133. }
  5134.  
  5135.  
  5136. /* message displayed on hover over downvote button */
  5137.  
  5138. .arrow.down:hover:before {
  5139. position: absolute;
  5140. display: block;
  5141. z-index: 1000;
  5142. width: 210px;
  5143. padding: 5px;
  5144. border: 0px solid #333;
  5145. background: #000000;
  5146. content: "Downvoting is rude and is against subreddit rules unless it detracts from the conversation. Don't downvote things that are in meta.";
  5147. text-align: center;
  5148. font-size: 10px;
  5149. color: white;
  5150. font-weight: bold;
  5151. margin-left: 25px;
  5152. margin-top: 5px;
  5153. -moz-border-radius: 4px;
  5154. -webkit-border-radius: 4px
  5155. }
  5156.  
  5157. .sidebox.submit-text { display: none; }
  5158.  
  5159. .sidebox.submit-link { display: none; }
  5160.  
  5161. .link .down:hover:before {
  5162. content: "Downvoting is rude and is against subreddit rules unless it detracts from the conversation. Don't downvote things that are in meta.";
  5163. position: absolute;
  5164. z-index: 99;
  5165. margin: -3em 0 0 2em;
  5166. padding: .3em;
  5167. border: .1em dashed;
  5168. background: orangered;
  5169. font-size: x-small;
  5170. font-weight: bold;
  5171. width: 20em;
  5172. text-align: center;
  5173. }
  5174.  
  5175. .side a[href$="#button"] {
  5176. display: block;
  5177. background: #96EAEE;
  5178. color: #333333;
  5179. padding: 10px;
  5180. margin: 10px;
  5181. }
  5182.  
  5183. /***** Sidebar headings *****/
  5184. .titlebox blockquote {
  5185. border: 1px solid #AAA;
  5186. text-shadow: 0 1px 0 white;
  5187. color: #787878;
  5188. font-weight: bold;
  5189. border-radius: 10px;
  5190. }
  5191. .titlebox {
  5192. padding: 10px;
  5193. background: transparent; /*Sidebar Background color*/
  5194. border: 1px solid #AAA; /*Sidebar border color*/
  5195. color: #787878; /*Text color in sidebar*/
  5196. border-radius: 10px;
  5197. -moz-border-radius: 10px;
  5198. -webkit-border-radius: 10px
  5199. }
  5200. /***** Collapsible menu *****/
  5201. .titlebox .md h3 + ul {
  5202. margin: 0 2em;
  5203. padding: 3px;
  5204. }
  5205. .titlebox .md h3, div.titlebox .md h3 a {
  5206. color: #eee; /*General Header text color*/
  5207. }
  5208. .titlebox .md h3 + ul {
  5209. display: none;
  5210. }
  5211. .titlebox .md h3:hover + ul,
  5212. .titlebox .md h3 + ul:hover {
  5213. display: block;
  5214. }
  5215. .titlebox .md h3 + ul li:hover {
  5216. background-color: #eee;
  5217. /*Color you seen when ^ hovering over sidebar items*/
  5218. }
  5219. .res-nightmode .titlebox .md h3 + ul li:hover {
  5220. background-color: #393939;
  5221. /*Color you seen when ^ hovering over sidebar items- Nightmode*/
  5222. }
  5223. .titlebox .md h3 {
  5224. background-color: #96EAEE; /*### background color*/
  5225. color: #333333; /*### Text color*/
  5226. width: 280px;
  5227. line-height: 23px;
  5228. font-weight: normal;
  5229. font-size: 16px;
  5230. cursor: pointer;
  5231. padding-left: 20px;
  5232. margin-top: 4px;
  5233. margin-left: -11px;
  5234. }
  5235. .res-nightmode .titlebox .md h3 {
  5236. background-color: #7a9642; /*Nightmode background color*/
  5237. }
  5238. .titlebox .md h3:after {
  5239. margin-bottom: 10px;
  5240. }
  5241. .titlebox .md h3:before {
  5242. content: "+";
  5243. color: #fff; /*color of the + in ###*/
  5244. padding-right: 5px;
  5245. }
  5246. .titlebox .md h3 + ul {
  5247. line-height: 1.7em
  5248. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement