API tools faq
paste
Advertisement
Tiffanys

/r/Innies flair test June 15th 2018

Tiffanys
Jun 15th, 2018
200
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 73.42 KB | None | 0 0
raw download clone embed print report
  1. /*
  2.         Version 2.0
  3.         Stylesheet by Cryptonaut
  4.         Last modified: 29 April 2014
  5.         Details: This is a custom template made by /u/Cryptonaut.
  6.         Find out more on /r/Naut.
  7.  
  8.         --------------------------------------------------------------------------
  9.         [Changelog]
  10.         v1.0 - Initial Design - /r/Naut Template
  11.         v1.5 - Update 1 - New colours, icons and a whole bunch of fixes.
  12.         V1.6 - Update 2 - Adjustments to make Naut come back to the reddit UX.
  13.         V1.7 - Update 3 - A whole lot of UI tweaks and fixes.
  14.         V2.0 - Update 4 - Naut is now on GitHub, added nightmode and some fixes.
  15.         V2.1 - Update 5 - Initial CSS3 update - Added transitions and minor responsive tweaks.
  16.         V2.2 - Update 6 - Bugfixes and the return of the suggest-title button.
  17.         -------------------------------------------------------------------------- */
  18. /* Rename Wiki */
  19. #header .tabmenu [href$="/wiki/"] {
  20.     visibility: hidden;
  21. }
  22.  
  23. #header .tabmenu [href$="/wiki/"]:after {
  24.     visibility: visible;
  25.     content:"What is an innie?";
  26. }
  27.            
  28.     body {
  29.         background-color: #f1f1f1;
  30.         color: #3b3b3b;
  31.         font-family: arial, sans-serif;
  32.     }
  33.  
  34.         /* Custom browser CSS */
  35.         :focus {outline: 0px;}
  36.            
  37.         ::-webkit-scrollbar {
  38.             width: 12px;
  39.             height: 12px;
  40.             background-color: #f5f5f5;
  41.             border-left: 1px solid #d2d2d2;
  42.         }
  43.        
  44.             ::-webkit-scrollbar-thumb {
  45.                 background-color: #c3c3c3;
  46.                 border-top: 1px solid #b6b6b6;
  47.                 border-bottom: 1px solid #969696;
  48.                 border-left: 1px solid #b6b6b6;
  49.             }
  50.            
  51.             ::-webkit-scrollbar-button {
  52.                 display: none;
  53.                 width: 0;
  54.                 height: 0;
  55.             }
  56.        
  57.             ::-webkit-scrollbar-corner {
  58.                 background-color: transparent;
  59.                 color: #555555;
  60.             }
  61.        
  62.         ::selection {background-color:#f9a2d3;color:white;font-weight:bold;}
  63.  
  64.         /* Link */
  65.         a {
  66.             color: #f9a2d3;
  67.         }
  68.        
  69.             a:hover {
  70.                 text-decoration: underline;
  71.             }
  72.  
  73.         .error {
  74.             color: #ff4444;
  75.             font-size: 13px;
  76.             font-family: arial, sans-serif;
  77.         }
  78.  
  79.             .comments-page #noresults:after {
  80.                 content: "... so go ahead and tell us what you think!";
  81.             }
  82.  
  83.         /* General Button*/
  84.         button, #search input[type='submit'], .wiki-page .wiki-page-content .wiki_button {
  85.             margin: 3px 3px 3px 3px;
  86.             padding: 0px 8px 1px 8px;
  87.             background-color: #ffffff;
  88.             border: 1px solid #d4d4d4;
  89.             border-radius: 2px;
  90.             -webkit-box-shadow: 0 1px 0 #e2e0e0;
  91.             box-shadow: 0 1px 0 #e2e0e0;
  92.             color: #737373 !important;
  93.             text-transform: capitalize;
  94.             font-weight: bold;
  95.             line-height: 27px;
  96.             cursor: default;
  97.             transition: all 0.2s ease;
  98.         }
  99.  
  100.             button:hover, #search input[type='submit']:hover, .wiki-page .wiki-page-content .wiki_button:hover {
  101.                 padding-bottom: 0px;
  102.                 border-color: #bababa;
  103.                 border-bottom-width: 2px;
  104.                 color: #333 !important;
  105.             }
  106.  
  107.                 button:active, #search input[type='submit']:active, .wiki-page .wiki-page-content .wiki_button:active {
  108.                     padding-bottom: 0px;
  109.                     background-color: #e5e5e5;
  110.                     border-color: #a7a7a7;
  111.                     border-top-width: 2px;
  112.                     border-bottom-width: 1px;
  113.                     -webkit-box-shadow: none;
  114.                     box-shadow: none;
  115.                     color: #333 !important;
  116.                     line-height: 25px;
  117.                 }
  118.  
  119.  
  120.         /* Header Area */
  121.         /* Top Most header */
  122.         #sr-header-area {
  123.             opacity: 90;
  124.             height: 18px;
  125.             background-color: #ffffff;
  126.  
  127.         }
  128.  
  129.             #sr-header-area:hover {
  130.                 opacity: 90;
  131.             }
  132.  
  133.             #sr-header-area a {
  134.                 color: #666666;
  135.                 font-family: Verdana, Arial, sans-serif;
  136.             }
  137.  
  138.             #sr-header-area .selected a {
  139.                 color: #f39acc;
  140.                 font-family: Verdana, Arial, sans-serif;
  141.             }
  142.        
  143.                 #sr-header-area a:hover {
  144.                     color: #f39acc;
  145.                     text-decoration: none;
  146.                 }
  147.        
  148.             #sr-more-link {
  149.                 position: absolute;
  150.                 background-color: #ffffff;
  151.                 color: #666666;
  152.             }
  153.        
  154.             .dropdown.srdrop .selected {background-image: none;}
  155.                 .dropdown.srdrop .selected:after {content: "▼";}
  156.             .sr-bar .separator {color: #333;}
  157.  
  158.             #sr-header-area .width-clip .dropdown.srdrop .selected.title {
  159.                 color: #666666;
  160.                 font-size: 9px;
  161.                 font-weight: normal;
  162.                 font-family: Verdana, Arial, sans-serif;
  163.                 padding-right: 3px;
  164.             }
  165.  
  166.                 #sr-header-area .width-clip .dropdown.srdrop .selected.title:hover {
  167.                     color: #f9a2d3;
  168.                 }
  169.  
  170.             #sr-header-area .drop-choices a.choice {
  171.                 color: #333 !important;
  172.             }
  173.  
  174.              #sr-header-area .drop-choices a.choice:hover {
  175.                 background-color: #f9a2d3;
  176.                 color: #fff !important;
  177.              }
  178.        
  179.         /* Header Image */
  180.         #header {
  181.             height: 167px;
  182.             background: #2a2b2e url(%%banner03b%%) no-repeat fixed 50% 0%;
  183.             border-bottom: 0px solid;
  184.             overflow: visible !important;
  185.  
  186.            
  187.  
  188.         }
  189.  
  190.             #header:after {
  191.                 position: absolute;
  192.                 top: 132px;
  193.                 left: 0px;
  194.                 z-index: -1;
  195.                 width: 100%;
  196.                 height: 44px;
  197.                 background: #fff;
  198.                 border-bottom: 0px solid;
  199.                 content: " ";
  200.                 text-indent: -999px;
  201.             }
  202.  
  203.             #header-img {
  204.                 position: absolute;
  205.                 top: 130px;
  206.                 left: 0px;
  207.                 z-index: 99;
  208.                 width: 44px;
  209.                 height: 44px;
  210.                 background-image: url(%%spritesheet%%);
  211.                 background-position: 0px -226px;
  212.                 background-repeat: no-repeat;
  213.             }
  214.  
  215.                 #header-img:hover {background-position: -44px -226px;}
  216.            
  217.             .pagename a {
  218.                 display: block;
  219.                 visibility: visible !important;
  220.                 position: absolute;
  221.                 left: 8px;
  222.                 z-index: 99;
  223.                 background-image: url(%%logo%%);
  224.                 background-position: 0px 0px;
  225.                 background-repeat: no-repeat;
  226.                 text-indent: -9999px;
  227.             }
  228.  
  229.                 .pagename a:hover {background-position: 0px -77px;}
  230.  
  231.  
  232.                 .pagename {visibility: hidden;}
  233.  
  234.         /* HOT / NEW / ETC */
  235.         #header .tabmenu {
  236.             display: block;
  237.             position: absolute;
  238.             top: 132px;
  239.             margin: 0px;
  240.             right:0px;
  241.             left: 0px;
  242.             padding: 0px;
  243.             height: 44px;
  244.             background-color: transparent;
  245.             border-bottom: 0px solid;
  246.             color: #999;
  247.             list-style-type: none;
  248.             vertical-align: bottom;
  249.             text-align: left;
  250.             padding-left: 55px;
  251.             white-space: nowrap;
  252.             font-weight: normal;
  253.             font-size: 15px;
  254.             font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  255.             min-width: 450px;
  256.         }
  257.  
  258.             .tabmenu li {
  259.                 display: inline-block;
  260.                 margin:7px 0px 0px 0px;
  261.             }
  262.            
  263.                 .tabmenu li a {
  264.                     margin: 0px 17px 0px 17px;
  265.                     padding: 8px 0px 8px 0px;
  266.                     background-color: transparent;
  267.                     border: 0px solid;
  268.                     border-bottom: 2px solid transparent;
  269.                     color: #999;
  270.                     font-weight: normal;
  271.                     font-size: 22px;
  272.                     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  273.                 }
  274.  
  275.                     .tabmenu li a:hover {border-bottom-color: #f9a2d3;color: #262626;text-decoration: none;}
  276.            
  277.                 .tabmenu li.selected a {
  278.                     z-index: 100;
  279.                     background-color: transparent;
  280.                     border: 0px solid;
  281.                     border-bottom: 2px solid #f9a2d3;
  282.                     color: #262626;
  283.                     font-size: 22px;
  284.                     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  285.                 }
  286.                     .tabmenu li.selected a:hover {
  287.                         border-color: #719ff2;
  288.                     }
  289.  
  290.         /* Rising, Controversial, Self-serve advertising, Gilded */
  291.         .listing-page .tabmenu li:nth-of-type(3), .listing-page .tabmenu li:nth-of-type(4), .listing-page .tabmenu li a[href*="/promoted"], .listing-page .tabmenu li a[href*="/gilded"] {
  292.             display: none;
  293.         }
  294.  
  295.  
  296.         /* User bar */
  297.         #header-bottom-right {
  298.             position: absolute;
  299.             top: 141px;
  300.             right: 0px;
  301.             padding: 8px 15px 7px 15px;
  302.             width: auto;
  303.             height: 12px;
  304.             background-color: #fff;
  305.         }
  306.             .user {color: #7A7A7A;}
  307.                 .loggedin .user {color: #7A7A7A;}
  308.            
  309.             #header-bottom-right a {
  310.                 color: #7A7A7A;
  311.                 font-weight: normal;
  312.                 font-size: 15px;
  313.             }
  314.  
  315.                 #header-bottom-right a:hover {
  316.                     border-bottom: 1px solid #f9a2d3;
  317.                     color: #333;
  318.                     text-decoration: none;
  319.                 }
  320.  
  321.             /* Mail / Modmail icons */
  322.             #mail {
  323.                 top: 0px;
  324.                 overflow: visible;
  325.                 width: 16px;
  326.                 height: 16px;
  327.                 background-image: url(%%spritesheet%%) !important;
  328.             }
  329.  
  330.                 #mail:hover, #modmail:hover {
  331.                     border-bottom: 0px solid !important;
  332.                 }
  333.            
  334.                 #mail.nohavemail {background-position: -64px 0px;}
  335.                 #mail.havemail   {background-position:-80px 0px;}
  336.  
  337.            
  338.             #modmail {
  339.                 top: -2px;
  340.                 margin-bottom: -6px;
  341.                 width: 16px;
  342.                 height: 16px;
  343.                 background-image: url(%%spritesheet%%) !important;
  344.             }
  345.            
  346.  
  347.                 #modmail.havemail   {background-position:-112px 0px;}
  348.                 #modmail.nohavemail {background-position:-96px 0px;}
  349.  
  350.  
  351.             /* Preferences & Logout Icons */
  352.             #header-bottom-right a.pref-lang, .loggedin .logout a{
  353.                 background-position: -96px -49px;
  354.                 background-image: url(%%spritesheet%%);
  355.                 width: 16px;
  356.                 height: 16px;
  357.                 display: inline-block;
  358.                 text-indent: -9999px;
  359.                 margin: 0px;
  360.                 position: relative;
  361.                 top: -2px;
  362.             }
  363.  
  364.                 .loggedin .logout a {background-position: -80px -49px;}
  365.  
  366.             .gearIcon {
  367.                 background-image: url(%%spritesheet%%)!important;
  368.                 background-position: -80px -65px!important;
  369.                 height: 16px!important;
  370.                 width: 17px!important;
  371.             }
  372.  
  373.  
  374.             /* Opacity Hoves */
  375.             #modmail, #mail, .gearIcon, #header-bottom-right a.pref-lang,
  376.             .loggedin .logout a {
  377.                 opacity: 0.75;
  378.             }
  379.  
  380.                 #modmail:hover, #mail:hover, #header-bottom-right a.pref-lang:hover,
  381.                 .loggedin .logout a:hover, .gearIcon:hover {
  382.                     opacity: 1;
  383.                     text-decoration: none !important;
  384.                     border-bottom: 0px solid !important;
  385.                 }
  386.  
  387.  
  388.         /* Sidebar */
  389.         .side {
  390.             float: right;
  391.             margin: 34px 10px 0px 0px;
  392.             border-radius: 2px;
  393.             padding-top: 25px;
  394.             width: 300px;
  395.             text-align: left;
  396.             font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  397.         }
  398.  
  399.             .side:after {
  400.                 display: block;
  401.                 margin: 10px 0px;
  402.                 padding: 10px 0px;
  403.                 color: #f9a2d3;
  404.                 content: "This subreddit uses /r/naut!"; /* Hey! Please don't remove or change this. */
  405.                 text-transform: none;
  406.                 font-size: 16px;
  407.                 font-family: arial, sans-serif;
  408.                 position: absolute;
  409.                 width: 300px;
  410.                 text-align: center;
  411.             }
  412.                    
  413.             /* SUBMIT LINK OR POST */
  414.             .morelink {
  415.                 z-index: 97;
  416.                 width: 270px;
  417.                 height: 32px;
  418.                 background-color: #f9a2d3;
  419.                 background-image: none!important;
  420.                 border: none;
  421.                 border-radius: 2px;
  422.                 margin-left: 15px;
  423.                 transition: all 0.15s ease;
  424.             }
  425.  
  426.                 .morelink:hover {
  427.                     background-color: #ff69bd;
  428.                 }
  429.  
  430.                     .morelink:active {
  431.                         background-color: #3863B6;
  432.                     }
  433.  
  434.                 .morelink a {
  435.                     color: #fff !important;
  436.                     letter-spacing: 0px;
  437.                     font-weight: bold;
  438.                     font-size: 15px;
  439.                     font-family: arial, sans-serif;
  440.                     line-height: 32px;
  441.                 }
  442.  
  443.                     .morelink a:hover {text-decoration: none;}
  444.  
  445.  
  446.                     .subscriber .morelink a:after {
  447.                         position: fixed;
  448.                         top: 4px;
  449.                         right: 30px;
  450.                         z-index: 98;
  451.                         background-color: #f9a2d3;
  452.                         color: #FFF;
  453.                         content: "Submit Content";
  454.                         padding: 0px 12px;
  455.                     }
  456.            
  457.                 .disabled .morelink,.disabled .morelink:hover {
  458.                     background-image: none;
  459.                     border: 0px solid;
  460.                     color: white;
  461.                     font-size: 0px;
  462.                     background-color: #c8c8c8;
  463.                     margin-top: 3px;
  464.                     text-shadow: none;
  465.                     box-shadow:none;
  466.                 }
  467.  
  468.                     .disabled .morelink a {
  469.                         color: #fff;
  470.                         letter-spacing: 0px;
  471.                         font-weight: 600;
  472.                         font-size: 14px;
  473.                         font-family: sans-serif;
  474.                         cursor: default;
  475.                         text-indent: 0px;
  476.                         text-shadow: none;
  477.                     }
  478.  
  479.                     .account-activity-box, .sidebox.create, .morelink .nub {display: none;}
  480.             /* Subreddit name sidebar */
  481.             .titlebox h1 a {
  482.                 position: absolute;
  483.                 top: 211px;
  484.                 margin: 0px;
  485.                 margin-bottom: 5px;
  486.                 margin-left: 5px;
  487.                 font-weight: lighter;
  488.                 color: #707070;
  489.                 text-transform: capitalize;
  490.                 font-size: 25px;
  491.                 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  492.             }
  493.            
  494.                 .titlebox h1 a:hover {color: #f9a2d3;text-decoration: none;}
  495.  
  496.             .sidebox .subtitle {font-size: 1.6em;}
  497.        
  498.             /* Sub / Unsub button */
  499.             .fancy-toggle-button .active {
  500.                 padding: 3px 8px;
  501.                 background-image: none !important;
  502.                 outline: none !important;
  503.                 border: 0px;
  504.                 border-radius: 2px;
  505.                 color: #fff !important;
  506.                 text-transform: capitalize;
  507.                 font-weight: bold;
  508.                 font-size: 12px;
  509.                 font-family: arial, sans-serif!important;
  510.                 line-height: 26px;
  511.                 transition: all 0.2s ease;
  512.             }  
  513.  
  514.                 /* Sub */
  515.                 .fancy-toggle-button .add {
  516.                     background-color: #f9a2d3;             
  517.                 }
  518.  
  519.                     .fancy-toggle-button .add:hover {
  520.                         background-color: #ff69bd;
  521.                         text-decoration: none;
  522.                     }
  523.  
  524.                         .fancy-toggle-button .add:active {
  525.                             background-color: #3863b6;
  526.                         }
  527.  
  528.                 /* Unsub */
  529.  
  530.                 /* Unsub */
  531.                 .fancy-toggle-button .remove {
  532.                     background-color: #fff;
  533.                     border: 1px solid #d4d4d4;
  534.                     -webkit-box-shadow: 0 1px 0 #e2e0e0;
  535.                     box-shadow: 0 1px 0 #e2e0e0;
  536.                     font-size: 10px;
  537.                     line-height: 16px;
  538.                     color: #737373 !important;
  539.                     cursor: pointer;
  540.                     transition: all 0.2s ease;
  541.                 }
  542.  
  543.                     .fancy-toggle-button .remove:hover {
  544.                         background-color: #fff;
  545.                         color: #333;
  546.                         border-bottom-width: 2px;
  547.                         border-color: #bababa;
  548.                         text-decoration: none;
  549.                     }
  550.  
  551.                         .fancy-toggle-button .remove:active {
  552.                             background-color: #e5e5e5;
  553.                             border-color: #a7a7a7;
  554.                             border-top-width: 2px;
  555.                             color: #333;
  556.                         }
  557.  
  558.  
  559.            
  560.             /*Replace readers.. */
  561.                 div.titlebox span.word {display: none;}
  562.                 .titlebox .users-online {display: inline;}
  563.                 .titlebox .users-online:before {display: none;}
  564.                 .titlebox .users-online .number {font-style: italic;font-size: 12px;}
  565.                 .titlebox .users-online .number:before {content: "(";}
  566.                 .titlebox .users-online .number:after {content: " here)";}
  567.                 .titlelebox .word {display: none;}
  568.                 .titlebox .users-online, .titlebox .number {cursor: text;} 
  569.                 .titlebox .tagline {font-size: 12px;}  
  570.  
  571.             /* Subreddit description */
  572.             .titlebox {
  573.                 padding: 0px 15px 15px 15px;
  574.                 color: #404040;
  575.        
  576.             }
  577.                 .titlebox .md {
  578.                     font-size: 14px;
  579.                     line-height: 1.35em;
  580.                     font-family: arial, sans-serif;
  581.                 }
  582.  
  583.                 .titlebox .bottom {
  584.                     padding-top: 5px;
  585.                     border-top: 1px solid #e5e5e5;
  586.                     color: #999;
  587.                     font-size: 110%;
  588.                 }
  589.  
  590.                 /* Download button */
  591.                 .titlebox h5 {
  592.                     width: 100%;
  593.                     height: 30px;
  594.                     color: #fff;
  595.                     background-color: #f9a2d3;
  596.                     border-bottom: 2px solid #306cd1;
  597.                     display: block;
  598.                     font-size: 18px;
  599.                     text-align: center;
  600.                     line-height: 31px;
  601.                     margin-top: 10px;
  602.                     margin-bottom: 10px;
  603.                 }
  604.  
  605.                     .titlebox h5 a, .titlebox h5 a:hover {
  606.                         text-decoration: none;
  607.                         color: #fff;
  608.                         cursor: pointer;
  609.                     }
  610.  
  611.                     .titlebox h5:hover {
  612.                         background-color: #77a7fb;
  613.                         border-bottom: 2px solid #f9a2d3;
  614.                         text-decoration: none;
  615.                     }
  616.  
  617.                         .titlebox h5:active {
  618.                             background-color: #306cd1;
  619.                             border-bottom: 2px solid #306cd1;
  620.                         }
  621.  
  622.             /* Search */
  623.             #search {
  624.  
  625.             }
  626.            
  627.                 #search input[type=text] {
  628.                     margin: 17px 0px 0px 0px;
  629.                     padding: 5px 0px 5px 40px;
  630.                     width: 258px;
  631.                     background-image: url(%%spritesheet%%);
  632.                     background-position: -129px 0px;
  633.                     background-repeat: no-repeat;
  634.                     border: none;
  635.                     border-top: 1px solid #d5d5d5;
  636.                     border-bottom: 1px solid #d5d5d5;
  637.                     border-left: 2px solid #fff;
  638.                     color: #999;
  639.                     font-weight: normal;
  640.                     font-size: 16px;
  641.                     font-family: arial, sans-serif !important;
  642.                 }
  643.  
  644.                         #search input[type=text]:focus {
  645.                             padding: 5px 0px 5px 40px;
  646.                             width: 258px;
  647.                             outline: none !important;
  648.                             border: none;
  649.                             border-top: 1px solid #d5d5d5;
  650.                             border-bottom: 1px solid #d5d5d5;
  651.                             border-left: 2px solid #4285f4;
  652.                             color: #000;
  653.                         }
  654.  
  655.                                 #searchexpando {
  656.                                 margin: 0px 0px 5px 0px;
  657.                                 padding: 5px 5px 0px 15px;
  658.                                 height: 25px;
  659.                                 background-color: #f5f5f5;
  660.                                 border: 0px solid;
  661.                                 border-bottom: 1px solid #DFDFDF;
  662.                                 border-radius: 0px;
  663.                                 color: #3b3b3b;
  664.                                 font-size: 150%;
  665.                                 }
  666.  
  667.                                     #searchexpando label {cursor: pointer;}
  668.                                     .search-page form#search label {font-size: 150%;cursor: pointer;}
  669.            
  670.                     #search_showmore {display: none;}
  671.            
  672.             /* Ad Frame */
  673.             #ad-frame,#ad_main {text-align: center;}
  674.  
  675.             /* Sidebar mod box */
  676.             .sidecontentbox {
  677.                 padding: 0px 5px 0px 15px;
  678.             }
  679.  
  680.             .sidecontentbox .title {
  681.                 text-align: left;
  682.             }
  683.            
  684.             .sidecontentbox .title h1 {
  685.                 color: #262626;
  686.                 text-align: left;
  687.                 text-transform: capitalize;
  688.                 font-size: 14px;
  689.                 font-family: arial, sans-serif;
  690.             }
  691.            
  692.                 .sidecontentbox.collapsible .title {
  693.                     text-align: left;
  694.                 }
  695.            
  696.                 .sidecontentbox .collapse-button {
  697.                     background: transparent;
  698.                     border: 0px;
  699.                     border-radius: 0px;
  700.                     color: #262626;
  701.                     font-size: 15px;
  702.                 }
  703.            
  704.             .sidecontentbox .content {
  705.                 padding: 3px 0px 5px 0px;
  706.                 background-color: transparent;
  707.                 border: 0px solid;
  708.                 text-align: left;
  709.             }
  710.            
  711.                 .sidecontentbox .content a {
  712.                     color: #262626;
  713.                     text-align: left;
  714.                     font-family: arial, sans-serif;
  715.                 }
  716.            
  717.                     .sidecontentbox .content a:hover {
  718.                         color: #f9a2d3;
  719.                         text-decoration: underline;
  720.                     }
  721.  
  722.             /* Mod icons */
  723.             .icon-menu a {background-color: transparent;}
  724.             .icon-menu .reddit-edit:before{background-image:url(%%spritesheet%%);background-position: 0px  -33px;}
  725.             .icon-menu .moderator-mail:before{margin-top:-1px;height:16px;background-image:url(%%spritesheet%%);background-position: -16px -32px;}
  726.             .icon-menu .reddit-moderators:before{background-image:url(%%spritesheet%%);background-position: -32px -33px;}
  727.             .icon-menu .reddit-contributors:before{background-image:url(%%spritesheet%%);background-position: -48px -33px;}
  728.             .icon-menu .reddit-traffic:before{background-image:url(%%spritesheet%%);background-position: -64px -32px;}
  729.             .icon-menu .reddit-modqueue:before{background-image:url(%%spritesheet%%);background-position: -80px -32px;}
  730.             .icon-menu .reddit-reported:before{background-image:url(%%spritesheet%%);background-position: -96px -32px;}
  731.             .icon-menu .reddit-spam:before{background-image:url(%%spritesheet%%);background-position: -112px -32px;}
  732.             .icon-menu .reddit-ban:before{background-image:url(%%spritesheet%%);background-position: -128px -32px;}
  733.             .icon-menu .reddit-flair:before{background-image:url(%%spritesheet%%);background-position: -144px -32px;}
  734.             .icon-menu .reddit-moderationlog:before{background-image:url(%%spritesheet%%);background-position: -160px -33px;}
  735.             .icon-menu a.reddit-unmoderated {display: none;}
  736.  
  737.             /* Message the mods */
  738.                 .sidecontentbox a.helplink {
  739.                     display: block;
  740.                     margin-right: 27px;
  741.                     margin-bottom: 15px;
  742.                     width: 80%;
  743.                     background-color: #f9a2d3;
  744.                     background-image: none!important;
  745.                     border: none;
  746.                     border-top: 2px solid #f9a2d3;
  747.                     border-bottom: 2px solid #f9a2d3;
  748.                     -webkit-box-shadow: 0 1px 0 #E2E0E0;
  749.                     box-shadow: 0 1px 0 #E2E0E0;
  750.                     color: #fff !important;
  751.                     text-align: center;
  752.                     text-transform: capitalize;
  753.                     text-shadow: 0px 1px 0px #5787e1;
  754.                     letter-spacing: 0px;
  755.                     font-weight: bold;
  756.                     font-size: 13px;
  757.                     font-family: Arial, sans-serif;
  758.                     line-height: 26px;
  759.                     cursor: default;
  760.                 }
  761.  
  762.                     .sidecontentbox a.helplink:hover {
  763.                         background-color: #ff69bd;
  764.                         border-top: 2px solid #ff69bd;
  765.                         border-bottom: 2px solid #3863b6;
  766.                         -webkit-box-shadow: none;
  767.                         box-shadow: none;
  768.                         text-decoration: none;
  769.                     }
  770.  
  771.                         .sidecontentbox a.helplink:active {
  772.                             background-color: #3863b6;
  773.                             border-top: 2px solid #21407a;
  774.                             border-bottom: 2px solid #3863b6;
  775.                             -webkit-box-shadow: none;
  776.                             box-shadow: none;
  777.                         }
  778.                
  779.  
  780.  
  781.     /* Links/Posts Area */
  782.     /* Actual Links */
  783.         .content {
  784.             margin-top: 34px;
  785.             margin-left: 10px;
  786.         }
  787.  
  788.                 /* Fixed Scroll Banner */
  789.                 .titlebox h6 {
  790.                     position: fixed;
  791.                     top:0px;
  792.                     right: 0px;
  793.                     left: 0px;
  794.                     z-index: 97;
  795.                     height: 35px;
  796.                     background-color: #fff;
  797.                     -webkit-box-shadow: 0 2px 4px 0 #d3d3d3;
  798.                     box-shadow: 0 2px 4px 0 #d3d3d3;
  799.                     color: #737373;
  800.                     padding-left: 55px;
  801.                     font-weight: normal;
  802.                     font-size: 22px;
  803.                     line-height: 35px;
  804.                 }
  805.  
  806.                     .titlebox h6 a {
  807.                         margin: 0px 17px 0px 17px;
  808.                         padding: 2px 0px 2px 0px;
  809.                         border: 0px solid;
  810.                         color: #999;
  811.                         font-weight: normal;
  812.                         font-size: 22px;
  813.                         font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  814.                     }
  815.  
  816.                         .titlebox h6 a:hover {
  817.                             border-bottom-color: #f9a2d3 !important;
  818.                             color: #262626 !important;
  819.                             text-decoration: none;
  820.                         }
  821.  
  822.                         /* reddit icon */
  823.                         .titlebox h6 a[href*="http://www.reddit.com#top"] {
  824.                             position: fixed;
  825.                             left:0px;
  826.                             top:0px;
  827.                             height: 35px;
  828.                             width: 35px;
  829.                             background-color: #ff0;
  830.                             background-image: url(%%spritesheet%%);
  831.                             background-position: 0px -49px;
  832.                             border-bottom: 0px;
  833.                             text-indent: -9999px;
  834.                             padding: 0px;
  835.                             margin: 0px;
  836.                         }
  837.  
  838.                             .titlebox h6 a[href*="http://www.reddit.com#top"]:hover {
  839.                                 background-position: -35px -49px;
  840.                                 border-bottom: 0px solid;
  841.                             }
  842.  
  843.                         .new-page .titlebox h6 a[href*="/new"], .top-page .titlebox h6 a[href*="/top"], .hot-page .titlebox h6 a[href*="/hot"]  {border-bottom:2px solid #f9a2d3; color: #262626;}
  844.  
  845.  
  846.             .link {
  847.                 margin-right: 320px;
  848.                 margin-bottom: 8px;
  849.                 padding: 8px 10px 6px 10px;
  850.                 border-radius: 2px;
  851.             }
  852.  
  853.                 .link, .side, .submit-page .infobar, .roundfield, .submit-page .content button,
  854.                 .content.submit .info-notice, .stylesheet-customize-container .pretty-form, #images, .search-page .raisedbox,
  855.                 .search-page .searchfacets, .linefield, .search-page .searchpane, .nextprev {
  856.                     border: 0px;
  857.                     border-bottom: 3px solid #e5e5e5 !important;
  858.                     background-color: #fff;
  859.                 }
  860.  
  861.                 /* Stickied Link */
  862.                 .stickied.link {border-bottom-color: #C4DAC2 !important;}
  863.                     .thing.stickied a.title, .thing.stickied a {color: #65b354!important;}
  864.                     .thing.stickied a.thumbnail {background-position: -102px -209px;}
  865.  
  866.                 /* Promoted Link */
  867.                 .organic-listing {
  868.                     margin-right: 320px;
  869.                     border: 1px solid #D0D6DD;
  870.                     border-bottom-width: 3px;
  871.                     border-top-width: 0px;
  872.                 }
  873.  
  874.                     .link.promotedlink.promoted {
  875.                     border-bottom: 0px !important;
  876.                     margin-right: 0px;
  877.                     }
  878.    
  879.                     .link.promotedlink.promoted .thumbnail {max-height:70px !important;}
  880.    
  881.                     .link .title {
  882.                         font-weight: bold;
  883.                         font-family: Arial, sans-serif;
  884.                         overflow: visible;
  885.                     }
  886.  
  887.                     .link .title:hover {color: #f9a2d3 !important;}
  888.                         /* Link Titles */
  889.         /*Unvisited*/   .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title {color:#f9a2d3;}
  890.         /*Visited  */   .thing .title:visited, .thing.visited .title {color:#7D5D8A;}
  891.         /*Clicking */   .thing .title.loggedin.click:visited, .thing .title.click:visited {color:#f9a2d3;}
  892.  
  893.                 /* Upvote and downvotes */
  894.                 .link .score {margin-bottom: -1px;margin-left: 1px;color:#999;font-family: arial, sans-serif;}
  895.            
  896.                     .link .score.likes {color: #5bb457;}   
  897.                     .link .score.dislikes {color: #ef0000;}
  898.            
  899.                 .arrow {
  900.                     margin: 2px 0px 0px 0px;
  901.                     margin-right: auto;
  902.                     margin-left: auto;
  903.                     width: 16px;
  904.                     height: 16px;
  905.                     background-image: url(%%spritesheet%%) !important;
  906.                     background-position: center center;
  907.                     outline: none !important;
  908.                     border: none !important;
  909.                 }
  910.                
  911.                     .arrow.up {background-position: -32px 0px;}
  912.                     .arrow.upmod {background-position: -48px 0px;}
  913.                     .arrow.down {background-position: 0px 0px;}
  914.                     .arrow.downmod {background-position: -16px 0px;}
  915.  
  916.  
  917.                 /* Expand post */
  918.                 .expando-button {
  919.                     margin: -1px 5px 0px 0px !important;
  920.                     width: 16px !important;
  921.                     height: 16px !important;
  922.                     background-color: transparent !important;
  923.                     background-image: url(%%spritesheet%%) !important;
  924.                     cursor: pointer;
  925.                 }
  926.        
  927.         /*  +  */   .content .expando-button.selftext.collapsed {background-position:0 -17px;}             
  928.         /*  +  */   .content .expando-button.selftext.collapsed:hover {background-position:-16px -17px;}
  929.         /*  -  */   .content .expando-button.selftext.expanded {background-position:-32px -17px;}              
  930.         /*  -  */   .content .expando-button.selftext.expanded:hover {background-position:-48px -17px;}
  931.  
  932.                     .expando-button.video.collapsed {background-position: -64px -17px;}
  933.                     .expando-button.video.collapsed:hover, .eb-vch {background-position: -80px -17px;}
  934.                     .expando-button.video.expanded, .eb-ve {background-position: -64px -17px;}
  935.                     .expando-button.video.expanded:hover, .eb-veh {background-position: -80px -17px;}
  936.  
  937.                     .res .expando-button.image.collapsed,.expando-button.image.gallery.collapsedExpando, .expando-button.image.collapsedExpando {background-position: -96px -17px!important;}
  938.                     .res .expando-button.image.collapsed:hover, .expando-button.image.collapsedExpando:hover, .expando-button.image.gallery.collapsedExpando:hover {background-position: -112px -17px!important;}
  939.                     .res .expando-button.image.expanded {background-position: -96px -17px!important;}
  940.                     .res .expando-button.image.expanded:hover {background-position: -112px -17px!important;}
  941.  
  942.                     /* Selftext expand */
  943.                     .link .usertext .md {
  944.                         padding: 0 5px;
  945.                         background-color: transparent;
  946.                         border: 0px solid;
  947.                         border-top: 1px solid #e5e5e5;
  948.                         border-radius: 0px;
  949.                         color: #404040;
  950.                         font-weight: normal;
  951.                         font-size: 14px;
  952.                         font-family: arial, sans-serif;
  953.                         line-height: 1.35em;
  954.                     }
  955.  
  956.             .domain {color: white;}
  957.                 .domain a {color: #c0c0c0;}
  958.                     .domain a:hover {color: #f9a2d3;text-decoration: none;}
  959.  
  960.             .link .tagline {
  961.                 color: #999;
  962.                 font-size: 12px;
  963.             }
  964.  
  965.             .thumbnail {
  966.                 max-height: 50px;
  967.                 max-width: 70px;
  968.             }
  969.  
  970.                 .thumbnail.self {
  971.                     background-image: url(%%spritesheet%%);
  972.                     background-position: -102px -92px;
  973.                     background-repeat: no-repeat;
  974.                 }
  975.  
  976.                 .thumbnail.default {
  977.                     background-image: url(%%spritesheet%%);
  978.                     background-position: -102px -154px;
  979.                     background-repeat: no-repeat;
  980.                 }
  981.  
  982.                 .thumbnail.nsfw {
  983.                     width: 80px;
  984.                     height: 50px;
  985.                     background-image: url(%%spritesheet%%);
  986.                     background-position: -22px -150px;
  987.                     background-repeat: no-repeat;
  988.                 }
  989.  
  990.             .entry {
  991.                 padding-left: 5px;
  992.             }
  993.  
  994.                 .entry .buttons li a {
  995.                     padding: 0 1px;
  996.                     color: #999;
  997.                     font-weight: 400;
  998.                     font-size: 13px;
  999.                 }
  1000.  
  1001.                     .entry .buttons li a:hover {
  1002.                         color: #f9a2d3;
  1003.                     }
  1004.  
  1005.                         .redditSingleClick {transition: opacity 0.15s ease-in-out;}
  1006.  
  1007.                     /*.link .entry li a, .redditSingleClick {opacity: 0;}*/     /* Currently causing issues. Needs investigating - https://github.com/Axel--/Naut-for-reddit/issues/9 */
  1008.                     .link:hover .entry li a, .link .entry p a, .link:hover .entry .redditSingleClick {opacity: 100;}
  1009.  
  1010.  
  1011.                     .link .entry li .comments {
  1012.                         opacity: 100 !important;
  1013.                         color: #f9a2d3;
  1014.                         font-weight: bold;
  1015.                         font-size: 13px;
  1016.                     }
  1017.  
  1018.                     .nsfw-stamp acronym {opacity: 100;background-color: #e82e63;border-radius:0px;color:#fff;cursor: help;border-color: #e82e63;}
  1019.  
  1020.                     .entry .buttons a[onclick*="reply"] {
  1021.                         color: #f9a2d3 !important;
  1022.                         font-weight: bold !important;
  1023.                         font-size: 13px !important;
  1024.                     }
  1025.  
  1026.                     .link .flat-list {
  1027.                         font-weight: normal;
  1028.                         font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1029.                     }
  1030.  
  1031.                         .link .midcol {margin-right: 7px;}
  1032.                         .link .rank {display: none;}
  1033.                         .link.last-clicked {
  1034.                             overflow: hidden;
  1035.                             background-color: #f8f8f8;
  1036.                             border: 0px solid #d8d8d8;
  1037.                             border-bottom: 3px solid #e5e5e5;
  1038.                         }
  1039.             /* Mod Report buttons */
  1040.             .entry .buttons li.reported-stamp {
  1041.                 background-color: #f5b400;
  1042.                 border-radius: 2px;
  1043.                 border: 1px solid #e2a600 !important;
  1044.                 color: #fff;
  1045.                 font-weight: bold;
  1046.                 background-image: none;
  1047.             }
  1048.  
  1049.             a.pretty-button.negative {
  1050.                 border-radius: 2px;
  1051.                 background-color: #dc4437;
  1052.                 color: #fff;
  1053.                 font-weight: bold;
  1054.                 border: 1px solid #c4362a;
  1055.                 background-image: none;
  1056.             }
  1057.  
  1058.             a.pretty-button.neutral {
  1059.                 border-radius: 2px;
  1060.                 font-weight: bold;
  1061.                 color: #fff;
  1062.                 background-color: #666666;
  1063.                 border: 1px solid #4d4d4d;
  1064.                 background-image: none;
  1065.             }
  1066.  
  1067.             a.pretty-button.positive {
  1068.                 border-radius: 2px;
  1069.                 font-weight: bold;
  1070.                 color: #fff;
  1071.                 background-color: #109d59;
  1072.                 border: 1px solid #0a8a4c;
  1073.                 background-image: none;
  1074.             }
  1075.  
  1076.             .menuarea {
  1077.                 margin-right: 320px;
  1078.                 border: none;
  1079.                 font-size: 16px;
  1080.             }
  1081.  
  1082.             .infobar {
  1083.                 margin-right: 320px;
  1084.                 background-color: #4B4A4A;
  1085.                 border: none;
  1086.                 color: #fff;
  1087.                 font-size: 14px;
  1088.             }
  1089.  
  1090.                 .infobar a {color: #89B3FF;}
  1091.  
  1092.                 /* First time visit infobar */
  1093.                 .infobar.welcome {
  1094.                     margin-right: 321px;
  1095.                     color: #333;
  1096.                     margin-bottom: 8px;
  1097.                 }
  1098.  
  1099.             .nextprev {
  1100.                 margin-top: 8px;
  1101.                 margin-right: 320px;
  1102.                 height: 35px;
  1103.                 color: #737373;
  1104.                 text-align:center;
  1105.                 font-size: 16px;
  1106.                 line-height: 35px;
  1107.                 padding: 10px;
  1108.             }
  1109.  
  1110.                 .nextprev a {
  1111.                     background-color: transparent;
  1112.                     border: none;
  1113.                     color: #f9a2d3;
  1114.                 }
  1115.  
  1116.                     .nextprev a:hover {
  1117.                         background-color: transparent;
  1118.                         border: none;
  1119.                     }
  1120.  
  1121.  
  1122.         /* Submit Page */
  1123.         form#newlink.submit.content {
  1124.             margin-top: 40px;
  1125.         }
  1126.  
  1127.  
  1128.             .submit-page .infobar {
  1129.                 margin-top: 0px;
  1130.                 margin-bottom: 8px;
  1131.                 padding: 10px 10px 10px 10px;
  1132.                 color: #3b3b3b;
  1133.                 text-align: center;
  1134.                 text-indent: -9999px;
  1135.                 font-size: 0px;
  1136.             }
  1137.  
  1138.                 .formtabs-content .infobar:before {
  1139.                     display: block;
  1140.                     text-indent: 0px;
  1141.                     font-size: 16px;
  1142.                 }
  1143.            
  1144.             .submit-page .tabmenu li a {margin:0px;}
  1145.             .submit-page ul.tabmenu.formtab {padding-left: 0px;width: 500px;text-align:center; }
  1146.             .formtabs-content {padding-top: 0px;border-top: 4px solid #f9a2d3;}
  1147.        
  1148.                 .submit-page .tabmenu.formtab a {
  1149.                     padding: 5px 55px 0px 55px;
  1150.                     width: 100px;
  1151.                     background-color: white;
  1152.                     border: 0px solid;
  1153.                     color: #f9a2d3;
  1154.                     text-align: center;
  1155.                     font-weight:normal;
  1156.                     font-size: 14px;
  1157.  
  1158.                 }
  1159.  
  1160.                     .submit-page .tabmenu li a:hover {color: #333;}
  1161.                
  1162.                     .submit-page .tabmenu.formtab .selected a {
  1163.                         padding: 5px 60px 0px 60px;
  1164.                         background-color: #f9a2d3;
  1165.                         color: #fff;
  1166.                         font-size: 18px;
  1167.                     }
  1168.                
  1169.             .roundfield {
  1170.                 padding: 10px 10px 10px 10px;
  1171.                 color: #707070;
  1172.             }
  1173.            
  1174.                 .submit-page textarea, .roundfield input[type=url], .roundfield input[type=text], .login-form-side input[type=text], .login-form-side input[type=password],
  1175.                 .linefield textarea, .linefield input[type="text"], .flairlist .flaircell input[type="text"], .linkinfo .shortlink input, .search-page #search input[type=text] {
  1176.                     margin: 0;
  1177.                     padding: 5px;
  1178.                     border: 1px solid #d9d9d9;
  1179.                     border-top: 1px solid #c0c0c0;
  1180.                     -webkit-box-shadow: none;
  1181.                     box-shadow: none;
  1182.                     color: #333;
  1183.                     font-size: 100%;
  1184.                     font-family: arial, sans-serif;
  1185.                 }
  1186.  
  1187.                     .submit-page textarea:hover, .roundfield input[type=url]:hover, .roundfield input[type=text]:hover, .login-form-side input[type=text]:hover, .login-form-side input[type=password]:hover,
  1188.                     .linefield textarea:hover, .linefield input[type="text"]:hover, .flairlist .flaircell input[type="text"]:hover, .linkinfo .shortlink input:hover, .search-page #search input[type=text] {border: 1px solid #bebebe;}
  1189.                    
  1190.                     .submit-page textarea:focus, .roundfield input[type=url]:focus, .roundfield input[type=text]:focus, .login-form-side input[type=text]:focus, .login-form-side input[type=password]:focus,
  1191.                     .linefield textarea:focus, .linefield input[type="text"]:focus, .flairlist .flaircell input[type="text"]:focus, .linkinfo .shortlink input:focus, .search-page #search input[type=text] {border: 1px solid #4d90fe;color: #000;}
  1192.  
  1193.                     .linefield .usertext-edit textarea {height: 500px;}
  1194.  
  1195.                     .submit-page .content textarea, .submit-page .content input[type=url], .submit-page .content input[type=text] {width: 488px;}
  1196.  
  1197.             .submit-page .content button {
  1198.                 margin-bottom: 30px;
  1199.                 margin-left: 0px;
  1200.                 padding: 10px 10px 10px 10px;
  1201.                 width: 522px;
  1202.                 color: #707070 !important;
  1203.                 text-align: center;
  1204.                 cursor: pointer;
  1205.                 border: 0px;
  1206.                 border-bottom: 3px solid #E5E5E5;
  1207.             }
  1208.  
  1209.                 .submit-page button:hover {
  1210.                     background-color: #f9a2d3;
  1211.                     color: white !important;
  1212.                     border-bottom: 4px solid #477ADB;
  1213.                 }
  1214.  
  1215.                     .submit-page button:active {
  1216.                         background-color: #315fb2;
  1217.                         border-bottom-color: #315fb2 !important;
  1218.                     }
  1219.  
  1220.                 .submit-page h1 {display: none;}
  1221.                     .submit-page .side h1 {display: inherit;}
  1222.  
  1223.         .content.submit .info-notice {
  1224.             margin: 0px 0px 4px 0px;
  1225.             padding: 20px 10px 20px 10px;
  1226.             color: #707070;
  1227.             text-align: center;
  1228.             border: 0px;
  1229.             border-bottom: 3px solid #E5E5E5;
  1230.         }
  1231.  
  1232.             .content.submit .info-notice a {
  1233.                 text-decoration: none;
  1234.                 font-size: 120%;
  1235.             }
  1236.  
  1237.                 .content.submit .info-notice a:hover {text-decoration: underline;}
  1238.                 .thing.spam {border-color: #F3B9B9; background-color: #fff;margin-right: 320px;}           
  1239.                 #file {margin: 10px;}      
  1240.                 .submit-page .gray, #suggested-reddits {display: none;}
  1241.                 .submit-page form .spacer+.spacer {margin: 8px 0px;}
  1242.  
  1243.  
  1244.                 /* Suggest Title Button */
  1245.                 #url-field button {
  1246.                 margin: 10px 0 0 5px;
  1247.                 height: 31px;
  1248.                 width: 32px;
  1249.                 position: relative;
  1250.                 top: -42px;
  1251.                 left: -1px;
  1252.                 border-radius: 0px;
  1253.                 background-color: #F4F4F4;
  1254.                 border-bottom: 0px solid !important;
  1255.                 box-shadow: none;
  1256.                 border-left: 1px solid #D8D8D8;
  1257.                 font-size: 0px;
  1258.                 background-image: url(%%spritesheet%%);
  1259.                 background-position: -112px -49px;
  1260.                 }
  1261.  
  1262.                     #url-field #suggest-title {height: 0px;}
  1263.                     #url-field button:hover {background-color: #DEDEDE;}
  1264.  
  1265.                     #url-field button:before {
  1266.                         font-size: 12px;
  1267.                         content: "Automatically generate a title.";
  1268.                         background-color: rgba(0, 0, 0, 0.0);
  1269.                         position: absolute;
  1270.                         width: 175px;
  1271.                         cursor: default;
  1272.                         padding: 0.25em 3em;
  1273.                         top: -60px;
  1274.                         left: -100px;
  1275.                         border-radius: 100px;
  1276.                         text-transform: none;
  1277.                         color: #FFF;
  1278.                         transition: all 0.2s ease;
  1279.                         line-height: 2em;
  1280.                         visibility: hidden;
  1281.                         opacity: 0;
  1282.                     }
  1283.  
  1284.                         #url-field .error.NO_URL.field-url {
  1285.                             position: absolute;
  1286.                             left: 550px;
  1287.                             margin-top: -20px;
  1288.                         }
  1289.  
  1290.                         #url-field button:hover:before {
  1291.                             top: -40px;
  1292.                             opacity: 100;
  1293.                             visibility: visible;
  1294.                             background-color: rgba(0, 0, 0, 0.7);
  1295.                         }
  1296.  
  1297.         /* Flair Selector */
  1298.         .flairselector.drop-choices.active {
  1299.             visibility: visible !important;
  1300.             background-color: #fff;
  1301.             border: 1px solid #d8d8d8;
  1302.             border-radius: 2px;
  1303.         }
  1304.             .flairselector h2 {
  1305.                 padding: 5px 5px 5px 5px;
  1306.                 background-color: #fff;
  1307.                 border-bottom: 1px solid #e5e5e5;
  1308.                 color: #333;
  1309.                 text-transform: capitalize;
  1310.                 font-size: 130%;
  1311.             }
  1312.  
  1313.             .flairoptionpane {
  1314.                 text-align: left;
  1315.             }
  1316.  
  1317.                 .flairoptionpane ul {visibility: visible !important;}
  1318.                 .flairoptionpane ul a.title {font-size: 100% !important;}
  1319.  
  1320.                 .flairselector li {
  1321.                     padding: 3px 0px 3px 0px;
  1322.                     width: 182px;
  1323.                 }
  1324.  
  1325.                     .flairselector li:hover {
  1326.                         background-color: #efefef;
  1327.  
  1328.                     }
  1329.  
  1330.             .flairselector form {border-top: 1px solid #e5e5e5;}
  1331.             .flairsample-left {text-align: left !important;}
  1332.             .flairselector ul {overflow: visible;}
  1333.             .flairselector li.selected {background-color: #e5ebf8;border:none;}
  1334.  
  1335.         /* Flairs */
  1336.  
  1337.         /* LINKFLAIRS */
  1338.         .linkflairlabel {
  1339.             padding: 0px 6px 1px 10px;
  1340.             height: auto;
  1341.             border-radius: 0px;
  1342.             border-top-left-radius: 16px;
  1343.             border-bottom-left-radius: 16px;
  1344.             border: 0px solid;
  1345.             color: #333;
  1346.             font-weight: bold;
  1347.             font-style: normal;
  1348.             font-variant: normal;
  1349.             font-size: 13px;
  1350.             font-family: Tahoma, Arial, sans-serif;
  1351.             cursor: default;
  1352.             vertical-align: middle;
  1353.             position: relative;
  1354.             top: -1px;
  1355.  
  1356.         }
  1357.  
  1358.             .linkflair-mod .linkflairlabel {
  1359.                 background-color: #5fb04d;
  1360.                 color: #fff;
  1361.             }
  1362.  
  1363.                 .linkflair-mod a {color: #4c8d3e !important;}
  1364.  
  1365.                 .linkflair-mod .thumbnail.default, .linkflair-mod .thumbnail.self {
  1366.                     background-image: url(%%spritesheet%%)!important;
  1367.                     background-position: -22px -90px!important;
  1368.                     background-repeat: no-repeat;
  1369.                 }
  1370.  
  1371.             .linkflair-image .linkflairlabel {
  1372.                 background-color: #F86154;
  1373.                 color: #fff;
  1374.             }
  1375.  
  1376.             .linkflair-gif .linkflairlabel {
  1377.                 background-color: #f5b400;
  1378.                 color: #fff;
  1379.             }
  1380.  
  1381.             .linkflair-extra .linkflairlabel {
  1382.                 background-color: #f9a2d3;
  1383.                 color: #fff;
  1384.             }
  1385.  
  1386.         /* USER FLAIRS */
  1387.         .flair {
  1388.             height: auto;
  1389.             background-color: transparent;
  1390.             border: none;
  1391.             color: #555;
  1392.             font-size: small !important;
  1393.             font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  1394.             border: 1px solid #DADADA;
  1395.             padding: 0px 3px 2px 3px;
  1396.             cursor: help;
  1397.         }
  1398.  
  1399.        
  1400.         /* Flair-page  */
  1401.         div.tabpane-content {
  1402.             padding: 4px 4px 4px 4px;
  1403.             border: 0px solid #e5e5e5;
  1404.             border-bottom-width: 3px;
  1405.             background-color: #fff;
  1406.             width: 1080px;
  1407.             margin-top: 7px;
  1408.         }
  1409.            
  1410.             .linefield {
  1411.                 margin-bottom: 5px;
  1412.                 padding: 10px 10px 10px 10px;
  1413.                 width: 45%;
  1414.                 color: #707070;
  1415.                 margin-bottom: 15px;
  1416.             }
  1417.        
  1418.                 .linefield .title {
  1419.                     padding: 1px 10px;
  1420.                     color: #f9a2d3;
  1421.                 }
  1422.  
  1423.                 .linefield .title+.gray {font-size: small;}
  1424.    
  1425. /*
  1426.                 .flairtemplatelist flairlist pretty-form {
  1427.                     margin-top: 2px;
  1428.                     margin-right: 320px;
  1429.                     padding: 5px 5px 8px 3px;
  1430.                     color: #707070;
  1431.                     text-transform: capitalize;
  1432.                     width: 100%;
  1433.                     margin-bottom: 8px;
  1434.                 }
  1435.                
  1436.                     .flairrow:nth-of-type(1) {
  1437.                         width: 700px;
  1438.                         line-height: 2;
  1439.                     }
  1440.  
  1441.                     .flairrow .tagline {
  1442.                         margin-right: 0px;
  1443.                         margin-left: 0px;
  1444.                         width: 150px;
  1445.                         font-size: 100%;
  1446.                     }
  1447.  */
  1448.                     .flairtemplate .flairrow {
  1449.                         margin-top: 2px;
  1450.                         margin-right: 320px;
  1451.                         padding: 5px 5px 8px 3px;
  1452.                         color: #707070;
  1453.                         text-transform: capitalize;
  1454.                         width: 100%;
  1455.                         margin-bottom: 8px;
  1456.                     }
  1457.  
  1458.                     .tabmenu li#tab-grant.selected, .tabmenu li#tab-templates.selected,
  1459.                     .tabmenu li#tab-link_templates.selected {margin: 7px 0px 4px 0px;}
  1460.  
  1461.                     .tabmenu li#tab-grant.selected a, .tabmenu li#tab-grant a:hover,
  1462.                     .tabmenu li#tab-templates.selected a, .tabmenu li#tab-templates a:hover,
  1463.                     .tabmenu li#tab-link_templates.selected a, .tabmenu li#tab-link_templates a:hover {color: #333;}
  1464.         /* WIKI Page */
  1465.         .wiki-page .wiki-page-content {
  1466.             margin: 5px 320px 10px 0px;
  1467.             padding: 5px 10px 5px 10px;
  1468.             background-color: #fff;
  1469.             border: 1px solid #d8d8d8;
  1470.         }
  1471.  
  1472.             .wiki-page .tabmenu li:nth-of-type(3), 
  1473.             .wiki-page .tabmenu li:nth-of-type(4), 
  1474.             .wiki-page .tabmenu li a[href*="/promoted"],
  1475.             .wiki-page .tabmenu li a[href*="/gilded"]
  1476.             {display:none;}
  1477.  
  1478.             .wiki-page .wiki-page-content .md.wiki h1 {
  1479.                 margin-top: 0.5em;
  1480.                 color: #333;
  1481.                 font-size: 1.5em;
  1482.                 font-family: Arial, sans-serif;
  1483.             }
  1484.  
  1485.                 .wiki-page .wiki-page-content .md.wiki h2 {font-size: 1.45em;}
  1486.                 .wiki-page .wiki-page-content .md.wiki h3 {font-size: 1.4em;}
  1487.                 .wiki-page .wiki-page-content .md.wiki h4 {font-size: 1.35em;}
  1488.  
  1489.             .wiki-page .wiki-page-content .md.wiki p, .wiki-page .wiki-page-content .md.wiki .md.wiki blockquote {
  1490.                 color: #404040;
  1491.                 font-weight: normal;
  1492.                 font-size: 14px;
  1493.                 font-family: Arial, sans-serif;
  1494.                 line-height: 1.5em;
  1495.             }
  1496.  
  1497.             .wiki-page .pageactions {
  1498.                 border: none;
  1499.                 border-radius: 0px;
  1500.             }
  1501.  
  1502.                 .wiki-page .pageactions .wikiaction {
  1503.                     text-transform: capitalize;
  1504.                     font-size: 110%;
  1505.                 }
  1506.  
  1507.                     .wiki-page .pageactions .wikiaction:hover {
  1508.                         background-color: transparent;
  1509.                     }
  1510.  
  1511.                     .wiki-page .pageactions .wikiaction-current {
  1512.                         background-color: #f9a2d3;
  1513.                         border-radius: 0px;
  1514.                         color: #fff;
  1515.                     }
  1516.  
  1517.                         .wiki-page .pageactions .wikiaction-current:hover {
  1518.                             background-color: #528bf3;
  1519.                             text-decoration: none;
  1520.                         }
  1521.  
  1522.             .wiki-page .wiki-page-content .md.wiki>.toc>ul {
  1523.                 padding: 10px 10px;
  1524.                 border: 1px solid #e5e5e5;
  1525.                 font-weight: normal;
  1526.                 font-size: 110%;
  1527.             }
  1528.  
  1529.             .wiki-page .wiki-page-content .discussionlink {
  1530.                 display: inline-block;
  1531.                 position: relative;
  1532.                 top: inherit;
  1533.                 right: inherit;
  1534.                 left: inherit;
  1535.                 padding: inherit;
  1536.                 width: 175px;
  1537.             }
  1538.  
  1539.                 .wiki-page .wiki-page-content .discussionlink a {
  1540.                     padding-left: 0px;
  1541.                 }
  1542.  
  1543.                 .wiki-page .nextprev {display: none;}
  1544.                 .wiki-page-content em, .wiki-page-content form#editform label {font-size: 120%;}
  1545.  
  1546.  
  1547.         /*Stylesheet fix */
  1548.         .pretty-form {
  1549.             margin-right: 320px;
  1550.             margin-bottom: 10px;
  1551.             padding: 10px 10px 10px 10px;
  1552.             color: #707070;
  1553.         }
  1554.  
  1555.             .pretty-form textarea {-webkit-box-shadow: none;box-shadow: none;}
  1556.  
  1557.             /* Let me help you read the manual */
  1558.             .pretty-form:after {
  1559.                 color: #666;
  1560.                 display: block;
  1561.                 font-size: 0.8rem;
  1562.                 content: "If your reddit alien looks 'glitched', check that you upload the headerbypass.png image on the /about/edit page!";
  1563.                 margin: 1em 0 0 0;
  1564.                 position: absolute;
  1565.                 top: 119px;
  1566.                 z-index: 99;
  1567.                 line-height: 47px;
  1568.                 left: 139px;
  1569.                 padding: 0 1em;
  1570.                 height: 44px;
  1571.             }
  1572.        
  1573.         .stylesheet-customize-container textarea {
  1574.             margin: 0;
  1575.             padding: 0px;
  1576.             border: 0px;
  1577.             border: 1px solid #d8d8d8;
  1578.             border-bottom: 1px solid #d8d8d8;
  1579.             border-radius: 3px;
  1580.             color: #707070;
  1581.             font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1582.         }
  1583.        
  1584.             .sheets .col textarea {width: 100%;background-color: #fff;}
  1585.                 .sheets .col textarea:hover {border-color: #B1B1B1;}
  1586.                     .sheets .col textarea:focus {border-color: #f9a2d3;}
  1587.             .sheets {margin-right: 0px;}
  1588.        
  1589.         #images {
  1590.             margin-right: 320px;
  1591.             margin-bottom: 30px;
  1592.             padding: 10px 10px 10px 10px;
  1593.             height: 1280px;
  1594.             color: #707070;
  1595.         }
  1596.        
  1597.             ul#image-preview-list {
  1598.                 margin: 15px 0px 0px 0px;
  1599.                 padding-bottom: 80px;
  1600.                 font-size: 14px;
  1601.             }
  1602.  
  1603.         /* COMMENT SECTION */
  1604.         .linkinfo {
  1605.             margin-top: -10px;
  1606.             padding-left: 10px;
  1607.             background-color: transparent;
  1608.             border: none;
  1609.             border-bottom: 1px solid #d5d5d5;
  1610.             color: #404040;
  1611.  
  1612.         }  
  1613.  
  1614.            
  1615.         .commentarea {
  1616.             margin-top: 10px;
  1617.             margin-right: 320px;
  1618.             margin-bottom: 30px;
  1619.             padding: 10px 10px 10px 10px;
  1620.             background-color: #FCFCFC;
  1621.             border-bottom: 3px solid #e5e5e5;
  1622.             color: #3b3b3b;
  1623.         }
  1624.  
  1625.             .commentarea>.usertext {
  1626.                 overflow:visible;
  1627.                 margin: 0px 0px 10px 0px;
  1628.                 padding: 0px 0px 0px 0px;
  1629.             }
  1630.            
  1631.             a.author {
  1632.                 margin-right:4px;
  1633.                 color: #f9a2d3;
  1634.             }
  1635.                
  1636.             .comments-page .tagline {
  1637.                 color: #999;
  1638.                 font-size: small;
  1639.                 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1640.             }
  1641.  
  1642.                 .comments-page .tagline a {
  1643.                     margin-top: 1px;
  1644.                     background-color: transparent;
  1645.                     color: #f9a2d3;
  1646.                     letter-spacing: 1px;
  1647.                     font-weight: bold;
  1648.                     font-size: 12px;
  1649.                 }  
  1650.  
  1651.                     .tagline a:hover {
  1652.                         text-decoration: underline;
  1653.                     }  
  1654.  
  1655.                 .tagline .submitter {color: #dd4b39!important;}        
  1656.                 .tagline .moderator,.green {color: #53a93f!important;}
  1657.                     .tagline .moderator:after {content: "oderator - speaking officially.";}
  1658.                     a.author.moderator:after {content: "";}
  1659.                 .tagline .moderator:hover {color: #65b354!important;}
  1660.            
  1661.             .comment .midcol {margin-top: 6px;width: 15px !important;}
  1662.             .comment .score {font-size: small;}
  1663.  
  1664.             /* Comments */
  1665.             .commentarea .menuarea {
  1666.                 display: inline;
  1667.                 margin: 0 0px 10px -320px;
  1668.                 padding: 0;
  1669.                 color: #c0c0c0;
  1670.                 font-weight: normal;
  1671.                 font-size: 110%;
  1672.             }
  1673.            
  1674.                 .panestack-title {
  1675.                     display: inline;
  1676.                     border-bottom: 1px solid #e5e5e5;
  1677.                     color: #c0c0c0;
  1678.                 }
  1679.            
  1680.                 /*.commentarea .menuarea .toggle a, .panestack-title .title, .help-hoverable {display: none;}*/
  1681.                 .panestack-title .title {display: none;}
  1682.                 .menuarea .spacer {margin-right: -15px;}
  1683.                 .commentarea .menuarea .toggle a {font-size: 11px;color:#c0c0c0;font-weight: normal; }
  1684.                 .menuarea .spacer .drop-choices.lightdrop {
  1685.                     padding: 5px;
  1686.                     border-color: #DFDDDD;
  1687.                     box-shadow: 0px 1px 1px #C9C9C9;
  1688.                     font-family: arial, sans-serif;
  1689.                 }
  1690.  
  1691.                     .titlebox form.toggle, .leavemoderator {background-color: transparent;}
  1692.  
  1693.                     .menuarea .spacer .drop-choices.lightdrop a.choice, .commentarea .menuarea form {
  1694.                         padding: 0.5px;
  1695.                         font-size: 14px;
  1696.                         color: #f9a2d3;
  1697.                     }
  1698.  
  1699.                     .menuarea .spacer .drop-choices.lightdrop a.choice:hover, .commentarea .menuarea form:hover {
  1700.                         background-color: #f9a2d3;
  1701.                         color: #fff;
  1702.                         text-decoration: none;
  1703.                     }
  1704.  
  1705.            
  1706.                 .menuarea .dropdown.lightdrop .selected {
  1707.                     background-image: none;
  1708.                     color: #3b3b3b;
  1709.                     text-decoration: none;
  1710.                     opacity: 10;
  1711.                     cursor: pointer;
  1712.                 }
  1713.  
  1714.                     .menuarea .dropdown.lightdrop .selected:hover {color: #f9a2d3;}
  1715.                     .menuarea .dropdown.lightdrop .selected:after {
  1716.                         content: " ≡";
  1717.                         vertical-align: middle;
  1718.                         opacity: 0.5;
  1719.                     }
  1720.                
  1721.             .comments-page .comment .md {
  1722.                 color: #161616;
  1723.                 font-weight: normal;
  1724.                 font-size: 14px;
  1725.                 font-family: Arial, sans-serif;
  1726.                 line-height: 1.35em;
  1727.             }
  1728.  
  1729.                 hr {
  1730.                     border-width: 1px;
  1731.                     border-style: solid;
  1732.                     border-color: #e5e5e5;
  1733.                 }
  1734.                
  1735.             .comments-page textarea {
  1736.                 background-color: #fff;
  1737.                 border: 1px solid #cccccc;
  1738.                 color: #999;
  1739.                 font-size: 13px;
  1740.                 font-family: arial, sans-serif;
  1741.             }
  1742.  
  1743.                 .comments-page textarea:hover {border-color: #bebebe;}
  1744.                 .comments-page textarea:focus {border:1px solid #4d90fe;color: #000;}
  1745.  
  1746.                 .usertext .help-toggle, .usertext a.reddiquette {font-size: 100%;} 
  1747.                 .usertext a.reddiquette {color:#DD4B39;}
  1748.  
  1749.                 .comments-page .usertext.border .usertext-body {
  1750.                     padding-left: 5px;
  1751.                     background-color: #f0f0f0;
  1752.                 }
  1753.  
  1754.            
  1755.             .comment .expand {
  1756.                 background-color: transparent;
  1757.                 color: #999 !important;
  1758.             }
  1759.                
  1760.                 .comment .expand:hover {
  1761.                     background-color: transparent;
  1762.                     color: #999 !important;
  1763.                     text-decoration: underline;
  1764.                 }
  1765.                
  1766.                 .comment .child,.comment .showreplies {
  1767.                     margin-top: 10px;
  1768.                     margin-left: 15px;
  1769.                     border-left: 0px solid;
  1770.                 }
  1771.        
  1772.         /* H2 3 4 5 markup */
  1773.         .link .usertext .md h2, .comments-page .comment .md h2,
  1774.         .link .usertext .md h3, .comments-page .comment .md h3,
  1775.         .link .usertext .md h4, .comments-page .comment .md h4,
  1776.         .link .usertext .md h5, .comments-page .comment .md h5 {
  1777.             display: inline;
  1778.             margin-top: 5px;
  1779.             border: none;
  1780.             font-weight: normal;
  1781.             font-size: 18px;
  1782.             font-family: arial, sans-serif;
  1783.         }
  1784.  
  1785.             .link .usertext .md h2, .comments-page .comment .md h2 {color: #d73d32;}
  1786.             .link .usertext .md h3, .comments-page .comment .md h3 {color: #f9a2d3;}
  1787.             .link .usertext .md h4, .comments-page .comment .md h4 {color: #53a93f;}
  1788.             .link .usertext .md h5, .comments-page .comment .md h5 {color: #f4b400;}
  1789.  
  1790.         /* Footer */
  1791.         .footer-parent {
  1792.             margin-top: 120px;
  1793.             padding-top: 0px;
  1794.             background-color: transparent;
  1795.         }
  1796.  
  1797.         .footer {
  1798.             border: none;
  1799.             color: #969696;
  1800.             font-family: arial, sans-serif;
  1801.         }
  1802.  
  1803.             .footer a {
  1804.                 color: #969696;
  1805.                 font-weight: normal;
  1806.                 font-size: 14px;
  1807.             }
  1808.  
  1809.                 .footer a:hover {
  1810.                     color: #f9a2d3;
  1811.                     text-decoration: underline;
  1812.                 }
  1813.  
  1814.             .footer .col {border-left: 1px solid #D5D5D5;}
  1815.             .debuginfo {background-color: transparent;color: #969696;}
  1816.  
  1817.         /* Some login stuff */
  1818.         .login-form-side {
  1819.             border: 0px;
  1820.             border-bottom: 1px solid #d8d8d8;
  1821.             font-size: 120%;
  1822.             margin: 10px;
  1823.         }
  1824.  
  1825.         .login-form-side input[type=text], .login-form-side input[type=password] {
  1826.             margin: 10px 0px;
  1827.             width: 265px;
  1828.         }
  1829.        
  1830.             .popup {
  1831.                 position: fixed;
  1832.                 left: 10%;
  1833.                 margin-bottom: 30px;
  1834.                 padding: 10px 10px 10px 10px;
  1835.                 background-color: white;
  1836.                 border: 0px solid;
  1837.                 border-radius: 2px;
  1838.                 color: #3b3b3b;
  1839.                 font-size: 16px;
  1840.                 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1841.             }
  1842.        
  1843.                 .cover {
  1844.                     position: fixed;
  1845.                     top: 0px;
  1846.                     left: 0px;
  1847.                     z-index: 1000;
  1848.                     width: 100%;
  1849.                     height: 100%;
  1850.                     background-color: white;
  1851.                     opacity: .6;
  1852.                                 }
  1853.  
  1854.         /* Search page */
  1855.         .search-page #search {
  1856.             position: relative;
  1857.             top: 0px;
  1858.             margin: 0px 150px 0px 80px;
  1859.             height: 50px;
  1860.             background: none !important;
  1861.             background-color: transparent;
  1862.             text-align: left;
  1863.         }  
  1864.  
  1865.             .search-page .searchpane {
  1866.                 margin: 5px 320px 5px 0px;
  1867.                 padding-left: 96px;
  1868.                 height: 120px;
  1869.             }
  1870.            
  1871.                 .search-page .raisedbox {
  1872.                     padding: 5px;
  1873.                     border: 0px solid;
  1874.                 }
  1875.  
  1876.                 .search-page #search input[type=text] {
  1877.                     padding: 5px 0px 5px 40px;
  1878.                     font-size: 150%;
  1879.                 }
  1880.  
  1881.            
  1882.             .searchfacets {
  1883.                 margin-top: 10px;
  1884.                 margin-right: 320px;
  1885.                 padding: 10px;
  1886.                 box-shadow:none;
  1887.                 color: #3b3b3b;
  1888.                 border: 0px solid;
  1889.                 border-bottom: 3px solid #E5E5E5;
  1890.             }
  1891.  
  1892.             .search-page #header .tabmenu {display: none !important;}
  1893.             .search-page .side {padding-top: 40px;}
  1894.            
  1895.             .search-summary {margin-right: 40px;}
  1896.  
  1897.         /* Fuckin' Reddit Enhancement Suite (RES) */
  1898.         .res .keyHighlight {
  1899.             background-color: transparent;
  1900.             outline: 0px solid;
  1901.         }
  1902.  
  1903.             .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  1904.                 background-color: transparent !important;
  1905.             }
  1906.  
  1907.                 .res .RES-keyNav-activeElement {outline: 1px dashed #C5C5C5 !important; border-radius: 0px !important;}
  1908.  
  1909.                 .res #searchexpando {
  1910.                     padding: 10px 5px 10px 25px;
  1911.                     height: inherit;
  1912.                 }
  1913.  
  1914.                 .res .content .RESBigEditorPop {
  1915.                     border-bottom: 0px solid !important;
  1916.                     border: 1px solid #d8d8d8 !important;
  1917.                     width: 150px !important;
  1918.                     text-align: left !important;
  1919.                     padding: 2px;
  1920.                     margin: 0px 12px 0px 12px;
  1921.                 }
  1922.  
  1923.         /* Res Live Preview */
  1924.         .RESDialogSmall {
  1925.             border: 1px solid #DFDFDF!important;
  1926.             border-radius: 0px!important;
  1927.         }
  1928.  
  1929.         .RESDialogSmall > h3 {
  1930.             background-color: #f4f4f4!important;
  1931.             border-bottom: 1px solid #DFDFDF!important;
  1932.             border-radius: 0px!important;
  1933.             color: #333!important;
  1934.         }
  1935.  
  1936.         .res .comment {
  1937.             margin-top:0px !important;
  1938.             margin-bottom: 3px !important;
  1939.             border: 1px solid #f8f8f8 !important;
  1940.         }
  1941.        
  1942.         /* comment comment comment comment comment god damn it */
  1943.             .comments-page .comment {background-color: #FCFCFC !important;}
  1944.             .comments-page .comment .comment {background-color: #FCFCFC !important;}
  1945.             .comments-page .comment .comment .comment {background-color: #FCFCFC !important;}
  1946.             .comments-page .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1947.             .comments-page .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1948.             .comments-page .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1949.             .comments-page .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1950.             .comments-page .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1951.             .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1952.             .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1953.        
  1954.         .RESshortcutside {
  1955.             padding: 0px 0px !important;
  1956.             background: none repeat-x scroll center left !important;
  1957.             background-color: white !important;
  1958.             background-image: none !important;
  1959.             border: 0px solid !important;
  1960.             border-radius: 0px !important;
  1961.             color: #f9a2d3 !important;
  1962.             text-transform: capitalize !important;
  1963.             font-weight: 500 !important;
  1964.             font-size: 14px !important;
  1965.             line-height: 20px !important;
  1966.         }
  1967.        
  1968.             .RESshortcutside.remove {
  1969.                 padding: 0px 3px 0px 0px !important;
  1970.                 background-color: white !important;
  1971.                 background-image: none !important;
  1972.                 border: 0px solid !important;
  1973.                 color: #3b3b3b !important;
  1974.                 font-weight: lighter !important;
  1975.             }
  1976.        
  1977.             .RESDashboardToggle {
  1978.                 padding: 0px 0px !important;
  1979.                 background: none repeat-x scroll center left !important;
  1980.                 background-color: white !important;
  1981.                 background-image: none !important;
  1982.                 border: 0px solid !important;
  1983.                 border-radius: 0px !important;
  1984.                 color: #f9a2d3 !important;
  1985.                 text-transform: capitalize !important;
  1986.                 font-weight: 500 !important;
  1987.                 font-size: 14px !important;
  1988.                 line-height: 20px !important;
  1989.             }
  1990.        
  1991.             .RESDashboardToggle.remove {
  1992.                 padding: 2px 6px 2px 0px !important;
  1993.                 background-color: white !important;
  1994.                 background-image: none !important;
  1995.                 border: 0px solid !important;
  1996.                 color: #3b3b3b !important;
  1997.                 font-weight: lighter !important;
  1998.             }
  1999.        
  2000.             #RESShortcutsEditContainer {
  2001.                 top: 1px !important;
  2002.                 background-color: #2d2d2d !important;
  2003.             }
  2004.        
  2005.                 #RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash {
  2006.                     background-color: #2d2d2d !important;
  2007.                     color: #979797 !important;
  2008.                 }
  2009.  
  2010.             #srLeftContainer, #RESShortcutsViewport, #RESShortcutsEditContainer {
  2011.                 border-left: 1px solid #666;
  2012.                 padding-left: 10px;
  2013.             }
  2014.  
  2015.             .res #RESShortcutsSort {width: 30px !important;background-color: transparent !important;color:#B1B1B1 !important; }
  2016.             /* resresresresresresresrsesresresrsstop */
  2017.             .content .RESBigEditorPop  {color: #333 !important; padding:2px;}
  2018.             .markdownEditor {white-space: inherit !important;}
  2019.  
  2020.  
  2021.         #progressIndicator, #NERFail, .NERPageMarker {
  2022.             margin-right: 320px !important;
  2023.             width: inherit !important;
  2024.             background-color: white !important;
  2025.             border: 1px solid #d8d8d8 !important;
  2026.             border-top: 0px solid !important;
  2027.             border-bottom: 3px solid #d8d8d8 !important;
  2028.             border-radius: 2px !important;
  2029.         }
  2030.  
  2031.             .res #NREFloat {
  2032.                 top: 8px;
  2033.                 z-index: 100;
  2034.             }
  2035.  
  2036.                 .res .fancy-toggle-button .add:after {
  2037.                     right: 50px !important;
  2038.                 }
  2039.  
  2040.         .RESSubscriptionButton {
  2041.             background-color: white !important;
  2042.             border: 0px solid !important;
  2043.             border-radius: 0px !important;
  2044.             color: #f9a2d3 !important;
  2045.         }
  2046.        
  2047.         .res #header-bottom-right {
  2048.             right: 10px;
  2049.             top: 141px !important;
  2050.             padding: 4px 10px 5px 2px !important;
  2051.             border-radius: 0px !important;
  2052.         }
  2053.  
  2054.            
  2055.        
  2056.             .res #userbarToggle {display: none !important;}
  2057.  
  2058.             #RESAccountSwitcherIcon {margin-top: -5px;}
  2059.  
  2060.             .res .author.submitter {
  2061.                 padding: 2px 5px !important;
  2062.                 background-color: #DD4B39!important;
  2063.                 border-radius: 0px !important;
  2064.                 color: #fff !important;
  2065.             }
  2066.  
  2067.                 .res .author.submitter:hover {background-color: #ed5f4d !important;}
  2068.  
  2069.             .res .author.moderator {
  2070.                 padding: 2px 5px !important;
  2071.                 background-color: #53a93f !important;
  2072.                 border-radius: 0px !important;
  2073.                 color: #fff !important;
  2074.             }
  2075.  
  2076.                 .res .author.moderator:hover {
  2077.                     background-color: #64be4f !important;
  2078.                     color: #fff !important;
  2079.                 }
  2080.  
  2081.             .res .blueButton {
  2082.                 padding: 2px 3px !important;
  2083.                 background-color: #53a93f !important;
  2084.                 border: none !important;
  2085.                 border-radius: 0px !important;
  2086.  
  2087.             }
  2088.  
  2089.     /* CSS3 on reddit! */
  2090.     @media (max-width: 800px) and (min-width: 601px) {
  2091.       body {
  2092.        
  2093.       }
  2094.  
  2095.         .link, .commentarea {margin-right: 10px;}
  2096.       .side {display: none;}
  2097.     }
  2098.  
  2099.     @media (max-width: 600px) and (min-width: 100px) {
  2100.       body {
  2101.        
  2102.       }
  2103.  
  2104.         #header-bottom-right {
  2105.             margin-right: 12px;
  2106.             width: 25px;
  2107.            
  2108.             overflow: hidden;
  2109.         }
  2110.  
  2111.                 #header-bottom-right:hover {
  2112.                     width: auto;
  2113.                     overflow: visible;
  2114.                 }
  2115.  
  2116.         .listing-page .tabmenu li a[href*="/ads"] {display: none;}
  2117.  
  2118.         .link, .commentarea {margin-right: 10px;}
  2119.       .side {display: none;}
  2120.     }
  2121.  
  2122.  
  2123.     body {transition: all 0.25s ease;}
  2124.  
  2125.         a, .domain a {
  2126.             transition: color 0.25s;
  2127.             transition: border-color 0.25s;
  2128.         }
  2129.  
  2130.         #sr-header-area {transition: opacity 0.5s;}
  2131.  
  2132.         .tabmenu li a {
  2133.             transition: border-color 0.25s;
  2134.         }
  2135.  
  2136.         /*.link .entry li a, .link:hover .entry li a {transition: opacity 0.15s ease-in-out;}*/     /* Currently causing issues. Needs investigating - https://github.com/Axel--/Naut-for-reddit/issues/9 */
  2137.  
  2138.  
  2139.     /*  NIGHTMODE - Work in progress */
  2140.     body:lang(nt), #search input[type=text]:lang(nt), .res-nightmode body       {background-color: #1c1f26;}
  2141.     .comments-page textarea:lang(nt), textarea:lang(nt)                         {background-color: #1c1f26 !important;}
  2142.  
  2143.     .link:lang(nt), .side:lang(nt), .submit-page .infobar:lang(nt), .roundfield:lang(nt), .submit-page .content button:lang(nt),
  2144.     content.submit .info-notice:lang(nt), .stylesheet-customize-container .pretty-form:lang(nt), #images:lang(nt),
  2145.     .search-page .raisedbox:lang(nt), .search-page .searchfacets:lang(nt), .linefield:lang(nt),
  2146.     .search-page .searchpane:lang(nt), .nextprev:lang(nt), .commentarea:lang(nt), .link.last-clicked:lang(nt),
  2147.     res-nightmode .side, .res-nightmode .flairselector, .res-nightmode .linefield, .res-nightmode .icon-menu a,
  2148.     .res-nightmode .side .leavemoderator, .res-nightmode .side .leavecontributor-button, .res-nightmode .side .titlebox,
  2149.     .res-nightmode .side .spacer .titlebox .redditname, .res-nightmode .side .titlebox .flairtoggle,
  2150.     .res-nightmode .side .usertext-body .md ol, .res-nightmode .side .usertext-body .md ol ol,
  2151.     .res-nightmode .side .usertext-body .md ol ol li, .res-nightmode .side blockquote, .res-nightmode .modactionlisting table *,
  2152.     .res-nightmode .link, .res-nightmode .listing-page .sitetable > div:nth-of-type(4n+1), .res-nightmode .messages-page .sitetable > div:nth-of-type(4n+1),
  2153.      .res-nightmode .organic-listing .thing, .res-nightmode .sr-interest-bar, .res-nightmode .commentarea,
  2154.      .res-nightmode .side .titlebox form.flairtoggle, .res-nightmode .trophy-area .content, .res-nightmode .NERPageMarker,
  2155.      .res-nightmode .side .titlebox .usertext-body ol, .res-nightmode .side .titlebox .usertext-body ol,
  2156.      .res-nightmode .side .titlebox .usertext-body ul  {
  2157.         background-color: #2b303b;
  2158.         border-bottom-color: #17191A !important;
  2159.     }
  2160.  
  2161.     #header:lang(nt):after, #header-bottom-right:lang(nt), .titlebox h6:lang(nt), .res-nightmode #header:after,
  2162.     .res-nightmode .tabmenu li a, .res-nightmode .login-form, .res-nightmode .login-form input[name*="passwd"],
  2163.     .res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right {background-color: #2b303b;}
  2164.    
  2165.     .titlebox h6:lang(nt) {box-shadow: 0 2px 4px 0 #1A1B1D; -webkit-box-shadow:0 2px 4px 0 #1A1B1D;}
  2166.     .stickied.link:lang(nt) {border-color: #17191A !important}
  2167.  
  2168.     /* gotta have that important important */
  2169.     .comments-page .comment:lang(nt) {background-color: #2b303b !important;}
  2170.     .comments-page .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2171.     .comments-page .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2172.     .comments-page .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2173.     .comments-page .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2174.     .comments-page .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2175.     .comments-page .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2176.     .comments-page .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2177.     .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2178.     .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2179.    
  2180.  
  2181.     /* text */
  2182.     .domain a:lang(nt), .entry .buttons li a:lang(nt), .link .tagline:lang(nt), .tabmenu li a:lang(nt),
  2183.     .thing .title:visited:lang(nt), .thing.visited .title:lang(nt),
  2184.     .comments-page .tagline:lang(nt), .comment .expand:lang(nt),
  2185.     .titlebox h6 a:lang(nt), .titlebox .bottom:lang(nt),
  2186.     .sidecontentbox .content a:lang(nt), body:lang(nt), .res-nightmode #siteTable .visited.link .title.loggedin,
  2187.     .res-nightmode #siteTable .link .title.loggedin:visited,
  2188.     .res-nightmode #siteTable .link .title:visited,
  2189.     .res-nightmode #siteTable .link .title.loggedin.click,
  2190.     .res-nightmode .organic-listing .link .title:visited, .res-nightmode .tabmenu li a,
  2191.     .res-nightmode .login-form,
  2192.     .res-nightmode .login-form input[name*="passwd"],
  2193.     .res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right,
  2194.     .res-nightmode .entry .domain a                                                             {color: #6A7A88}
  2195.  
  2196.     .tabmenu li.selected a:lang(nt), .link .usertext .md:lang(nt),
  2197.     .comments-page .comment .md:lang(nt), .titlebox:lang(nt),
  2198.     .linkinfo:lang(nt), .menuarea .dropdown.lightdrop .selected:lang(nt), .flair:lang(nt),
  2199.     .new-page .titlebox h6 a[href*="/new"]:lang(nt),
  2200.     .top-page .titlebox h6 a[href*="/top"]:lang(nt),
  2201.     .hot-page .titlebox h6 a[href*="/hot"]:lang(nt),
  2202.     .res-nightmode > .content > .spacer > .sitetable::before,
  2203.     .res-nightmode > .content > .sharelink ~ .sitetable::before,
  2204.     .res-nightmode .side .age, .res-nightmode .trophy-info *,
  2205.     .res-nightmode .golddvertisement, .res-nightmode .flair-jump .title,
  2206.     .res-nightmode #siteTable .thing .title.loggedin,
  2207.     .res-nightmode #siteTable .thing .title,
  2208.     .res-nightmode .NERdupe p.title::after, .res-nightmode .savedComment,
  2209.     .res-nightmode .organic-listing .thing .title, .res-nightmode .tabmenu li a:hover
  2210.                                                                                                     {color: #EBEBEB;}
  2211.     .titlebox h6 a:lang(nt):hover, #header-bottom-right a:lang(nt):hover, textarea:lang(nt),
  2212.     .tabmenu li a:lang(nt):hover, .res-nightmode #header-bottom-left .tabmenu .selected a           {color: #EBEBEB!important;}
  2213.  
  2214.     .domain:lang(nt), .res-nightmode .domain                                                        {color: #2b303b;}
  2215.  
  2216.     /* border colors */
  2217.     .link .usertext .md:lang(nt), #search input[type=text]:lang(nt), .linkinfo:lang(nt), .comments-page textarea:lang(nt),
  2218.     .submit-page textarea:lang(nt), .roundfield input[type=url]:lang(nt),
  2219.     .roundfield input[type=text]:lang(nt), .login-form-side input[type=text]:lang(nt),
  2220.     .login-form-side input[type=password]:lang(nt), .linefield textarea:lang(nt),
  2221.     .linefield input[type="text"]:lang(nt), .flairlist .flaircell input[type="text"]:lang(nt),
  2222.     .linkinfo .shortlink input:lang(nt), .search-page #search input[type=text]:lang(nt), .flair:lang(nt),
  2223.     .titlebox .bottom:lang(nt), .footer .col:lang(nt) {border-color: #414955 !important;}
  2224.  
  2225.  
  2226.     /* fucking nightmode  */
  2227.     .morelink:lang(nt), .fancy-toggle-button .add:lang(nt), .sidecontentbox a.helplink:lang(nt) {box-shadow: none;-webkit-box-shadow:none;}
  2228.     .res-nightmode .tabmenu li {margin: 8px 0px 0px 0px;}
  2229.  
  2230.     /* I swear to god who thinks pink backgrounds are a good idea */
  2231.     .res-nightmode #header-bottom-left, .res-nightmode ul.tabmenu li.selected a, .res-nightmode .redditname a.active,
  2232.     .res-nightmode .RESDashboardToggle, .res-nightmode .RES-keyNav-activeElement, .res-nightmode .RES-keyNav-activeElement .usertext-body,
  2233.     .res-nightmode .RES-keyNav-activeElement .usertext-body .md, .res-nightmode .RES-keyNav-activeElement .usertext-body .md p,
  2234.     .res-nightmode .commentarea .RES-keyNav-activeElement .noncollapsed,
  2235.     .res-nightmode .RES-keyNav-activeElement .noncollapsed .md, .res-nightmode .RES-keyNav-activeElement .noncollapsed .md p,
  2236.     .res .res-nightmode .RES-keyNav-activeElement, .res .res-nightmode .commentarea .RES-keyNav-activeElement .md,
  2237.     .res .res-nightmode .commentarea .RES-keyNav-activeElement.entry .noncollapsed, .res-nightmode #sr-header-area,
  2238.     .res-nightmode #sr-more-link, .res-nightmode #RESConsoleTopBar,
  2239.     .res-nightmode .moduleHeader, .res-nightmode .allOptionsContainer, .res-nightmode .optionContainer {
  2240.         background-color: transparent !important;
  2241.     }
  2242.  
  2243.     /* spruce it up */
  2244.     .res-nightmode #header {background: #2B303B !important;}
  2245.  
  2246.     .res-nightmode .share-button .option, .res-nightmode #subscribe a,
  2247.     .res-nightmode .share .option, .res-nightmode .tagline a, .res-nightmode .tagline .head .author,
  2248.     .res-nightmode .footer a, .res-nightmode .wired a, .res-nightmode .side a, .res-nightmode .subredditbox li a,
  2249.     .res-nightmode .link .score.dislikes, .res-nightmode .linkcompressed .score.dislikes, .res-nightmode a[rel="tag"], .res-nightmode .dsq-help,
  2250.     .res-nightmode #authorInfoToolTip h3 a, .res-nightmode .RES-keyNav-activeElement .md, .res-nightmode .help-toggle .option,
  2251.     .res-nightmode .morecomments a, .res-nightmode .reddiquette, .res-nightmode .parent .author, .res-nightmode .parent .subreddit,
  2252.     .res-nightmode .comment .md p a {color: #f9a2d3 !important;}
  2253.  
  2254.     .res-nightmode .side:after {content: "Hello nightmode user. You're very brave."}
  2255.  
  2256.     /* Button */
  2257.     button:lang(nt), #search input[type='submit']:lang(nt), .wiki-page .wiki-page-content .wiki_button:lang(nt) {
  2258.         padding: 0px 8px 0px 8px;
  2259.         background-color: transparent;
  2260.         border: 1px solid #414955;
  2261.         border-radius: 0px;
  2262.         -webkit-box-shadow: none;
  2263.         box-shadow: none;
  2264.         color: #e5e5e5 !important;
  2265.         line-height: 28px;
  2266.     }
  2267.  
  2268.         button:lang(nt):hover, #search input[type='submit']:lang(nt):hover, .wiki-page .wiki-page-content .wiki_button:lang(nt):hover {
  2269.             padding-bottom: 0px;
  2270.             border-color: #414955;
  2271.             border-width: 1px;
  2272.             color: #fff !important;
  2273.             line-height: 28px;
  2274.             background-color: #1C1F26;
  2275.         }
  2276.  
  2277.             button:lang(nt):active, #search input[type='submit']:lang(nt):active, .wiki-page .wiki-page-content .wiki_button:lang(nt):active {
  2278.                 padding-bottom: 0px;
  2279.                 background-color: #1C1F26;
  2280.                 border-color: #414955;
  2281.                 border-width: 1px;
  2282.                 -webkit-box-shadow: none;
  2283.                 box-shadow: none;
  2284.                 color: #fff !important;
  2285.                 line-height: 28px;
  2286.             }
  2287.  
  2288.  
  2289.  
  2290.  
  2291.     /* --------------------------- */
  2292.  
  2293.         /* CUSTOMIZATION */
  2294.  
  2295.     /* --------------------------- */
  2296.  
  2297.         /* Link Flairs that you can make! */
  2298.  
  2299.             .linkflair-one .linkflairlabel {
  2300.                 background-color: #dc4437;
  2301.                 border: 1px solid #d03e32;
  2302.                 color: #fff;
  2303.             }
  2304.  
  2305.             .linkflair-two .linkflairlabel {
  2306.                 background-color: #f5b400;
  2307.                 border: 1px solid #e5a800;
  2308.                 color: #fff;
  2309.             }
  2310.  
  2311.             .linkflair-three .linkflairlabel {
  2312.                 background-color: #f9a2d3;
  2313.                 border: 1px solid #3a7ae6;
  2314.                 color: #fff;
  2315.             }
  2316.  
  2317.                 /* Create your own! */
  2318.  
  2319.                         /* "squee" can be anything!
  2320.                         This is what you use in the CSS field at the flair page */
  2321.                 .linkflair-squee .linkflairlabel {
  2322.                 background-color: #f9a2d3; /* Base color */
  2323.                 border: 1px solid #3a7ae6;  /* Slightly darker to create nice edges */
  2324.                 color: #fff; /* Text color - alternatively use #333 when white is too light */
  2325.                 }
  2326.                
  2327.                 /* Innies custom flares */
  2328.                
  2329.                 .flair-camera:before {
  2330.                     content: url(%%camera%%);
  2331.                     background-color: #3ed264;
  2332.                     color:#3ed264;
  2333.                     border: 1px solid #3ed264 !important;
  2334.                 }
  2335.                
  2336.                 .flair-camera:after {
  2337.                     text-indent: 2px;
  2338.                     content: "Self Poster";
  2339.                     display:inline-block;
  2340.                     position: relative;
  2341.                     top: -2px;
  2342.                     background-color: #3ed264;
  2343.                     /* color: #fff; */
  2344.                     border: 1px solid #3ed264 !important;
  2345.                 }
  2346.                
  2347.                 .flare-camera {
  2348.                     background-color: #3ed264 !important;
  2349.                     color: #3ed264 !important;
  2350.                     border: 1px solid #3ed264 !important;
  2351.                 }
  2352.                
  2353.                 .flare.flare-camera {
  2354.                     background-color: #3ed264 !important;
  2355.                     color: #3ed264 !important;
  2356.                     border: 1px solid #3ed264 !important;
  2357.                 }
  2358.  
  2359.                 .linkflair-camera .linkflairlabel {
  2360.                     font-size: 0px;
  2361.                     background:url(%%camera%%) no-repeat;
  2362.                     padding: 0 0 0 18px; /* top, right, bottom, left */
  2363.                     max-width: none;
  2364.                     background-color: #f5f5f5;
  2365.                 }
  2366.                 .linkflair-camera .linkflairlabel:after {
  2367.                     content: "Self Post";
  2368.                     font-family: "Courier New", Courier, monospace;
  2369.                     font-size: small;
  2370.                     position:relative;
  2371.                     bottom:0px;
  2372.                     vertical-align:bottom;
  2373.                     padding: 0 3px 0 0px;  /* top, right, bottom, left */
  2374.                     background-color: #f5f5f5;
  2375.                     border-radius: 0px;
  2376.                     border-top-left-radius: 16px;
  2377.                     border-bottom-left-radius: 16px;
  2378.                     border-top-right-radius: 16px;
  2379.                     border-bottom-right-radius: 16px;
  2380.                 }
  2381.            
  2382.             .flair-Crown:before { content: url(%%Crown%%); }
  2383.             .flair-Crown:after { display:inline-block; position: relative; top: -2px;}
  2384.            
  2385.             .flair-robot:before { content: url(%%robot%%); }
  2386.             .flair-robot:after { display:inline-block; position: relative; top: -2px;}
  2387.  
  2388.     /* --------------------------- */
  2389.  
  2390.         /* My subreddit mainly uses SELF posts */
  2391.  
  2392.             /* .sidebox.submit.submit-link {display: none;} */
  2393.    
  2394.         /* My subreddit mainly uses LINK posts */
  2395.             /* Then add to the line above and remove  from
  2396.             the line below the asterix and slahes */
  2397.  
  2398.  
  2399.             .sidebox.submit.submit-text {display: none;}
  2400.  
  2401.     /* --------------------------- */
  2402.  
  2403.     /* Submit page message */
  2404.         .formtabs-content .infobar:before {
  2405.             content: "If you could please tag self submissions with an: [F]. Thank you!"; /* Don't delete the " "*/
  2406.                         font-style:bold;
  2407.                         background: red;
  2408.                         color: white!important;
  2409.                         padding-bottom: 5px;
  2410.         }
  2411.  
  2412.     /* Subscriber Name */
  2413.         div.titlebox span.number:after {content: " innie pussy enthusiasts";} /* Leave the space before the name! */
  2414.  
  2415.     /* --------------------------- */
  2416.  
  2417.     /* CUSTOM LOGO CSS */
  2418.         .pagename a {
  2419.             top: 20px; /* The length the logo is moved from the top of the page */
  2420.             width: 380px; /* TOTAL Image width */
  2421.             height: 104px; /* 50% of the TOTAL height of the image. */
  2422.         }
  2423.    
  2424.             .pagename a:hover {background-position: 0px -104px;} /* Replace the 77 with your height */
  2425.  
  2426.     /* --------------------------- */
  2427.  
  2428. .side .md ul { margin:0 10px 25px 25px; }
  2429.  
  2430. .side .md ul{
  2431. counter-reset: li;
  2432. list-style: none;
  2433. font: 15px 'Arial';
  2434. padding: 0; }
  2435.  
  2436. .side .md ul li{
  2437. position: relative;
  2438. display: block;
  2439. padding: 0;
  2440. color: #444;
  2441. border: 1px solid rgba(0,0,0,.1);
  2442. background: #ffdcf0;
  2443. margin: 0 10px 5px .5em;
  2444. text-decoration: none;
  2445. font-size:12px;
  2446. transition: all .3s ease; }
  2447.  
  2448. .side .md ul li:hover { border-color: #f9a2d3; }
  2449.  
  2450. .side .md ul li:before {
  2451. content: counter(li);
  2452. counter-increment: li;
  2453. position: absolute;
  2454. left: -1.6em;
  2455. top: 0px;
  2456. background: #e8b1ff;
  2457. height: 2.5em;
  2458. color: #fff;
  2459. width: 2.5em;
  2460. line-height: 2.5em;
  2461. border: .3em solid #fff;
  2462. text-align: center;
  2463. font-weight: bold;
  2464. border-radius: 2em;
  2465. transition: all .1s ease; }
  2466.  
  2467. .side .md ul li:hover:before { transform: scale(1.1,1.1); background: #f9a2d3; }
  2468. .side .md ul li p { background: none; border: 0; margin: 10px 10px 10px 25px; padding: 0; }
  2469. .side .md ul li p strong { font-size: 13px; color: #000; }
  2470.  
  2471. .side .md h2 {
  2472. margin: 5px 0 0 0;
  2473. font-size: 16px;
  2474. line-height: 24px;
  2475. text-align: center;
  2476. text-transform: uppercase; }
  2477.  
  2478. .side .md h2:nth-of-type(1) {
  2479. margin: 5px 20px 0 31px;
  2480. border-bottom: 0;
  2481. color: #fff;
  2482. background: #f9a2d3; }
  2483.  
  2484. .side .md h2:nth-of-type(2) {
  2485. margin: 5px 20px 0 31px;
  2486. border-bottom: 0;
  2487. color: #fff;
  2488. background: #f9a2d3; }
  2489.  
  2490. .thing[data-author="TiffyS"] .arrow.down,
  2491. .thing[data-author="ch0c0latecake"] .arrow.down {
  2492.     visibility: hidden;
  2493. }
  2494.  
  2495. .commentarea>.usertext textarea {
  2496.     height:200px;
  2497.     background-image: url(%%innie-commentbox%%);
  2498.     background-repeat: no-repeat;
  2499.     border: 1px solid #ccc; }
  2500.  
  2501. .commentarea>.usertext textarea:focus {
  2502.     background-position: 0 -204px;
  2503.     -webkit-transition: all .5s ease-in-out;
  2504.        -moz-transition: all .5s ease-in-out;
  2505.             transition: all .5s ease-in-out; }
  2506.  
  2507. #title-field textarea {
  2508.     height:200px;
  2509.     background-image: url(%%submission%%);
  2510.     background-repeat: no-repeat;
  2511.     border: 1px solid #ccc; }
  2512.  
  2513. #title-field textarea:focus {
  2514.     background-position: 0 -204px;
  2515.     -webkit-transition: all .5s ease-in-out;
  2516.        -moz-transition: all .5s ease-in-out;
  2517.             transition: all .5s ease-in-out; }
  2518.  
  2519. /* Christmas CSS */
  2520.  
  2521. /* #header:before{content:'';position:absolute;top:0;right:0;bottom:30px;left:0;background-image:url(%%flake1%%),url(%%flake2%%),url(%%flake3%%);-webkit-animation:snow 20s linear infinite;animation:snow 20s linear infinite;     transform: translateZ(0);}@-webkit-keyframes snow{from{background-position:0 0,0 0,0 0}to{background-position:500px 1000px,400px 400px,300px 300px}}@keyframes snow{from{background-position:0 0,0 0,0 0}to{background-position:500px 1000px,400px 400px,300px 300px}} */
  2522.  
  2523. /* New Years CSS */
  2524.  
  2525.  /* #header-bottom-left {
  2526.   margin:auto;
  2527.   margin-top:-46px;
  2528.   margin-left:-32px;
  2529.   height:236px;
  2530.   width:400px;
  2531.   background:url(%%rbb-fireworks%%) -400px 0;
  2532.   animation:boom 2s steps(1) infinite;
  2533. }
  2534. @keyframes boom {
  2535.   5% {
  2536.     background-position:-600px 0;
  2537.   }
  2538.   10% {
  2539.     background-position:-800px 0;
  2540.   }
  2541.   15% {
  2542.     background-position:-1000px 0;
  2543.   }
  2544.   20% {
  2545.     background-position:-1200px 0;
  2546.   }
  2547.   25% {
  2548.     background-position:-1400px 0;
  2549.   }
  2550.   30% {
  2551.     background-position:0 -200px;
  2552.   }
  2553.   35% {
  2554.     background-position:-200px -200px;
  2555.   }
  2556.   40% {
  2557.     background-position:-400px -200px;
  2558.   }
  2559.   45% {
  2560.     background-position:-600px -200px;
  2561.   }
  2562.   50% {
  2563.     background-position:-800px -200px;
  2564.   }
  2565.   55% {
  2566.     background-position:-1000px -200px;
  2567.   }
  2568.   60% {
  2569.     background-position:-1200px -200px;
  2570.   }
  2571.   65% {  
  2572.     background-position:-1400px -200px;
  2573.   }
  2574.   70% {
  2575.     background-position:0 -400px;
  2576.   }
  2577.   75% {
  2578.     background-position:-200px -400px;
  2579.   }
  2580.   80% {
  2581.     background-position:-400px -400px;
  2582.   }
  2583.   85% {
  2584.     background-position:-600px -400px;
  2585.   }
  2586.   90% {
  2587.     background-position:-800px -400px;
  2588.   }
  2589.   95% {
  2590.     background-position:-1000px -400px;
  2591.   }
  2592.   100% {
  2593.     background-position:-1200px -400px;
  2594.   }
  2595. }  */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!