API tools faq
paste
Advertisement
Blackberryroid

Minimaluminiumalism Dev-HSC-1.37

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