API tools faq
paste
gavin19

cfs

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