API tools faq
paste
GusGold

Duplicating /r/Lounge

GusGold
May 3rd, 2015
309
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 40.87 KB | None | 0 0
raw download clone embed print report
  1. /* ========================== * 2012.11.05-21 - kjhatch - Subreddit design, images, CSS, testing * 2012.11.25 - kjhatch - Fixed the placeholder text on the search input for Chrome and Safari * 2012.11.28 - kjhatch - Announcement code * 2012.12.06 - powerlanguage - user attributes * 2012.12.07 - powerlanguage - h2 global * 2013.02.18 - Deimorz - fixed submit buttons that I broke * 2013.03.01 - powerlanguage - updated anchor colors for better contrast side h1 anchors sidebar md overflow for headers * 2013.03.08 - alienth - re-redify admin usernames * 2013.04.10 - powerlanguage - hat flair * 2013.05.10 - powerlanguage - moar hats * 2013.05.14 - chromakode - move beta notice down * 2015.01.01 - mattster42 - make hat flairs tip */
  2. /*===== GLOBALS =====*/
  3.  
  4. body {
  5.     background: #E5D2B2 url(%%paper-bg-tile%%);
  6. }
  7. .thing .title.click,
  8. .thing .title.loggedin.click {
  9.     color: #682B1A;
  10. }
  11. a,
  12. a:link {
  13.     color: #9a7d2e;
  14. }
  15. h2 a {
  16.     color: #9BA01C;
  17. }
  18. a:visited,
  19. .comment a:visited,
  20. h2 a:visited {
  21.     color: #736D37;
  22. }
  23. div.content {
  24.     background: transparent url(%%body-watermark%%) no-repeat 150px 100%;
  25. }
  26. .md h2 {
  27.     color: #9A7D2E;
  28.     margin: 5px 0 5px 0;
  29. }
  30. /*===== GIVE GOLD LINK =====*/
  31.  
  32. .give-gold {
  33.     color: #9A7D2E !important;
  34. }
  35. .tagline .admin {
  36.     color: #ff0011 !important;
  37. }
  38. .tagline .moderator {
  39.     color: #228822 !important;
  40. }
  41. .tagline .friend {
  42.     color: #ff4500 !important;
  43. }
  44. /* User Attributes */
  45. /* .tagline .userattrs .moderator, .green {color:#580 !important;} .tagline .userattrs .admin, .red {color:#f01 !important;} */
  46. /*===== HEADER =====*/
  47. /* Header */
  48.  
  49. #header {
  50.     position: relative;
  51.     z-index: 0;
  52.     height: 150px;
  53.     background: transparent url(%%header-bg%%) bottom left repeat-x;
  54.     border: 0;
  55. }
  56. /* #header-img {position:relative;margin:26px 0 0 5px;} */
  57.  
  58. #header-img {
  59.     display: none;
  60. }
  61. #header-img-a {
  62.     display: inline-block;
  63.     margin: 26px 0 0 5px;
  64.     width: 98px;
  65.     height: 80px;
  66.     background: transparent url(%%logo%%) no-repeat 0px 0px;
  67. }
  68. #header-img-a:hover {
  69.     background-position: 0px -80px;
  70. }
  71. /** #header-img-a {display:inline-block;margin:22px 0 0 27px;width:59px;height:88px;background:transparent url(%%new-snoo-bg%%) no-repeat 0px 0px;} **/
  72.  
  73. .pagename {
  74.     position: absolute;
  75.     left: 240px;
  76.     bottom: 40px;
  77.     text-indent: 80px;
  78.     font-size: 150%;
  79.     color: #FFF;
  80. }
  81. .pagename a {
  82.     text-indent: -9999px;
  83.     position: absolute;
  84.     left: -130px;
  85.     bottom: -20px;
  86.     display: block;
  87.     width: 203px;
  88.     height: 72px;
  89.     background-image: url(%%logo-lounge%%);
  90. }
  91. .pagename a:hover {
  92.     background-position: 0px -72px;
  93. }
  94. /* Reddit Bar */
  95.  
  96. div#sr-header-area {
  97.     color: #F2ECE1 !important;
  98.     background: transparent;
  99.     border: 0;
  100. }
  101. .sr-list .separator {
  102.     color: #E5D2B2;
  103. }
  104. .sr-bar a,
  105. .sr-bar a:visited {
  106.     color: #E5D2B2;
  107.     text-decoration: none;
  108. }
  109. .sr-bar a:hover {
  110.     color: #FEC209;
  111.     text-decoration: none;
  112. }
  113. span.selected.title {
  114.     color: #F2ECE1 !important;
  115. }
  116. /* Account Bar */
  117.  
  118. #header #header-bottom-right {
  119.     background-color: inherit
  120. }
  121. #header-bottom-right {
  122.     top: 20px !important;
  123.     bottom: auto !important;
  124.     padding-bottom: 20px !important;
  125.     background: transparent url(%%account-bg%%) bottom left repeat-x;
  126.     border-top-left-radius: 0;
  127. }
  128. #header-bottom-right a,
  129. #header-bottom-right a:visited {
  130.     color: #E5D2B2;
  131.     text-decoration: none;
  132. }
  133. #header-bottom-right a:hover {
  134.     color: #FEC209;
  135.     text-decoration: none;
  136. }
  137. #header-bottom-right:before {
  138.     position: absolute;
  139.     top: 2px;
  140.     left: -20px;
  141.     z-index: 10;
  142.     display: block;
  143.     width: 20px;
  144.     height: 34px;
  145.     content: "";
  146.     background: transparent url(%%account-bg-left%%) no-repeat top left;
  147.     border: 0;
  148. }
  149. /* Mail icons */
  150.  
  151. #header-bottom-right #mail.havemail {
  152.     background-image: url(%%mail%%);
  153.     background-position: 0 0;
  154. }
  155. #header-bottom-right #modmail.havemail {
  156.     background-image: url(%%modmail%%);
  157.     background-position: 0 0;
  158. }
  159. /* Tab Navigation */
  160.  
  161. #header .tabmenu li a {
  162.     color: #511909
  163. }
  164. body:not(.submit-page) .tabmenu {
  165.     position: absolute;
  166.     left: 350px;
  167.     bottom: 30px;
  168. }
  169. body:not(.submit-page) .tabmenu a {
  170.     display: inline-block;
  171.     margin: 0;
  172.     height: 30px;
  173.     padding: 10px 10px !important;
  174.     text-transform: uppercase;
  175.     text-shadow: -1px -1px 1px #320B00, 1px 1px 1px #A86552;
  176.     font-weight: bold;
  177.     font-size: 20px;
  178.     font-family: baskerville, palatino, "palatino linotype", georgia, serif;
  179.     line-height: 1.4;
  180.     color: #511909;
  181.     background-color: transparent !important;
  182. }
  183. body:not(.submit-page) .tabmenu a:hover {
  184.     color: #FEC209;
  185.     background-color: transparent !important;
  186.     border: 0;
  187. }
  188. body:not(.submit-page) .tabmenu .selected {
  189.     position: relative;
  190.     display: inline-block !important;
  191.     margin: 0 !important;
  192.     padding: 0 !important;
  193.     height: 64px;
  194.     background: transparent url(%%nav-frame%%) no-repeat 50% 0px;
  195. }
  196. body:not(.submit-page) .tabmenu .selected:before {
  197.     position: absolute;
  198.     top: -1px;
  199.     left: -5px;
  200.     display: block;
  201.     width: 48px;
  202.     height: 65px;
  203.     content: "";
  204.     background: transparent url(%%nav-frame-left%%) top right no-repeat;
  205. }
  206. body:not(.submit-page) .tabmenu .selected:after {
  207.     position: absolute;
  208.     top: -1px;
  209.     right: -5px;
  210.     display: block;
  211.     width: 46px;
  212.     height: 65px;
  213.     content: "";
  214.     background: transparent url(%%nav-frame-right%%) top right no-repeat;
  215. }
  216. body:not(.submit-page) .tabmenu .selected a {
  217.     padding: 16px 20px 15px !important;
  218.     height: 34px;
  219.     text-shadow: -1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;
  220.     color: #925900 !important;
  221.     border: 0 !important;
  222. }
  223. body:not(.submit-page) .tabmenu .selected:hover {
  224.     background-position: 50% -64px;
  225. }
  226. body:not(.submit-page) .tabmenu .selected:hover:before {
  227.     background-position: 0px -65px;
  228. }
  229. body:not(.submit-page) .tabmenu .selected:hover:after {
  230.     background-position: 100% -65px;
  231. }
  232. /* .listing-page .tabmenu, .single-page .tabmenu {position:absolute;left:350px;bottom:30px;} .tabmenu a {display:inline-block;margin:0;height:30px;padding:10px 10px !important;text-transform:uppercase;text-shadow:-1px -1px 1px #320B00, 1px 1px 1px #A86552;font-weight:bold;font-size:150%;font-family:baskerville, palatino, "palatino linotype", georgia,serif;line-height:1.5;color:#511909;background-color:transparent !important;} .tabmenu a:hover {color:#FEC209;background-color:transparent !important;border:0;} .tabmenu .selected {position:relative;display:inline-block !important;margin:0 !important;padding:0 !important;height:64px;background:transparent url(%%nav-frame%%) no-repeat center center;} .tabmenu .selected:before {position:absolute;top:-1px;left:-5px;display:block;width:48px;height:65px;content:"";background:transparent url(%%nav-frame-left%%) top right no-repeat;} .tabmenu .selected:after {position:absolute;top:-1px;right:-5px;display:block;width:28px;height:65px;content:"";background:transparent url(%%nav-frame-right%%) top right no-repeat;} .tabmenu .selected a {padding:16px 20px 15px !important;height:34px;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;color:#925900 !important;border:0 !important;} .tabmenu .selected a {padding:10px 20px !important;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;color:#925900 !important;background:transparent url(%%gold-bg%%) repeat top left;border-top:1px solid #FFECAA !important;border-right:1px solid #BD8E00 !important;border-bottom:1px solid #BD8E00 !important;border-left:1px solid #FFECAA !important;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .tabmenu li {display:inline-block !important;margin:0 !important;padding:0 !important;} .tabmenu .selected {border-right:1px solid #320B00;border-bottom:1px solid #320B00;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} */
  233. /*===== ANNOUNCEMENTS =====*/
  234. /* 60px for one, 100px for both */
  235.  
  236. div.content {
  237.     margin-top: 100px
  238. }
  239. /* Announcement */
  240.  
  241. .side .md h5 {
  242.     margin-top: 0px;
  243.     margin-bottom: 0px;
  244.     line-height: inherit
  245. }
  246. .titlebox h5 {
  247.     position: absolute;
  248.     top: 160px;
  249.     left: 0px;
  250.     display: block;
  251.     margin: 0 340px 0 40px;
  252.     padding: 12px 15px 6px 15px !important;
  253.     height: 28px;
  254.     color: #925900 !important;
  255.     text-shadow: -1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;
  256.     text-transform: uppercase;
  257.     font-size: 16px !important;
  258.     font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
  259.     background: transparent url(%%announcement-bg%%) repeat-x top left !important
  260. }
  261. .titlebox h5:hover {
  262.     background-position: 0 -46px !important
  263. }
  264. .titlebox h5:before {
  265.     position: absolute;
  266.     top: -6px;
  267.     left: -25px;
  268.     display: block;
  269.     width: 45px;
  270.     height: 46px;
  271.     content: "";
  272.     background: transparent url(%%announcement-ends%%) 0% 0px no-repeat
  273. }
  274. .titlebox h5:after {
  275.     position: absolute;
  276.     top: -6px;
  277.     right: -25px;
  278.     display: block;
  279.     width: 45px;
  280.     height: 46px;
  281.     content: "";
  282.     background: transparent url(%%announcement-ends%%) 100% 0px no-repeat
  283. }
  284. .titlebox h5:hover:before {
  285.     background-position: 0% -46px !important
  286. }
  287. .titlebox h5:hover:after {
  288.     background-position: 100% -46px !important
  289. }
  290. .titlebox h5 a,
  291. .titlebox h5 a:visited {
  292.     color: #5b3700 !important
  293. }
  294. .titlebox h5 a:hover {
  295.     color: #925900 !important
  296. }
  297. /* Announcement List */
  298.  
  299. .titlebox .md ul {
  300.     position: absolute;
  301.     top: 214px;
  302.     left: 0px;
  303.     display: block;
  304.     margin-left: 40px!important;
  305.     margin-right: 340px!important;
  306.     padding: 0px;
  307.     color: #925900 !important;
  308.     text-shadow: 0 2px 1px rgba(255, 255, 255, 0.5);
  309.     text-transform: uppercase;
  310.     font-size: 16px !important;
  311.     font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
  312.     font-weight: bold
  313. }
  314. .titlebox .md ul li {
  315.     display: inline-block;
  316.     margin-right: 10px;
  317. }
  318. .side .titlebox .md ul li a {
  319.     color: #5b3700;
  320. }
  321. .side .titlebox .md ul li a:hover {
  322.     color: #925900;
  323. }
  324. .titlebox .md ul li:not(:first-child):after {
  325.     content: '|';
  326.     margin: 0 0 0 0.5em;
  327.     font-weight: bold;
  328.     color: #5b3700;
  329.     text-shadow: 0 2px 1px rgba(255, 255, 255, 0.5)
  330. }
  331. .titlebox .md ul li:last-child:after {
  332.     content: ""
  333. }
  334. /*===== LISTING PAGE =====*/
  335.  
  336. .sheets {
  337.     margin-right: 335px;
  338. }
  339. /* Link Items */
  340.  
  341. .linklisting .link {
  342.     margin: 12px 335px 12px 6px !important;
  343.     padding: 10px 0;
  344. }
  345. .linklisting .link a.title:link {
  346.     color: #3D2A1E;
  347.     font-weight: bold;
  348.     font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
  349.     font-size: 1.3em;
  350. }
  351. .linklisting .link a.title:visited {
  352.     color: #3D2A1E !important;
  353. }
  354. .linklisting .odd {
  355.     background: transparent url(%%bg-w30%%) repeat top left;
  356.     border-radius: 8px;
  357.     -moz-border-radius: 8px;
  358.     -webkit-border-radius: 8px;
  359. }
  360. /* Arrows */
  361.  
  362. .linklisting .midcol {
  363.     margin: 0 15px 0 10px;
  364.     padding: 0;
  365. }
  366. .arrow {
  367.     height: 14px;
  368.     background-image: url(%%arrows-off%%) !important;
  369. }
  370. .arrow.upmod {
  371.     background-image: url(%%arrows%%) !important;
  372.     background-position: 0 0;
  373. }
  374. .arrow.upmod:hover {
  375.     background-position: -15px 0px;
  376. }
  377. .arrow.downmod {
  378.     background-image: url(%%arrows%%) !important;
  379.     background-position: 0 -23px;
  380. }
  381. .arrow.up {
  382.     background-position: 0 0;
  383. }
  384. .arrow.down {
  385.     background-position: 0 -23px;
  386. }
  387. .link .score {
  388.     color: #685243;
  389. }
  390. .link .score.likes,
  391. .linkinfo .upvotes {
  392.     color: #DDA23F;
  393.     text-shadow: 1px 1px 1px #000;
  394. }
  395. .link .score.dislikes,
  396. .linkinfo .downvotes {
  397.     color: #000;
  398.     text-shadow: 1px 1px 1px #444;
  399. }
  400. /* Thumbnail */
  401.  
  402. .thumbnail {
  403.     position: relative;
  404.     margin-right: 20px;
  405.     padding: 2px;
  406.     width: 65px;
  407.     height: 53px;
  408.     text-align: center;
  409.     vertical-align: middle;
  410.     overflow: visible;
  411.     background-color: #CB982D;
  412. }
  413. .thumbnail.default,
  414. .thumbnail.self {
  415.     background-image: url(%%thumbnail%%)!important;
  416.     background-position: center center;
  417. }
  418. .thumbnail:after {
  419.     position: absolute;
  420.     top: -13px;
  421.     left: -12px;
  422.     display: block;
  423.     width: 93px;
  424.     height: 83px;
  425.     content: "";
  426.     background: transparent url(%%thumbnail-frame%%) top left no-repeat;
  427. }
  428. .thumbnail:hover:after {
  429.     background-position: 0 -83px;
  430. }
  431. .thumbnail img {
  432.     height: 53px;
  433. }
  434. /* NSFW Thumbnail */
  435.  
  436. .thumbnail.nsfw {
  437.     background-image: url(%%thumbnail-nsfw%%)!important;
  438.     background-position: center center;
  439. }
  440. .thumbnail.nsfw {
  441.     height: 50px
  442. }
  443. /* Domain */
  444.  
  445. .link .domain {
  446.     color: #682B1A;
  447. }
  448. /* Tagline */
  449.  
  450. .link .tagline {
  451.     color: #682B1A;
  452. }
  453. .tagline a.author.submitter a,
  454. .tagline a.author.submitter a:visited,
  455. .tagline a.author.moderator a,
  456. .tagline a.author.moderator a:visited {
  457.     color: #9a7d2e!important;
  458. }
  459. /* Flat List */
  460.  
  461. .link ul.flat-list li a {
  462.     color: #682B1A;
  463. }
  464. .flat-list .selected a {
  465.     color: #3D2A1E;
  466. }
  467. /* Rank */
  468.  
  469. .link .rank {
  470.     color: #703322;
  471. }
  472. /*===== SINGLE PAGE =====*/
  473. /* .single-page .midcol {margin:0 15px 0 10px;padding:0;} */
  474.  
  475. .single-page .commentarea {
  476.     margin-right: 335px
  477. }
  478. /*===== COMMENT REPLY BOX =====*/
  479.  
  480. .usertext-edit textarea {
  481.     background: url(%%comment-box-bold%%) no-repeat 0 0px;
  482.     background-color: #fff;
  483.     padding: 0px;
  484.     background-size: 500px 100px;
  485. }
  486. .usertext-edit textarea:active,
  487. .usertext-edit textarea:focus {
  488.     background: #fff;
  489. }
  490. /* Don't display on subreddit settings page */
  491.  
  492. .fancy-settings .usertext-edit textarea {
  493.     background: #fff;
  494. }
  495. /*===== SUBMIT PAGE =====*/
  496.  
  497. .submit-page .tabmenu.formtab a {
  498.     margin-left: 1px;
  499.     background-color: #D6C7BE;
  500.     border-color: #40291B;
  501.     border-top-left-radius: 3px;
  502.     border-top-right-radius: 3px;
  503.     -moz-border-radius-topleft: 3px;
  504.     -moz-border-radius-topright: 3px;
  505.     -webkit-border-top-left-radius: 3px;
  506.     -webkit-border-top-right-radius: 3px;
  507. }
  508. .submit-page .tabmenu li.selected a {
  509.     background-color: #40291B;
  510. }
  511. .submit-page .formtabs-content {
  512.     border-color: #40291B;
  513. }
  514. .usertext.border .usertext-body,
  515. .roundfield {
  516.     background-color: #D6C7BE;
  517.     border: 1px solid #40291B;
  518. }
  519. #reddit-field {
  520.     display: none;
  521. }
  522. .submit-page .submit_text {
  523.     max-height: initial;
  524. }
  525. .submit-page .submit_text {
  526.     font-family: baskerville, palatino, "palatino linotype", georgia, serif;
  527.     margin: 0.5em 0;
  528.     color: #424242;
  529. }
  530. .submit-page .submit_text h1 {
  531.     font-size: 2em;
  532.     color: #000;
  533. }
  534. .submit-page .submit_text .md {
  535.     font-size: 1.3em
  536. }
  537. /*===== SEARCH PAGE =====*/
  538.  
  539. .searchpane,
  540. .searchfacets {
  541.     margin-right: 335px;
  542.     border: 1px solid #40291B;
  543. }
  544. .search-summary {
  545.     margin-right: 30px;
  546. }
  547. .searchpane {
  548.     background-color: #D6C7BE;
  549. }
  550. /*===== SIDEBAR =====*/
  551.  
  552. .side {
  553.     margin: -4px 0 0 0;
  554.     width: 325px;
  555.     background: transparent url(%%sidebar-bg%%) top left repeat-y;
  556.     border: 0;
  557. }
  558. .side >
  559. .spacer {
  560.     margin: 0;
  561.     padding: 0 10px 0 20px;
  562. }
  563. .sidecontentbox .content,
  564. .sidecontentbox a {
  565.     background-color: transparent;
  566.     border: 0;
  567. }
  568. .titlebox form.toggle,
  569. .leavemoderator,
  570. .sidebox .spacer {
  571.     background-color: transparent;
  572. }
  573. .titlebox form.toggle,
  574. .leavemoderator {
  575.     color: #F2ECE1 !important;
  576.     font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
  577.     font-size: 1.1em;
  578. }
  579. .side a,
  580. .side a:visited {
  581.     color: #E5D2B2;
  582.     text-decoration: none;
  583. }
  584. .side h1 a,
  585. .side h1 a:visited {
  586.     color: #5b3700;
  587.     text-decoration: none;
  588. }
  589. .side a:hover {
  590.     color: #FEC209;
  591.     text-decoration: none;
  592. }
  593. .titlebox .md {
  594.     color: #F2ECE1 !important;
  595.     font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
  596.     font-size: 1.3em;
  597. }
  598. .side .md ul {
  599.     list-style: none;
  600.     margin: 0px;
  601. }
  602. .side .md ul li {
  603.     margin-bottom: 10px;
  604. }
  605. /* Search */
  606.  
  607. .side #search {
  608.     position: relative;
  609.     z-index: 100;
  610.     display: block!important;
  611.     margin: -15px -10px 90px -35px!important;
  612.     height: 71px;
  613.     background: transparent url(%%search-bar%%) no-repeat;
  614. }
  615. .side #search:hover {
  616.     background-position: 0 -71px;
  617. }
  618. .side #search input[type="text"] {
  619.     margin: 20px 0 0 30px;
  620.     padding: 2px 0 0 65px;
  621.     width: 240px;
  622.     height: 50px;
  623.     font-size: 14px;
  624.     font-family: baskerville, palatino, "palatino linotype", georgia, serif;
  625.     text-transform: uppercase;
  626.     text-shadow: -1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;
  627.     color: #925900 !important;
  628.     background: transparent;
  629.     border: 0;
  630. }
  631. .side #search .infobar {
  632.     position: relative;
  633.     margin: 0 0 0 20px;
  634.     width: 280px;
  635.     background-color: #5A1D0C;
  636.     border-color: #451305;
  637.     color: #F2ECE1;
  638. }
  639. .side #search .infobar a {
  640.     color: #E5D2B2;
  641.     font-weight: bold;
  642. }
  643. #search input[type=submit] {
  644.     display: none;
  645. }
  646. /* Placeholder text fixes for browsers needing it */
  647.  
  648. #search input::-webkit-input-placeholder {
  649.     font-size: 14px;
  650.     text-transform: uppercase;
  651.     text-shadow: -1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;
  652.     color: #925900 !important;
  653. }
  654. input:-moz-placeholder,
  655. #search input[placeholder] {
  656.     color: #925900 !important;
  657. }
  658. /* Reddit Name Image Replacement */
  659. /* .side .titlebox h1 { bordeR:1px solid #0F0 !important;} .side .titlebox .hover {margin:0 !important; bordeR:1px solid #00F !important;} .side .titlebox .redditname{ bordeR:1px solid #FF0 !important;} */
  660. /* .side .titlebox .redditname {display:block;margin:0 0 0 0px !important;padding:0 !important;width:300px;height:240px;background-image:url(%%bacon-chalice%%);} .side .titlebox .redditname:hover {background-position:0 -240px;} .side .titlebox .redditname a {text-indent:-9999px;display:block;margin:0;padding:0;width:300px;height:240px;} */
  661. /* .side .titlebox .redditname {display:none !important;} */
  662. /* Subscribe Buttons */
  663.  
  664. .fancy-toggle-button a {
  665.     padding: 2px 2px 1px 2px !important;
  666.     color: #925900 !important;
  667.     text-shadow: -1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;
  668.     text-transform: uppercase;
  669.     font-size: 12px !important;
  670.     font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
  671.     background: #E0A345 url(%%gold-bg%%) repeat-x top left !important;
  672.     border: 1px solid !important;
  673.     border-color: #EDB960 #CA892C #CA892C #EDB960 !important;
  674.     border-radius: 3px !important;
  675.     -moz-border-radius: 3px !important;
  676.     -webkit-border-radius: 3px !important
  677. }
  678. .fancy-toggle-button a:hover {
  679.     background-position: 0 -50px !important;
  680.     border-color: #F5CA82 #DB9E46 #DB9E46 #F5CA82 !important;
  681. }
  682. /* Subscribers Text */
  683. /* div.titlebox .subscribers, div.titlebox .users-online {clear:both;display:block;} div.titlebox .subscribers {margin-top:5px;} div.titlebox .users-online {margin-bottom:5px;} div.titlebox span.word {text-indent:-9999px;float:left;display:block;margin:0 0 0 5px !important;height:36px;} div.titlebox span.number {float:left;display:block;padding-top:7px;font-size:120%;font-family:baskerville,palatino,"palatino linotype",georgia,serif;color:#DDA23F;text-shadow:1px 1px 1px #000;} div.titlebox span.number:before {content:" ";} */
  684.  
  685. div.titlebox .subscribers,
  686. div.titlebox .users-online {
  687.     clear: both;
  688.     display: none;
  689. }
  690. /* Sidebar Account Controls */
  691.  
  692. div.leavemoderator {
  693.     clear: both;
  694. }
  695. /* Link Info Box */
  696.  
  697. .linkinfo {
  698.     background-color: #F6E69F;
  699.     border-color: #D89433;
  700.     border-radius: 4px;
  701.     -moz-border-radius: 4px;
  702.     -webkit-border-radius: 4px;
  703.     margin-bottom: 10px;
  704. }
  705. .linkinfo .upvotes {
  706.     color: #6E3F05;
  707.     text-shadow: 1px 1px 1px #d4ad00;
  708. }
  709. .linkinfo .downvotes {
  710.     color: #000;
  711.     text-shadow: 1px 1px 1px #d4ad00;
  712. }
  713. /* Headers */
  714.  
  715. .side div.md {
  716.     overflow: visible
  717. }
  718. .side h1 {
  719.     display: block!important;
  720.     margin: 10px -10px 0 -35px!important;
  721.     padding: 12px 0 0 40px!important;
  722.     height: 36px;
  723.     line-height: 1.3;
  724.     font-size: 16px !important;
  725.     font-weight: bold!important;
  726.     font-family: baskerville, palatino, "palatino linotype", georgia, serif;
  727.     text-transform: uppercase;
  728.     text-shadow: -1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;
  729.     color: #925900!important;
  730.     background: transparent url(%%header-bar%%) top left no-repeat;
  731. }
  732. .side h1:hover {
  733.     background-position: 0 -46px;
  734. }
  735. .side .title span.collapse-button {
  736.     float: right;
  737. }
  738. /* Sidebar Bottom */
  739.  
  740. .side .titlebox .bottom {
  741.     color: #F2ECE1 !important;
  742.     font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
  743.     font-size: 1em;
  744.     border-color: #E0A345 !important;
  745. }
  746. .side:after {
  747.     display: block;
  748.     margin-bottom: -21px;
  749.     width: 325px;
  750.     height: 22px;
  751.     content: "";
  752.     background: transparent url(%%sidebar-bottom%%) top left no-repeat;
  753. }
  754. /* Submit Post and Create Subreddit */
  755.  
  756. .sidebox {
  757.     clear: both;
  758.     position: relative;
  759.     right: 0;
  760.     margin: 0 0 0 -6px;
  761.     padding: 0;
  762.     width: 310px;
  763. }
  764. .side .submit {
  765.     display: none
  766. }
  767. .side .submit .spacer,
  768. .side .create .spacer {
  769.     display: none;
  770. }
  771. .morelink,
  772. .morelink:hover {
  773.     height: 67px;
  774.     background: none;
  775.     border: 0;
  776. }
  777. .morelink .nub,
  778. .morelink .nub:hover,
  779. .morelink:hover .nub,
  780. .mlhn {
  781.     background: none;
  782. }
  783. .morelink a,
  784. .morelink:hover a {
  785.     width: 310px;
  786.     height: 67px;
  787.     background: url(%%submit-pen%%) no-repeat 0 0;
  788.     font-size: 0px;
  789. }
  790. .morelink:hover a {
  791.     background-position: 0 -67px;
  792. }
  793. .create .morelink a {
  794.     background-position: 0 -134px;
  795. }
  796. .create .morelink a:hover {
  797.     background-position: 0 -201px;
  798. }
  799. h2 a[href$='/r/lounge/submit?selftext=true'] {
  800.     position: absolute;
  801.     top: 210px;
  802.     right: 0px;
  803.     display: block;
  804.     width: 310px;
  805.     height: 67px;
  806.     background: url(%%submit-pen%%) no-repeat 0 0;
  807.     font-size: 0px;
  808. }
  809. h2 a[href$='/r/lounge/submit?selftext=true']:hover {
  810.     background-position: 0 -67px;
  811. }
  812. .search-page h2 a[href$='/r/lounge/submit?selftext=true'] {
  813.     display: none;
  814. }
  815. /* Moderators */
  816.  
  817. .sidecontentbox a.helplink {
  818.     position: absolute;
  819.     right: 2px;
  820.     margin-top: 41px;
  821.     padding: 2px 2px 1px 2px !important;
  822.     color: #925900;
  823.     text-shadow: -1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;
  824.     text-transform: uppercase;
  825.     font-size: 12px !important;
  826.     font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
  827.     background: #E0A345 url(%%gold-bg%%) repeat-x top left;
  828.     border: 1px solid;
  829.     border-color: #EDB960 #CA892C #CA892C #EDB960;
  830.     border-radius: 3px;
  831.     -moz-border-radius: 3px;
  832.     -webkit-border-radius: 3px
  833. }
  834. .sidecontentbox a.helplink:hover {
  835.     background-position: 0 -50px;
  836.     border-color: #F5CA82 #DB9E46 #DB9E46 #F5CA82;
  837. }
  838. /* Arrows */
  839.  
  840. .side .arrow.up {
  841.     background-position: -15px 0;
  842. }
  843. .side .arrow.down {
  844.     background-position: -15px -23px;
  845. }
  846. /* Footer */
  847.  
  848. .footer-parent {
  849.     height: 1180px;
  850.     width: 100%;
  851.     background-image: url(%%gatsby%%);
  852.     background-position: bottom center;
  853.     background-repeat: repeat-x;
  854.     margin-bottom: -1px;
  855. }
  856. .footer {
  857.     background-color: rgba(250, 250, 250, 0.5);
  858. }
  859. .debuginfo {
  860.     margin-top: -26px;
  861.     color: #fff;
  862. }
  863. .debuginfo .content {
  864.     margin: 0;
  865.     background: none;
  866. }
  867. .debuginfo .icon {
  868.     color: #fff;
  869. }
  870. /*===== HUMOR ACCENT =====*/
  871. /* .side .titlebox h6 {position:fixed;z-index:1000;bottom:-330px;right:350px;display:block;width:192px;height:345px;padding:0;background:transparent url(%%sir-midas-otis%%) no-repeat top left;font-size:0;text-indent:-9999px;overflow:hidden;} .side .titlebox h6:hover {bottom:-80px;} */
  872.  
  873. .side .titlebox h6 {
  874.     position: fixed;
  875.     z-index: 1000;
  876.     bottom: -260px;
  877.     right: 350px;
  878.     display: block;
  879.     width: 300px;
  880.     height: 286px;
  881.     padding: 0;
  882.     background: transparent url(%%shark%%) no-repeat top left;
  883.     font-size: 0;
  884.     text-indent: -9999px;
  885.     overflow: hidden;
  886.     transition: bottom 1s;
  887. }
  888. .side .titlebox h6:hover {
  889.     bottom: -80px;
  890.     transition: bottom 1s;
  891. }
  892. /*===== RES FIXES =====*/
  893. /* Reddit Bar */
  894.  
  895. #RESShortcuts,
  896. .srSep {
  897.     color: #F2ECE1;
  898. }
  899. /* Account Bar */
  900.  
  901. #userbarToggle {
  902.     color: #E5D2B2 !important;
  903.     background-color: transparent !important;
  904.     border: 0 !important;
  905. }
  906. #header-bottom-right.res-navTop {
  907.     padding-bottom: 15px !important;
  908. }
  909. /* RES Style Toggle */
  910.  
  911. .side .redditname + .styleToggle {
  912.     margin: 0 0 5px 0;
  913.     padding-left: 5px;
  914.     color: #F2ECE1 !important;
  915.     font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
  916.     font-size: 1.1em;
  917.     color: #E5D2B2;
  918.     background-color: transparent;
  919. }
  920. /* RES Buttons */
  921.  
  922. .RESshortcutside,
  923. .RESDashboardToggle {
  924.     padding: 2px 2px 1px 2px !important;
  925.     color: #925900 !important;
  926.     text-shadow: -1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;
  927.     text-transform: uppercase;
  928.     font-size: 12px !important;
  929.     font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
  930.     background: #E0A345 url(%%gold-bg%%) repeat-x top left !important;
  931.     border: 1px solid !important;
  932.     border-color: #EDB960 #CA892C #CA892C #EDB960 !important;
  933.     border-radius: 3px !important;
  934.     -moz-border-radius: 3px !important;
  935.     -webkit-border-radius: 3px !important
  936. }
  937. .RESshortcutside:hover,
  938. .RESDashboardToggle:hover {
  939.     background-position: 0 -50px !important;
  940.     border-color: #F5CA82 #DB9E46 #DB9E46 #F5CA82 !important;
  941. }
  942. .RESshortcutside {
  943.     width: auto !important;
  944. }
  945. /* ========= FLAIR =========== */
  946.  
  947. .flairselector .customizer {
  948.     display: none !important;
  949. }
  950. .flair {
  951.     border: none !important;
  952.     padding: 0px;
  953.     background: url(%%hats%%) no-repeat -9999px -9999px;
  954.     display: inline-block;
  955. }
  956. .span.flair {
  957.     margin: -25px 0 0 0;
  958. }
  959. .flair-hatleft-gold {
  960.     background-position: 0px 0px;
  961.     width: 25px;
  962.     height: 22px;
  963. }
  964. .flair-hatleft-top {
  965.     background-position: 0px -50px;
  966.     width: 25px;
  967.     height: 22px;
  968. }
  969. .flair-hatleft-fedora {
  970.     background-position: 0px -100px;
  971.     width: 25px;
  972.     height: 19px;
  973. }
  974. .flair-hatright-bowler-gold {
  975.     background-position: 0px -150px;
  976.     width: 27px;
  977.     height: 17px;
  978. }
  979. .flair-hatright-bowler-black {
  980.     background-position: 0px -200px;
  981.     width: 27px;
  982.     height: 17px;
  983. }
  984. .flair-hatleft-derby-gold-flower {
  985.     background-position: 0px -250px;
  986.     width: 32px;
  987.     height: 15px;
  988. }
  989. .flair-hatleft-derby-gold {
  990.     background-position: 0px -300px;
  991.     width: 32px;
  992.     height: 15px;
  993. }
  994. .flair-hatleft-derby-white-flower {
  995.     background-position: 0px -350px;
  996.     width: 32px;
  997.     height: 16px;
  998. }
  999. .flair-hatleft-derby-white {
  1000.     background-position: 0px -400px;
  1001.     width: 32px;
  1002.     height: 15px;
  1003. }
  1004. .flair-hatright-wizardly {
  1005.     background-position: 0px -450px;
  1006.     width: 18px;
  1007.     height: 22px;
  1008. }
  1009. .flair-hatleft-trilby {
  1010.     background-position: 0px -500px;
  1011.     width: 28px;
  1012.     height: 15px;
  1013. }
  1014. .flair-hatright-baker {
  1015.     background-position: 0px -550px;
  1016.     width: 26px;
  1017.     height: 16px;
  1018. }
  1019. .flair-hatleft-silver-tiara {
  1020.     background-position: 0px -600px;
  1021.     width: 35px;
  1022.     height: 19px;
  1023. }
  1024. .flair-hatleft-crown {
  1025.     background-position: 0px -650px;
  1026.     width: 33px;
  1027.     height: 16px;
  1028. }
  1029. .flair-hatleft-gold-tiara {
  1030.     background-position: 0px -700px;
  1031.     width: 35px;
  1032.     height: 12px;
  1033. }
  1034. .flair-hatleft-regal-tiara {
  1035.     background-position: 0px -750px;
  1036.     width: 32px;
  1037.     height: 20px;
  1038. }
  1039. .flair-hatleft-fez {
  1040.     background-position: 0px -800px;
  1041.     width: 20px;
  1042.     height: 20px;
  1043. }
  1044. .flair-text-gold,
  1045. .linkflair-gold .linkflairlabel {
  1046.     padding: 2px 2px 1px 2px !important;
  1047.     color: #925900 !important;
  1048.     text-shadow: -1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;
  1049.     text-transform: uppercase;
  1050.     font-size: 12px !important;
  1051.     font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
  1052.     background: #E0A345 url(%%gold-bg%%) repeat-x top left !important;
  1053.     border: 1px solid !important;
  1054.     border-color: #EDB960 #CA892C #CA892C #EDB960 !important;
  1055.     border-radius: 3px !important;
  1056.     -moz-border-radius: 3px !important;
  1057.     -webkit-border-radius: 3px !important
  1058. }
  1059. [class*="hatright-"] {
  1060.     display: inline-block;
  1061.     transform-origin: 50% 50% 0;
  1062.     transition-duration: 0.33s;
  1063.     vertical-align: bottom;
  1064.     -webkit-transform-origin: 50% 50% 0;
  1065.     -webkit-transition-duration: 0.33s;
  1066. }
  1067. [class*="hatright-"]:hover {
  1068.     transform: rotate(30deg);
  1069.     -webkit-transform: rotate(30deg);
  1070. }
  1071. [class*="hatright-"]:hover:before {
  1072.     animation-play-state: running;
  1073.     -webkit-animation-play-state: running;
  1074. }
  1075. [class*="hatleft-"] {
  1076.     display: inline-block;
  1077.     transform-origin: 50% 50% 0;
  1078.     transition-duration: 0.33s;
  1079.     vertical-align: bottom;
  1080.     -webkit-transform-origin: 50% 50% 0;
  1081.     -webkit-transition-duration: 0.33s;
  1082. }
  1083. [class*="hatleft-"]:hover {
  1084.     transform: rotate(-30deg);
  1085.     -webkit-transform: rotate(-30deg);
  1086. }
  1087. [class*="hatleft-"]:hover:before {
  1088.     animation-play-state: running;
  1089.     -webkit-animation-play-state: running;
  1090. }
  1091. /*===== MEME SPRITESHEETS =====*/
  1092. /* --- Memes --- */
  1093.  
  1094. a[href|="/pitythefools"],
  1095. a[href|="/goldbar"],
  1096. a[href="/hulkster"],
  1097. a[href|="/rockefeller"],
  1098. a[href|="/heyguise"],
  1099. a[href|="/haughty"],
  1100. a[href|="/loose-seal"],
  1101. a[href|="/noseup"] {
  1102.     text-align: center;
  1103.     color: #FFFFFF !important;
  1104.     font-family: Impact, sans-serif;
  1105.     font-size: 22px;
  1106.     line-height: 24px;
  1107.     text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
  1108.     overflow: hidden;
  1109.     position: relative;
  1110.     text-transform: uppercase
  1111. }
  1112. a[href|="/pitythefools"] em,
  1113. a[href|="/goldbar"] em,
  1114. a[href="/hulkster"] em,
  1115. a[href="/rockefeller"] em,
  1116. a[href|="/heyguise"] em,
  1117. a[href|="/haughty"] em,
  1118. a[href|="/loose-seal"] em,
  1119. a[href|="/noseup"] em {
  1120.     font-style: normal;
  1121.     position: absolute;
  1122.     bottom: 12px;
  1123.     left: 50%;
  1124. }
  1125. a[href|="/pitythefools"] {
  1126.     display: block;
  1127.     clear: none;
  1128.     cursor: default;
  1129.     width: 242px;
  1130.     height: 169px;
  1131.     background-image: url(%%memes-1%%) !important;
  1132.     background-position: -215px 0px;
  1133. }
  1134. a[href|="/pitythefools"] em {
  1135.     width: 241px;
  1136.     margin-left: -120px;
  1137. }
  1138. a[href|="/hulkster"] {
  1139.     display: block;
  1140.     clear: none;
  1141.     cursor: default;
  1142.     width: 180px;
  1143.     height: 154px;
  1144.     background-image: url(%%memes-1%%) !important;
  1145.     background-position: -274px -196px;
  1146. }
  1147. a[href="/hulkster"] em {
  1148.     width: 180px;
  1149.     margin-left: -90px;
  1150. }
  1151. a[href|="/rockefeller"] {
  1152.     display: block;
  1153.     clear: none;
  1154.     cursor: default;
  1155.     width: 144px;
  1156.     height: 175px;
  1157.     background-image: url(%%memes-1%%) !important;
  1158.     background-position: 0px -372px;
  1159. }
  1160. a[href="/rockefeller"] em {
  1161.     width: 144px;
  1162.     margin-left: -72px;
  1163. }
  1164. a[href|="/heyguise"] {
  1165.     display: block;
  1166.     clear: none;
  1167.     cursor: default;
  1168.     width: 166px;
  1169.     height: 160px;
  1170.     background-image: url(%%memes-1%%) !important;
  1171.     background-position: -206px -387px;
  1172. }
  1173. a[href|="/heyguise"] em {
  1174.     width: 160px;
  1175.     margin-left: -80px;
  1176.     top: 12px;
  1177. }
  1178. a[href|="/haughty"] {
  1179.     display: block;
  1180.     clear: none;
  1181.     cursor: default;
  1182.     width: 220px;
  1183.     height: 173px;
  1184.     background-image: url(%%memes-1%%) !important;
  1185.     background-position: -0px -556px;
  1186. }
  1187. a[href|="/haughty"] em {
  1188.     width: 220px;
  1189.     margin-left: -110px;
  1190. }
  1191. a[href|="/loose-seal"] {
  1192.     display: block;
  1193.     clear: none;
  1194.     cursor: default;
  1195.     width: 251px;
  1196.     height: 176px;
  1197.     background-image: url(%%memes-1%%) !important;
  1198.     background-position: -256px -553px;
  1199. }
  1200. a[href|="/loose-seal"] em {
  1201.     width: 251px;
  1202.     margin-left: -125px;
  1203. }
  1204. a[href|="/noseup"] {
  1205.     display: block;
  1206.     clear: none;
  1207.     cursor: default;
  1208.     width: 146px;
  1209.     height: 203px;
  1210.     background-image: url(%%memes-1%%) !important;
  1211.     background-position: 0px -747px;
  1212. }
  1213. a[href|="/noseup"] em {
  1214.     width: 146px;
  1215.     margin-left: -73px;
  1216. }
  1217. /* --- No Text Over Allowed --- */
  1218.  
  1219. a[href|="/exquisite"] {
  1220.     display: block;
  1221.     clear: none;
  1222.     cursor: default;
  1223.     width: 196px;
  1224.     height: 196px;
  1225.     background-image: url(%%memes-1%%) !important;
  1226.     background-position: 0px 0px;
  1227.     /* Hide Text */
  1228.    
  1229.     text-indent: -9999px;
  1230. }
  1231. a[href|="/goldbar"] {
  1232.     display: block;
  1233.     clear: none;
  1234.     cursor: default;
  1235.     width: 131px;
  1236.     height: 150px;
  1237.     background-image: url(%%memes-1%%) !important;
  1238.     background-position: 0px -206px;
  1239.     /* Hide Text */
  1240.    
  1241.     text-indent: -9999px;
  1242. }
  1243. a[href|="/turd"] {
  1244.     display: block;
  1245.     clear: none;
  1246.     cursor: default;
  1247.     width: 94px;
  1248.     height: 70px;
  1249.     background-image: url(%%memes-1%%) !important;
  1250.     background-position: -149px -263px;
  1251.     /* Hide Text */
  1252.    
  1253.     text-indent: -9999px;
  1254. }
  1255. /* --- End Memes --- */
  1256. /* --- Circles --- */
  1257.  
  1258. a[href|="/orly"],
  1259. a[href|="/pipe"],
  1260. a[href|="/blackjack"],
  1261. a[href|="/portrait"],
  1262. a[href|="/meowmers"],
  1263. a[href|="/jackiedoubts"],
  1264. a[href|="/tiphat"],
  1265. a[href|="/isay"],
  1266. a[href|="/liz"],
  1267. a[href|="/bully"],
  1268. a[href|="/sophisticat"],
  1269. a[href|="/smirk"],
  1270. a[href|="/robobutler"],
  1271. a[href|="/hedonism"] {
  1272.     display: block;
  1273.     cursor: default;
  1274.     width: 149px;
  1275.     height: 149px;
  1276.     background-image: url(%%circular%%) !important;
  1277.     text-align: center;
  1278.     color: #FFFFFF !important;
  1279.     font-family: Impact, sans-serif;
  1280.     font-size: 20px;
  1281.     line-height: 24px;
  1282.     text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
  1283.     overflow: hidden;
  1284.     position: relative;
  1285.     text-transform: uppercase;
  1286. }
  1287. a[href|="/orly"] em,
  1288. a[href|="/pipe"] em,
  1289. a[href|="/blackjack"] em,
  1290. a[href|="/portrait"] em,
  1291. a[href|="/meowmers"] em,
  1292. a[href|="/jackiedoubts"] em,
  1293. a[href|="/tiphat"] em,
  1294. a[href|="/isay"] em,
  1295. a[href|="/liz"] em,
  1296. a[href|="/bully"] em,
  1297. a[href|="/sophisticat"] em,
  1298. a[href|="/smirk"] em,
  1299. a[href|="/robobutler"] em,
  1300. a[href|="/hedonism"] em {
  1301.     font-style: normal;
  1302.     position: absolute;
  1303.     bottom: 4px;
  1304.     width: 149px;
  1305.     left: 50%;
  1306.     margin-left: -75px
  1307. }
  1308. a[href|="/orly"] {
  1309.     background-position: 0px 0px;
  1310. }
  1311. a[href|="/blackjack"] {
  1312.     background-position: 0px -149px;
  1313. }
  1314. a[href|="/meowmers"] {
  1315.     background-position: 0px -298px;
  1316. }
  1317. a[href|="/tiphat"] {
  1318.     background-position: 0px -447px;
  1319. }
  1320. a[href|="/liz"] {
  1321.     background-position: 0px -596px;
  1322. }
  1323. a[href|="/smirk"] {
  1324.     background-position: 0px -745px;
  1325. }
  1326. a[href|="/robobutler"] {
  1327.     background-position: 0px -894px;
  1328. }
  1329. a[href|="/pipe"] {
  1330.     background-position: -149px 0px;
  1331. }
  1332. a[href|="/portrait"] {
  1333.     background-position: -149px -149px;
  1334. }
  1335. a[href|="/jackiedoubts"] {
  1336.     background-position: -149px -298px;
  1337. }
  1338. a[href|="/isay"] {
  1339.     background-position: -149px -447px;
  1340. }
  1341. a[href|="/bully"] {
  1342.     background-position: -149px -596px;
  1343. }
  1344. a[href|="/sophisticat"] {
  1345.     background-position: -149px -745px;
  1346. }
  1347. a[href|="/hedonism"] {
  1348.     background-position: -149px -894px;
  1349. }
  1350. /* --- End Circles --- */
  1351. /* --- Snobbery --- */
  1352.  
  1353. a[href="/snob"],
  1354. a[href="/snobette"],
  1355. a[href="/prospector-joe"],
  1356. a[href="/prince"],
  1357. a[href="/shirt"] {
  1358.     width: 300px;
  1359.     height: 409px;
  1360.     cursor: default;
  1361.     display: inline-block;
  1362.     background-image: url(%%snobs%%);
  1363.     text-align: center;
  1364.     color: #FFFFFF !important;
  1365.     font-family: Impact, sans-serif;
  1366.     font-size: 25px;
  1367.     line-height: 24px;
  1368.     text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
  1369.     overflow: hidden;
  1370.     position: relative;
  1371.     text-transform: uppercase
  1372. }
  1373. a[href="/snob"] {
  1374.     background-position: 0px 0px;
  1375. }
  1376. a[href="/snobette"] {
  1377.     background-position: 0px -409px;
  1378. }
  1379. a[href="/prospector-joe"] {
  1380.     background-position: 0px -818px;
  1381.     height: 388px;
  1382. }
  1383. a[href="/prince"] {
  1384.     background-position: 0px -1206px;
  1385. }
  1386. a[href="/shirt"] {
  1387.     background-position: 0px -1616px;
  1388. }
  1389. a[href="/snob"] em,
  1390. a[href="/snobette"] em,
  1391. a[href="/prospector-joe"] em,
  1392. a[href="/prince"] em,
  1393. a[href="/shirt"] em {
  1394.     font-style: normal;
  1395.     position: absolute;
  1396.     top: 12px;
  1397.     width: 292px;
  1398.     left: 50%;
  1399.     margin-left: -146px
  1400. }
  1401. a[href="/snob"] strong,
  1402. a[href="/snobette"] strong,
  1403. a[href="/prospector-joe"] strong,
  1404. a[href="/prince"] strong,
  1405. a[href="/shirt"] strong {
  1406.     font-weight: normal;
  1407.     position: absolute;
  1408.     bottom: 12px;
  1409.     width: 292px;
  1410.     left: 50%;
  1411.     margin-left: -146px
  1412. }
  1413. /* --- End Snobbery --- */
  1414. /* --- Meme Spacing --- */
  1415. /* Space thingy */
  1416.  
  1417. a[href|="/sp"] {
  1418.     display: inline-block;
  1419.     padding-right: 100%
  1420. }
  1421. a[href|="/sp"] + .reddit_show_hidden_emotes_span {
  1422.     display: none;
  1423. }
  1424. /*in-line emotes -in and -inp, e.g. texttext[](/b24-in)texttext*/
  1425.  
  1426. a[href^="/"][href*="-in-"],
  1427. a[href^="/"][href$="-in"],
  1428. a[href^="/"][href*="-inp-"],
  1429. a[href^="/"][href$="-inp"] {
  1430.     float: none !important;
  1431.     display: inline-block !important
  1432. }
  1433. /*Force an /sp at the end of a self post to fix any emotes that trail off the post area.*/
  1434.  
  1435. .thing.self .md>
  1436. p:last-of-type:after {
  1437.     content: "";
  1438.     display: inline-block;
  1439.     padding-right: 100% !important;
  1440. }
  1441. /* --- End Meme Spacing --- */
  1442.  
  1443. .beta-notice {
  1444.     top: 64px !important;
  1445. }
  1446. /* h3 as pre for goldbot speech */
  1447.  
  1448. .usertext-body h3 {
  1449.     display: block;
  1450.     font-family: monospace;
  1451.     white-space: pre;
  1452.     font-size: small;
  1453.     font-weight: normal;
  1454.     margin: 10px;
  1455. }
  1456. /* Wiki */
  1457.  
  1458. .wiki-page .wiki-page-content {
  1459.     padding: 15px;
  1460.     background-color: rgba(255, 255, 255, 0.45);
  1461.     color: #424242;
  1462. }
  1463. .wiki-page-content .toc li {
  1464.     padding-bottom: 5px;
  1465. }
  1466. .wiki-page .content {
  1467.     background: none;
  1468. }
  1469. .wiki-page .wiki-page-content .md.wiki h1,
  1470. .wiki-page .wiki-page-content .md.wiki h2,
  1471. .wiki-page .wiki-page-content .md.wiki h3,
  1472. .wiki-page .wiki-page-content .md.wiki h4,
  1473. .wiki-page .wiki-page-content .md.wiki h5,
  1474. .wiki-page .wiki-page-content .md.wiki h6 {
  1475.     font-family: baskerville, palatino, "palatino linotype", georgia, serif;
  1476.     margin: 0.5em 0;
  1477.     color: #424242;
  1478. }
  1479. .wiki-page .wiki-page-content .md.wiki h1 {
  1480.     font-size: 3.5em;
  1481.     color: #d8c161;
  1482.     text-shadow: 0 0.03em 0.04em #555454;
  1483. }
  1484. .wiki-page .wiki-page-content .md.wiki p {
  1485.     font-size: 0.9em;
  1486. }
  1487. .wiki-page-contract-of-moderation .wiki-page-content .md.wiki p:last-of-type:after {
  1488.     content: '';
  1489.     display: block;
  1490.     background: url(%%moderator-signatures%%);
  1491.     width: 423px;
  1492.     height: 197px;
  1493.     margin-top: 20px;
  1494. }
  1495. /* FAQ wiki page */
  1496.  
  1497. .wiki-page.wiki-page-faq .wiki-page-content .md.wiki h4 {
  1498.     margin: 1.2em 0 0.5em 0;
  1499. }
  1500. /* wiki pages */
  1501.  
  1502. .wiki-page-contract-of-moderation .toc,
  1503. .wiki-page-contract-of-moderation .side,
  1504. .wiki-page-rules .toc,
  1505. .wiki-page-rules .side {
  1506.     display: none;
  1507. }
  1508. .wiki-page-contract-of-moderation .wiki-page-content .md.wiki h2,
  1509. .wiki-page-rules .wiki-page-content .md.wiki h1 {
  1510.     text-align: center;
  1511. }
  1512. .wiki-page-contract-of-moderation .wiki-page-content .md.wiki h2,
  1513. .wiki-page-rules .wiki-page-content .md.wiki h2 {
  1514.     margin-top: 0.75em;
  1515. }
  1516. .wiki-page-contract-of-moderation .wiki-page-content,
  1517. .wiki-page-rules .wiki-page-content {
  1518.     width: 600px;
  1519.     margin: 0 auto;
  1520. }
  1521. .wiki-page-contract-of-moderation .md.wiki ~ em,
  1522. .wiki-page-contract-of-moderation .md.wiki ~ hr,
  1523. .wiki-page-rules .md.wiki ~ em,
  1524. .wiki-page-rules .md.wiki ~ hr {
  1525.     display: none;
  1526. }
  1527. .wiki-page-contract-of-moderation .footer-parent,
  1528. .wiki-page-rules .footer-parent {
  1529.     height: auto;
  1530.     width: auto;
  1531.     background-image: none;
  1532.     margin-bottom: 0px;
  1533. }
  1534. .wiki-page-contract-of-moderation .wiki-page-content {
  1535.     line-height: 1.9em;
  1536.     margin-top: 2em;
  1537. }
  1538. .wiki-page-contract-of-moderation .wiki-page-content h2 + p {
  1539.     text-align: center;
  1540. }
  1541. /* Side Bar menu */
  1542.  
  1543. .side blockquote {
  1544.     text-align: center;
  1545.     border: 0 none;
  1546.     margin: 20px 0;
  1547.     background: url(%%frame-bg%%) repeat center center;
  1548.     width: 291px;
  1549.     padding: 30px 0px;
  1550.     border: none;
  1551.     position: relative;
  1552. }
  1553. .side blockquote:before {
  1554.     content: "";
  1555.     width: 291px;
  1556.     height: 45px;
  1557.     background: url(%%frame-top-small%%) no-repeat center center;
  1558.     display: block;
  1559.     position: absolute;
  1560.     top: -5px;
  1561. }
  1562. .side blockquote:after {
  1563.     content: "";
  1564.     width: 291px;
  1565.     height: 45px;
  1566.     background: url(%%frame-bottom-small%%) no-repeat center center;
  1567.     display: block;
  1568.     position: absolute;
  1569.     bottom: -5px;
  1570. }
  1571. .side blockquote a {
  1572.     font-size: 1.5em;
  1573.     line-height: 1.3em;
  1574.     color: #5b3700;
  1575.     text-shadow: -1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;
  1576. }
  1577. .side blockquote a:hover {
  1578.     color: #FCFCE1!important;
  1579. }
  1580. .side blockquote a:visited {
  1581.     color: #5b3700;
  1582. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!