API tools faq
paste
Advertisement
Blackberryroid

Minimaluminiumalism Dev-HSA-1.37

Blackberryroid
Jul 11th, 2015
3,718
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 84.29 KB | None | 0 0
raw download clone embed print report
  1. /*--------------------------------------------------------------------------
  2.         Minimaluminiumalism Base Theme
  3.         Version 1.37
  4.         Header Style A
  5.         Developer Version
  6.         Base theme last modified on January 20, 2016
  7. --------------------------------------------------------------------------*/
  8.  
  9. /*SUBREDDIT LOGO*/
  10. span.pagename.redditname a {
  11.     color: transparent;
  12.     display: block;
  13.     width: 100%; /*DO NOT CHANGE - TWEAK HEIGHT INSTEAD*/
  14.     height: 35px;
  15.     background-image: url(%%sublogo%%);
  16.     background-size: contain;
  17.     background-position: center center;
  18.     background-repeat: no-repeat;
  19.     position: absolute;
  20.     top: 75px;
  21.  }
  22.  
  23. /*HEADER A EXCLUSIVE CODE*/
  24. /* THIS CODE CENTERS THE TAB MENU*/
  25.  
  26. #header::after {
  27.     position: absolute;
  28.     top: 177px;
  29.     width: 100%;
  30.     height: 48px;
  31.     background: rgba(0, 0, 0, 0.5);
  32.     content: " ";
  33.     z-index: -1;
  34. }
  35.  
  36. #header-bottom-left .tabmenu {
  37.     background-color: transparent;
  38.     text-align: center;
  39.     position: absolute;
  40.     left: 0px;
  41.     right: 0px;
  42.     top: 155px;
  43.  }
  44.  
  45. /*END*/
  46.    
  47. /*TABMENU*/
  48. .tabmenu {margin-top: 22px;}
  49.  
  50.     .tabmenu li {
  51.         background-color: transparent;
  52.         margin: 0 !important;
  53.         height: 36px;
  54.         width: 102px;
  55.      }
  56.  
  57. .selected, .choice.primary {font-weight: 600;}
  58.  
  59. a {
  60.     text-decoration: none;
  61.     color: #999;
  62.  }
  63.  
  64. .tabmenu li a {
  65.     padding: 0px 20px!important;
  66.     background-color: transparent;
  67.     border-left: none;
  68.     border-right: none;
  69.     display: inline-block;
  70.     line-height: 48px;
  71.     text-align: center;
  72.     text-transform: Uppercase;
  73.     transition: 150ms;
  74.     -webkit-transition:150ms;
  75.     font-weight: normal;
  76.     color: #e5e5e5 !important;
  77.     text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
  78.  }
  79.  
  80. .tabmenu li:hover a {
  81.     background-color: rgba(255, 255, 255, 0.08);
  82.     color: #FFF !important;
  83.     font-weight: bold !important;
  84.  }
  85.  
  86. .tabmenu li.selected a {
  87.     color: #FFF !important;
  88.     background-color: rgba(255, 255, 255, 0.15);
  89.     font-weight: bold !important;
  90.     border: none !important;
  91.  }
  92.  
  93.  
  94. /*--- Tabs - Hide unimportant ones  ---*/
  95. #header .tabmenu li:nth-of-type(8) {
  96.     display: none;
  97.     visibility: hidden;
  98.  }
  99.  
  100. /*--- Hide Promoted (Tab 8) --- */
  101. .listing-page .tabmenu li a[href*="/gilded"],
  102. .listing-page .tabmenu li a[href*="/rising"],
  103. .listing-page .tabmenu li a[href*="/controversial"]
  104.  
  105.  {display: none;}
  106.  
  107. #header .tabmenu li:nth-of-type(9) {
  108.     display: none;
  109.     visibility: hidden;
  110.  }
  111.  
  112. /*--- Hide View Images (Tab 9) ---*/
  113. /*--- End Tabs - Hide unimportant ones  ---*/
  114.  
  115. #header-img {
  116.     position: relative;
  117.     height: 30px !important;
  118.     width: 30px;
  119.     margin-top: 163px;
  120.     margin-left: 35px;
  121.     background-size: contain !important;
  122.     background-repeat: no-repeat !important;
  123.     z-index: 1;
  124.  }
  125.  
  126. /*END HEADER A EXCLUSIVE CODE*/
  127. /*CORE CODE*/
  128.  
  129. /*UNCATEGORIZED FIXES*/
  130.  
  131. .commentarea span.score {font-weight: bold;}
  132.  
  133. .deepthread::after {background-image: none; content: ">"; font-weight:bold; font-size: 12px; }
  134.  
  135. .deepthread {font-weight: bold; text-transform: uppercase; font-size: 9.2px;}
  136.  
  137. .markdownEditor .edit-btn:not(.btn-macro) {background-color: transparent !important; border: 1px solid #c6c6c6; border-radius: 3px;}
  138.  
  139. #hsts_pixel {display: none;}
  140.  
  141. .side #search_showmore {color: #bbb;}
  142. karmaZ_
  143. .search-expando-button-label-collapsed,
  144. .search-expando-button-label-expanded {
  145.     text-transform: uppercase;
  146.     font-weight: bold;
  147.     font-size: 10px;
  148. }
  149.  
  150. .sr-bar .separator {
  151.     color: transparent;
  152.     font-size: 8px;
  153. }
  154.  
  155. .BEFoot button {margin-right: 5px;}
  156.  
  157. a#sr-more-link[href="https://www.reddit.com/subreddits/"] {
  158.     background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0% !important;
  159.     color: rgb(255, 255, 255);
  160.     padding: 3px 15px;
  161. }
  162.  
  163. a {color: #666;}
  164.  
  165. .usertext .help-toggle, .usertext a.reddiquette {text-transform: uppercase;}
  166.  
  167. .usertext .help-toggle:hover, .usertext a.reddiquette:hover {font-weight: bold}
  168.  
  169. .thing .title:visited {color: #331f6d;}
  170.  
  171. .flairselector li:hover {
  172.     width: 400px !important;
  173.     background-color: rgb(221, 221, 221);
  174.     border-radius: 20px;
  175. }
  176.  
  177. .flair {cursor: default;}
  178.  
  179. .loadFlat {
  180.     position: relative !important;
  181.     z-index: 1;
  182.     font-weight: bold;
  183.     text-transform: uppercase;
  184.     font-size: 10px;
  185.     margin-left: 10px;
  186.     transition: 200ms;
  187. }
  188.  
  189. .link.last-clicked {border: none;}
  190.  
  191. div#RESStyleSheetTipPane {border: none !important;}
  192. div#RESStyleSheetTipPane-header {border: none !important;}
  193.  
  194. .toc ul {background: #fff}
  195.  
  196. .commentNavSortType:hover, .commentarea .menuarea .toggle a:hover{text-decoration: none !important;}
  197.  
  198. .roundfield textarea, .roundfield input[type="url"], .roundfield input[type="text"] {transition: 300ms; border: none; border-bottom: 1px solid #ccc; font-size: 20px; height: 25px;}
  199.  
  200.     .commentarea textarea:not(:focus):not(:hover) {
  201.             background-color: #F8F8F8 !important;
  202.     }
  203.  
  204.     .commentarea textarea:hover, .roundfield textarea:hover, .roundfield input[type="url"]:hover, .roundfield input[type="text"]:hover {border-bottom: 1px solid #999;}
  205.  
  206.  
  207.     .roundfield input[type=url]:focus,.roundfield input[type=text]:focus,.roundfield textarea:focus,#img-name:focus {border-bottom: 2px solid;}
  208.  
  209.     .usertext-edit textarea:hover{border: 1px solid #999;}
  210.  
  211.     .usertext-edit textarea:focus {border-top: 1px solid #e1e1e1 !important; border-left: 1px solid #e1e1e1 !important; border-right: 1px solid #e1e1e1 !important; border-bottom: 3px solid;}
  212.  
  213.     .usertext-edit textarea {transition: 200ms; height: 100px; font-size: 1em; border: 1px solid #ccc;}
  214.  
  215.  
  216.  
  217. #RESPrefsDropdown {
  218.     background-color: rgba(0, 0, 0, 0.85) !important;
  219.     border: none;
  220.     border-radius: 6px;
  221.  }
  222.  
  223. .RESDropdownList li {
  224.     background-color: transparent;
  225.     color: #fff !important;
  226.     border: none !important;
  227.     transition: all 0.15s ease;
  228.     text-transform: uppercase;
  229.  }
  230.  
  231.     .RESDropdownList li:hover,
  232.     .RESDropdownList li a:hover {
  233.         background-color: rgba(80, 80, 80, 0.6) !important;
  234.         color: #fff !important;
  235.      }
  236.  
  237. #NERFail {
  238.     padding-top: 20px;
  239.     border: none;
  240.  }
  241.  
  242. /* Domain */
  243. .link .domain {visibility: hidden;}
  244.  
  245.     .link .domain a {
  246.         visibility: visible;
  247.         color: #b3b3b3;
  248.         transition: all 0.15s ease;
  249.      }
  250.  
  251. .sr-bar a.gold {color: gold;}
  252.  
  253. .icon-menu a {background: none;}
  254.  
  255. textarea {border: 1px solid rgba(0, 0, 0, 0.12); /*MAKES IT LOOK BETTER ON FIREFOX*/}
  256.  
  257. a.madeVisible {margin-top: 20px;}
  258.  
  259. img.RESImage {border-radius: 12px;}
  260.  
  261. .gold-accent.comment-visits-box {color: black;}
  262.  
  263. .gold-accent {
  264.     background-color: transparent;
  265.     border: 0px;
  266.  }
  267. .nsfw-stamp {
  268.     color: white;
  269.     border: none !important;
  270.     background: #D10023;
  271.     padding: 0px 8px !important;
  272.     border-radius: 20px;
  273.     font-weight: bold;
  274. }
  275.  
  276. .action-form {
  277.     border: medium none;
  278.     max-width: 300px;
  279.     padding: 20px;
  280.     margin: 5px 0px;
  281.     font-size: 12px;
  282.     text-transform: uppercase;
  283.     font-weight: bold;
  284.     line-height: 25px;
  285.     background: rgba(0, 0, 0, 0.85);
  286.     color: white;
  287.     position: absolute;
  288.     z-index: 999;
  289.  }
  290.  
  291.     .action-form button {margin-right: 10px;}
  292.  
  293.     .action-form input:disabled {display: none;}
  294.  
  295.     .action-form ol {margin-bottom: 15px;}
  296.  
  297. .pretty-button {
  298.     background: none !important;
  299.     font-weight: bold;
  300.     padding: 1px 5px;
  301.     border-radius: 20px;
  302.     font-size: 10px !important;
  303.     border: medium none !important;
  304.     text-transform: uppercase;
  305. }
  306.  
  307. .pretty-button.negative {color: #D10023;}
  308. .pretty-button.neutral {color: #444;}
  309. .pretty-button.positive {color: #2B8B27;}
  310.  
  311. .pretty-button.pressed  {font-size: 0px !important;}
  312. .pretty-button.pressed:after {font-size: 10px; content: "Action Done"; text-transform: uppercase; font-weight: bold;}
  313.  
  314.  
  315. button[disabled] {display:none;}
  316.  
  317. ul.report-reasons {background-color: transparent; text-transform: uppercase; border: none;}
  318.  
  319. .content .entry .buttons li.reported-stamp,
  320. body .content .stickied .entry .buttons li.reported-stamp,
  321. body .content .over18 .entry .buttons li.reported-stamp {
  322.     border: none !important;
  323.     background: #666 !important;
  324.     color: white !important;
  325.     font-weight: bold;
  326.     text-transform: uppercase !important;
  327.     padding: 1px 8px;
  328.     border-radius: 20px;
  329.     font-size: 9px !important;
  330. }
  331.  
  332. .commentarea .nestedlisting {margin: 0 -10px;}
  333.  
  334. .res-commentBoxes .nestedlisting > .comment {margin: 0 0 8px!important;}
  335.  
  336. .res-commentBoxes .nestedlisting .comment {overflow: visible!important;}
  337.  
  338. .dropdown.srdrop .selected {color: white;}
  339.  
  340. .flat-list li a.gold {color: gold;}
  341.  
  342. /*MODERATOR END*/
  343.  
  344. .tabpane-content {border: none;}
  345.  
  346. .linefield {background: transparent;}
  347.  
  348. .linefield .title {text-transform: uppercase; font-weight:bold; font-size: 13px;}
  349.  
  350. .flairgrant.flairlist {padding:10px;}
  351.  
  352. .flair-jump button {font-size: 12px;}
  353.  
  354. .fancy-settings h1 {
  355.     margin: 10px 5px;
  356.     text-transform: uppercase;
  357.     padding: 20px 30px 5px;
  358.     font-size: 18px;
  359. }
  360.  
  361. #img-name, .flairlist .flair-jump input[type="text"] {
  362.     border: none;
  363.     border-bottom: 1px solid #ccc;
  364.     transition: 300ms;
  365.     display: block;
  366.     font-size: 22px;
  367.     margin-bottom: 20px;
  368. }
  369.  
  370. #img-name:hover, .flairlist .flair-jump input[type="text"]:hover {border-color: #666;}
  371.  
  372. .flairlisthome {
  373.     text-transform: uppercase;
  374.     font-weight: bold;
  375.     font-size: 12px;
  376. }
  377.  
  378. .stylesheet-customize-container h2 {font-weight:bold; text-transform: uppercase; font-size: 13px;}
  379.  
  380. .pretty-form {padding: 20px 0}
  381.  
  382. #img-preview-container {border: none; background: #444; border-radius: 20px; margin: 25px 10px -25px 0px; padding: 10px;}
  383.  
  384. .linefield.mobile {
  385.     width: 512px;
  386.     background-color: transparent;
  387.     border: none;
  388. }
  389.  
  390. .flairlist.usertable {margin-top: 35px;}
  391.  
  392. .flairrow {
  393.     font-weight: bold;
  394.     text-transform: uppercase;
  395.     font-size: 13px;
  396. }
  397.  
  398. /*Stylesheet page fix*/
  399. .sheets {
  400.     margin-right: 20px;
  401.     margin-bottom: 20px;
  402.  }
  403.  
  404. #preview-table {padding-left: 20px;}
  405.  
  406. div#images {
  407.     margin-left: 20px;
  408.     padding-right: 20px;
  409.  }
  410.  
  411. ul#image-preview-list {
  412.     margin: -15px;
  413.     margin-bottom: -15px;
  414.     margin-top: 20px;
  415.     padding-top: 0px;
  416.  }
  417.  
  418.     ul#image-preview-list li {
  419.         background: #fff;
  420.         padding: 8px 8px;
  421.         margin: 0 0 5px 5px;
  422.         border-radius: 10px;
  423.         border: 1px solid #e1e1e1;
  424.         width: 296.5px;
  425.         height: 100px;
  426.         font-size: 14px;
  427.         color: #666;
  428.      }
  429.  
  430.     ul#image-preview-list .preview {
  431.         position: absolute;
  432.         top: 0;
  433.         bottom: 0;
  434.         left: 8px;
  435.         right: 0;
  436.         margin: auto 0;
  437.         line-height: 98px;
  438.      }
  439.  
  440.         ul#image-preview-list .preview img {vertical-align: middle;}
  441.  
  442. /*SUBREDDIT FONT*/
  443. .login-form-side input[type="text"], .login-form-side input[type="password"],
  444. #search input[type="text"],
  445. .md textarea,
  446. textarea,
  447. body {font-family: -apple-system, San Francisco Display, Helvetica Neue, Helvetica, Arial, sans-serif;}
  448.  
  449.  
  450. /*RES TEMP BUGFIX*/
  451. .title + .expando-button + .expando-button {display: none;}
  452.  
  453. /*DROP DOWN CHOICES*/
  454. .drop-choices.lightdrop {
  455.     background: rgba(0, 0, 0, 0.85);
  456.     border: medium none;
  457.     padding: 5px;
  458.     border-radius: 0px 0px 4px 4px;
  459.     font-weight: bold;
  460.     margin-top: 2px;
  461.     color: rgb(255, 255, 255) !important;
  462.  }
  463.  
  464. .drop-choices a.choice {color: #FFF;}
  465.  
  466.     .drop-choices a.choice:hover {background: rgba(80, 80, 80, 0.6);}
  467.  
  468. /*ICONOGRAPHY*/
  469.  
  470. #mail.nohavemail,#mail.havemail, #modmail.havemail,#modmail.nohavemail, .thumbnail.nsfw, .thumbnail.self, .thumbnail.default, .stickied .thumbnail.self, #header-bottom-right a.pref-lang, .res #header-bottom-right .gearIcon, .arrow.upmod, .arrow.downmod, .arrow.up, .arrow.down,.expando-button {background: url(%%spritesheet%%) !important; background-size: 50px 502px !important;}
  471.  
  472. #mail.nohavemail {background-position: 0 0}
  473. #mail.havemail {background-position: 0 -58.66px !important;}
  474. #modmail.nohavemail {background-position: 0 -82px !important}
  475. #modmail.havemail {background-position: 0 -105.333px !important}
  476. #header-bottom-right a.pref-lang {background-position: 0 -128.666px !important}
  477. .res #header-bottom-right .gearIcon {background-position: 0 -152px !important}
  478.  
  479. #mail.nohavemail,#mail.havemail,#modmail.nohavemail,#modmail.havemail,#header-bottom-right a.pref-lang,.res #header-bottom-right .gearIcon {width: 20px; height: 20px; vertical-align: middle !important;}
  480.  
  481. .thumbnail.nsfw, .thumbnail.self, .thumbnail.default, .stickied .thumbnail.self {width: 75px; height: 50px; background-size: 75px 753px !important;}
  482.  
  483. .stickied .thumbnail.self {background-position: 0 -265px !important;}
  484. .thumbnail.self {background-position: 0 -345px !important}
  485. .thumbnail.default {background-position: 0 -426px !important}
  486. .thumbnail.nsfw {background-position: 0 -506px !important}
  487.  
  488. .arrow.up {background-position: 3px -685px !important; background-size: 37.5px 376.5px !important;}
  489. .arrow.upmod {background-position: 2.3px -666px !important; background-size: 37.5px 376.5px !important;}
  490. .arrow.down {background-position: 3px -699px !important; background-size: 37.5px 376.5px !important;}
  491. .arrow.downmod {background-position: 3px -716px !important; background-size: 37.5px 376.5px !important;}
  492.  
  493. .expando-button,
  494. .expando-button:hover,
  495. .expando-button.expanded:hover,
  496. .expando-button.expanded {background-position: 0 -482px !important;}
  497.  
  498.  
  499. #modmail.havemail,
  500. #modmail.nohavemail {height: 18px; top: -5px; margin-bottom: 0px !important;}
  501.  
  502. .res #modmail.havemail, .res #modmail.nohavemail {margin-bottom: -6px !important;}
  503.  
  504. body.res #header-bottom-right #mail.havemail {top: -1px !important;}
  505.  
  506. #mail.nohavemail,
  507. #mail.havemail,
  508. #modmail.havemail,
  509. #modmail.nohavemail,
  510. #header-bottom-right a.pref-lang.choice {
  511.     background-repeat: no-repeat !important;
  512.     width: 20px !important;
  513.     height: 20px !important;
  514.     top: 0px !important;
  515. }
  516.  
  517.  
  518.  
  519. /*VOTE ARROWS*/
  520. .arrow.downmod,
  521. .arrow.upmod,
  522. .arrow.up,
  523. .arrow.down {
  524.     height: 20px;
  525.     width: 20px;
  526.     border-radius: 20px;
  527.     transition:200ms;
  528. }
  529.  
  530. .arrow.upmod {background-color: orangered !important; margin-bottom: 5px;}
  531. .arrow.downmod {background-color: #2B9BDB !important; margin-top: 5px;}
  532.  
  533. /*EXPANDO BUTTONS*/
  534. .expando-button,
  535. .expando-button:hover,
  536. .expando-button.expanded:hover,
  537. .expando-button.expanded {
  538.     width: 20px !important; height: 20px !important;
  539.     transition: 150ms;
  540. }
  541.  
  542. .expando-button.expanded {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
  543.  
  544. .expando-button:hover,
  545. .expando-button.expanded:hover {opacity: 0.5;}
  546.  
  547.  
  548. #header-bottom-right a.pref-lang {
  549.     display: inline-block;
  550.     text-indent: -9999px;
  551. }
  552.    
  553.  
  554. .message-count {left: 2px; top: -6px; background-color: #ff9400;}
  555.  
  556. /*USER BAR*/
  557. #header-bottom-right {background:none; top: 192px !important; right: 20px; padding: 0px !important;}
  558. #header-bottom-right a, #header-bottom-right .user, #header-bottom-right .user .userkarma {
  559.     color: #FFF;
  560.     font-size: 11px;
  561.     font-weight: bold;
  562.     text-transform: uppercase;
  563. }
  564.  
  565. .res #header-bottom-right #modmail {top: -4px !important;}
  566.  
  567. .separator {visibility:hidden;}
  568.  
  569. .gearIcon {background-repeat:no-repeat !important;}
  570.  
  571. #RESMainGearOverlay {display: none !important;}
  572.  
  573. /*USERBAR TOGGLE*/
  574. .res #userbarToggle {
  575.     width: 11px;
  576.     height: 48px;
  577.     background-color: transparent;
  578.     border: medium none;
  579.     line-height: 47px;
  580.     color: #FFF;
  581.     padding-left: 5px;
  582.     padding-right: 8px;
  583.     margin-left: -6px;
  584.     transition: all 200ms ease 0s;
  585.     bottom: 2px;
  586.     border-radius: 0px;
  587.     margin-bottom: -15px;
  588. }
  589.  
  590. .res #userbarToggle:hover {
  591.     background-color: rgba(255, 255, 255, 0.1);
  592. }
  593.  
  594. #userbarToggle.userbarShow {
  595.     background-color: rgba(255, 255, 255, 0.1);
  596.     left: -3px !important;
  597.     padding-right: 20px;
  598.     font-size: 25px;
  599.     padding-left: 15px;
  600.     margin-left: -12px;
  601.     transition:200ms;
  602.     top: -15px !important;
  603. }
  604. #userbarToggle.userbarShow:hover {
  605.     background-color: rgba(255, 255, 255, 0.3);
  606. }
  607.  
  608. /*GENERAL RES FIXES*/
  609. .livePreview, .livePreview .md {text-transform: none;}
  610.  
  611. .RESDialogSmall.livePreview {
  612.     margin: 15px 0px;
  613. }
  614.  
  615. .new-comment .usertext-body {
  616.     border: none !important;
  617.  }
  618.  
  619. /*AD fixes*/
  620. .organic-listing {border: 0px;}
  621.  
  622. .infobar.newsletterbar {display: none !important;}
  623.  
  624. /*MENU AREA*/
  625. .menuarea {overflow: visible;}
  626.  
  627. body:not(.search-page) .menuarea {
  628.     font-size: 12px;
  629.     font-weight: bold;
  630.     text-transform: uppercase;
  631.     margin-top: 20px !important;
  632.  }
  633.  
  634. .comments-page .menuarea {
  635.     font-size: 12px;
  636.     font-weight: bold;
  637.     text-transform: uppercase;
  638.     margin-top: 5px !important;
  639.  }
  640.  
  641. /*SEARCH PAGE*/
  642. .combined-search-page .searchfacets {
  643.     margin: 0px !important;
  644.     max-width: none !important;
  645.  }
  646.  
  647.     .combined-search-page .searchfacets > h4.title {color: #444;}
  648.  
  649. .combined-search-page .search-result-group {
  650.     padding-left: 0px;
  651.     padding-right: 0px;
  652.     max-width: 100%
  653.  }
  654.  
  655. .combined-search-page .search-result {
  656.     margin-bottom: 25px;
  657.     margin-top: 10px;
  658.     padding: 0px 30px;
  659.     border-bottom: 1px solid #E1E1E1;
  660.     padding-bottom: 20px;
  661.  }
  662.  
  663. .combined-search-page .search-result-group .search-result-group-header {
  664.     color: inherit;
  665.     margin-bottom: 20px;
  666.     margin-top: 20px;
  667.     padding: 15px 30px;
  668.     text-transform: uppercase;
  669.     font-weight: bold;
  670.     background: #eee;
  671.     border-top: 1px solid #e1e1e1;
  672.     border-bottom: 1px solid #e1e1e1;
  673.  }
  674.  
  675. .combined-search-page .searchpane {background: #444;}
  676.  
  677. .combined-search-page #search input[type="text"] {max-width: none;color: #fff !important}
  678.  
  679. .combined-search-page .search-icon {
  680.     background-size: 30px 30px;
  681.     height: 30px;
  682.     width: 30px;
  683.  }
  684.  
  685. .combined-search-page .search-submit-button {
  686.     background: none;
  687.     border: none;
  688.     float: left;
  689.     margin-top: -45px;
  690.     margin-left: -25px;
  691.  }
  692.  
  693. .combined-search-page .search-result-subreddit .search-subscribe-button .add, .combined-search-page .search-result-subreddit .search-subscribe-button .remove {width: auto;}
  694.  
  695. .combined-search-page .search-result .search-result-body {
  696.     font-size: 1em;
  697.     line-height: 1.25em;
  698.     color: #4F4F4F;
  699.     padding: 10px 0px;
  700.     width: 800px;
  701.  }
  702.  
  703. .combined-search-page .search-result a, .combined-search-page .search-result a > mark {color: inherit;}
  704.  
  705. .combined-search-page .search-result .search-result-meta, .combined-search-page .search-result .search-score {
  706.     font-size: 10px;
  707.     line-height: 2em;
  708.     color: #808080;
  709.     padding: 8px 0px 0px 0px;
  710.     font-weight: bold;
  711.     text-transform: uppercase;
  712.  }
  713.  
  714. #moresearchinfo {
  715.     border: none;
  716.     background: rgba(0, 0, 0, 0.9);
  717.     border-radius: 0 0 10px 10px;
  718.     line-height: 1.7em;
  719.     padding-left: 20px;
  720.     padding-right: 10px;
  721.     padding-bottom: 10px;
  722.     text-align: left;
  723.  }
  724.  
  725. .search-page div.content {
  726.     margin-top: 100px;
  727.     margin-left: auto;
  728.     margin-bottom: 300px;
  729.     margin-right: auto;
  730.     width: 80%;
  731.     min-width: 1000px;
  732.  }
  733.  
  734. .search-page #noresults {
  735.     padding-bottom: 20px !important;
  736.     margin-left: 15px !important;
  737.  }
  738.  
  739. .search-page .side {display: none;}
  740.  
  741. .search-page .menuarea {
  742.     border-bottom: none;
  743.     padding: 5px 10px;
  744.     margin: 5px;
  745.     font-size: 12px;
  746.     font-weight: bold;
  747.     text-transform: uppercase;
  748.     margin-top: -45px;
  749.     position: absolute;
  750.     top: 418px;
  751.  }
  752.  
  753. .search-page div#moresearchinfo {
  754.     background: rgba(0, 0, 0, 0.85);
  755.     position: absolute;
  756.     z-index: 9999;
  757.     padding-left: 22px;
  758.     padding-bottom: 20px;
  759.     color: white;
  760.     padding-right: 20px;
  761.     border-radius: 0 0 8px 8px;
  762.     top: 65px;
  763.  }
  764.  
  765. .search-page a#search_showmore {
  766.     position: absolute;
  767.     top: 100px;
  768.     font-size: 12px;
  769.     text-transform: uppercase;
  770.     color: #999;
  771.     font-weight: bold;
  772.     right: 13px;
  773.  }
  774.  
  775. .search-page .searchfacets {
  776.     border: none;
  777.     box-shadow: none;
  778.     background: #E0E0E0;
  779.     color: #434343;
  780.     text-transform: uppercase;
  781.     font-size: 12px;
  782.     padding-left: 20px;
  783.  }
  784.  
  785. .searchfacet a {color: #434343 !important;}
  786.  
  787. #previoussearch label {
  788.     display: block;
  789.     margin: 5px 0px;
  790.     position: absolute;
  791.     top: 95px;
  792.     text-transform: uppercase;
  793.     font-size: 12px;
  794.     font-weight: bold;
  795.  }
  796.  
  797. .search-page .searchpane {
  798.     margin: auto;
  799.     height: 50px;
  800.     border: none;
  801.     border-radius: 8px;
  802.     box-shadow: 0 1px 5px rgba(0,0,0,0.24);
  803.     position: relative;
  804.     top: -85px;
  805.     margin-bottom: -45px;
  806.  }
  807.  
  808. .search-page #search input[type="submit"], .search-page #search input[type="submit"]:hover {display: none;}
  809.  
  810. .dropdown.lightdrop .selected {text-decoration: none;}
  811.  
  812. .search-page #search input[type="text"] {
  813.     background: none;
  814.     border: medium none;
  815.     font-size: 27px;
  816.     width: 100% !important;
  817.     position: relative;
  818.     top: 2px;
  819.     margin-left: 30px;
  820.     outline: none;
  821.  }
  822.  
  823. .search-page .raisedbox h4 {display: none;}
  824.  
  825. .search-summary {display: none}
  826.  
  827. .searchpane-toggle-hide {display: none;}
  828.  
  829. /*COMMENTS PAGE*/
  830.  
  831. .tagline .score {font-weight: bold;}
  832.  
  833. /*COMMENT EXPANDOS*/
  834. .comment.noncollapsed .midcol {margin-left: 20px;}
  835. .res .comment.noncollapsed .midcol {margin-left: 10px;}
  836.  
  837. .commentarea .comment a.expand
  838. {
  839.     position:absolute;
  840.     top:0;
  841.     left:0;
  842.     padding:4px 4px 0;
  843.     height:100%;
  844.     opacity:.5;
  845.     box-sizing: border-box;
  846.     transition: 200ms;
  847. }
  848.  
  849. .commentarea .comment a.expand:hover
  850. {
  851.     opacity:1;
  852.     color: white;
  853.     border-radius: 4px;
  854.     text-decoration: none;
  855.     font-weight: bold;
  856. }
  857.  
  858. .res .commentarea .comment a.expand:hover {border-radius: 4px 0px 0px 4px;}
  859.  
  860. .commentarea .thing,.midcol
  861. {
  862.     position:relative
  863. }
  864. .comments-page .content .infobar {
  865.     border: 0px none;
  866.     background: #fff;
  867.     max-width: 300px;
  868.     padding: 10px 20px;
  869.     text-transform: uppercase;
  870.     font-weight: bold;
  871.     font-size: 11px;
  872.     border-radius: 4px;
  873.     box-shadow: 0 1px 5px rgba(0,0,0,0.24);
  874.     margin-top: 30px;
  875.     margin-left: -10px !important;
  876.     margin-bottom: 15px;
  877.  }
  878.  
  879. .panestack-title a.title-button {
  880.     position: relative;
  881.     z-index: 2;
  882.  }
  883.  
  884.     .panestack-title a.title-button.gold, .panestack-title a.title-button {
  885.         padding: 5px 10px;
  886.         text-transform: uppercase;
  887.         font-weight: bold;
  888.         font-size: 9px;
  889.         color: #fff;
  890.         border: none;
  891.         border-radius: 3px;
  892.      }
  893.  
  894.  
  895.  
  896.  
  897. .res .comments-page .side {margin: 275px 16px 100px;}
  898.  
  899.  .comments-page .side {margin: 260px 16px 100px;}
  900.  
  901. .res .content .RESBigEditorPop {
  902.     line-height: inherit;
  903.     font-size: 11px;
  904.     box-shadow: none;
  905.     color: #666;
  906.     border: none;
  907.     padding: 0;
  908.     margin-top: 3px;
  909.     background-color: transparent;
  910.     background-image: none;
  911.     margin-left: -12px;
  912.  }
  913.  
  914. .RESSubscriptionButton {
  915.     display: inline-block;
  916.     position: relative;
  917.     z-index: 1;
  918.     margin-left: 15px;
  919.     padding: 5px !important;
  920.     font-size: 9px;
  921.     text-transform: uppercase;
  922.     text-align: center;
  923.     cursor: pointer;
  924.     color: #fff!important;
  925.     border: 0 solid #CCC!important;
  926.     border-radius: 2px;
  927.     transition: .25s ease
  928.  }
  929.  
  930. body.comments-page div.content {background: none !important;}
  931.  
  932. body.comments-page .link {
  933.     background: #FFF;
  934.     border: none;
  935.     border-radius: 5px 5px 0px 0px;
  936.     box-shadow: 0 1px 5px rgba(0,0,0,0.08);
  937.  }
  938.  
  939. body.comments-page .sitetable {
  940.     position: relative;
  941.  }
  942.  
  943. .commentarea > .usertext {
  944.     background-color: #F8F8F8;
  945.     border-radius: 0px 0px 2px 2px;
  946.     box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);
  947.     overflow: visible;
  948.     padding-top: 165px;
  949.     padding-left: 29px;
  950.     margin-top: -160px;
  951.     margin-left: -10px;
  952.     margin-right: -10px;
  953.  }
  954.  
  955. .res .commentarea > .usertext {
  956.     position: relative;
  957.     top: -110px;
  958.     margin-bottom: -90px;
  959.     margin-top: -160px;
  960.     padding-top: 136px;
  961.     clear: left;
  962.  }
  963.  
  964. .commentarea .panestack-title {
  965.     margin: 16px 0 -16px 22px;
  966.     border-bottom: 0
  967.  }
  968.  
  969. .commentarea span.title {
  970.     text-transform: uppercase !important;
  971.     font-weight: bold;
  972.     font-size: 13px;
  973.     position: relative;
  974.     z-index: 1;
  975.  }
  976.  
  977. .commentarea .panestack-title .title {color: #4D5763}
  978.  
  979. .commentarea .menuarea {
  980.     margin-left: 22px !important;
  981.     text-transform: uppercase;
  982.     font-size: 12px;
  983.     position: relative;
  984.     z-index: 1;
  985.     overflow: visible;
  986.  }
  987.  
  988. .commentarea .thing {
  989.     border-radius: 2px;
  990.     background-color: #fff;
  991.     box-shadow: 0 1px 5px rgba(0,0,0,0.08);
  992.     margin: 0 0 8px;
  993.     padding: 16px 16px 1px 16px;
  994.  }
  995.  
  996. .res .commentarea .thing {padding:15px 15px 0px !important}
  997.  
  998. .commentarea .thing.collapsed {padding: 10px 15px 10px !important;}
  999.  
  1000. .res .commentarea .entry .flat-list {padding-bottom: 8px;}
  1001.  
  1002. .comment .flat-list li a[onclick*="reply"] {font-weight: bold;}
  1003.  
  1004. .commentarea .child .thing {
  1005.     box-shadow: none;
  1006.     padding: 4px;
  1007.     margin-left: 2px !important;
  1008.     margin-top: 15px;
  1009.     border: 1px solid #fff !important;
  1010.  }
  1011.  
  1012. body.comments-page div.content {border: none !important;}
  1013.  
  1014. div.sitetable.nestedlisting, div.child {box-shadow: none;}
  1015.  
  1016. /*END COMMENT AREA*/
  1017. /*WIKI PAGE*/
  1018. .wiki-page div.content {
  1019.     border: 0px;
  1020.     background: none;
  1021.     margin-right: 335px !important;
  1022.  }
  1023.  
  1024. .wiki-page-content .md h1, .wiki-page-content .md h6 {text-transform: none !important;}
  1025.  
  1026. .wiki-page .wikititle {
  1027.     background-color: #fff;
  1028.     padding: 12px 16px 10px;
  1029.     border-radius: 5px;
  1030.     box-shadow: 0 1px 5px rgba(0,0,0,0.08);
  1031.     font-size: 12px;
  1032.     text-transform: uppercase;
  1033.     margin: 0;
  1034.     color: #444;
  1035.  }
  1036.  
  1037. .wiki-page .wiki-page-content .md.wiki h4 {
  1038.     padding: 15px 0px;
  1039.     font-weight: bold;
  1040.  }
  1041.  
  1042. .wiki-page .pageactions {
  1043.     background-color: #fff;
  1044.     margin-left: 16px;
  1045.     border-radius: 5px;
  1046.     padding: 8px 16px;
  1047.     font-size: 12px;
  1048.     border: none;
  1049.     text-transform: uppercase;
  1050.     box-shadow: 0 1px 5px rgba(0,0,0,0.08)
  1051.  }
  1052.  
  1053.     .wiki-page .pageactions .wikiaction {
  1054.         margin: 0;
  1055.         background-color: transparent;
  1056.         border-radius: 0;
  1057.         color: #B3B3B3;
  1058.      }
  1059.  
  1060.     .wiki-page .pageactions .wikiaction-current {
  1061.         color: #444;
  1062.         font-weight: bold;
  1063.      }
  1064.  
  1065.     .wiki-page .pageactions .wikiaction:hover,.wiki-page .pageactions .wikiaction-current:hover {
  1066.         background: none;
  1067.         color: #666;
  1068.         font-weight: bold;
  1069.      }
  1070.  
  1071. .wiki-page .wiki-page-content {
  1072.     margin: 16px 0px 16px 0;
  1073.     background-color: #fff;
  1074.     padding: 16px;
  1075.     border-radius: 2px;
  1076.     box-shadow: 0 1px 5px rgba(0,0,0,0.08)
  1077.  }
  1078.  
  1079.     .wiki-page .wiki-page-content .wiki>.toc>ul {border: none}
  1080.  
  1081.     .wiki-page .wiki-page-content .wiki.md {color: #4D5763;}
  1082.  
  1083.         .wiki-page .wiki-page-content .wiki.md h2 {color: #444;}
  1084.  
  1085.         .wiki-page .wiki-page-content .wiki.md p {
  1086.             font-size: 14px;
  1087.             line-height: 1.4285714285714em
  1088.          }
  1089.  
  1090.     .wiki-page .wiki-page-content hr {
  1091.         border-style: solid;
  1092.         border-color: #e5e5e5
  1093.      }
  1094.  
  1095. /*SUBMIT PAGE*/
  1096. .submit-page .submit_text {width: 640px !important;}
  1097.  
  1098.     .submit-page .submit_text.enabled {text-transform: none !important;}
  1099.  
  1100. .formtabs-content .infobar {
  1101.     font-size: 15px;
  1102.     font-weight: bold;
  1103.     border: none;
  1104.     background-color: white;
  1105.     box-shadow: 0 1px 5px rgba(0,0,0,0.08);
  1106.     padding: 20px;
  1107.     border-radius: 4px;
  1108.     text-align: center;
  1109.     color: #000;
  1110.  }
  1111.  
  1112. #sr-more-link {background-color: #fff !important;}
  1113.  
  1114. .roundfield textarea, .roundfield input[type="text"], .roundfield input[type="url"], .roundfield input[type="password"], .roundfield input[type="number"], .roundfield .usertext-edit,.submit-page .markdownEditor-wrapper {width: 100%; outline: none;}
  1115.  
  1116. .roundfield .title {color: #666;}
  1117.  
  1118. .roundfield {
  1119.     background: #FFF;
  1120.     width: auto;
  1121.     padding: 15px 20px;
  1122.     text-transform: uppercase;
  1123.     font-weight: bold;
  1124.     font-size: 12px;
  1125.     line-height: 1.5em;
  1126.     border-radius: 4px;
  1127.     box-shadow: 0 1px 5px rgba(0,0,0,0.08);
  1128.  }
  1129.  
  1130.  
  1131.  
  1132.     .roundfield input[type="text"] {margin-bottom: 15px;}
  1133.  
  1134.  
  1135. .content.submit .info-notice {
  1136.     margin-bottom: 12px;
  1137.     margin-left: 10px;
  1138.     margin-top: -10px;
  1139.     margin-right: 10px;
  1140.     font-size: 12px;
  1141.     padding: 9px;
  1142.     background-color: #FFF;
  1143.     border: none;
  1144.  }
  1145.  
  1146. .submit-page .content .spacer {margin-left: 0px;}
  1147.  
  1148. .submit-page .content {
  1149.     width: 700px;
  1150.     margin: 0 auto;
  1151.  }
  1152.  
  1153. .submit-page div.content {
  1154.     margin-top: 20px !important;
  1155.     margin-bottom: 50px !important;
  1156.     background: none !important;
  1157.     border: none !important;
  1158.  }
  1159.  
  1160. .submit-page .tabmenu.formtab .selected a {
  1161.     color: #cecece;
  1162.     background-color: transparent;
  1163.     border: none;
  1164.     font-size: inherit;
  1165.  }
  1166.  
  1167. .submit-page ul.tabmenu.formtab {
  1168.     display: block;
  1169.     padding-left: 10px;
  1170.     font-size: larger;
  1171.     border-radius: 4px;
  1172.  }
  1173.  
  1174. .submit-page .tabmenu li a {
  1175.     background: transparent;
  1176.     border: none;
  1177.  }
  1178.  
  1179. .submit-page .tabmenu {margin-top: 0px;}
  1180.  
  1181. .formtabs-content {border-top: 0px solid!important;}
  1182.  
  1183. body:not(.submit-page) .tabmenu::after {display: none;}
  1184.  
  1185. .submit-page #newlink.submit.content .btn {
  1186.     height: 42px;
  1187.     line-height: 41px;
  1188.     width: 97%;
  1189.     margin-left: 10px;
  1190.  }
  1191.  
  1192. /*Sidebar*/
  1193. .sidecontentbox .title h1 {
  1194.     color: #555;
  1195.     font-weight: bold;
  1196.     font-size: 14px;
  1197.  }
  1198.  
  1199. .md-container {text-align: left;}
  1200.  
  1201. .titlebox {text-align: center;}
  1202.  
  1203. .submit-page .side, .submit-page .content h1 {display: none !important;}
  1204.  
  1205. .formtabs-content {border-top: 0px solid!important;}
  1206.  
  1207. body:not(.submit-page) .tabmenu::after {
  1208.     position: absolute;
  1209.     height: 49px;
  1210.     content: '';
  1211.     z-index: -1;
  1212.     left: 0px;
  1213.     right: 0px;
  1214.     background: #666;
  1215.  }
  1216.  
  1217. .formtabs-content {
  1218.     width: auto;
  1219.     border-top: 4px solid #5f99cf;
  1220.     padding: 10px;
  1221.     margin-top: 15px;
  1222.  }
  1223.  
  1224. /*No comment message*/
  1225. .comments-page #noresults:after {content: ".";}
  1226.  
  1227. /* --- Message the mod button --- */
  1228. .sidecontentbox .title h1 {display: inline-block;}
  1229.  
  1230. .sidecontentbox a.helplink {
  1231.     margin-right: 30px;
  1232.     margin-bottom: 20px;
  1233.     margin-top: 10px;
  1234.     width: 215px;
  1235.     border: none;
  1236.     border-radius: 4px;
  1237.     color: #fff!important;
  1238.     text-align: center;
  1239.     font-weight: 700;
  1240.     font-size: 13px;
  1241.     text-transform: uppercase;
  1242.     line-height: 30px;
  1243.     transition: .25s ease
  1244.  }
  1245.  
  1246.     .sidecontentbox a.helplink:hover {text-decoration: none;}
  1247.  
  1248.     .sidecontentbox a.helplink:active {background-color: #ae9df4}
  1249.  
  1250. /*OP TAG*/
  1251.  
  1252. div .thing .tagline .author.submitter:before,
  1253. div .thing .tagline .author.submitter {
  1254.     font-weight: Bold;
  1255.     line-height: 20px;
  1256.     color: #FFF;
  1257.     display: inline-block;
  1258.     font-size: 10px;
  1259. }
  1260.  
  1261. div .thing .tagline .author.submitter:before {
  1262.     background: RoyalBlue;
  1263.     padding: 0 7px 0 10px;
  1264.     border-radius: 20px 0px 0px 20px;
  1265.     font-size: 10px;
  1266.     content: "OP ";
  1267.     margin-right: 7px;
  1268.  }
  1269.  
  1270. div .thing .tagline .author.submitter {
  1271.     background: #27408b !important;
  1272.     padding: 0px 10px 0px 0px;
  1273.     border-radius: 20px;
  1274.     transition: 300ms;
  1275.  }
  1276.  
  1277.  div .thing .tagline .author.submitter:hover {background: RoyalBlue !important; text-decoration: none;}
  1278.  
  1279. /*MODERATOR DISTINGUISH TAG*/
  1280.  
  1281. div .thing .tagline .author.moderator:before,
  1282. div .thing .tagline .author.moderator,
  1283. div .thing .tagline .author.admin:before,
  1284. div .thing .tagline .author.admin {
  1285.     font-weight: Bold;
  1286.     line-height: 20px;
  1287.     color: #FFF;
  1288.     display: inline-block;
  1289.     font-size: 10px;
  1290. }
  1291.  
  1292. div.thing .tagline .author.moderator:before,
  1293. div.thing .tagline .author.admin:before {
  1294.     padding: 0 7px 0 10px;
  1295.     border-radius: 20px 0px 0px 20px;
  1296.     font-size: 10px;
  1297.     margin-right: 7px;
  1298. }
  1299.  
  1300. body div .thing .tagline .author.moderator,
  1301. body div .thing .tagline .author.admin {
  1302.     padding: 0px 10px 0px 0px;
  1303.     border-radius: 20px;
  1304.     transition: 300ms;
  1305. }
  1306.  
  1307. div.thing .tagline .author.moderator:before {background: #282 !important; content: "Mod ";}
  1308.  
  1309. body div .thing .tagline .author.moderator {background: #1A4B17 !important;}
  1310.  
  1311. body div .thing .tagline .author.moderator:hover {background: #282 !important; text-decoration: none;}
  1312.  
  1313. .tagline .moderator:after {content: "oderator - speaking officially.";}
  1314.  
  1315. a.author.moderator:after {content: "";}
  1316.  
  1317. /*REDDIT ADMIN DISTINGUISH*/
  1318.  
  1319. div.thing .tagline .author.admin:before {background-color: #fe506e !important; content: "Admin ";}
  1320.  
  1321. body div .thing .tagline .author.admin {background: #c41959 !important;}
  1322.  
  1323. body div .thing .tagline .author.admin:hover {background: #fe506e !important; text-decoration: none;}
  1324.  
  1325. .tagline .admin:after {content: "dmin - speaking officially";}
  1326.  
  1327. a.author.admin:after {content: "";}
  1328.  
  1329. a.author.admin:before {content: "";}
  1330.  
  1331. a.author.moderator:after {content: "";}
  1332.  
  1333. /*Body and post appearance*/
  1334. .link {
  1335.     margin-bottom: 0px;
  1336.  }
  1337.  
  1338. body:not(.comments-page) div.content .entry {
  1339.     border-bottom: 1px solid #e1e1e1;
  1340.     padding: 13px;
  1341. }
  1342.  
  1343. .comments-page .link {padding: 20px 10px;}
  1344.  
  1345. /*Image sidebar sub title*/
  1346. .res h1.redditname {overflow: visible;}
  1347.  
  1348. /* RES Selection */
  1349. .res .RES-keyNav-activeElement {
  1350.     outline: 0px dashed #EEEEEE !important;
  1351.     transition: all 0.15s ease;
  1352. }
  1353.  
  1354. .res .entry {transition: all 0.10s ease;}
  1355.  
  1356. .RES-keyNav-activeElement, .RES-keyNav-activeElement .md-container {
  1357.     padding-left: 15px !important;
  1358.     border-left: 3px solid;
  1359. }
  1360.  
  1361. div.commentarea div.RES-keyNav-activeElement .md {
  1362.     background-color: transparent !important;
  1363. }
  1364.  
  1365. /*Body background*/
  1366. body {background: #e6e6e8;}
  1367.  
  1368. /*Expando no outline*/
  1369. .entry.RES-keyNav-activeElement div.md, .commentarea .entry.RES-keyNav-activeElement div.noncollapsed, .entry.RES-keyNav-activeElement .usertext-body, .new-comment .usertext-body .md {
  1370.     outline: medium none !important;
  1371.     border: 0px none !important;
  1372.  }
  1373.  
  1374. /*RES Never Ending Reddit*/
  1375. .NERPageMarker, #progressIndicator {
  1376.     font-size: 14px !important;
  1377.     font-weight: bold !important;
  1378.     text-align: left !important;
  1379.     background-color: transparent !important;
  1380.     border: none !important;
  1381.     border-radius: 0 !important;
  1382.     padding: 10px !important;
  1383.     text-transform: uppercase;
  1384.     margin-left: 20px;
  1385.  }
  1386.  
  1387. #progressIndicator {
  1388.     font-size: 12px !important;
  1389.     text-align: center;
  1390.     text-transform: uppercase;
  1391.     color: #666;
  1392.  }
  1393.  
  1394.     #progressIndicator h2 {
  1395.         text-align: center;
  1396.         font-size: 16px !important;
  1397.         text-transform: uppercase;
  1398.         font-weight: bold;
  1399.         margin-top: 5px;
  1400.      }
  1401.  
  1402. /*Sub Selector*/
  1403. #sr-header-area {
  1404.     background-color: rgba(0, 0, 0, 0.5);
  1405.     border: none;
  1406.     color: #fff;
  1407.     padding-top: 3px;
  1408.     padding-bottom: 3px;
  1409.     font-weight: 400;
  1410.     font-size: 9px;
  1411.  }
  1412.  
  1413. /*
  1414.  
  1415. Subreddit list dropdown
  1416. Code derived from /r/Apicem
  1417. Thanks to /u/Karma_4_Free
  1418.  
  1419. */
  1420.  
  1421.  
  1422.         #sr-header-area .drop-choices.srdrop,
  1423.         .res #srList,
  1424.         .res #RESSubredditGroupDropdown {
  1425.           top: 30px!important;
  1426.           margin-left: 10px;
  1427.           border: 0;
  1428.           padding: 10px;
  1429.           text-transform: uppercase;
  1430.           letter-spacing: .5px;
  1431.           font-size: 9px
  1432.           border-radius: 6px;
  1433.         }
  1434.  
  1435.         .res #srList {background: rgba(0, 0, 0, 0.75);}        
  1436.         #sr-header-area .drop-choices.srdrop { top: 21px!important; background: rgba(0, 0, 0, 0.9); }
  1437.        
  1438.         .res #srList {
  1439.           display: block!important;
  1440.           background: transparent;
  1441.           position: fixed;
  1442.           left: 50%;
  1443.           margin-left: -250px;
  1444.           width: 500px;
  1445.           height: calc(100vh - 60px);
  1446.           padding-top: 0;
  1447.           overflow: visible;
  1448.           max-height: none!important;
  1449.           opacity: 1;
  1450.           pointer-events: auto;
  1451.           transition: .2s;
  1452.           z-index: 2147483647
  1453.         }
  1454.        
  1455.         .res #srList:not([style*="display: block"]),
  1456.         .res #srList:not([style*="display: block"]):before,
  1457.         .res #srList:not([style*="display: block"]):after {
  1458.           opacity: 0;
  1459.           pointer-events: none
  1460.         }
  1461.        
  1462.         .res #srList tbody { display: block; max-height: calc(100% - 50px); overflow: scroll; background: transparent; }
  1463.        
  1464.         .res #srList:before {
  1465.           position: fixed;
  1466.           left: 50%;
  1467.           margin-left: -250px;
  1468.           top: 30px;
  1469.           width: 500px;
  1470.           height: calc(100vh - 60px);
  1471.           background: rgba(0, 0, 0, 0.8);
  1472.           content: "";
  1473.           z-index: -1;
  1474.           transition: .2s opacity;
  1475.           border-radius: 4px;
  1476.         }
  1477.        
  1478.         .res #srList:after {
  1479.           position: fixed;
  1480.           left: 0;
  1481.           top: 0;
  1482.           width: 100vw;
  1483.           height: 100vh;
  1484.           padding: 50px 70px 0 0;
  1485.           background: rgba(0,0,0,.6);
  1486.           background-size: 100px 100px, cover, cover;
  1487.           background-position: center, center, center;
  1488.           content: "โœ•";
  1489.           text-align: right;
  1490.           text-transform: lowercase;
  1491.           font-size: 40px;
  1492.           font-weight: 100;
  1493.           color: #fff;
  1494.           z-index: -2;
  1495.           transition: .2s opacity;
  1496.           pointer-events: none;
  1497.           margin-left: -35px; /*Adjusts the close icon*/
  1498.         }
  1499.        
  1500.         .sortAsc, .sortDesc { margin-top: -46px; margin-right: 10px }
  1501.        
  1502.         #sr-header-area .drop-choices.srdrop a,
  1503.         .res #srList tr,
  1504.         .res #RESSubredditGroupDropdown li a {
  1505.           height: 25px;
  1506.           padding: 0 10px;
  1507.           border-top: solid 1px #444;
  1508.           border-bottom: 0;
  1509.           line-height: 25px;
  1510.           color: #ccc
  1511.         }
  1512.        
  1513.         .res #srList thead {
  1514.           display: block;
  1515.           height: 50px;
  1516.         }
  1517.        
  1518.         #sr-header-area .drop-choices.srdrop:before,
  1519.         .res #srList thead td:nth-of-type(1) {
  1520.           height: 50px;
  1521.           line-height: 45px;
  1522.           font-size: 13px;
  1523.           font-weight: bold;
  1524.           color: #fff;
  1525.           content: "SUBSCRIBED SUBREDDITS"
  1526.         }
  1527.        
  1528.         #sr-header-area .drop-choices.srdrop:before { padding: 0 50px 0 10px }
  1529.        
  1530.         .res #srList thead td:nth-of-type(1):before { content: "SUBSCRIBED " }
  1531.         .res #srList thead td:nth-of-type(1):after { margin-left: -5px; content: "S" }
  1532.        
  1533.         .res #srList thead tr {
  1534.           height: 50px;
  1535.           line-height: 50px;
  1536.           white-space: nowrap
  1537.         }
  1538.        
  1539.         .res #srList td { padding: 0 }
  1540.         .res #srList tr td:nth-of-type(1) { width: 300px }
  1541.         .res #srList td.RESvisited { width: 120px }
  1542.         .res #srList td.RESshortcut { width: 60px }
  1543.        
  1544.         .res #srList td.RESvisited,
  1545.         .res #srList td.RESshortcut { text-transform: uppercase }
  1546.        
  1547.         .res #srList a,
  1548.         .res #RESSubredditGroupDropdown .RESShortcutsEditButtons .res-icon { color: #fff }
  1549.        
  1550.         #sr-header-area .drop-choices.srdrop a,
  1551.         .res #RESSubredditGroupDropdown li a { display: block; min-width: 50% }
  1552.        
  1553.         .res #srList thead tr,
  1554.         .res #RESSubredditGroupDropdown li:nth-of-type(1) a { border: 0 }
  1555.        
  1556.         .res #RESSubredditGroupDropdown li + .RESShortcutsEditButtons { margin: 0; border: 0; padding: 0 }
  1557.         .res #RESSubredditGroupDropdown li + .RESShortcutsEditButtons a.delete { text-align: right }
  1558.        
  1559.         .res #RESSubredditGroupDropdown li { margin: 0; padding: 0 }
  1560.        
  1561.         .res #srList tr:hover,
  1562.         .res #RESSubredditGroupDropdown li:hover { background: none }
  1563.        
  1564.  
  1565.  
  1566. body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub {color: #fff!important; /*Color of sub selector, active*/}
  1567.  
  1568. #sr-header-area a {font-size: 9px; transition: 200ms;}
  1569.  
  1570.     #sr-header-area a:hover {font-weight: bold; color: #fff !important}
  1571.  
  1572. .sr-bar a {color: #fff;}
  1573.  
  1574. div.score {
  1575.     font-weight: 500;
  1576.     color: #999;
  1577.  }
  1578.  
  1579. .md p, .md h1 {line-height: 20px;}
  1580.  
  1581. .md ul {line-height: 20px;}
  1582.  
  1583. h2 {
  1584.     color: #252525;
  1585.     font-size: 18px;
  1586.     font-weight: normal;
  1587.  }
  1588.  
  1589.  /*Linkinfo*/
  1590.  
  1591. .side div.score, span.totalvotes {
  1592.     text-transform: uppercase;
  1593.     font-size: 14px;
  1594.     font-weight: 500 !important;
  1595.     color: #444;
  1596.     padding: 0px 16px;
  1597. }
  1598.  .linkinfo .score .number {
  1599.     font-size: 14px;
  1600.     text-align: left;
  1601.  }
  1602.  
  1603.  .linkinfo .totalvotes {font-size: 100%;}
  1604.  
  1605. .linkinfo {
  1606.     border: none !important;
  1607.     background-color: #fff;
  1608.     top: 375px;
  1609.     font-family: inherit !important;
  1610.     padding: 0px;
  1611.     position: absolute;
  1612.     box-shadow: 0 1px 5px rgba(0,0,0,0.08);
  1613.     border-radius: 4px;
  1614.     width: 300px;
  1615.  }
  1616.  
  1617.  .linkinfo .date {
  1618.     font-weight: bold;
  1619.     font-size: 11px;
  1620.     text-transform: uppercase;
  1621.     color: #666;
  1622.     text-align: left;
  1623.     padding: 14px 16px 0px;
  1624. }
  1625.  
  1626. .linkinfo .shortlink input {
  1627.     box-shadow: none !important;
  1628.     font-family: monospace !important;
  1629.     transition: all 0.15s ease 0s !important;
  1630.     font-size: 13px;
  1631.     color: white;
  1632.     border: medium none;
  1633.     width: 280px;
  1634.     background: #444;
  1635.     border-radius: 0px 0px 4px 4px;
  1636.     padding: 10px;
  1637.     text-align: center;
  1638. }
  1639.  
  1640. .linkinfo .shortlink {
  1641.     text-transform: uppercase;
  1642.     margin-top: 20px;
  1643.     font-weight: bold;
  1644.     text-align: center;
  1645.     font-size: 0px;
  1646. }
  1647.  
  1648.  
  1649. .comment .collapsed {
  1650.     padding-left: 24px;
  1651.     padding-bottom: 10px;
  1652.     padding-top: 2px;
  1653.  }
  1654.  
  1655. .comment .midcol {width: 20px !important;}
  1656.  
  1657. .gadget .midcol {width: 20px !important;}
  1658.  
  1659. /*Sub Selector*/
  1660. /*Header*/
  1661. #header {
  1662.     background: #444;
  1663.     border: none;
  1664.     height: 225px;
  1665.     transition: 300ms;
  1666.     -webkit-transition: 300ms;
  1667.  }
  1668.  
  1669. #header span.pagename.redditname a{
  1670.     -webkit-animation-duration: 1.2s;
  1671.     -webkit-animation-name: godown;
  1672.     animation-duration: 1.2s;
  1673.     animation-name: godown;
  1674. }
  1675. @keyframes godown {
  1676. 0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
  1677. 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
  1678. }
  1679.  
  1680. @-moz-keyframes godown {
  1681. 0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
  1682. 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
  1683. }
  1684.  
  1685. @-webkit-keyframes godown {
  1686. 0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
  1687. 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
  1688. }
  1689.  
  1690. @-o-keyframes godown {
  1691. 0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)}
  1692. 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}
  1693. }
  1694.  
  1695. .pagename a {
  1696.     height: 100px;
  1697.     width: 200px;
  1698.     display: inline-block;
  1699.     text-indent: -99999px;
  1700.     background-repeat: no-repeat;
  1701.  }
  1702.     span.pagename.redditname a:hover {opacity: 0.8}
  1703.  
  1704. .pagename {font-size: 0px;}
  1705.  
  1706. .subtitle, .sidebox .spacer, .sidebox .spacer a, .sidebox.create, .morelink .nub {display: none;}
  1707.  
  1708. /*Disable CSS style toggle*/
  1709. .res .titlebox>div:first-of-type, .titlebox form.toggle {
  1710.     font-weight: normal;
  1711.     text-align: center;
  1712.     padding-top: 5px;
  1713.     padding-bottom: 5px;
  1714.  }
  1715.  
  1716. /*Subscribe+Sidebar Toggles*/
  1717.  
  1718. .fancy-toggle-button .add,
  1719. .fancy-toggle-button .remove {
  1720.     padding: 5px 20px;
  1721.     border-radius: 20px;
  1722. }
  1723.  
  1724. .res .fancy-toggle-button .remove{padding: 5px 8px !important;}
  1725.  
  1726. .res .fancy-toggle-button .add,
  1727. .res .fancy-toggle-button .remove,
  1728. .fancy-toggle-button .add,
  1729. .fancy-toggle-button .remove,
  1730. .RESshortcutside,
  1731. .RESDashboardToggle,
  1732. .RESshortcutside.remove,
  1733. .RESDashboardToggle.remove {
  1734.     font-size: 9px !important;
  1735.     border: none !important;
  1736.     text-transform: uppercase;
  1737.     transition: 200ms;
  1738.     background-image: none !important;
  1739. }
  1740.  
  1741. .res .fancy-toggle-button .add,
  1742. .res .fancy-toggle-button .remove,
  1743. .RESshortcutside,
  1744. .RESDashboardToggle,
  1745. .RESshortcutside.remove,
  1746. .RESDashboardToggle.remove {
  1747.     padding: 5px 8px !important;
  1748.     border-radius:3px !important;
  1749. }
  1750.  
  1751. /*End sidebar toggles*/
  1752.  
  1753. /* reddit name on sidebar below search box */
  1754. .titlebox h1.redditname {
  1755.     width: 100%;
  1756.     text-align: center;
  1757.  }
  1758.  
  1759. .titlebox .redditname {height: 25px}
  1760.  
  1761. .res .titlebox .fancy-toggle-button {
  1762.     display: inline-block;
  1763.     margin-top: 10px;
  1764.     margin-right: 5px;
  1765.     margin-left: 0px;
  1766.     width: auto;
  1767.  }
  1768.  
  1769. .titlebox .fancy-toggle-button {
  1770.     margin: 0px auto;
  1771.     width: 100%;
  1772.  }
  1773.  
  1774. .titlebox .fancy-toggle-button {
  1775.     display: inline-block;
  1776.     margin-top: 4px;
  1777.     transition: 300ms;
  1778.  }
  1779.  
  1780. .flat-list {
  1781.     list-style-type: none;
  1782.     display: inline;
  1783.  }
  1784.  
  1785. /*COMMENTS BUTTON COLOR*/
  1786. .entry .buttons .may-blank {
  1787.     font-weight: bold;
  1788.  }
  1789.  
  1790. .link .tagline {
  1791.     color: #666;
  1792.     font-size: 12px;
  1793.     margin-top: 3px;
  1794.  }
  1795.  
  1796. .entry .buttons li a, .entry .buttons li + li {color: #666;}
  1797.  
  1798.  
  1799. .comment .flat-list li a:hover,
  1800. .link .entry .buttons li a:hover,
  1801. .link .domain a:hover {
  1802.     font-weight: bold;
  1803.     text-decoration: none;
  1804.     transition: 200ms;
  1805.  }
  1806.  
  1807. /*COMMENTS AND EVERYTHING ELSE BUTTONS*/
  1808. button {
  1809.     border-radius: 4px;
  1810.     color: #FFF;
  1811.     cursor: pointer;
  1812.     font-size: 14px;
  1813.     line-height: 2.16;
  1814.     text-align: center;
  1815.     white-space: nowrap;
  1816.     border: 0px none;
  1817.     padding: 0px 1.06667em;
  1818.     text-transform: uppercase;
  1819.     transition: all 200ms ease 0s;
  1820.     font-weight: bold;
  1821.     font-size: 12px;
  1822. }
  1823.  
  1824. /*BODY MARGINS AND SETTINGS */
  1825. body:not(.submit-page) .tabmenu::after {
  1826.     position: absolute;
  1827.     height: 49px;
  1828.     content: '';
  1829.     z-index: -1;
  1830.     left: 0px;
  1831.     right: 0px;
  1832.     background: #666; /*TABMENU BACKGROUND SELECT*/
  1833.  }
  1834.  
  1835. /* TAB BAR SETTINGS */
  1836. #sr-header-area {
  1837.     width: 100%;
  1838.     z-index: 9999;
  1839.  }
  1840.  
  1841. /* BODY MARGINS */
  1842. div.content {
  1843.     border-radius: 4px;
  1844.     margin: 15px 335px 10px 16px;
  1845.     border: 1px solid #e1e1e1;
  1846.     background-color: #fff;
  1847.     font-size: 12px;
  1848.  }
  1849.  
  1850. .midcol {margin-left: 0;}
  1851.  
  1852. body >.content .link .rank, .rank-spacer {display: none;}
  1853.  
  1854. body > .content .link .midcol, .midcol-spacer { width: 40px !important;}
  1855.  
  1856. body:not(.comments-page) > .content .link .midcol, .midcol-spacer {margin: 10px 0px;}
  1857.  
  1858.  
  1859. .link .title {font-weight: normal;}
  1860.  
  1861.     .link .title .domain {
  1862.         color: #999;
  1863.         font-size: 0;
  1864.         font-weight: normal
  1865.      }
  1866.  
  1867.         .link .title .domain::before {font-size: 12px}
  1868.  
  1869.         .link .title .domain a {
  1870.             font-size: 12px;
  1871.             margin-left: 1px;
  1872.             margin-top: -10px;
  1873.          }
  1874.  
  1875.  
  1876. /*SIDEBAR*/
  1877. .side {
  1878.     border: 1px solid #e1e1e1;
  1879.     border-radius: 5px;
  1880.     padding: 0px;
  1881.     margin: 150px 16px 100px;
  1882.     width: 300px;
  1883.     background: #ffffff;
  1884.  }
  1885.  
  1886. #searchexpando {
  1887.     border-radius: 0px 0px 4px 4px;
  1888.     text-align: center;
  1889.     width: 280px;
  1890.     background: rgba(0, 0, 0, 0.85);
  1891.     border: medium none;
  1892.     box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
  1893.     color: white;
  1894.     margin-top: 0px;
  1895.     font-weight: bold;
  1896.     text-transform: uppercase;
  1897.     font-size: 11px;
  1898.     line-height: 2.5em;
  1899.     height: auto;
  1900.  }
  1901.  
  1902. .infobar {border: 0px}
  1903.  
  1904. .side #search {
  1905.     top: 240px;
  1906.     position: absolute;
  1907.     margin-right: 25px;
  1908.     z-index: 4;
  1909.     width: 317px;
  1910.  }
  1911.  
  1912. /*SEARCH ANIMATION*/
  1913.  
  1914. body:not(.search-page) #search input[type=text] {
  1915.     border-radius: 6px;
  1916.     padding:9px;
  1917.     border: 1px solid #e1e1e1;
  1918.     text-align: center;
  1919.     transition: 300ms;
  1920.  }
  1921.     body:not(.search-page) #search input[type=text]:hover {border: 1px solid #a0a0a0;}
  1922.  
  1923.     body:not(.search-page) #search input[type=text]:focus {
  1924.         border-color: #aaa;
  1925.         text-align: left;
  1926.         padding-left: 8px;
  1927.         outline: 0;
  1928.         padding-left: 6px;
  1929.         animation-name: search;
  1930.         animation-duration: 0.4s;
  1931.         animation-timing-function: ease;
  1932.         animation-iteration-count: 1;
  1933.         animation-play-state: running;
  1934.      }
  1935. @-webkit-keyframes search {
  1936.     0% {padding-left: 125px;}
  1937.     8% {padding-left: 107px;}
  1938.     15% {padding-left: 89px;}
  1939.     30% {padding-left: 71px;}
  1940.     50% {padding-left: 53px;}
  1941.     60% {padding-left: 18px;}
  1942.     100% {padding-left: 6px;}
  1943. }
  1944. @keyframes search {
  1945.     0% {padding-left: 125px;}
  1946.     8% {padding-left: 107px;}
  1947.     15% {padding-left: 89px;}
  1948.     30% {padding-left: 71px;}
  1949.     50% {padding-left: 53px;}
  1950.     60% {padding-left: 18px;}
  1951.     100% {padding-left: 6px;}
  1952. }
  1953.  
  1954. /*SUBMIT LINKS */
  1955. .morelink {
  1956.     border: none;
  1957.     letter-spacing: 0;
  1958.     font-size: 14px !important;
  1959.     border-radius: 3.5px;
  1960.     padding: 3px;
  1961.     text-transform: uppercase;
  1962.     transition:200ms;
  1963.  }
  1964.  
  1965.     .morelink a, .morelink a:hover, .morelink a:visited {color: #fff;}
  1966.  
  1967. /*RESTRICTED*/
  1968. .disabled .morelink, .disabled .morelink:hover {
  1969.     background-image: none !important;
  1970.     top: 314px;
  1971.     position: absolute;
  1972.     width: 300px;
  1973.  }
  1974.  
  1975. .side .submit-link {
  1976.     position: absolute;
  1977.     width: 300px;
  1978.     top: 285px;
  1979.     right: 16px;
  1980.  }
  1981.  
  1982. .side .submit-text {
  1983.     position: absolute;
  1984.     width: 300px;
  1985.     top: 330px;
  1986.     right: 16px;
  1987.  }
  1988.  
  1989. .morelink .nub {display: none;}
  1990.  
  1991. /*TITLEBOX PADDING*/
  1992. .titlebox {padding: 12px;}
  1993.  
  1994. .side .titlebox .md h3 a {margin-left: 5px;}
  1995.  
  1996. .side md {
  1997.     padding-left: 5px;
  1998.     padding-right: 5px;
  1999.  }
  2000.  
  2001. .side #moderation_tools {
  2002.     padding-left: 15px;
  2003.     margin-bottom: 15px;
  2004.  }
  2005.  
  2006. .sidecontentbox {padding: 15px;}
  2007.  
  2008. .infobar {
  2009.     background: #f2f2f2;
  2010.     border: 1px solid #ebebeb;
  2011.  }
  2012. .message-count {
  2013.     position: relative;
  2014.     top: -2px;
  2015.  }
  2016.  
  2017. .commentarea {padding: 0 10px 10px;}
  2018.  
  2019. .users-online {color: #535353;}
  2020.  
  2021.     .users-online:before {display: none;}
  2022.  
  2023. .flair, .linkflairlabel {
  2024.     margin-right: 0.8em;
  2025.     padding: 2px 4px;
  2026.  }
  2027.  
  2028. .nextprev, .next-suggestions {
  2029.     margin: 10px !important;
  2030.     padding: 10px !important;
  2031.     display: block;
  2032.  }
  2033.  
  2034. .nextprev a, .next-suggestions a {font-weight: normal !important;}
  2035.  
  2036. .link .usertext .md {border: 1px solid #e1e1e1;}
  2037.  
  2038. .link .usertext-body .md {
  2039.     border: none !important;
  2040.     background: none !important;
  2041.  }
  2042.  
  2043.  
  2044.  /*LINK SCORES TYPE*/
  2045. .link .score.likes {color: #FF5F3F;}
  2046. .link .score.dislikes {color: #2B9BDB;}
  2047. .score.unvoted {color: #666;}
  2048. div.midcol.likes, div.midcol.dislikes, div.midcol.unvoted,div.reddit-entry {padding: 0px 10px;}
  2049.  
  2050. #header-img.default-header:hover, #header-img:hover {opacity: .7;}
  2051.  
  2052. .users-online {margin-bottom: 2em;}
  2053.  
  2054. .titlebox span.subscribers,.titlebox .number {
  2055.     font-size: 12px;
  2056.     position: relative;
  2057.  }
  2058.  
  2059. .titlebox span.subscribers, .titlebox .users-online {
  2060.     color: #999;
  2061.     position: relative;
  2062.     top: 10px;
  2063.  }
  2064.  
  2065. div.leavemoderator {
  2066.     margin-left: 18px;
  2067.     background: none;
  2068.  }
  2069.  
  2070. .titlebox .users-online {
  2071.     font-size: 12px;
  2072.     position: relative;
  2073.     top: 15px;
  2074.  }
  2075.  
  2076.     .titlebox .users-online:before {display: none}
  2077.  
  2078.     .titlebox .users-online .number {font-style: italic}
  2079.  
  2080.         .titlebox .users-online .number:before {content: ""}
  2081.  
  2082. .titlelebox .word {display: none}
  2083.  
  2084. .titlebox .users-online,.titlebox .number {cursor: text}
  2085.  
  2086.  
  2087. /* Text */
  2088. .side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md table,.side .md p,.side .md ul,.side .md ol {margin: 15px 0;}
  2089.  
  2090.     .md table thead tr th{color: white}
  2091.  
  2092. /*SIDEBAR STYLING*/
  2093.  
  2094. .titlebox h1.redditname {font-weight:normal;}
  2095. .side .md h1 {
  2096.     position: relative;
  2097.     margin: 0 20px 20px 20px;
  2098.     padding: 5px 0;
  2099.     font-size: 18px;
  2100.     font-weight: bold;
  2101.     text-align: center;
  2102.     text-decoration: none;
  2103. }
  2104.  
  2105. /*BOXED SIDEBAR STYLING*/
  2106.  
  2107. .side .md h2 {
  2108.     position: relative;
  2109.     color: #fff;
  2110.     height: 30px;
  2111.     line-height: 30px;
  2112.     margin: 0 0px;
  2113.     font-size: 13px!important;
  2114.     font-weight: bold;
  2115.     background: #444;
  2116.     text-align: center;
  2117.     border-radius: 5px 5px 0 0;
  2118. }
  2119.  
  2120. .side .md h2 a {color: #A4D11B}
  2121.  
  2122. .side .md h2:after {
  2123.     top: 100%;
  2124.     left: 5%;
  2125.     border: solid transparent;
  2126.     content: " ";
  2127.     height: 0;
  2128.     width: 0;
  2129.     position: absolute;
  2130.     pointer-events: none;
  2131.     border-width: 7px;
  2132.     margin-left: -7px; }
  2133.  
  2134. .side .md h2 + ul, .side .md h2 + ol {
  2135.     list-style-position: outside;
  2136.     border-radius: 0 0 5px 5px;
  2137.     background:#efefef;
  2138.     border-top: 0;
  2139.     padding: 10px 10px 10px 26px;
  2140.     margin: 0 0px 20px 0px;
  2141. }
  2142.  
  2143.  
  2144. .side .md h2 + ul li { margin-bottom: 10px; font-size: 95%; }
  2145.  
  2146. .side .usertext {margin-top: 20px;}
  2147.  
  2148. /*SIDEBAR BUTTONS COLORS*/
  2149.  
  2150. .fancy-toggle-button .add,
  2151. .RESshortcutside,
  2152. .RESDashboardToggle
  2153.  
  2154.     {background: #80d04b;}
  2155.  
  2156. /*SIDEBAR BUTTONS HOVER*/
  2157.  
  2158. .fancy-toggle-button .add:hover,
  2159. body.res .RESshortcutside:hover,
  2160. .RESDashboardToggle:hover
  2161.  
  2162.     {background: #A6DE81;}
  2163.  
  2164. /*SIDEBAR BUTTONS ACTIVE*/
  2165.  
  2166. .fancy-toggle-button .add:active,
  2167. body.res .RESshortcutside:active,
  2168. .RESDashboardToggle:active
  2169.  
  2170.     {background: #599134;}
  2171.  
  2172.  
  2173. /*BUTTONS ON SIDEBAR - Buttonstyle one */
  2174. .side .titlebox .md h3 a {
  2175.     border-radius: 3.5px;
  2176.     padding: 8px 0px;
  2177.     border: none;
  2178.     color: #fff;
  2179.     letter-spacing: 0;
  2180.     font-weight: bold;
  2181.     text-align: center;
  2182.     transition: .3s background ease;
  2183.     font-size: 12px !important;
  2184.     width: 276px;
  2185.     margin: 1.5em 0;
  2186.     display: block;
  2187.  }
  2188.  
  2189. /*BUTTONS ON SIDEBAR - Buttonstyle two */
  2190. .side .titlebox .md h4 a {
  2191.     border-radius: 3.5px;
  2192.     padding: 8px 0px;
  2193.     border: none;
  2194.     color: #fff;
  2195.     letter-spacing: 0;
  2196.     font-weight: bold;
  2197.     text-align: center;
  2198.     transition: .3s background ease;
  2199.     font-size: 12px !important;
  2200.     width: 276px;
  2201.     margin: 1.5em 0;
  2202.     display: block;
  2203.  }
  2204.  
  2205. .titlebox .bottom {display: none}
  2206.  
  2207. .sidecontentbox .collapse-button {
  2208.     display: inline-block;
  2209.     width: 12px;
  2210.     height: 12px;
  2211.     line-height: 10px;
  2212.     text-align: center;
  2213.     font-size: 10px;
  2214.     margin: 1px 8px;
  2215.     background-color: transparent;
  2216.     color: RoyalBlue;
  2217.     vertical-align: middle;
  2218.     border-radius: 2px;
  2219.     border: 1px solid RoyalBlue;
  2220.  }
  2221.  
  2222.     .sidecontentbox .collapse-button:hover {
  2223.         background-color: transparent;
  2224.         color: #009884;
  2225.         vertical-align: middle;
  2226.         border-radius: 2px;
  2227.         border: 1px solid #27408b;
  2228.      }
  2229.  
  2230. .side .sidecontentbox .content {
  2231.     border: none;
  2232.     padding: 8px 0
  2233.  }
  2234.  
  2235. /* Recently viewed links */
  2236. .gadget .midcol {width: 38px}
  2237.  
  2238. /* Body Content - Frontpage */
  2239. .content {
  2240.     margin: 96px 16px 0;
  2241.     padding: 0
  2242.  }
  2243.  
  2244. .entry .buttons li a, .entry .buttons li + li {font-weight: normal;}
  2245.  
  2246. /*FLAIRS*/
  2247. .flair-redflair[title]:hover {background: #E14169;}
  2248. .flair-purpleflair[title]:hover {background:#6941E1;}
  2249. .flair-greenflair[title]:hover {background:green;}
  2250. .flair-orangeflair[title]:hover {background: #E16941;}
  2251. .flair-blueflair[title]:hover {background:RoyalBlue;}
  2252.  
  2253. .flair-redflair[title],
  2254. .flair-purpleflair[title],
  2255. .flair-greenflair[title],
  2256. .flair-orangeflair[title],
  2257. .flair-blueflair[title] {
  2258.     color: white;
  2259.     font-size: 10px;
  2260.     padding: 0px 10px 0px 0px;
  2261.     -webkit-transition: 300ms;
  2262.     transition: 300ms;
  2263.     -webkit-box-sizing: border-box;
  2264.     box-sizing: border-box;
  2265.     border-radius: 20px;
  2266. }
  2267.  
  2268. .flair-redflair[title]:before,
  2269. .flair-purpleflair[title]:before,
  2270. .flair-greenflair[title]:before,
  2271. .flair-orangeflair[title]:before,
  2272. .flair-blueflair[title]:before {
  2273.     font-weight: Bold;
  2274.     display: inline-block;
  2275.     font-size: 10px;
  2276.     padding: 4px 8px;
  2277.     border-radius: 20px 0px 0px 20px;
  2278.     margin-right: 8px;
  2279. }
  2280.  
  2281. .flair-redflair[title] {background: #9d2d49;}
  2282. .flair-purpleflair[title] {background: #492d9d;}
  2283. .flair-greenflair[title] {background: #005900;}
  2284. .flair-orangeflair[title] {background: #9d492d;}
  2285. .flair-blueflair[title] {background: #27408b;}
  2286.  
  2287. .flair-redflair[title]:before {background: #E14169;}
  2288. .flair-purpleflair[title]:before {background: #6941E1;}
  2289. .flair-greenflair[title]:before {background: green;}
  2290. .flair-orangeflair[title]:before {background: #E16941;}
  2291. .flair-blueflair[title]:before {background: RoyalBlue;}
  2292.  
  2293.  
  2294.  
  2295.  
  2296.  
  2297. .titlebox form.toggle {background: none;}
  2298.  
  2299. .titlebox .tagline {
  2300.     text-align: center;
  2301.     max-height: 50px;
  2302.  }
  2303.  
  2304. .side .tagline {color: transparent;}
  2305.  
  2306. /*NO PRESET DEFAULT FLAIR*/
  2307. .linkflairlabel {
  2308.     background: RoyalBlue;
  2309.     color: #FFF;
  2310.     font-weight: bold;
  2311.     padding: 2px 10px;
  2312.     border-radius: 20px;
  2313. }
  2314.  
  2315. /*COLORFUL LINK FLAIRS*/
  2316. .linkflairlabel {
  2317.     max-width: none;
  2318.     border: 0px none;
  2319.  }
  2320.  
  2321. .linkflair-red .linkflairlabel,
  2322. .linkflair-purple .linkflairlabel,
  2323. .linkflair-orange .linkflairlabel,
  2324. .linkflair-green .linkflairlabel,
  2325. .linkflair-blue .linkflairlabel {
  2326.     color: white;
  2327.     font-weight: Bold;
  2328.     border-radius: 20px;
  2329.     padding: 2px 10px;
  2330.     transition: 300ms;
  2331. }
  2332.  
  2333. /*DEFAULT BACKGROUND*/
  2334. .linkflair-red .linkflairlabel {background: #fe506e;}
  2335. .linkflair-purple .linkflairlabel {background: #6941E1;}
  2336. .linkflair-orange .linkflairlabel {background: #E16941;}
  2337. .linkflair-green .linkflairlabel {background: #228b22;}
  2338. .linkflair-blue .linkflairlabel {background: RoyalBlue;}
  2339.  
  2340. /*HOVER BACKGROUND*/
  2341. .linkflair-red .linkflairlabel:hover {background: #b1384d;}
  2342. .linkflair-purple .linkflairlabel:hover {background: #492d9d;}
  2343. .linkflair-orange .linkflairlabel:hover {background: #9d492d;}
  2344. .linkflair-green .linkflairlabel:hover {background: #176117;}
  2345. .linkflair-blue .linkflairlabel:hover {background: #2d499d;}
  2346.  
  2347. /* Flair Selector */
  2348. .flairselector.drop-choices.active {
  2349.     border: 1px solid #e1e1e1;
  2350.     border-radius: 8px !important;
  2351.     visibility: visible;
  2352.     background-color: #FFF;
  2353.     padding: 20px !important;
  2354.  }
  2355.  
  2356. .flairselector .flairselection {margin-bottom: 17px;}
  2357.  
  2358. .flairselector .customizer {
  2359.     display: inline-block;
  2360.     vertical-align: middle;
  2361.  }
  2362.  
  2363. .side .flairselector {
  2364.     position: fixed;
  2365.     top: 150px!important;
  2366.     left: 50%!important;
  2367.     margin-left: -220px;
  2368.     width: 400px !important;
  2369.     border: none;
  2370.     border-radius: 2px;
  2371.     box-shadow: 0 0 16px rgba(0,0,0,0.64);
  2372.  }
  2373.  
  2374. .flairselector h2 {
  2375.     margin-bottom: 4px;
  2376.     background-color: transparent;
  2377.     color: #555 !important;
  2378.     text-align: left;
  2379.     text-transform: uppercase !important;
  2380.     font-weight: bold;
  2381.     font-size: 12px !important;
  2382.  }
  2383.  
  2384. .flairselector form button {
  2385.     text-transform: uppercase;
  2386.     font-size: 10px;
  2387.     font-weight: bold;
  2388.  }
  2389.  
  2390. body.comments-page .sitetable {z-index: 3;}
  2391.  
  2392. .side .flairselector:before {
  2393.     display: block;
  2394.     position: fixed;
  2395.     top: 0px;
  2396.     left: 0px;
  2397.     z-index: -2;
  2398.     overflow: hidden;
  2399.     width: 100%;
  2400.     height: 100%;
  2401.     background-color: rgba(255, 255, 255, 0.75);
  2402.     content: "";
  2403.     cursor: default;
  2404.     transition: all 0.25s ease;
  2405.     pointer-events: none; /*DO NOT REMOVE*/
  2406.  }
  2407.  
  2408. .flairselector.drop-choices.active {
  2409.     visibility: visible !important;
  2410.     background-color: #fff;
  2411.     border: 1px solid #d8d8d8;
  2412.     border-radius: 2px;
  2413.  }
  2414.  
  2415. .flairselector h2 {
  2416.     padding: 5px 5px 5px 5px;
  2417.     background-color: #fff;
  2418.     border-bottom: 1px solid #e5e5e5;
  2419.     text-transform: capitalize;
  2420.  }
  2421.  
  2422. .flairoptionpane {text-align: left;}
  2423.  
  2424.     .flairoptionpane ul {visibility: visible !important;}
  2425.  
  2426.         .flairoptionpane ul a.title {font-size: 100% !important;}
  2427.  
  2428. .flairselector li {
  2429.     padding: 3px 0px 3px 0px;
  2430.     width: 182px;
  2431.  }
  2432.  
  2433.     .flairselector li:hover {background-color: #efefef;}
  2434.  
  2435. .flairselector form {border-top: 1px solid #e5e5e5;}
  2436.  
  2437. .flairsample-left {text-align: left !important;}
  2438.  
  2439. .flairselector ul {overflow: visible;}
  2440.  
  2441. .flairselector li.selected {
  2442.     background-color: #e5ebf8;
  2443.     border: none;
  2444.  }
  2445.  
  2446. /*LOGIN FORM*/
  2447. .login-form-side {
  2448.     border: medium none;
  2449.     padding: 16px;
  2450.     margin-top: -10px;
  2451.  }
  2452.  
  2453.     .login-form-side input[type="text"], .login-form-side input[type="password"] {
  2454.         font-size: 11px;
  2455.         box-sizing: border-box;
  2456.         border: 1px solid #999;
  2457.         width: 258px;
  2458.      }
  2459.  
  2460.     .login-form-side #remember-me * {vertical-align: middle;}
  2461.  
  2462.     .login-form-side .submit {
  2463.         float: right;
  2464.         margin-top: 5px;
  2465.         margin-right: 5px;
  2466.      }
  2467.  
  2468.  
  2469. /*THUMBNAILS*/
  2470. .thumbnail {
  2471.     border-radius: 5px;
  2472.     margin-right: 15px !important;
  2473.     position: relative;
  2474.     top: 33px;
  2475.     transform: translateY(-50%);
  2476.     -webkit-transform: translateY(-50%);
  2477. }
  2478. body:not(.comments-page) .thumbnail {margin: 10px 5px 0px 0px !important;}
  2479.  
  2480. body .stickied .thumbnail.self,
  2481. .thumbnail.nsfw,
  2482. .thumbnail.self,
  2483. .thumbnail.default {
  2484.     background-repeat: no-repeat !important;
  2485.     padding: 10px 0px;
  2486.     border-radius: 15px;
  2487. }
  2488.  
  2489. /*STICKIED*/
  2490. .stickied a.title:link,
  2491. .stickied a.title:visited,
  2492. body:not(.comments-page) .stickied .link .tagline,
  2493. body:not(.comments-page) .stickied .tagline,
  2494. body:not(.comments-page) .stickied .entry .buttons li a,
  2495. body:not(.comments-page) .stickied .entry .buttons li + li {color: #2B8B27 !important;}
  2496.  
  2497. /*NSFW*/
  2498. .over18 a.title:link,
  2499. .over18 a.title:visited,
  2500. body:not(.comments-page) .over18 .link .tagline,
  2501. body:not(.comments-page) .over18 .tagline,
  2502. body:not(.comments-page) .over18 .entry .buttons li a,
  2503. body:not(.comments-page) .over18 .entry .buttons li + li {color: #D10023!important;}
  2504.  
  2505. /*UPPER RIGHT RES THINGY*/
  2506. .res #RESShortcutsEditContainer, .res #sr-more-link {background: transparent;}
  2507.  
  2508. #sr-more-link {
  2509.     position: absolute;
  2510.     top: -3px;
  2511.  }
  2512.  
  2513. #RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash {
  2514.     height: 25px;
  2515.     line-height: 25px!important;
  2516.     margin-right: 4px;
  2517.     background: transparent!important;
  2518.     color: #fff !important;
  2519.  }
  2520.  
  2521. .link .flat-list {
  2522.     display: block;
  2523.     padding: 1px 0px;
  2524.     margin-top: 3px;
  2525.  }
  2526.  
  2527. li.searchfacet {width: 20em}
  2528.  
  2529. /*LOADING MESSAGE AND ERROR FORMAT*/
  2530. .error {
  2531.     font-size: 12px;
  2532.     text-transform: uppercase;
  2533.     font-weight: bold;
  2534.  }
  2535.  
  2536. /*STYLESHEET EDITING PAGE FIX*/
  2537. .pretty-form {
  2538.     font-size: larger;
  2539.     margin-left: 25px;
  2540.  }
  2541.  
  2542. #preview-table > table {
  2543.     border-width: 0.2em;
  2544.     border-style: dashed;
  2545.     border-color: #D3D3D3;
  2546.     padding: 5px;
  2547.     margin: 5px;
  2548.     width: 900px;
  2549.     margin-left: 25px;
  2550.  }
  2551.  
  2552.  
  2553. form#image-upload.image-upload {
  2554.     margin-left: 25px;
  2555.     padding: 9px;
  2556.     line-height: 24px;
  2557.     font-weight: bold;
  2558.     text-transform: uppercase;
  2559.     font-size: 10px;
  2560.     margin-bottom: 20px;
  2561.     color: #666;
  2562. }
  2563.  
  2564. /*FOOTER*/
  2565. .debuginfo, .footer-parent {background-color: #222;}
  2566.  
  2567. .footer-parent {
  2568.     font-size: 14px;
  2569.     padding-top: 20px;
  2570.     padding-bottom: 20px;
  2571.     margin-top: 300px;
  2572.  }
  2573.  
  2574. .footer .col {margin: 10px 0px 30px 0px;}
  2575.  
  2576. .footer {border: 0 solid;}
  2577.  
  2578. .col {border: none !important;}
  2579.  
  2580. .footer .flat-vert li a {
  2581.     font-size: 11px;
  2582.     font-weight: bold;
  2583.     text-transform: uppercase;
  2584.     color: #999 !important;
  2585.  }
  2586.  
  2587.     .footer .flat-vert li a:hover {
  2588.         text-decoration: none !important;
  2589.         color: #fff !important;
  2590.      }
  2591.  
  2592. .footer .flat-vert .title {
  2593.     font-size: 16px;
  2594.     font-weight: 700;
  2595.     transition: color .25s ease, background-color .25s ease;
  2596.     text-transform: uppercase;
  2597.     color: white;
  2598.  }
  2599.  
  2600. .bottommenu {
  2601.     font-size: 10px;
  2602.     color: #FFF !important;
  2603.     border: medium none !important;
  2604.     text-transform: uppercase;
  2605.     font-weight: bold;
  2606.  }
  2607.  
  2608.     .bottommenu a {
  2609.         text-decoration: none;
  2610.         color: #999;
  2611.      }
  2612.  
  2613. /*NEW MAIL ANIMATION*/
  2614. /*TAKEN FROM /R/APPLE*/
  2615. #mail.havemail:before {
  2616.     position: fixed;
  2617.     bottom: 24px;
  2618.     z-index: 100;
  2619.     padding: 45px 0px 10px 0px;
  2620.     background-color: rgba(0, 0, 0, 0.85);
  2621.     border-radius: 6px;
  2622.     box-shadow: 0 1px 5px rgba(0,0,0,0.5);
  2623.     color: #fff;
  2624.     width: 210px;
  2625.     height: 15px;
  2626.     left: 0px;
  2627.     right: 0px;
  2628.     content: "YOU HAVE NEW MESSAGES";
  2629.     text-indent: 30px;
  2630.     font-size: 11px;
  2631.     line-height: 1;
  2632.     -webkit-transform: translateY(112px);
  2633.     transform: translateY(112px);
  2634.     transition: background-color 0.25s ease, box-shadow 0.25s ease;
  2635.     background-image: url(%%havemail%%);
  2636.     background-position: 85px 8px;
  2637.     margin: 0px auto;
  2638.     background-size: 32px;
  2639.     font-weight: bold;
  2640.     background-repeat: no-repeat;
  2641.  }
  2642.  
  2643.     /*Animation */
  2644.         #mail.havemail:before {
  2645.             animation-name: toast;
  2646.             animation-duration: 8s;
  2647.             animation-iteration-count: 1;
  2648.             animation-timing-function: ease;
  2649.  
  2650.             -webkit-animation-name: toast;
  2651.             -webkit-animation-duration: 8s;
  2652.             -webkit-animation-iteration-count: 1;
  2653.             -webkit-animation-timing-function: ease;
  2654.         }
  2655.  
  2656.             #mail.havemail:hover:before {
  2657.                 -webkit-animation-play-state: paused;
  2658.                  -moz-animation-play-state: paused;
  2659.                  -o-animation-play-state: paused;
  2660.                   animation-play-state: paused;
  2661.             }
  2662.  
  2663.  
  2664.             @-webkit-keyframes toast {
  2665.               0%    {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2666.               20%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2667.               25%   {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;}
  2668.               27%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2669.               92%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2670.               97%   {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;}
  2671.               100%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2672.             }
  2673.  
  2674.             @-o-keyframes toast {
  2675.               0%    {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2676.               20%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2677.               25%   {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;}
  2678.               27%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2679.               92%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2680.               97%   {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;}
  2681.               100%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2682.             }
  2683.  
  2684.  
  2685.             @-moz-keyframes toast {
  2686.               0%    {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2687.               20%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2688.               25%   {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;}
  2689.               27%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2690.               92%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2691.               97%   {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;}
  2692.               100%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2693.             }
  2694.  
  2695.  
  2696.             @keyframes toast {
  2697.               0%    {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2698.               20%   {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2699.               25%   {transform:translateY(-8px);    -webkit-transform:translateY(-8px); opacity: 0.8;}
  2700.               27%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2701.               92%   {transform:translateY(00px);    -webkit-transform:translateY(00px); opacity: 0.8;}
  2702.               97%   {transform:translateY(16px);    -webkit-transform:translateY(16px); opacity: 0.8;}
  2703.               100%  {transform:translateY(76px);    -webkit-transform:translateY(76px); opacity: 0;}
  2704.             }
  2705.  
  2706.  
  2707. /*โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”
  2708.  
  2709.         SUBREDDIT COLOR SCHEME
  2710.  
  2711. For aesthetic purposes, please keep everything
  2712. of the same set in one color.
  2713.  
  2714. The text color for the buttons and backgrounds
  2715. is white. Please make sure the chosen background
  2716. color will provide enough contrast with the text
  2717. color.
  2718. โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”*/
  2719.  
  2720. /*SET ONE*/
  2721.  
  2722.         /*DEFAULT COLOR*/
  2723.  
  2724.         .RESDashboardToggle.remove,.RESSubscriptionButton,.RESshortcutside.remove,.fancy-toggle-button .remove,.panestack-title a.title-button,.panestack-title a.title-button.gold,.side .titlebox .md h4 a,.sidecontentbox a.helplink,button,.commentarea .comment a.expand:hover
  2725.  
  2726.         {background:RoyalBlue}
  2727.  
  2728.         .commentarea span.score, .comment .flat-list li a:hover,.comment .flat-list li a[onclick*=reply],.commentNavSortType:hover,.commentarea .menuarea .toggle a:hover,.entry .buttons .may-blank,.error,.link .domain a:hover,.link .entry .buttons li a:hover,.loadFlat:hover,.submit-page .roundfield a,.thing .title,#progressIndicator a#NERStaticLink,.deepthread a,.deepthread::after,.linefield .title
  2729.  
  2730.         {color:RoyalBlue}
  2731.  
  2732.  
  2733.         .roundfield input[type=url]:focus,.roundfield input[type=text]:focus,.roundfield textarea:focus,.usertext-edit textarea:focus,#img-name:focus,.roundfield input[type="url"]:focus,.flairlist .flair-jump input[type="text"]:focus, .RES-keyNav-activeElement, .RES-keyNav-activeElement .md-container
  2734.  
  2735.         {border-color: RoyalBlue}
  2736.  
  2737.  
  2738.         /*HOVER - LIGHTER SHADE OF DEFAULT COLOR*/
  2739.  
  2740.         .RESDashboardToggle.remove:hover,.comments-page .RESSubscriptionButton:hover,.fancy-toggle-button .remove:hover,.panestack-title a.title-button.gold:hover,.panestack-title a.title-button:hover,.side .titlebox .md h4 a:hover,.sidecontentbox a.helplink:hover,body.res .side .RESshortcutside.remove:hover,button:hover
  2741.  
  2742.         {background:#6687e7}
  2743.  
  2744.         /*ACTIVE - DARKER SHADE OF DEFAULT COLOR*/
  2745.  
  2746.         .RESDashboardToggle.remove:active,.RESshortcutside.remove:active,.comments-page .RESSubscriptionButton:active,.fancy-toggle-button .remove:active,.panestack-title a.title-button.gold:active,.panestack-title a.title-button:active,.side .titlebox .md h4 a:active,.sidecontentbox a.helplink:active,button:active
  2747.  
  2748.         {background:#27408b}
  2749.  
  2750. /*SET TWO - SECONDARY COLOR*/
  2751.  
  2752.         /*DEFAULT*/
  2753.  
  2754.         .thing .md table thead tr th,.morelink,.side .titlebox .md h3 a,.tabmenu,.wiki-page-content .md table thead tr th {background:#444}
  2755.  
  2756.         /*HOVER - LIGHTER SHADE OF DEFAULT COLOR*/
  2757.  
  2758.         .morelink:hover,.side .titlebox .md h3 a:hover {background:#666}
  2759.  
  2760.         /*ACTIVE - DARKER SHADE OF DEFAULT COLOR*/
  2761.  
  2762.         .morelink:active, .side .titlebox .md h3 a:active {background: #222;}
  2763.  
  2764. /*END CHANGE COLOR SCHEME*/
  2765.  
  2766.  
  2767. /*
  2768.   EnTypo v0.2 (http://www.reddit.com/r/EnTypo)
  2769.   Modified for Minimaluminiumalism
  2770.   Copyright (c) 2015 Timur Kuzhagaliyev (TimboKZ)
  2771. */
  2772.  
  2773. #siteTable .thing .md blockquote,
  2774. .wiki-page-content .md blockquote,
  2775. .commentarea .md blockquote,
  2776. #siteTable .thing .md ul,
  2777. .commentarea .md ul,
  2778. #siteTable .thing .md ol,
  2779. .commentarea .thing .md ol,
  2780. #siteTable .thing .md table,
  2781. .commentarea .thing .md table {
  2782.     font-family: Arial, Helvetica, sans-serif;
  2783.     margin: 20px 10px 10px 10px;
  2784. }
  2785. #siteTable .thing .md blockquote,
  2786. .wiki-page-content .md blockquote,
  2787. .commentarea .md blockquote {
  2788.     padding: 10px 10px;
  2789.     border-left: solid 2px #666;
  2790.     background-color: #f2f2f2;
  2791.     color: #2f2f2f;
  2792.     line-height: 20px;
  2793.     font-size: 14px;
  2794. }
  2795. #siteTable .thing .md ul,
  2796. .commentarea .md ul,
  2797. .commentarea .thing .md ol,
  2798. #siteTable .thing .md ol {
  2799.     border-right: solid 1px #eaeaea;
  2800.     border-left: solid 1px #eaeaea;
  2801.     border-top: solid 1px #eaeaea;
  2802.     line-height: 20px;
  2803.     font-size: 14px;
  2804.     padding: 0;
  2805. }
  2806. #siteTable .thing .md ul li,
  2807. .commentarea .md ul li,
  2808. .commentarea .thing .md ol li,
  2809. #siteTable .thing .md ol li {
  2810.     border-bottom: solid 1px #eaeaea;
  2811.     background-color: #f8f8f8;
  2812.     padding: 5px;
  2813. }
  2814. #siteTable .thing .md ul li:nth-child(odd),
  2815. .commentarea .md ul:nth-child(odd),
  2816. .commentarea .thing .md ol li:nth-child(odd),
  2817. #siteTable .thing .md ol li:nth-child(odd) {
  2818.     background-color: #f2f2f2;
  2819. }
  2820. #siteTable .thing .md ul,
  2821. .commentarea .md ul{
  2822.     list-style: none;
  2823. }
  2824. #siteTable .thing .md ol,
  2825. .commentarea .thing .md ol{
  2826.     list-style-position: inside;
  2827. }
  2828. #siteTable .thing .md table thead tr th,
  2829. .commentarea .thing .md table thead tr th{
  2830.     font-weight: normal;
  2831.     padding: 10px 20px;
  2832.     font-size: 14px;
  2833.     color: white;
  2834.     border: none;
  2835. }
  2836. #siteTable .thing .md table tbody tr,
  2837. .commentarea .thing .md table thead tr th {
  2838.     border-bottom: solid 1px #eaeaea;
  2839. }
  2840. #siteTable .thing .md table tbody tr td,
  2841. .commentarea .thing .md table tbody tr td {
  2842.     padding: 10px 20px;
  2843.     border: none;
  2844. }
  2845.  
  2846. .res #RESShortcutsViewport {margin-right: 70px;}
  2847.  
  2848. /*DARK MODE*/
  2849.  
  2850. html[lang="dm"] .linkinfo .shortlink input {background: #444;}
  2851.  
  2852. html[lang="dm"] #siteTable .thing .md blockquote,
  2853. html[lang="dm"]  .wiki-page-content .md blockquote,
  2854. html[lang="dm"] .commentarea .md blockquote {
  2855.     padding: 10px;
  2856.     border-left: 2px solid #888;
  2857.     background-color: #2f2f2f;
  2858.     color: #fff;
  2859.     line-height: 20px;
  2860.     font-size: 14px;
  2861. }
  2862.  
  2863. html[lang="dm"] #siteTable .thing .md table thead tr th, html[lang="dm"]  .wiki-page-content .md table thead tr th {background: #333;}
  2864.  
  2865. html[lang="dm"] #siteTable .thing .md table tbody tr,
  2866. html[lang="dm"] .commentarea .thing .md table tbody tr,
  2867. html[lang="dm"] .wiki-page-content .md table tbody tr {
  2868.     border-bottom: 1px solid #999;
  2869. }
  2870.  
  2871. html[lang="dm"] .md hr {color: #888;}
  2872.  
  2873. html[lang="dm"] #siteTable .thing .md ul li:nth-child(odd),
  2874. html[lang="dm"] .commentarea .md ul li:nth-child(odd),
  2875. html[lang="dm"] #siteTable .thing .md ol li:nth-child(odd),
  2876. html[lang="dm"] .commentarea .thing .md ol li:nth-child(odd),
  2877. html[lang="dm"] .wiki-page-content .md ol li:nth-child(odd) {
  2878.   background-color: #333;
  2879. }
  2880.  
  2881. html[lang="dm"] #siteTable .thing .md ul li,
  2882. html[lang="dm"] .commentarea .md ul li,
  2883. html[lang="dm"] #siteTable .thing .md ol li,
  2884. html[lang="dm"] .commentarea .thing .md ol li,
  2885. html[lang="dm"] .wiki-page-content .md ol li {
  2886.   border-bottom: solid 1px #555;
  2887.   background-color: #222;
  2888.   padding: 5px;
  2889. }
  2890.  
  2891. html[lang="dm"] #siteTable .thing .md ul,
  2892. html[lang="dm"] .commentarea .md ul,
  2893. html[lang="dm"] #siteTable .thing .md ol,
  2894. html[lang="dm"] .commentarea .thing .md ol,
  2895. html[lang="dm"] .wiki-page-content .md ol {
  2896.   border-right: solid 1px #555;
  2897.   border-left: solid 1px #555;
  2898.   border-top: solid 1px #555;
  2899.   line-height: 20px;
  2900.   font-size: 14px;
  2901. }
  2902.  
  2903.  
  2904. html[lang="dm"] .content .entry .buttons li.reported-stamp, html[lang="dm"] body .content .stickied .entry .buttons li.reported-stamp  {
  2905.  
  2906.     background: #222 !important;
  2907.     color: #d1d1d1 !important;
  2908.  
  2909. }
  2910. html[lang="dm"] .pretty-button.positive {color: #7DDC1F !important;}
  2911.  
  2912. html[lang="dm"] .pretty-button.neutral {color: #ccc;}
  2913.  
  2914. html[lang="dm"] .pretty-button.negative {color:#FE728B !important;}
  2915.  
  2916. html[lang="dm"] .nsfw-stamp {background: #FE728B;}
  2917.  
  2918. html[lang="dm"] .combined-search-page .search-result-group .search-header-label,html[lang="dm"] .combined-search-page .search-result .search-result-body,html[lang="dm"] .combined-search-page .search-result .search-result-header .search-title,html[lang="dm"] .combined-search-page .search-result .search-result-footer .search-link,html[lang="dm"] .combined-search-page .search-result .search-result-meta,html[lang="dm"] .combined-search-page .search-result .search-score,html[lang="dm"] .combined-search-page .search-result .search-comments,html[lang="dm"] .combined-search-page .search-result-group .search-result-group-header {color: #fff}
  2919.  
  2920. html[lang="dm"] .combined-search-page .search-result .search-expando.collapsed::before {background: transparent linear-gradient(to bottom,rgba(255,255,255,0) 0%,#444 100%) repeat scroll 0 0}
  2921.  
  2922. html[lang="dm"] .combined-search-page .search-result .search-expando-button {color: #A4D11B}
  2923.  
  2924. html[lang="dm"] .combined-search-page .search-result {border-bottom: 1px solid #666;}
  2925.  
  2926. html[lang="dm"] .combined-search-page .search-result-group .search-result-group-header {
  2927.     background: #222;
  2928.     border-bottom: 1px solid #666;
  2929.     border-top: 1px solid #666;
  2930. }
  2931.  
  2932. html[lang="dm"] .stickied a.title:link,html[lang="dm"] body:not(.comments-page) .stickied a.title:visited,html[lang="dm"] body:not(.comments-page) .stickied .link .tagline,html[lang="dm"] body:not(.comments-page) .stickied .tagline,html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li a,html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li + li,html[lang="dm"] body:not(.comments-page) .stickied .md p {color: #7ddc1f!important}
  2933.  
  2934. html[lang="dm"] .over18 a.title:link,html[lang="dm"] .over18 a.title:visited,html[lang="dm"] body:not(.comments-page) .over18 .link .tagline,html[lang="dm"] body:not(.comments-page) .over18 .tagline,html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li a,html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li + li,html[lang="dm"] body:not(.comments-page) .over18 .md p {color: #fe728b!important}
  2935.  
  2936. html[lang="dm"] body {background: #222}
  2937.  
  2938. html[lang="dm"] div.content {background-color: #333;border:none}
  2939.  
  2940. html[lang="dm"] .entry .buttons li a {color: #ccc!important}
  2941.  
  2942. html[lang="dm"] .thing .title:visited,html[lang="dm"] .commentarea .menuarea .toggle a,html[lang="dm"] .commentNavSortType,html[lang="dm"] .dropdown.lightdrop .selected {color: #ababab !important;}
  2943.  
  2944. html[lang="dm"] .thing .title {color: #fff !important}
  2945.  
  2946. html[lang="dm"] input[name="uh"] ~ a:after {display: none}
  2947.  
  2948. html[lang="dm"] .entry .buttons .may-blank {color: #fff}
  2949.  
  2950. html[lang="dm"] a.comments::after {color: #ccc!important}
  2951.  
  2952. html[lang="dm"] .flair {border: none}
  2953.  
  2954. html[lang="dm"] .side {border: #4c4c4c;background:#333}
  2955.  
  2956. html[lang="dm"] div.leavemoderator,html[lang="dm"] .toggle .option.active,html[lang="dm"] .titlebox form.toggle {color: #ccc}
  2957.  
  2958. html[lang="dm"] .side .usertext-body {background-image: none;padding:0}
  2959.  
  2960. html[lang="dm"] .icon-menu a {color: #fff}
  2961.  
  2962. html[lang="dm"] .sidecontentbox .title h1 {color: #fff;font-weight:700}
  2963.  
  2964. html[lang="dm"] .side .titlebox .md h3 a {background: #444}
  2965.  
  2966. html[lang="dm"] .side .titlebox .md h3 a:hover {background: #666}
  2967.  
  2968. html[lang="dm"] .side .titlebox .md h3 a:active {background: #222}
  2969.  
  2970. html[lang="dm"] .titlebox span.subscribers,html[lang="dm"] .titlebox .users-online {color: #fff!important}
  2971.  
  2972. html[lang="dm"] #sr-header-area a,
  2973. html[lang="dm"] h2,html[lang="dm"] .sidecontentbox .collapse-button {color: #fff}
  2974.  
  2975. html[lang="dm"] .sidecontentbox .collapse-button {border: 1px solid #fff;}
  2976.  
  2977. html[lang="dm"] body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub,html[lang="dm"] .commentarea span.score {color: #fff!important}
  2978.  
  2979. html[lang="dm"] .side .md h4 a {color: #fff!important}
  2980.  
  2981. html[lang="dm"] .side .md h4 {background: #323232}
  2982.  
  2983. html[lang="dm"] body:not(.comments-page) div.content .entry,html[lang="dm"] .md hr {border-bottom: 1px solid #666}
  2984.  
  2985. html[lang="dm"] .content .md a {color: #a4d11b !important}
  2986.  
  2987. html[lang="dm"] .titlebox a {color: #a4d11b}
  2988.  
  2989. html[lang="dm"] .link.promotedlink.promoted {background-color: #565656}
  2990.  
  2991. html[lang="dm"] span.score,html[lang="dm"] .sidecontentbox .more a {color: #ccc!important}
  2992.  
  2993. html[lang="dm"] #progressIndicator,html[lang="dm"] .commentarea .panestack-title .title,html[lang="dm"] .commentingAs,html[lang="dm"] .md,html[lang="dm"] .linkinfo .date,html[lang="dm"] div.score,html[lang="dm"] span.totalvotes,html[lang="dm"] .linkinfo .shortlink {color: #fff!important}
  2994.  
  2995. html[lang="dm"] body.comments-page .link {background: #323232}
  2996.  
  2997. html[lang="dm"] .commentarea > .usertext {background-color: #292929}
  2998.  
  2999. html[lang="dm"] .commentarea .thing,
  3000. html[lang="dm"] .commentarea .child .thing.comment,
  3001. html[lang="dm"] .commentarea .child .thing.comment .comment,
  3002. html[lang="dm"] .commentarea .child .thing.comment .comment .comment,
  3003. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment,
  3004. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment,
  3005. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment,
  3006. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment,
  3007. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment,
  3008. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment,
  3009. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  3010. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  3011.     border:1px solid #333 !important
  3012. }
  3013.  
  3014. html[lang="dm"] .commentarea .child .thing.comment,
  3015. html[lang="dm"] .commentarea .child .thing.comment .comment .comment,
  3016. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment,
  3017. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment,
  3018. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment,
  3019. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  3020.     background: #222 !important;
  3021. }
  3022.  
  3023. html[lang="dm"] .commentarea .thing,
  3024. html[lang="dm"] .commentarea .child .thing.comment .comment,
  3025. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment,
  3026. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment,
  3027. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment,
  3028. html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  3029.        background: #292929 !important;
  3030. }
  3031.  
  3032.  
  3033. html[lang="dm"] button {background-color: #999;color:#000}
  3034.  
  3035. html[lang="dm"] .tagline a,html[lang="dm"] #RESShortcutsSort,html[lang="dm"] #RESShortcutsRight,html[lang="dm"] #RESShortcutsLeft,html[lang="dm"] #RESShortcutsAdd,html[lang="dm"] #RESShortcutsTrash {color: #fff}
  3036.  
  3037. html[lang="dm"] .shortlink .input {
  3038.     background-color: #222;
  3039.     color: #fff;
  3040.     border: 1px solid #666!important;
  3041.  }
  3042.  
  3043. html[lang="dm"] .side .titlebox .md h1,html[lang="dm"] .side .md ol,html[lang="dm"] .error,html[lang="dm"] .md del,html[lang="dm"] .dropdown.srdrop span.selected.title,html[lang="dm"] .menuarea,html[lang="dm"] #previoussearch label,html[lang="dm"] .search-page .searchfacets,html[lang="dm"] .searchfacet a,html[lang="dm"] .wiki-page-content .md h1,html[lang="dm"] .titlebox h1 a,html[lang="dm"] .wiki-page .wikititle,html[lang="dm"] .wiki-page .pageactions .wikiaction-current,html[lang="dm"] .generic-table,html[lang="dm"] .md pre code,html[lang="dm"] .formtabs-content .infobar,html[lang="dm"] .roundfield,html[lang="dm"] .wiki-page .wiki-page-content .wiki.md,html[lang="dm"] .wiki-page .wiki-page-content .wiki.md h2, html[lang="dm"] .side .md p,html[lang="dm"] .link .tagline,html[lang="dm"] .entry .buttons .may-blank,html[lang="dm"] .comment .flat-list li a:hover,html[lang="dm"] .link .entry .buttons li a:hover,html[lang="dm"] .link .domain a:hover, html[lang="dm"] #preview-table > table > tbody > tr > th,html[lang="dm"] form#image-upload.image-upload,html[lang="dm"] .pretty-form,  html[lang="dm"] .commentNavSortType:hover,html[lang="dm"] .commentarea .menuarea .toggle a:hover,html[lang="dm"] .comment .flat-list li a[onclick*="reply"],html[lang="dm"] .loadFlat:hover,html[lang="dm"] .submit-page .title,html[lang="dm"] .error,html[lang="dm"] #progressIndicator a#NERStaticLink, html[lang="dm"] .deepthread a, html[lang="dm"] .deepthread::after {color: #fff!important}
  3044.  
  3045. html[lang="dm"] .search-page .searchfacets {background: #555}
  3046.  
  3047. html[lang="dm"] .roundfield,html[lang="dm"] .formtabs-content .infobar {background-color: #333}
  3048.  
  3049. html[lang="dm"] .md code {background-color: #222;border:1px solid #666!important}
  3050.  
  3051. html[lang="dm"] .md pre {padding: 0;background-color:transparent!important; border: none;}
  3052.  
  3053. html[lang="dm"] .wiki-page div.content {background-color: transparent;border:none}
  3054.  
  3055. html[lang="dm"] .livePreview .md p {color: #000}
  3056.  
  3057. html[lang="dm"] .wiki-page .infobar {background: none;border:none}
  3058.  
  3059. html[lang="dm"] .wiki-page .wiki-page-content,html[lang="dm"] .wiki-page .pageactions,html[lang="dm"] .wiki-page .wikititle,html[lang="dm"] .content.submit .info-notice {background-color: #444!important}
  3060.  
  3061. html[lang="dm"] body:not(.search-page) #search input[type="text"] {
  3062.     background: #222!important;
  3063.     border: 1px solid #444;
  3064.     color: #fff
  3065.  }
  3066.  
  3067. html[lang="dm"] .submit-page .content a {color: #999 !important;}
  3068.  
  3069. html[lang="dm"] .md table,html[lang="dm"] .md ul {color: #fff!important}
  3070.  
  3071. html[lang="dm"] .side .titlebox {color: #fff}
  3072.  
  3073. html[lang="dm"] ::-moz-selection {background: #666;color:#fff}
  3074.  
  3075. html[lang="dm"] .linkinfo {background-color: #303030}
  3076.  
  3077. html[lang="dm"] .debuginfo, html[lang="dm"] .footer-parent {background: #111;}
  3078.  
  3079. html[lang="dm"] .gold-accent.comment-visits-box {color: #fff}
  3080.  
  3081. html[lang="dm"] ul#image-preview-list li {
  3082.     background: #333;
  3083.     border: none;
  3084.     color: #fff
  3085.  }
  3086.  
  3087. html[lang="dm"] .flairselector h2,html[lang="dm"] .flairselector .tagline a {color: #000!important}
  3088.  
  3089. html[lang="dm"] .wiki-page .wiki-page-content .md.wiki h4 {color: #fff!important}
  3090.  
  3091. html[lang="dm"] .comments-page .content .infobar {
  3092.     background: #444;
  3093.     color: #fff;
  3094.  }
  3095.  
  3096. html[lang="dm"]     .commentarea textarea:not(:focus):not(:hover) {
  3097.             color: transparent;
  3098.             background-color: #444 !important;
  3099.         text-shadow: 0px 0px 12px #000;
  3100.     }
  3101.  
  3102. html[lang="dm"]     .commentarea textarea:hover,
  3103. html[lang="dm"] .roundfield textarea:hover,
  3104. html[lang="dm"] .roundfield input[type="url"]:hover,
  3105. html[lang="dm"] .roundfield input[type="text"]:hover {border: 1px solid #9f9f9f;}
  3106.  
  3107. html[lang="dm"] textarea,
  3108. html[lang="dm"] .roundfield input[type="text"],
  3109. html[lang="dm"] .roundfield input[type="url"] {
  3110.     background-color: #222!important;
  3111.     color:#fff!important;
  3112.     transition: 300ms;
  3113.     transition: 300ms;
  3114.     border: 1px solid #666;
  3115. }
  3116.  
  3117. html[lang="dm"] .usertext-edit textarea:focus,
  3118. html[lang="dm"] .roundfield textarea:focus,
  3119. html[lang="dm"] .roundfield input[type="url"]:focus,
  3120. html[lang="dm"] .roundfield input[type="text"]:focus {
  3121.     border: 1px solid #666;
  3122.     transition: 0.1s ease;
  3123.     border-bottom: 3px solid #999 !important;
  3124. }
  3125.  
  3126. html[lang="dm"] .toc ul {background: transparent;}
  3127.  
  3128. html[lang="dm"] .deepthread a, .deepthread::after {color: white;}
  3129.  
  3130. html[lang="dm"] .commentarea .comment a.expand:hover {background: #999; color: #333;}
  3131.  
  3132. html[lang="dm"] .markdownEditor .edit-btn:not(.btn-macro) {background-color: #ccc !important; border: none !important; border-radius: 4px !important;}
  3133.  
  3134. html[lang="dm"] .expando-button,html[lang="dm"]  .expando-button.expanded,html[lang="dm"]  .expando-button.expanded:hover,html[lang="dm"] .expando-button:hover {border-radius: 20px !important; background-color: #999 !important;}
  3135.  
  3136. html[lang="dm"] #REScommentSubToggle {
  3137.     background: #ccc !important;
  3138.     color: #000 !important;
  3139. }
  3140.  
  3141. html[lang="dm"] .tabmenu {background: #333;}
  3142.  
  3143. html[lang="dm"] .side .md h2 + ul {background: #222;}
  3144.  
  3145. html[lang="dm"] .side .sidecontentbox a {color: #ccc}
  3146.  
  3147. html[lang="dm"] .RES-keyNav-activeElement,
  3148. html[lang="dm"] .RES-keyNav-activeElement .md-container {
  3149.     background-color: #444 !important;
  3150.     border-color: #aaa;
  3151. }
  3152.  
  3153.  
  3154.  
  3155. /*
  3156.  
  3157. Credits
  3158.  
  3159. /r/EnTypo for Enhanced Typograhy
  3160. /r/Apple for Messages alert
  3161. /r/Naut for Moderator Distinguish Message
  3162. /u/Karma_4_free for Subreddit List style from /r/Apicem
  3163. /r/Overwatch for comment collapse button
  3164. /r/Slight for input box underline
  3165.  
  3166. MANDATORY LEGAL NOTICES/CREDITS - DO NOT REMOVE
  3167.  
  3168. Gear by Alexander Simone from the Noun Project
  3169. Compass by Vicons Design from the Noun Project
  3170. Arrow Up by Raashid.A from the Noun Project
  3171. Add by John Chapman from the Noun Project
  3172. Thumbtack by Bonnie Beach from the Noun Project
  3173. Conversation by vijay sekhar from the Noun Project
  3174. Warning by Lorena Salagre from the Noun Project
  3175. Sliders by Remco Homberg from the Noun Project
  3176. Power by Gregor ฤŒreลกnar from the Noun Project
  3177. message by Hakan Yalcin from the Noun Project
  3178. read message by Hakan Yalcin from the Noun Project
  3179.  
  3180. */
  3181.  
  3182.  
  3183.  
  3184. /*ADD SNIPPETS BELOW THIS LINE
  3185. ============================================================================*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!