API tools faq
paste
Advertisement
Blackberryroid

Minimaluminiumalism Dev-HSB-1.37

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