Advertisement
erktheerk

Portaroo

Jan 19th, 2014
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 87.87 KB | None | 0 0
  1. /***
  2. *       __                                  
  3. *      /  `   /  _/_      /    /            
  4. *     /--  __/ o /  _  __/    /____  ,      
  5. *    (___,(_/_<_<__</_(_/_   /_)/ (_/_      
  6. *                                  /        
  7. *                                 '        
  8. *       __     _   , ______     __     _   ,
  9. *      /  `   ' ) /    //      /  `   ' ) /
  10. *     /--  __  /-<  --//_  _  /--  __  /-<  
  11. *    (___,/ (_/   )(_// /_</_(___,/ (_/   )
  12. *       /u/erktheerk
  13. *                                          
  14. *    ALL OTHER credit goes to /u/Cryptonaut's theme NAUT
  15. *        /u/gavin19 and the other contributors as /r/csshelp
  16. *              and the following.                                        
  17. *               ==FlatBlue reddit CSS Theme v1.1.1 - (http://www.reddit.com/r/FlatBlue/)==
  18. *                     == Boxed reddit CSS Theme v1.5 - (http://www.reddit.com/r/boxed/)==
  19. *                         ==Mindashq http://www.reddit.com/r/mindashq/wiki/==
  20. * */
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.     /*
  28.         Version 1.7
  29.         Stylesheet by Cryptonaut
  30.         Last modified: 01 December 2013
  31.         Details: This is a custom template made by /u/Cryptonaut.
  32.         Find out more on /r/Naut.
  33.  
  34.         Hirarchy
  35.         --------------------------------------------------------------------------
  36.        
  37.         The individual classes are ranked below their inherited class as good as
  38.         possible. You are encouraged to use Ctrl + F!
  39.  
  40.         --------------------------------------------------------------------------
  41.         [Changelog]
  42.         v1.0 - Initial Design - /r/Naut Template
  43.         v1.5 - Update 1 - New colours, icons and a whole bunch of fixes.
  44.         V1.6 - Update 2 - Adjustments to make Naut come back to the reddit UX.
  45.         V1.7 - Update 3 - A whole lot of UI tweaks and fixes.
  46.         -------------------------------------------------------------------------- */
  47.            
  48.     body {
  49.         min-width: 940px;
  50.         /*background-color: #55bdd8;*/
  51.                 /*no-repeat fixed -05px 0px;*/
  52.        
  53.     background-image: -webkit-linear-gradient(top,#55bdd8,#ffffff);
  54.     background-image: -moz-linear-gradient(top,#55bdd8,#ffffff);
  55.     background-image: -ms-linear-gradient(top,#55bdd8,#ffffff);
  56.     background-image: -o-linear-gradient(top,#55bdd8,#ffffff);
  57.     background-image: linear-gradient(top,#55bdd8,#ffffff);
  58.     background-attachment: fixed;
  59.     background-color: #55bdd8;
  60.  
  61.  
  62.                
  63.                 font-family: arial, sans-serif;
  64.     }
  65.  
  66.  
  67.  
  68.  
  69.  
  70.         /* Custom browser CSS */
  71.         :focus {outline: 0px;}
  72.            
  73.         ::-webkit-scrollbar {
  74.             width: 12px;
  75.             height: 12px;
  76.             background-color: #f5f5f5;
  77.             border-left: 1px solid #d2d2d2;
  78.         }
  79.        
  80.             ::-webkit-scrollbar-thumb {
  81.                 background-color: #c3c3c3;
  82.                 border-top: 1px solid #b6b6b6;
  83.                 border-bottom: 1px solid #969696;
  84.                 border-left: 1px solid #b6b6b6;
  85.             }
  86.            
  87.             ::-webkit-scrollbar-button {
  88.                 display: none;
  89.                 width: 0;
  90.                 height: 0;
  91.             }
  92.        
  93.             ::-webkit-scrollbar-corner {
  94.                 background-color: transparent;
  95.                 color: #555555;
  96.             }
  97.        
  98.         ::selection {background-color:#5b92f9;color:BLUE;font-weight:bold;}
  99.  
  100.         /* Link */
  101.         a {
  102.             color: #5b92f9;
  103.         }
  104.        
  105.             a:hover {
  106.                 text-decoration: underline;
  107.             }
  108.  
  109.         .error {
  110.             color: #000000;
  111.             font-size: 13px;
  112.             font-family: arial, sans-serif;
  113.         }
  114.  
  115.             .comments-page #noresults:after {
  116.                 content: "... so go ahead and tell us what you think!";
  117.             }
  118.  
  119.         /* General Button*/
  120.         button, #search input[type='submit'], .wiki-page .wiki-page-content .wiki_button {
  121.             margin: 3px 3px 3px 3px;
  122.             padding: 0px 8px 1px 8px;
  123.             background-color: #ffffff;
  124.             border: 1px solid #d4d4d4;
  125.             border-radius: 2px;
  126.             -webkit-box-shadow: 0 1px 0 #e2e0e0;
  127.             box-shadow: 0 1px 0 #e2e0e0;
  128.             color: #737373 !important;
  129.             text-transform: capitalize;
  130.             font-weight: bold;
  131.             line-height: 26px;
  132.             cursor: default;
  133.         }
  134.  
  135.             button:hover, #search input[type='submit']:hover, .wiki-page .wiki-page-content .wiki_button:hover {
  136.                 padding-bottom: 0px;
  137.                 border-color: #bababa;
  138.                 border-bottom-width: 2px;
  139.                 color: #333 !important;
  140.             }
  141.  
  142.                 button:active, #search input[type='submit']:active, .wiki-page .wiki-page-content .wiki_button:active {
  143.                     padding-bottom: 0px;
  144.                     background-color: #e5e5e5;
  145.                     border-color: #a7a7a7;
  146.                     border-top-width: 2px;
  147.                     border-bottom-width: 1px;
  148.                     -webkit-box-shadow: none;
  149.                     box-shadow: none;
  150.                     color: #333 !important;
  151.                     line-height: 25px;
  152.                 }
  153.  
  154.  
  155.         /* Header Area */
  156.         /* Top Most header */
  157.         #sr-header-area {
  158.             opacity: 0.4;
  159.             filter: alpha(opacity=40);
  160.             height: 18px;
  161.             background-color: #333;
  162.             border-bottom: 1px solid #333;
  163.  
  164.         }
  165.  
  166.             #sr-header-area:hover {
  167.                 opacity: 90;
  168.                 filter: alpha(opacity=90);
  169.             }
  170.  
  171.             #sr-header-area a {
  172.                 color: #C4C4C4;
  173.                 font-family: Verdana, Arial, sans-serif;
  174.             }
  175.        
  176.                 #sr-header-area a:hover {
  177.                     color: #7CA9FF;
  178.                     text-decoration: none;
  179.                 }
  180.        
  181.             #sr-more-link {
  182.                 position: absolute;
  183.                 background-color: #333;
  184.                 color: #C4C4C4;
  185.             }
  186.        
  187.             .dropdown.srdrop .selected {background-image: none;}
  188.                 .dropdown.srdrop .selected:after {content: "▼";}
  189.             .sr-bar .separator {color: #333;}
  190.  
  191.             #sr-header-area .width-clip .dropdown.srdrop .selected.title {
  192.                 color: #C4C4C4;
  193.                 font-size: 9px;
  194.                 font-weight: normal;
  195.                 font-family: Verdana, Arial, sans-serif;
  196.                 padding-right: 3px;
  197.             }
  198.  
  199.                 #sr-header-area .width-clip .dropdown.srdrop .selected.title:hover {
  200.                     color: #55bdd8;
  201.                 }
  202.  
  203.             #sr-header-area .drop-choices a.choice {
  204.                 color: #333 !important;
  205.             }
  206.  
  207.              #sr-header-area .drop-choices a.choice:hover {
  208.                 background-color: #55bdd8;
  209.                 color: #fff !important;
  210.              }
  211.        
  212.         /* Header Image */
  213.         #header {
  214.             height: 167px;
  215.             width: auto;
  216.                         background: #2a2b2e url(%%headerimg%%) no-repeat fixed 68% 0%;
  217.             border-bottom: 0px solid;
  218.         }
  219.  
  220.             #header:after {
  221.                 position: absolute;
  222.                 top: 132px;
  223.                 left: 0px;
  224.                 z-index: -1;
  225.                 width: 100%;
  226.                 height: 44px;
  227.                 background: #fff;
  228.                 border-bottom: 0px solid;
  229.                 content: " ";
  230.                 text-indent: -999px;
  231.             }
  232.  
  233.             #header-img {
  234.                 position: absolute;
  235.                 top: 130px;
  236.                 left: 0px;
  237.                 z-index: 99;
  238.                 width: 44px;
  239.                 height: 44px;
  240.                 background-image: url(%%spritesheet%%);
  241.                 background-position: 0px -226px;
  242.                 background-repeat: no-repeat;
  243.             }
  244.  
  245.                 #header-img:hover {background-position: -44px -226px;}
  246.            
  247.        
  248.  
  249.                 .pagename a:hover {background-position: 0px 0px;}
  250.  
  251.  
  252.                
  253.  
  254.         /* HOT / NEW / ETC */
  255.         #header .tabmenu {
  256.             display: block;
  257.             position: absolute;
  258.             top: 132px;
  259.             margin: 0px;
  260.             right:0px;
  261.             left: 0px;
  262.             padding: 0px;
  263.             height: 44px;
  264.             background-color: transparent;
  265.             border-bottom: 0px solid;
  266.             color: #999;
  267.             list-style-type: none;
  268.             vertical-align: bottom;
  269.             text-align: center;
  270.             white-space: nowrap;
  271.             font-weight: normal;
  272.             font-size: 15px;
  273.             font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  274.             min-width: 450px;
  275.         }
  276.  
  277.             .tabmenu li {
  278.                 display: inline-block;
  279.                 margin:7px 0px 0px 0px;
  280.             }
  281.            
  282.                 .tabmenu li a {
  283.                     margin: 0px 17px 0px 17px;
  284.                     padding: 8px 0px 8px 0px;
  285.                     background-color: transparent;
  286.                     border: 0px solid;
  287.                     color: #999;
  288.                     font-weight: normal;
  289.                     font-size: 22px;
  290.                     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  291.                 }
  292.  
  293.                     .tabmenu li a:hover {border-bottom: 2px solid #55bdd8;color: #262626;text-decoration: none;}
  294.            
  295.                 .tabmenu li.selected a {
  296.                     z-index: 100;
  297.                     background-color: transparent;
  298.                     border: 0px solid;
  299.                     border-bottom: 2px solid #55bdd8;
  300.                     color: #262626;
  301.                     font-size: 22px;
  302.                     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  303.                 }
  304.                     .tabmenu li.selected a:hover {
  305.                         border-color: #719ff2;
  306.                     }
  307.  
  308.                 .res #header .tabmenu {
  309.                     text-align: left;
  310.                     margin-left: 55px;
  311.                 }
  312.  
  313.         .listing-page .tabmenu li:nth-of-type(3),   /* Rising */
  314.         .listing-page .tabmenu li:nth-of-type(4),   /* Controversial */
  315.         .listing-page .tabmenu li a[href*="/promoted"], /* Self-serve advertising */
  316.         .listing-page .tabmenu li a[href*="/gilded"]    /* gilded */
  317.         {display:none;}
  318.  
  319.  
  320.         /* User bar */
  321.         #header-bottom-right {
  322.             position: absolute;
  323.             top: 141px;
  324.             right: 0px;
  325.             padding: 8px 15px 7px 15px;
  326.             width: auto;
  327.             height: 12px;
  328.             background-color: #fff;
  329.         }
  330.             .user {color: #7A7A7A;}
  331.                 .loggedin .user {color: #7A7A7A;}
  332.            
  333.             #header-bottom-right a {
  334.                 color: #7A7A7A;
  335.                 font-weight: normal;
  336.                 font-size: 15px;
  337.             }
  338.  
  339.                 #header-bottom-right a:hover {
  340.                     border-bottom: 1px solid #55bdd8;
  341.                     color: #333;
  342.                     text-decoration: none;
  343.                 }
  344.  
  345.             /* Mail / Modmail icons */
  346.             #mail {
  347.                 top: 0px;
  348.                 overflow: visible;
  349.                 width: 16px;
  350.                 height: 16px;
  351.                 background-image: url(%%spritesheet%%) !important;
  352.             }
  353.  
  354.                 #mail:hover, #modmail:hover {
  355.                     border-bottom: 0px solid !important;
  356.                 }
  357.            
  358.                 #mail.nohavemail {background-position: -64px 0px;}
  359.                 #mail.havemail   {background-position:-80px 0px;}
  360.  
  361.                     #mail.havemail:before, #modmail.havemail:before  {
  362.                         display: block;
  363.                         visibility: visible !important;
  364.                         position: fixed;
  365.                         top: 4px;
  366.                         right: 10px;
  367.                         z-index: 2;
  368.                         z-index: 0;
  369.                         width: 25px;
  370.                         height: 25px;
  371.                         background-color: #fff;
  372.                         background-image: url(%%spritesheet%%);
  373.                         background-position: -126px -50px;
  374.                         border-radius: 50%;
  375.                         content: " ";
  376.                     }
  377.  
  378.            
  379.             #modmail {
  380.                 top: -2px;
  381.                 margin-bottom: -6px;
  382.                 width: 16px;
  383.                 height: 16px;
  384.                 background-image: url(%%spritesheet%%) !important;
  385.             }
  386.            
  387.  
  388.                 #modmail.havemail   {background-position:-112px 0px;}
  389.                 #modmail.nohavemail {background-position:-96px 0px;}
  390.                 #modmail.havemail:before {background-position: -151px -50px; margin-right: 40px;}
  391.  
  392.  
  393.             /* Preferences & Logout Icons */
  394.             #header-bottom-right a.pref-lang, .loggedin .logout a{
  395.                 background-position: -96px -49px;
  396.                 background-image: url(%%spritesheet%%);
  397.                 width: 16px;
  398.                 height: 16px;
  399.                 display: inline-block;
  400.                 text-indent: -9999px;
  401.                 margin: 0px;
  402.                 position: relative;
  403.                 top: -2px;
  404.             }
  405.  
  406.                 .loggedin .logout a {background-position: -80px -49px;}
  407.  
  408.             .gearIcon {
  409.                 background-image: url(%%spritesheet%%)!important;
  410.                 background-position: -80px -65px!important;
  411.                 height: 16px!important;
  412.                 width: 17px!important;
  413.             }
  414.  
  415.  
  416.             /* Opacity Hoves */
  417.             #modmail, #mail, .gearIcon, #header-bottom-right a.pref-lang,
  418.             .loggedin .logout a {
  419.                 opacity: 0.75;
  420.             }
  421.  
  422.                 #modmail:hover, #mail:hover, #header-bottom-right a.pref-lang:hover,
  423.                 .loggedin .logout a:hover, .gearIcon:hover {
  424.                     opacity: 1;
  425.                     text-decoration: none !important;
  426.                     border-bottom: 0px solid !important;
  427.                 }
  428.  
  429.  
  430.         /* Sidebar */
  431.         .side {
  432.             /*background-color: #fafde0;*/
  433.     background-image: -webkit-linear-gradient(top,#55bdd8,#ffffff);
  434.     background-image: -moz-linear-gradient(top,#55bdd8,#ffffff);
  435.     background-image: -ms-linear-gradient(top,#55bdd8,#ffffff);
  436.     background-image: -o-linear-gradient(top,#55bdd8,#ffffff);
  437.     background-image: linear-gradient(top,#55bdd8,#ffffff);
  438.     background-attachment: fixed;
  439.     background-color: #55bdd8;
  440.                         float: right;
  441.             margin: 34px 0px 0px 0px;
  442.             padding-top: 25px;
  443.             width: 300px;
  444.             text-align: left;
  445.             font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  446.         }
  447.                    
  448.             /* SUBMIT LINK OR POST */
  449.             .morelink {
  450.                 z-index: 97;
  451.                 width: 270px;
  452.                 height: 28px;
  453.                 background-color: #55bdd8;
  454.                 background-image: none!important;
  455.                 border: none;
  456.                 border-top: 2px solid #55bdd8;
  457.                 border-bottom: 3px solid #55bdd8;
  458.                 border-radius: 1px;
  459.                 -webkit-box-shadow: 0 1px 2px #CECECE;
  460.                 box-shadow: 0 1px 2px #CECECE;
  461.                 margin-left: 15px;
  462.             }
  463.  
  464.                 .morelink:hover {
  465.                     background-color: #7BA8FF;
  466.                     border-top: 2px solid #7BA8FF;
  467.                     border-bottom: 3px solid #3863B6;
  468.                 }
  469.  
  470.                     .morelink:active {
  471.                         background-color: #3863B6;
  472.                         border-top: 2px solid #21365F;
  473.                         border-bottom: 3px solid #3863B6;
  474.                         -webkit-box-shadow: none;
  475.                         box-shadow: none;
  476.                     }
  477.  
  478.                 .morelink a {
  479.                     color: #fff !important;
  480.                     text-shadow: 0px 1px 0px #5787e1;
  481.                     letter-spacing: 0px;
  482.                     font-weight: bold;
  483.                     font-size: 15px;
  484.                     font-family: arial, sans-serif;
  485.                     cursor: default;
  486.                     line-height: 30px;
  487.                 }
  488.  
  489.                     .morelink a:hover {text-decoration: none;}
  490.  
  491.  
  492.                
  493.            
  494.                 .disabled .morelink,.disabled .morelink:hover {
  495.                     background-image: none;
  496.                     border: 0px solid;
  497.                     color: white;
  498.                     font-size: 0px;
  499.                     background-color: #c8c8c8;
  500.                     margin-top: 3px;
  501.                     text-shadow: none;
  502.                     box-shadow:none;
  503.                 }
  504.  
  505.                     .disabled .morelink a {
  506.                         color: #fff;
  507.                         letter-spacing: 0px;
  508.                         font-weight: 600;
  509.                         font-size: 14px;
  510.                         font-family: sans-serif;
  511.                         cursor: default;
  512.                         text-indent: 0px;
  513.                         text-shadow: none;
  514.                     }
  515.  
  516.                     /*.account-activity-box, .sidebox.create, .morelink .nub {display: none;}*/
  517.             /* Subreddit name sidebar */
  518.             .titlebox h1 a {
  519.                 position: absolute;
  520.                 top: 211px;
  521.                 margin: 0px;
  522.                 margin-bottom: 5px;
  523.                 margin-left: 5px;
  524.                 color: #707070;
  525.                 text-transform: capitalize;
  526.                 font-weight: lighter;
  527.                 font-size: 25px;
  528.                 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  529.             }
  530.            
  531.                 .titlebox h1 a:hover {color: #fafde0;text-decoration: none;}
  532.  
  533.             .sidebox .subtitle {font-size: 1.6em;}
  534.        
  535.             /* Sub / Unsub button */
  536.             .fancy-toggle-button .active {
  537.                 padding: 1px 8px;
  538.                 background-image: none !important;
  539.                 outline: none !important;
  540.                 border: 0px;
  541.                 border-radius: 2px;
  542.                 color: #fff !important;
  543.                 text-transform: capitalize;
  544.                 font-weight: bold;
  545.                 font-size: 12px;
  546.                 font-family: arial, sans-serif!important;
  547.                 line-height: 26px;
  548.                 cursor: default;
  549.             }  
  550.  
  551.                 /* Sub */
  552.                 .fancy-toggle-button .add {
  553.                     background-color: #55bdd8;
  554.                     border-top: 2px solid #fafde0;
  555.                     border-bottom: 2px solid #55bdd8;
  556.                     -webkit-box-shadow: 0 1px 0 #e2e0e0;
  557.                     box-shadow: 0 1px 0 #e2e0e0;                   
  558.                 }
  559.  
  560.                     .fancy-toggle-button .add:hover {
  561.                         background-color: #6599fa;
  562.                         border-top: 2px solid #6599fa;
  563.                         border-bottom: 2px solid #3863b6;
  564.                         -webkit-box-shadow: none;
  565.                         box-shadow: none;
  566.                         text-decoration: none;
  567.                     }
  568.  
  569.                         .fancy-toggle-button .add:active {
  570.                             background-color: #3863b6;
  571.                             border-top: 2px solid #21407a;
  572.                             border-bottom: 2px solid #3863b6;
  573.                             -webkit-box-shadow: none;
  574.                             box-shadow: none;
  575.                         }
  576.  
  577.                 /* Unsub */
  578.  
  579.                 /* Unsub */
  580.                 .fancy-toggle-button .remove {
  581.                     background-color: #fff;
  582.                     border: 1px solid #d4d4d4;
  583.                     -webkit-box-shadow: 0 1px 0 #e2e0e0;
  584.                     box-shadow: 0 1px 0 #e2e0e0;
  585.                     font-size: 10px;
  586.                     line-height: 16px;
  587.                     color: #737373 !important;
  588.                     cursor: pointer;
  589.                 }
  590.  
  591.                     .fancy-toggle-button .remove:hover {
  592.                         background-color: #fff;
  593.                         color: #333;
  594.                         border-bottom-width: 2px;
  595.                         border-color: #bababa;
  596.                         text-decoration: none;
  597.                     }
  598.  
  599.                         .fancy-toggle-button .remove:active {
  600.                             background-color: #e5e5e5;
  601.                             border-color: #a7a7a7;
  602.                             border-top-width: 2px;
  603.                             color: #333;
  604.                         }
  605.  
  606.  
  607.                 /* Sub notice */
  608.                 .fancy-toggle-button .add:after {
  609.                     position: fixed;
  610.                     top: 4px;
  611.                     right: 25px;
  612.                     z-index: 98;
  613.                     background-color: #55bdd8;
  614.                     color: #FFF;
  615.                     content: "Subscribe Now";
  616.                     padding: 0px 16px;
  617.                 }
  618.                     .fancy-toggle-button .add:hover:after {
  619.                         background-color: #7BA8FF;
  620.                         border-bottom: 3px solid #3863B6 ;
  621.                         height: 23px;
  622.                     }
  623.  
  624.  
  625.            
  626.             /*Replace readers.. */
  627.                 div.titlebox span.word {display: none;}
  628.                 .titlebox .users-online {display: inline;}
  629.                 .titlebox .users-online:before {display: none;}
  630.                 .titlebox .users-online .number {font-style: italic;font-size: 12px;}
  631.                 .titlebox .users-online .number:before {content: "(";}
  632.                 .titlebox .users-online .number:after {content: " here)";}
  633.                 .titlelebox .word {display: none;}
  634.                 .titlebox .users-online, .titlebox .number {cursor: text;} 
  635.                 .titlebox .tagline {font-size: 12px;}  
  636.  
  637.             /* Subreddit description */
  638.             .titlebox {
  639.                 padding: 0px 15px 15px 15px;
  640.                 color: #404040;
  641.        
  642.             }
  643.                 .titlebox .md {
  644.                     font-size: 14px;
  645.                     line-height: 1.35em;
  646.                     font-family: arial, sans-serif;
  647.                 }
  648.  
  649.                 .titlebox .bottom {
  650.                     padding-top: 5px;
  651.                     border-top: 1px solid #e5e5e5;
  652.                     color: #999;
  653.                     font-size: 110%;
  654.                 }
  655.  
  656.                 /* Download button */
  657.                 .titlebox h5 {
  658.                     width: 100%;
  659.                     height: 30px;
  660.                     color: #fff;
  661.                     background-color: #55bdd8;
  662.                     border-bottom: 2px solid #306cd1;
  663.                     display: block;
  664.                     font-size: 18px;
  665.                     text-align: center;
  666.                     line-height: 31px;
  667.                     margin-top: 10px;
  668.                     margin-bottom: 10px;
  669.                 }
  670.  
  671.                     .titlebox h5 a, .titlebox h5 a:hover {
  672.                         text-decoration: none;
  673.                         color: #fff;
  674.                         cursor: pointer;
  675.                     }
  676.  
  677.                     .titlebox h5:hover {
  678.                         background-color: #77a7fb;
  679.                         border-bottom: 2px solid #55bdd8;
  680.                         text-decoration: none;
  681.                     }
  682.  
  683.                         .titlebox h5:active {
  684.                             background-color: #306cd1;
  685.                             border-bottom: 2px solid #306cd1;
  686.                         }
  687.  
  688.             /* Search */
  689.             #search {
  690.  
  691.             }
  692.            
  693.                 #search input[type=text] {
  694.                     margin: 17px 0px 0px 0px;
  695.                     padding: 5px 0px 5px 40px;
  696.                     width: 258px;
  697.                     background-image: url(%%spritesheet%%);
  698.                     background-position: -129px 0px;
  699.                     background-repeat: no-repeat;
  700.                     border: none;
  701.                     border-top: 1px solid #d5d5d5;
  702.                     border-bottom: 1px solid #d5d5d5;
  703.                     border-left: 2px solid #fff;
  704.                     color: #999;
  705.                     font-weight: normal;
  706.                     font-size: 16px;
  707.                     font-family: arial, sans-serif !important;
  708.                 }
  709.  
  710.                         #search input[type=text]:focus {
  711.                             padding: 5px 0px 5px 40px;
  712.                             width: 258px;
  713.                             outline: none !important;
  714.                             border: none;
  715.                             border-top: 1px solid #d5d5d5;
  716.                             border-bottom: 1px solid #d5d5d5;
  717.                             border-left: 2px solid #4285f4;
  718.                             color: #000;
  719.                         }
  720.  
  721.                                 #searchexpando {
  722.                                 margin: 0px 0px 5px 0px;
  723.                                 padding: 5px 5px 0px 15px;
  724.                                 height: 25px;
  725.                                 background-color: #f5f5f5;
  726.                                 border: 0px solid;
  727.                                 border-bottom: 1px solid #DFDFDF;
  728.                                 border-radius: 0px;
  729.                                 color: #3b3b3b;
  730.                                 font-size: 150%;
  731.                                 }
  732.  
  733.                                     #searchexpando label {cursor: pointer;}
  734.                                     .search-page form#search label {font-size: 150%;cursor: pointer;}
  735.            
  736.                     #search_showmore {display: none;}
  737.            
  738.             /* Ad Frame */
  739.             #ad-frame,#ad_main {text-align: center;}
  740.  
  741.             /* Sidebar mod box */
  742.             .sidecontentbox {
  743.                 padding: 0px 5px 0px 15px;
  744.             }
  745.  
  746.             .sidecontentbox .title {
  747.                 text-align: left;
  748.             }
  749.            
  750.             .sidecontentbox .title h1 {
  751.                 color: #262626;
  752.                 text-align: left;
  753.                 text-transform: capitalize;
  754.                 font-size: 14px;
  755.                 font-family: arial, sans-serif;
  756.             }
  757.            
  758.                 .sidecontentbox.collapsible .title {
  759.                     text-align: left;
  760.                 }
  761.            
  762.                 .sidecontentbox .collapse-button {
  763.                     background: transparent;
  764.                     border: 0px;
  765.                     border-radius: 0px;
  766.                     color: #262626;
  767.                     font-size: 15px;
  768.                 }
  769.            
  770.             .sidecontentbox .content {
  771.                 padding: 3px 0px 5px 0px;
  772.                 background-color: transparent;
  773.                 border: 0px solid;
  774.                 text-align: left;
  775.             }
  776.            
  777.                 .sidecontentbox .content a {
  778.                     color: #262626;
  779.                     text-align: left;
  780.                     font-family: arial, sans-serif;
  781.                 }
  782.            
  783.                     .sidecontentbox .content a:hover {
  784.                         color: #55bdd8;
  785.                         text-decoration: underline;
  786.                     }
  787.  
  788.             /* Mod icons */
  789.             .icon-menu a {background-color: transparent;}
  790.             .icon-menu .reddit-edit:before{background-image:url(%%spritesheet%%);background-position: 0px  -33px;}
  791.             .icon-menu .moderator-mail:before{margin-top:-1px;height:16px;background-image:url(%%spritesheet%%);background-position: -16px -32px;}
  792.             .icon-menu .reddit-moderators:before{background-image:url(%%spritesheet%%);background-position: -32px -33px;}
  793.             .icon-menu .reddit-contributors:before{background-image:url(%%spritesheet%%);background-position: -48px -33px;}
  794.             .icon-menu .reddit-traffic:before{background-image:url(%%spritesheet%%);background-position: -64px -32px;}
  795.             .icon-menu .reddit-modqueue:before{background-image:url(%%spritesheet%%);background-position: -80px -32px;}
  796.             .icon-menu .reddit-reported:before{background-image:url(%%spritesheet%%);background-position: -96px -32px;}
  797.             .icon-menu .reddit-spam:before{background-image:url(%%spritesheet%%);background-position: -112px -32px;}
  798.             .icon-menu .reddit-ban:before{background-image:url(%%spritesheet%%);background-position: -128px -32px;}
  799.             .icon-menu .reddit-flair:before{background-image:url(%%spritesheet%%);background-position: -144px -32px;}
  800.             .icon-menu .reddit-moderationlog:before{background-image:url(%%spritesheet%%);background-position: -160px -33px;}
  801.            
  802.  
  803.             /* Message the mods */
  804.                 .sidecontentbox a.helplink {
  805.                     display: block;
  806.                     margin-right: 27px;
  807.                     margin-bottom: 15px;
  808.                     width: 80%;
  809.                     background-color: #55bdd8;
  810.                     background-image: none!important;
  811.                     border: none;
  812.                     border-top: 2px solid #55bdd8;
  813.                     border-bottom: 2px solid #55bdd8;
  814.                     -webkit-box-shadow: 0 1px 0 #E2E0E0;
  815.                     box-shadow: 0 1px 0 #E2E0E0;
  816.                     color: #000!important;
  817.                     text-align: center;
  818.                     text-transform: capitalize;
  819.                     text-shadow: 0px 1px 0px #5787e1;
  820.                     letter-spacing: 0px;
  821.                     font-weight: bold;
  822.                     font-size: 13px;
  823.                     font-family: Arial, sans-serif;
  824.                     line-height: 26px;
  825.                     cursor: default;
  826.                 }
  827.  
  828.                     .sidecontentbox a.helplink:hover {
  829.                         background-color: #6599fa;
  830.                         border-top: 2px solid #6599fa;
  831.                         border-bottom: 2px solid #3863b6;
  832.                         -webkit-box-shadow: none;
  833.                         box-shadow: none;
  834.                         text-decoration: none;
  835.                     }
  836.  
  837.                         .sidecontentbox a.helplink:active {
  838.                             background-color: #3863b6;
  839.                             border-top: 2px solid #21407a;
  840.                             border-bottom: 2px solid #3863b6;
  841.                             -webkit-box-shadow: none;
  842.                             box-shadow: none;
  843.                         }
  844.                
  845.  
  846.  
  847.     /* Links/Posts Area */
  848.     /* Actual Links */
  849.         .content {
  850.             margin-top: 34px;
  851.             margin-left: 10px;
  852.         }
  853.  
  854.                 /* Fixed Scroll Banner */
  855.                 .titlebox h6 {
  856.                     position: fixed;
  857.                     bottom:1px;
  858.                     right: 0px;
  859.                     left: 0px;
  860.                     z-index: 97;
  861.                     height: 35px;
  862.                     background-color: #fff;
  863.                     -webkit-box-shadow: 0 2px 4px 0 #d3d3d3;
  864.                     box-shadow: 0 2px 4px 0 #d3d3d3;
  865.                     color: #737373;
  866.                     text-align: center;
  867.                     font-weight: normal;
  868.                     font-size: 22px;
  869.                     line-height: 35px;
  870.                 }
  871.  
  872.                     .titlebox h6 a {
  873.                         margin: 0px 17px 0px 17px;
  874.                         padding: 2px 0px 2px 0px;
  875.                         border: 0px solid;
  876.                         color: #999;
  877.                         font-weight: normal;
  878.                         font-size: 22px;
  879.                         font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  880.                     }
  881.  
  882.                         .titlebox h6 a:hover {
  883.                             border-bottom: 2px solid #55bdd8 !important;
  884.                             color: #262626 !important;
  885.                             text-decoration: none;
  886.                         }
  887.  
  888.                         /* reddit icon */
  889.                         .titlebox h6 a[href*="http://www.reddit.com#top"] {
  890.                             position: fixed;
  891.                             left:0px;
  892.                             top:0px;
  893.                             height: 35px;
  894.                             width: 35px;
  895.                             background-color: #ff0;
  896.                             background-image: url(%%spritesheet%%);
  897.                             background-position: 0px -49px;
  898.                             border-bottom: 0px;
  899.                             text-indent: -9999px;
  900.                             padding: 0px;
  901.                             margin: 0px;
  902.                         }
  903.  
  904.                             .titlebox h6 a[href*="http://www.reddit.com#top"]:hover {
  905.                                 background-position: -35px -49px;
  906.                             }
  907.  
  908.                         .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 #55bdd8; color: #262626;}
  909.  
  910.  
  911.             .link {
  912.  
  913.     background-color: #fff;
  914.                                 margin-right: 320px;
  915.                         margin-bottom: 8px;
  916.                 padding: 8px 10px 6px 10px;
  917.             }
  918.  
  919.                 /*.link, .side,*/ .submit-page .infobar, .roundfield, .submit-page .content button,
  920.                 .content.submit .info-notice, .stylesheet-customize-container .pretty-form, #images, .search-page .raisedbox,
  921.                 .search-page .searchfacets, .linefield, .search-page .searchpane, .nextprev {
  922.                     border: 0px;
  923.                     border-bottom: 3px solid #e5e5e5 !important;
  924.                     /*background-color: #fff;*/
  925.                         background-image: -webkit-linear-gradient(top,#55bdd8,#ffffff);
  926.     background-image: -moz-linear-gradient(top,#55bdd8,#ffffff);
  927.     background-image: -ms-linear-gradient(top,#55bdd8,#ffffff);
  928.     background-image: -o-linear-gradient(top,#55bdd8,#ffffff);
  929.     background-image: linear-gradient(top,#55bdd8,#ffffff);
  930.     background-attachment: fixed;
  931.     background-color: #55bdd8;
  932.                        }
  933.  
  934.                 /* Stickied Link */
  935.                 .stickied.link {border-bottom-color: #55bdd8!important;}
  936.                     .thing.stickied a.title, .thing.stickied a {color: #65b354!important;}
  937.                     .thing.stickied a.thumbnail {background-position: 102px -209px;}
  938.  
  939.                 /* Promoted Link */
  940.                 .organic-listing {
  941.                     margin-right: 320px;
  942.                     border: 1px solid #D0D6DD;
  943.                     border-bottom-width: 3px;
  944.                     border-top-width: 0px;
  945.                 }
  946.  
  947.                 .link .title {
  948.                     font-weight: bold;
  949.                     font-family: Arial, sans-serif;
  950.                     line-height: 100%;
  951.                 }
  952.  
  953.                     .link .title:hover {color: #55bdd8 !important;}
  954.                         /* Link Titles */
  955.         /*Unvisited*/   .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title {color:#55bdd8;}
  956.         /*Visited  */   .thing .title:visited, .thing.visited .title {color:#7D5D8A;}
  957.         /*Clicking */   .thing .title.loggedin.click:visited, .thing .title.click:visited {color:#fafde0;}
  958.  
  959.                 /* Upvote and downvotes */
  960.                 .link .score {margin-bottom: -1px;margin-left: 1px;color:#999;font-family: arial, sans-serif;}
  961.            
  962.                     .link .score.likes {color: #ee5821;}   
  963.                     .link .score.dislikes {color: #6f85bf;}
  964.            
  965.                 .arrow {
  966.                     margin: 2px 0px 0px 0px;
  967.                     margin-right: auto;
  968.                     margin-left: auto;
  969.                     width: 16px;
  970.                     height: 16px;
  971.                     background-image: url(%%spritesheet%%) !important;
  972.                     background-position: center center;
  973.                     outline: none !important;
  974.                     border: none !important;
  975.                 }
  976.                
  977.                     .arrow.up {background-position: -32px 0px;}
  978.                     .arrow.upmod {background-position: -48px 0px;}
  979.                     .arrow.down {background-position: 0px 0px;}
  980.                     .arrow.downmod {background-position: -16px 0px;}
  981.  
  982.  
  983.                 /* Expand post */
  984.                 .expando-button {
  985.                     margin: 0px 5px 0px 0px !important;
  986.                     width: 16px !important;
  987.                     height: 16px !important;
  988.                     background-color: transparent !important;
  989.                     background-image: url(%%spritesheet%%) !important;
  990.                     cursor: pointer;
  991.                 }
  992.        
  993.         /*  +  */   .content .expando-button.selftext.collapsed {background-position:0 -17px;}             
  994.         /*  +  */   .content .expando-button.selftext.collapsed:hover {background-position:-16px -17px;}
  995.         /*  -  */   .content .expando-button.selftext.expanded {background-position:-32px -17px;}              
  996.         /*  -  */   .content .expando-button.selftext.expanded:hover {background-position:-48px -17px;}
  997.  
  998.                     .expando-button.video.collapsed {background-position: -64px -17px;}
  999.                     .expando-button.video.collapsed:hover, .eb-vch {background-position: -80px -17px;}
  1000.                     .expando-button.video.expanded, .eb-ve {background-position: -64px -17px;}
  1001.                     .expando-button.video.expanded:hover, .eb-veh {background-position: -80px -17px;}
  1002.  
  1003.                     .res .expando-button.image.collapsed,.expando-button.image.gallery.collapsedExpando, .expando-button.image.collapsedExpando {background-position: -96px -17px!important;}
  1004.                     .res .expando-button.image.collapsed:hover, .expando-button.image.collapsedExpando:hover, .expando-button.image.gallery.collapsedExpando:hover {background-position: -112px -17px!important;}
  1005.                     .res .expando-button.image.expanded {background-position: -96px -17px!important;}
  1006.                     .res .expando-button.image.expanded:hover {background-position: -112px -17px!important;}
  1007.  
  1008.                     /* Selftext expand */
  1009.                     .link .usertext .md {
  1010.                         padding: 0 5px;
  1011.                    
  1012.     background-color: #ffffff;
  1013.                                             border: 0px solid;
  1014.                         border-top: 1px solid #e5e5e5;
  1015.                         border-radius: 0px;
  1016.                         color: #404040;
  1017.                         font-weight: normal;
  1018.                         font-size: 14px;
  1019.                         font-family: arial, sans-serif;
  1020.                         line-height: 1.35em;
  1021.                     }
  1022.  
  1023.             .domain {color: white;}
  1024.                 .domain a {color: #c0c0c0;}
  1025.                     .domain a:hover {color: #fff;text-decoration: none;}
  1026.  
  1027.             .link .tagline {
  1028.                 color: #999;
  1029.                 font-size: 12px;
  1030.             }
  1031.  
  1032.             .thumbnail {
  1033.                 max-height: 50px;
  1034.                 max-width: 70px;
  1035.             }
  1036.  
  1037.                 .thumbnail.self {
  1038.                     background-image: url(%%spritesheet%%);
  1039.                     background-position: -102px -92px;
  1040.                     background-repeat: no-repeat;
  1041.                 }
  1042.  
  1043.                 .thumbnail.default {
  1044.                     background-image: url(%%spritesheet%%);
  1045.                     background-position: -102px -154px;
  1046.                     background-repeat: no-repeat;
  1047.                 }
  1048.  
  1049.                 .thumbnail.nsfw {
  1050.                     width: 80px;
  1051.                     height: 50px;
  1052.                     background-image: url(%%spritesheet%%);
  1053.                     background-position: -22px -150px;
  1054.                     background-repeat: no-repeat;
  1055.                 }
  1056.  
  1057.             .entry {
  1058.                 padding-left: 5px;
  1059.             }
  1060.  
  1061.                 .entry .buttons li a {
  1062.                     padding: 0 1px;
  1063.                     color: #999;
  1064.                     font-weight: 400;
  1065.                     font-size: 13px;
  1066.                 }
  1067.  
  1068.                     .entry .buttons li a:hover {
  1069.                         color: #fff;
  1070.                     }
  1071.  
  1072.                     .link .entry li .comments {
  1073.                         visibility: visible;
  1074.                         color: #55bdd8;
  1075.                         font-weight: bold;
  1076.                         font-size: 13px;
  1077.                     }
  1078.  
  1079.                     #siteTable div.thing ul {visibility: visible;}
  1080.                     #siteTable div.thing:hover ul {visibility: visible;}
  1081.                     .link .usertext .md ul {visibility: visible !important;}
  1082.                     .nsfw-stamp acronym {visibility: visible;background-color: #e82e63;border-radius:0px;color:#fff;cursor: help;}
  1083.  
  1084.                     .entry .buttons a[onclick*="reply"] {
  1085.                         color: #000!important;
  1086.                         font-weight: bold !important;
  1087.                         font-size: 13px !important;
  1088.                     }
  1089.  
  1090.                     .link .flat-list {
  1091.                         font-weight: normal;
  1092.                         font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1093.                     }
  1094.  
  1095.                         .link .midcol {margin-right: 7px;}
  1096.                         /*.link .rank {display: none;}*/
  1097.                         .link.last-clicked {
  1098.                             overflow: visible;
  1099.                             background-color: #f8f8f8;
  1100.                             border: 0px solid #d8d8d8;
  1101.                             border-bottom: 3px solid #e5e5e5;
  1102.                         }
  1103.             /* Mod Report buttons */
  1104.             .entry .buttons li.reported-stamp {
  1105.                 background-color: #f5b400;
  1106.                 border-radius: 2px;
  1107.                 border: 1px solid #e2a600 !important;
  1108.                 color: #fff;
  1109.                 font-weight: bold;
  1110.                 background-image: none;
  1111.             }
  1112.  
  1113.             a.pretty-button.negative {
  1114.                 border-radius: 2px;
  1115.                 background-color: #dc4437;
  1116.                 color: #fff;
  1117.                 font-weight: bold;
  1118.                 border: 1px solid #c4362a;
  1119.                 background-image: none;
  1120.             }
  1121.  
  1122.             a.pretty-button.neutral {
  1123.                 border-radius: 2px;
  1124.                 font-weight: bold;
  1125.                 color: #fff;
  1126.                 background-color: #666666;
  1127.                 border: 1px solid #4d4d4d;
  1128.                 background-image: none;
  1129.             }
  1130.  
  1131.             a.pretty-button.positive {
  1132.                 border-radius: 2px;
  1133.                 font-weight: bold;
  1134.                 color: #fff;
  1135.                 background-color: #109d59;
  1136.                 border: 1px solid #0a8a4c;
  1137.                 background-image: none;
  1138.             }
  1139.  
  1140.             .menuarea {
  1141.                 margin-right: 320px;
  1142.                 border: none;
  1143.                 font-size: 16px;
  1144.             }
  1145.  
  1146.             .infobar {
  1147.                 margin-right: 320px;
  1148.                 background-color: #4B4A4A;
  1149.                 border: none;
  1150.                 color: #fff;
  1151.                 font-size: 14px;
  1152.             }
  1153.  
  1154.                 .infobar a {color: #89B3FF;}
  1155.  
  1156.                 /* First time visit infobar */
  1157.                 .infobar.welcome {
  1158.                     margin-right: 321px;
  1159.                     color: #333;
  1160.                     margin-bottom: 8px;
  1161.                 }
  1162.  
  1163.             .nextprev {
  1164.                 margin-top: 8px;
  1165.                 margin-right: 320px;
  1166.                 height: 35px;
  1167.                 color: #737373;
  1168.                 text-align:center;
  1169.                 font-size: 16px;
  1170.                 line-height: 35px;
  1171.                 padding: 10px;
  1172.             }
  1173.  
  1174.                 .nextprev a {
  1175.                     background-color: transparent;
  1176.                     border: none;
  1177.                     color: #fafde0;
  1178.                 }
  1179.  
  1180.                     .nextprev a:hover {
  1181.                         background-color: transparent;
  1182.                         border: none;
  1183.                     }
  1184.  
  1185.  
  1186.         /* Submit Page */
  1187.         form#newlink.submit.content {
  1188.             margin-top: 40px;
  1189.         }
  1190.  
  1191.  
  1192.             .submit-page .infobar {
  1193.                 margin-top: 0px;
  1194.                 margin-bottom: 8px;
  1195.                 padding: 10px 10px 10px 10px;
  1196.                 color: #3b3b3b;
  1197.                 text-align: center;
  1198.                 text-indent: -9999px;
  1199.                 font-size: 0px;
  1200.             }
  1201.  
  1202.                 .formtabs-content .infobar:before {
  1203.                     display: block;
  1204.                     text-indent: 0px;
  1205.                     font-size: 16px;
  1206.                 }
  1207.            
  1208.             .submit-page .tabmenu li a {margin:0px;}
  1209.             .submit-page ul.tabmenu.formtab {padding-left: 0px;width: 500px;text-align:center; }
  1210.             .formtabs-content {padding-top: 0px;border-top: 4px solid #fff;}   
  1211.        
  1212.                 .submit-page .tabmenu.formtab a {
  1213.                     padding: 5px 55px 0px 55px;
  1214.                     width: 100px;
  1215.                     background-color: #5b92f9;
  1216.                     border: 0px solid;
  1217.                     color: #55bdd8;
  1218.                     text-align: center;
  1219.                     font-weight:normal;
  1220.                     font-size: 14px;
  1221.  
  1222.                 }
  1223.  
  1224.                     .submit-page .tabmenu li a:hover {color: #333;}
  1225.                
  1226.                     .submit-page .tabmenu.formtab .selected a {
  1227.                         padding: 5px 60px 0px 60px;
  1228.                         background-color: #5b92f9;
  1229.                         color: #fff;
  1230.                         font-size: 18px;
  1231.                     }
  1232.                
  1233.             .roundfield {
  1234.                 padding: 10px 10px 10px 10px;
  1235.                 color: #707070;
  1236.             }
  1237.            
  1238.                 .submit-page textarea, .roundfield input[type=url], .roundfield input[type=text], .login-form-side input[type=text], .login-form-side input[type=password],
  1239.                 .linefield textarea, .linefield input[type="text"], .flairlist .flaircell input[type="text"], .linkinfo .shortlink input, .search-page #search input[type=text] {
  1240.                     margin: 0;
  1241.                     padding: 5px;
  1242.                     border: 1px solid #d9d9d9;
  1243.                     border-top: 1px solid #c0c0c0;
  1244.                     -webkit-box-shadow: none;
  1245.                     box-shadow: none;
  1246.                     color: #333;
  1247.                     font-size: 100%;
  1248.                     font-family: arial, sans-serif;
  1249.                 }
  1250.  
  1251.                     .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,
  1252.                     .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;}
  1253.                    
  1254.                     .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,
  1255.                     .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;}
  1256.  
  1257.                     .linefield .usertext-edit textarea {height: 500px;}
  1258.  
  1259.                     .submit-page .content textarea, .submit-page .content input[type=url], .submit-page .content input[type=text] {width: 488px;}
  1260.  
  1261.             .submit-page .content button {
  1262.                 margin-bottom: 30px;
  1263.                 margin-left: 0px;
  1264.                 padding: 10px 10px 10px 10px;
  1265.                 width: 522px;
  1266.                 color: #707070 !important;
  1267.                 text-align: center;
  1268.                 cursor: pointer;
  1269.                 border: 0px;
  1270.                 border-bottom: 3px solid #E5E5E5;
  1271.             }
  1272.  
  1273.                 .submit-page button:hover {
  1274.                     background-color: #fafde0;
  1275.                     color: #000!important;
  1276.                     border-bottom: 4px solid #477ADB;
  1277.                 }
  1278.  
  1279.                     .submit-page button:active {
  1280.                         background-color: #477ADB;
  1281.                         border-bottom-color: #000;
  1282.                     }
  1283.  
  1284.                 .submit-page h1 {display: none;}
  1285.                     .submit-page .side h1 {display: inherit;}
  1286.  
  1287.         .content.submit .info-notice {
  1288.             margin: 0px 0px 4px 0px;
  1289.             padding: 20px 10px 20px 10px;
  1290.             color: #707070;
  1291.             text-align: center;
  1292.             border: 0px;
  1293.             border-bottom: 3px solid #E5E5E5;
  1294.         }
  1295.  
  1296.             .content.submit .info-notice a {
  1297.                 text-decoration: none;
  1298.                 font-size: 120%;
  1299.             }
  1300.  
  1301.                 .content.submit .info-notice a:hover {text-decoration: underline;}
  1302.                 .thing.spam {border-color: #F3B9B9; background-color: #fff;margin-right: 320px;}           
  1303.                 #file {margin: 10px;}      
  1304.                 .submit-page .gray, #url-field button, #suggested-reddits {display: none;}
  1305.                 .submit-page form .spacer+.spacer {margin: 8px 0px;}
  1306.  
  1307.         /* Flair Selector */
  1308.         .flairselector.drop-choices.active {
  1309.             visibility: visible !important;
  1310.             background-color: #fff;
  1311.             border: 1px solid #d8d8d8;
  1312.             border-radius: 2px;
  1313.         }
  1314.             .flairselector h2 {
  1315.                 padding: 5px 5px 5px 5px;
  1316.                 background-color: #fff;
  1317.                 border-bottom: 1px solid #e5e5e5;
  1318.                 color: #333;
  1319.                 text-transform: capitalize;
  1320.                 font-size: 130%;
  1321.             }
  1322.  
  1323.             .flairoptionpane {
  1324.                 text-align: left;
  1325.             }
  1326.  
  1327.                 .flairoptionpane ul {visibility: visible !important;}
  1328.                 .flairoptionpane ul a.title {font-size: 100% !important;}
  1329.  
  1330.                 .flairselector li {
  1331.                     padding: 3px 0px 3px 0px;
  1332.                     width: 182px;
  1333.                 }
  1334.  
  1335.                     .flairselector li:hover {
  1336.                         background-color: #efefef;
  1337.  
  1338.                     }
  1339.  
  1340.             .flairselector form {border-top: 1px solid #e5e5e5;}
  1341.             .flairsample-left {text-align: left !important;}
  1342.             .flairselector ul {overflow: visible;}
  1343.             .flairselector li.selected {background-color: #e5ebf8;border:none;}
  1344.  
  1345.         /* Flairs */
  1346.  
  1347.         /* LINKFLAIRS */
  1348.         .linkflairlabel {
  1349.             padding: 0px 6px 1px 6px;
  1350.             height: auto;
  1351.             border-radius: 0px;
  1352.             color: #333;
  1353.             font-weight: bold;
  1354.             font-style: normal;
  1355.             font-variant: normal;
  1356.             font-size: 13px;
  1357.             font-family: Tahoma, Arial, sans-serif;
  1358.             cursor: default;
  1359.             vertical-align: middle;
  1360.  
  1361.         }
  1362.  
  1363.             .linkflair-mod .linkflairlabel {
  1364.                 background-color: #5fb04d;
  1365.                 border: 1px solid #4c8d3e;
  1366.                 color: #fff;
  1367.             }
  1368.  
  1369.                 .linkflair-mod a {color: #4c8d3e !important;}
  1370.  
  1371.                 .linkflair-mod .thumbnail.default, .linkflair-mod .thumbnail.self {
  1372.                     background-image: url(%%spritesheet%%)!important;
  1373.                     background-position: -22px -90px!important;
  1374.                     background-repeat: no-repeat;
  1375.                 }
  1376.  
  1377.             .linkflair-image .linkflairlabel {
  1378.                 background-color: #dc4437;
  1379.                 border: 1px solid #d03e32;
  1380.                 color: #fff;
  1381.             }
  1382.  
  1383.             .linkflair-gif .linkflairlabel {
  1384.                 background-color: #f5b400;
  1385.                 border: 1px solid #e5a800;
  1386.                 color: #fff;
  1387.             }
  1388.  
  1389.             .linkflair-extra .linkflairlabel {
  1390.                 background-color: #fff;
  1391.                 border: 1px solid #3a7ae6;
  1392.                 color: #fff;
  1393.             }
  1394.  
  1395.         /* USER FLAIRS */
  1396.         .flair {
  1397.             height: auto;
  1398.             background-color: transparent;
  1399.             border: none;
  1400.             color: #555;
  1401.             font-size: small !important;
  1402.             font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  1403.             border: 1px solid #DADADA;
  1404.             padding: 0px 3px 2px 3px;
  1405.             cursor: help;
  1406.         }
  1407.  
  1408.        
  1409.         /* Flair-page  */
  1410.         div.tabpane-content {
  1411.             padding: 4px 4px 4px 4px;
  1412.             border: 0px solid #e5e5e5;
  1413.             border-bottom-width: 3px;
  1414.             background-color: #fff;
  1415.             width: 1080px;
  1416.             margin-top: 7px;
  1417.         }
  1418.            
  1419.             .linefield {
  1420.                 margin-bottom: 5px;
  1421.                 padding: 10px 10px 10px 10px;
  1422.                 width: 55.5%;
  1423.                 color: #707070;
  1424.                 margin-bottom: 15px;
  1425.             }
  1426.        
  1427.                 .linefield .title {
  1428.                     padding: 1px 10px;
  1429.                     color: #fff;
  1430.                 }
  1431.  
  1432.                 .linefield .title+.gray {font-size: small;}
  1433.    
  1434. /*
  1435.                 .flairtemplatelist flairlist pretty-form {
  1436.                     margin-top: 2px;
  1437.                     margin-right: 320px;
  1438.                     padding: 5px 5px 8px 3px;
  1439.                     color: #707070;
  1440.                     text-transform: capitalize;
  1441.                     width: 100%;
  1442.                     margin-bottom: 8px;
  1443.                 }
  1444.                
  1445.                     .flairrow:nth-of-type(1) {
  1446.                         width: 700px;
  1447.                         line-height: 2;
  1448.                     }
  1449.  
  1450.                     .flairrow .tagline {
  1451.                         margin-right: 0px;
  1452.                         margin-left: 0px;
  1453.                         width: 150px;
  1454.                         font-size: 100%;
  1455.                     }
  1456.  */
  1457.                     .flairtemplate .flairrow {
  1458.                         margin-top: 2px;
  1459.                         margin-right: 320px;
  1460.                         padding: 5px 5px 8px 3px;
  1461.                         color: #707070;
  1462.                         text-transform: capitalize;
  1463.                         width: 100%;
  1464.                         margin-bottom: 8px;
  1465.                     }
  1466.  
  1467.                     .tabmenu li#tab-grant.selected, .tabmenu li#tab-templates.selected,
  1468.                     .tabmenu li#tab-link_templates.selected {margin: 7px 0px 4px 0px;}
  1469.  
  1470.                     .tabmenu li#tab-grant.selected a, .tabmenu li#tab-grant a:hover,
  1471.                     .tabmenu li#tab-templates.selected a, .tabmenu li#tab-templates a:hover,
  1472.                     .tabmenu li#tab-link_templates.selected a, .tabmenu li#tab-link_templates a:hover {color: #333;}
  1473.         /* WIKI Page */
  1474.         .wiki-page .wiki-page-content {
  1475.             margin: 5px 320px 10px 0px;
  1476.             padding: 5px 10px 5px 10px;
  1477.             background-color: #fff;
  1478.             border: 1px solid #d8d8d8;
  1479.         }
  1480.  
  1481.             .wiki-page .tabmenu li:nth-of-type(3), 
  1482.             .wiki-page .tabmenu li:nth-of-type(4), 
  1483.             .wiki-page .tabmenu li a[href*="/promoted"],
  1484.             .wiki-page .tabmenu li a[href*="/gilded"]
  1485.             {display:none;}
  1486.  
  1487.             .wiki-page .wiki-page-content .md.wiki h1 {
  1488.                 margin-top: 0.5em;
  1489.                 color: #333;
  1490.                 font-size: 1.5em;
  1491.                 font-family: Arial, sans-serif;
  1492.             }
  1493.  
  1494.                 .wiki-page .wiki-page-content .md.wiki h2 {font-size: 1.45em;}
  1495.                 .wiki-page .wiki-page-content .md.wiki h3 {font-size: 1.4em;}
  1496.                 .wiki-page .wiki-page-content .md.wiki h4 {font-size: 1.35em;}
  1497.  
  1498.             .wiki-page .wiki-page-content .md.wiki p, .wiki-page .wiki-page-content .md.wiki .md.wiki blockquote {
  1499.                 color: #404040;
  1500.                 font-weight: normal;
  1501.                 font-size: 14px;
  1502.                 font-family: Arial, sans-serif;
  1503.                 line-height: 1.5em;
  1504.             }
  1505.  
  1506.             .wiki-page .pageactions {
  1507.                 border: none;
  1508.                 border-radius: 0px;
  1509.             }
  1510.  
  1511.                 .wiki-page .pageactions .wikiaction {
  1512.                     text-transform: capitalize;
  1513.                     font-size: 110%;
  1514.                 }
  1515.  
  1516.                     .wiki-page .pageactions .wikiaction:hover {
  1517.                         background-color: transparent;
  1518.                     }
  1519.  
  1520.                     .wiki-page .pageactions .wikiaction-current {
  1521.                         background-color: #55bdd8;
  1522.                         border-radius: 0px;
  1523.                         color: #fff;
  1524.                     }
  1525.  
  1526.                         .wiki-page .pageactions .wikiaction-current:hover {
  1527.                             background-color: #528bf3;
  1528.                             text-decoration: none;
  1529.                         }
  1530.  
  1531.             .wiki-page .wiki-page-content .md.wiki>.toc>ul {
  1532.                 padding: 10px 10px;
  1533.                 border: 1px solid #e5e5e5;
  1534.                 font-weight: normal;
  1535.                 font-size: 110%;
  1536.             }
  1537.  
  1538.             .wiki-page .wiki-page-content .discussionlink {
  1539.                 display: inline-block;
  1540.                 position: relative;
  1541.                 top: inherit;
  1542.                 right: inherit;
  1543.                 left: inherit;
  1544.                 padding: inherit;
  1545.                 width: 175px;
  1546.             }
  1547.  
  1548.                 .wiki-page .wiki-page-content .discussionlink a {
  1549.                     padding-left: 0px;
  1550.                 }
  1551.  
  1552.                 .wiki-page .nextprev {display: none;}
  1553.                 .wiki-page-content em, .wiki-page-content form#editform label {font-size: 120%;}
  1554.  
  1555.  
  1556.         /*Stylesheet fix */
  1557.         .pretty-form {
  1558.             margin-right: 320px;
  1559.             margin-bottom: 10px;
  1560.             padding: 10px 10px 10px 10px;
  1561.             color: #707070;
  1562.         }
  1563.  
  1564.             .pretty-form textarea {-webkit-box-shadow: none;box-shadow: none;}
  1565.        
  1566.         .stylesheet-customize-container textarea {
  1567.             margin: 0;
  1568.             padding: 0px;
  1569.             border: 0px;
  1570.             border: 1px solid #d8d8d8;
  1571.             border-bottom: 1px solid #d8d8d8;
  1572.             border-radius: 3px;
  1573.             color: #707070;
  1574.             font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1575.         }
  1576.        
  1577.             /*.sheets .btn.right {display: none;}*/
  1578.             .sheets .col textarea {width: 100%;background-color: #fff;}
  1579.                 .sheets .col textarea:hover {border-color: #B1B1B1;}
  1580.                     .sheets .col textarea:focus {border-color: #55bdd8;}
  1581.             .sheets {margin-right: 0px;}
  1582.        
  1583.         #images {
  1584.             margin-right: 320px;
  1585.             margin-bottom: 30px;
  1586.             padding: 10px 10px 10px 10px;
  1587.             height: 1280px;
  1588.             color: #707070;
  1589.         }
  1590.        
  1591.             ul#image-preview-list {
  1592.                 margin: 15px 0px 0px 0px;
  1593.                 padding-bottom: 80px;
  1594.                 font-size: 14px;
  1595.             }
  1596.  
  1597.         /* COMMENT SECTION */
  1598.         .linkinfo {
  1599.             margin-top: -10px;
  1600.             padding-left: 10px;
  1601.             background-color: transparent;
  1602.             border: none;
  1603.             border-bottom: 1px solid #d5d5d5;
  1604.             color: #404040;
  1605.  
  1606.         }  
  1607.  
  1608.            
  1609.         .commentarea {
  1610.             margin-top: 10px;
  1611.             margin-right: 320px;
  1612.             margin-bottom: 30px;
  1613.             padding: 10px 10px 10px 10px;
  1614.             background-color: #FCFCFC;
  1615.             border-bottom: 3px solid #e5e5e5;
  1616.             color: #3b3b3b;
  1617.         }
  1618.  
  1619.             .commentarea>.usertext {
  1620.                 overflow:visible;
  1621.                 margin: 0px 0px 10px 0px;
  1622.                 padding: 0px 0px 0px 0px;
  1623.             }
  1624.            
  1625.             a.author {
  1626.                 margin-right:4px;
  1627.                 color: #5b92fa;
  1628.             }
  1629.                
  1630.             .comments-page .tagline {
  1631.                 color: #999;
  1632.                 font-size: small;
  1633.                 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1634.             }
  1635.  
  1636.                 .comments-page .tagline a {
  1637.                     margin-top: 1px;
  1638.                     background-color: transparent;
  1639.                     color: #5b92fa;
  1640.                     letter-spacing: 1px;
  1641.                     font-weight: bold;
  1642.                     font-size: 12px;
  1643.                 }  
  1644.  
  1645.                     .tagline a:hover {
  1646.                         text-decoration: underline;
  1647.                     }  
  1648.  
  1649.                 .tagline .submitter {color: #dd4b39!important;}        
  1650.                 .tagline .moderator,.green {color: #53a93f!important;}
  1651.                     .tagline .moderator:after {content: "oderator - speaking officially.";}
  1652.                     a.author.moderator:after {content: "";}
  1653.                 .tagline .moderator:hover {color: #65b354!important;}
  1654.            
  1655.             .comment .midcol {margin-top: 6px;width: 15px !important;}
  1656.             .comment .score {font-size: small;}
  1657.  
  1658.             /* Comments */
  1659.             .commentarea .menuarea {
  1660.                 display: inline;
  1661.                 margin: 0 0px 10px -320px;
  1662.                 padding: 0;
  1663.                 color: #c0c0c0;
  1664.                 font-weight: normal;
  1665.                 font-size: 110%;
  1666.             }
  1667.            
  1668.                 .panestack-title {
  1669.                     display: inline;
  1670.                     border-bottom: 1px solid #e5e5e5;
  1671.                     color: #c0c0c0;
  1672.                 }
  1673.            
  1674.                 /*.commentarea .menuarea .toggle a, .panestack-title .title, .help-hoverable {display: none;}*/
  1675.                 /*.panestack-title .title {display: none;}*/
  1676.                 .menuarea .spacer {display: inline-block; margin-right: 15px;}
  1677.                 .commentarea .menuarea .toggle a {font-size: 11px;color:#c0c0c0;font-weight: normal; }
  1678.                 .menuarea .spacer .drop-choices.lightdrop {
  1679.                     padding: 5px;
  1680.                     border-color: #DFDDDD;
  1681.                     box-shadow: 0px 1px 1px #C9C9C9;
  1682.                     font-family: arial, sans-serif;
  1683.                 }
  1684.  
  1685.                     .menuarea .spacer .drop-choices.lightdrop a.choice, .commentarea .menuarea form {
  1686.                         padding: 0.5px;
  1687.                         font-size: 14px;
  1688.                         color: #5b92fa;
  1689.                     }
  1690.  
  1691.                     .menuarea .spacer .drop-choices.lightdrop a.choice:hover, .commentarea .menuarea form:hover {
  1692.                         background-color: #fafde0;
  1693.                         color: #fff;
  1694.                         text-decoration: none;
  1695.                     }
  1696.  
  1697.            
  1698.                 .menuarea .dropdown.lightdrop .selected {
  1699.                     background-image: none;
  1700.                     color: #3b3b3b;
  1701.                     text-decoration: none;
  1702.                     opacity: 10;
  1703.                     filter: alpha(opacity=100);
  1704.                     cursor: pointer;
  1705.                 }
  1706.  
  1707.                     .menuarea .dropdown.lightdrop .selected:hover {color: #fafde0;}
  1708.                     .menuarea .dropdown.lightdrop .selected:after {
  1709.                         content: " ≡";
  1710.                         vertical-align: middle;
  1711.                         opacity: 0.5;
  1712.                         filter: alpha(opacity=50);
  1713.                     }
  1714.                
  1715.             .comments-page .comment .md {
  1716.                 color: #161616;
  1717.                 font-weight: normal;
  1718.                 font-size: 14px;
  1719.                 font-family: Arial, sans-serif;
  1720.                 line-height: 1.35em;
  1721.             }
  1722.  
  1723.                 hr {
  1724.                     border-width: 1px;
  1725.                     border-style: solid;
  1726.                     border-color: #e5e5e5;
  1727.                 }
  1728.                
  1729.             .comments-page textarea {
  1730.                 background-color: #fff;
  1731.                 border: 1px solid #cccccc;
  1732.                 color: #999;
  1733.                 font-size: 13px;
  1734.                 font-family: arial, sans-serif;
  1735.             }
  1736.  
  1737.                 .comments-page textarea:hover {border-color: #bebebe;}
  1738.                 .comments-page textarea:focus {border:1px solid #4d90fe;color: #000;}
  1739.  
  1740.                 .usertext .help-toggle, .usertext a.reddiquette {font-size: 100%;} 
  1741.                 .usertext a.reddiquette {color:#DD4B39;}
  1742.  
  1743.                 .comments-page .usertext.border .usertext-body {
  1744.                     padding-left: 5px;
  1745.                     background-color: #f0f0f0;
  1746.                 }
  1747.  
  1748.            
  1749.             .comment .expand {
  1750.                 background-color: transparent;
  1751.                 color: #999 !important;
  1752.             }
  1753.                
  1754.                 .comment .expand:hover {
  1755.                     background-color: transparent;
  1756.                     color: #999 !important;
  1757.                     text-decoration: underline;
  1758.                 }
  1759.                
  1760.                 .comment .child,.comment .showreplies {
  1761.                     margin-top: 10px;
  1762.                     margin-left: 15px;
  1763.                     border-left: 0px solid;
  1764.                 }
  1765.        
  1766.         /* H2 3 4 5 markup */
  1767.         .link .usertext .md h2, .comments-page .comment .md h2,
  1768.         .link .usertext .md h3, .comments-page .comment .md h3,
  1769.         .link .usertext .md h4, .comments-page .comment .md h4,
  1770.         .link .usertext .md h5, .comments-page .comment .md h5 {
  1771.             display: inline;
  1772.             margin-top: 5px;
  1773.             border: none;
  1774.             font-weight: normal;
  1775.             font-size: 18px;
  1776.             font-family: arial, sans-serif;
  1777.         }
  1778.  
  1779.             .link .usertext .md h2, .comments-page .comment .md h2 {color: #d73d32;}
  1780.             .link .usertext .md h3, .comments-page .comment .md h3 {color: #5b92fa;}
  1781.             .link .usertext .md h4, .comments-page .comment .md h4 {color: #53a93f;}
  1782.             .link .usertext .md h5, .comments-page .comment .md h5 {color: #f4b400;}
  1783.  
  1784.         /* Footer */
  1785.         .footer-parent {
  1786.             margin-top: 120px;
  1787.             padding-top: 0px;
  1788.             background-color: transparent;
  1789.         }
  1790.  
  1791.         .footer {
  1792.             border: none;
  1793.             color: #969696;
  1794.             font-family: arial, sans-serif;
  1795.         }
  1796.  
  1797.             .footer:before {
  1798.                 display: block;
  1799.                 margin: 10px;
  1800.                 padding: 10px;
  1801.                 color: #fafde0;
  1802.                 content: "Modified /r/Naut";
  1803.                 text-transform: none;
  1804.                 font-size: 16px;
  1805.                 font-family: arial, sans-serif;
  1806.             }
  1807.        
  1808.             .footer a {
  1809.                 color: #969696;
  1810.                 font-weight: normal;
  1811.                 font-size: 14px;
  1812.             }
  1813.  
  1814.                 .footer a:hover {
  1815.                     color: #000;
  1816.                     text-decoration: underline;
  1817.                 }
  1818.  
  1819.             .footer .col {border-left: 1px solid #D5D5D5;}
  1820.             .debuginfo {background-color: transparent;color: #969696;}
  1821.  
  1822.         /* Some login stuff */
  1823.         .login-form-side {
  1824.             border: 0px;
  1825.             border-bottom: 1px solid #d8d8d8;
  1826.             font-size: 120%;
  1827.             margin: 10px;
  1828.         }
  1829.  
  1830.         .login-form-side input[type=text], .login-form-side input[type=password] {
  1831.             margin: 10px 0px;
  1832.             width: 265px;
  1833.         }
  1834.        
  1835.             .popup {
  1836.                 position: fixed;
  1837.                 left: 10%;
  1838.                 margin-bottom: 30px;
  1839.                 padding: 10px 10px 10px 10px;
  1840.                 background-color: #33CCFF;
  1841.                 border: 0px solid;
  1842.                 border-radius: 2px;
  1843.                 color: #3b3b3b;
  1844.                 font-size: 16px;
  1845.                 font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1846.             }
  1847.        
  1848.                 .cover {
  1849.                     position: fixed;
  1850.                     top: 0px;
  1851.                     left: 0px;
  1852.                     z-index: 1000;
  1853.                     width: 100%;
  1854.                     height: 100%;
  1855.                     background-color: white;
  1856.                     opacity: .6;
  1857.                     filter: alpha(opacity=60);
  1858.                 }
  1859.  
  1860.         /* Search page */
  1861.         .search-page #search {
  1862.             position: relative;
  1863.             top: 0px;
  1864.             margin: 0px 150px 0px 80px;
  1865.             height: 50px;
  1866.             background: none !important;
  1867.             background-color: transparent;
  1868.             text-align: left;
  1869.         }  
  1870.  
  1871.             .search-page .searchpane {
  1872.                 margin: 5px 320px 5px 0px;
  1873.                 padding-left: 96px;
  1874.                 height: 120px;
  1875.             }
  1876.            
  1877.                 .search-page .raisedbox {
  1878.                     padding: 5px;
  1879.                     border: 0px solid;
  1880.                 }
  1881.  
  1882.                 .search-page #search input[type=text] {
  1883.                     padding: 5px 0px 5px 40px;
  1884.                     font-size: 150%;
  1885.                 }
  1886.  
  1887.            
  1888.             .searchfacets {
  1889.                 margin-top: 10px;
  1890.                 margin-right: 320px;
  1891.                 padding: 10px;
  1892.                 box-shadow:none;
  1893.                 color: #3b3b3b;
  1894.                 border: 0px solid;
  1895.                 border-bottom: 3px solid #E5E5E5;
  1896.             }
  1897.  
  1898.             .search-page #header .tabmenu {display: none !important;}
  1899.             .search-page .side {padding-top: 40px;}
  1900.            
  1901.             .search-summary {margin-right: 40px;}
  1902.  
  1903.         /* Fuckin' Reddit Enhancement Suite (RES) */
  1904.         .res .keyHighlight {
  1905.             background-color: transparent;
  1906.             outline: 0px solid;
  1907.         }
  1908.  
  1909.             .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  1910.                 background-color: transparent !important;
  1911.             }
  1912.  
  1913.                 .res .RES-keyNav-activeElement {outline: 1px dashed #C5C5C5 !important; border-radius: 0px !important;}
  1914.  
  1915.         /* Res Live Preview */
  1916.         .RESDialogSmall {
  1917.             border: 1px solid #DFDFDF!important;
  1918.             border-radius: 0px!important;
  1919.         }
  1920.  
  1921.         .RESDialogSmall > h3 {
  1922.             background-color: #f4f4f4!important;
  1923.             border-bottom: 1px solid #DFDFDF!important;
  1924.             border-radius: 0px!important;
  1925.             color: #333!important;
  1926.         }
  1927.  
  1928.         .res .comment {
  1929.             margin-top:0px !important;
  1930.             margin-bottom: 3px !important;
  1931.             border: 1px solid #f8f8f8 !important;
  1932.         }
  1933.        
  1934.         /* comment comment comment comment comment god damn it */
  1935.             .comments-page .comment {background-color: #FCFCFC !important;}
  1936.             .comments-page .comment .comment {background-color: #FCFCFC !important;}
  1937.             .comments-page .comment .comment .comment {background-color: #FCFCFC !important;}
  1938.             .comments-page .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1939.             .comments-page .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1940.             .comments-page .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1941.             .comments-page .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1942.             .comments-page .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1943.             .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1944.             .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1945.        
  1946.         .RESshortcutside {
  1947.             padding: 0px 0px !important;
  1948.             background: none repeat-x scroll center left !important;
  1949.             background-color: white !important;
  1950.             background-image: none !important;
  1951.             border: 0px solid !important;
  1952.             border-radius: 0px !important;
  1953.             color: #55bdd8 !important;
  1954.             text-transform: capitalize !important;
  1955.             font-weight: 500 !important;
  1956.             font-size: 14px !important;
  1957.             line-height: 20px !important;
  1958.         }
  1959.        
  1960.             .RESshortcutside.remove {
  1961.                 padding: 0px 3px 0px 0px !important;
  1962.                 background-color: white !important;
  1963.                 background-image: none !important;
  1964.                 border: 0px solid !important;
  1965.                 color: #3b3b3b !important;
  1966.                 font-weight: lighter !important;
  1967.             }
  1968.        
  1969.             .RESDashboardToggle {
  1970.                 padding: 0px 0px !important;
  1971.                 background: none repeat-x scroll center left !important;
  1972.                 background-color: white !important;
  1973.                 background-image: none !important;
  1974.                 border: 0px solid !important;
  1975.                 border-radius: 0px !important;
  1976.                 color: #55bdd8 !important;
  1977.                 text-transform: capitalize !important;
  1978.                 font-weight: 500 !important;
  1979.                 font-size: 14px !important;
  1980.                 line-height: 20px !important;
  1981.             }
  1982.        
  1983.             .RESDashboardToggle.remove {
  1984.                 padding: 2px 6px 2px 0px !important;
  1985.                 background-color: white !important;
  1986.                 background-image: none !important;
  1987.                 border: 0px solid !important;
  1988.                 color: #3b3b3b !important;
  1989.                 font-weight: lighter !important;
  1990.             }
  1991.        
  1992.             #RESShortcutsEditContainer {
  1993.                 top: 1px !important;
  1994.                 background-color: #2d2d2d !important;
  1995.             }
  1996.        
  1997.                 #RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash {
  1998.                     background-color: #2d2d2d !important;
  1999.                     color: #979797 !important;
  2000.                 }
  2001.  
  2002.             #srLeftContainer, #RESShortcutsViewport, #RESShortcutsEditContainer {
  2003.                 border-left: 1px solid #666;
  2004.                 padding-left: 10px;
  2005.             }
  2006.  
  2007.             .res #RESShortcutsSort {width: 30px !important;background-color: transparent !important;color:#B1B1B1 !important; }
  2008.             /* resresresresresresresrsesresresrsstop */
  2009.             .content .RESBigEditorPop  {color: #333 !important; padding:2px;}
  2010.             .markdownEditor {white-space: inherit !important;}
  2011.  
  2012.  
  2013.         #progressIndicator, #NERFail, .NERPageMarker {
  2014.             margin-right: 320px !important;
  2015.             width: inherit !important;
  2016.             background-color: white !important;
  2017.             border: 1px solid #d8d8d8 !important;
  2018.             border-top: 0px solid !important;
  2019.             border-bottom: 3px solid #d8d8d8 !important;
  2020.             border-radius: 2px !important;
  2021.         }
  2022.  
  2023.             .res #NREFloat {
  2024.                 top: 8px;
  2025.                 z-index: 100;
  2026.             }
  2027.  
  2028.                 .res .fancy-toggle-button .add:after {
  2029.                     right: 50px !important;
  2030.                 }
  2031.  
  2032.         .RESSubscriptionButton {
  2033.             background-color: white !important;
  2034.             border: 0px solid !important;
  2035.             border-radius: 0px !important;
  2036.             color: #55bdd8 !important;
  2037.         }
  2038.        
  2039.         .res #header-bottom-right {
  2040.             right: 10px;
  2041.             top: 141px !important;
  2042.             padding: 4px 2px 5px 2px !important;
  2043.             border-radius: 0px !important;
  2044.         }
  2045.  
  2046.            
  2047.        
  2048.             .res #userbarToggle {display: none !important;}
  2049.  
  2050.             #RESAccountSwitcherIcon {margin-top: -5px;}
  2051.  
  2052.             .res .author.submitter {
  2053.                 padding: 2px 5px !important;
  2054.                 background-color: #DD4B39!important;
  2055.                 border-radius: 0px !important;
  2056.                 color: #fff !important;
  2057.             }
  2058.  
  2059.                 .res .author.submitter:hover {background-color: #ed5f4d !important;}
  2060.  
  2061.             .res .author.moderator {
  2062.                 padding: 2px 5px !important;
  2063.                 background-color: #53a93f !important;
  2064.                 border-radius: 0px !important;
  2065.                 color: #fff !important;
  2066.             }
  2067.  
  2068.                 .res .author.moderator:hover {
  2069.                     background-color: #64be4f !important;
  2070.                     color: #fff !important;
  2071.                 }
  2072.  
  2073.             .res .blueButton {
  2074.                 padding: 2px 3px !important;
  2075.                 background-color: #53a93f !important;
  2076.                 border: none !important;
  2077.                 border-radius: 0px !important;
  2078.  
  2079.             }
  2080.  
  2081.  
  2082.  
  2083.         /* CUSTOMIZATION */
  2084.  
  2085.     /* --------------------------- */
  2086.  
  2087.         /* Link Flairs that you can make! */
  2088.  
  2089.             .linkflair-one .linkflairlabel {
  2090.                 background-color: #dc4437;
  2091.                 border: 1px solid #d03e32;
  2092.                 color: #fff;
  2093.             }
  2094.  
  2095.             .linkflair-two .linkflairlabel {
  2096.                 background-color: #f5b400;
  2097.                 border: 1px solid #e5a800;
  2098.                 color: #fff;
  2099.             }
  2100.  
  2101.             .linkflair-three .linkflairlabel {
  2102.                 background-color: #fff;
  2103.                 border: 1px solid #3a7ae6;
  2104.                 color: #fff;
  2105.             }
  2106.  
  2107.                 /* Create your own! */
  2108.  
  2109.                         /* "squee" can be anything!
  2110.                         This is what you use in the CSS field at the flair page */
  2111.                 .linkflair-squee .linkflairlabel {
  2112.                 background-color: #5b92f9; /* Base color */
  2113.                 border: 1px solid #3a7ae6;  /* Slightly darker to create nice edges */
  2114.                 color: #fff; /* Text color - alternatively use #333 when white is too light */
  2115.                 }
  2116.  
  2117.  
  2118.  
  2119.     /* --------------------------- */
  2120.  
  2121.         /*My subreddit mainly uses SELF posts */
  2122.  
  2123.             /*.sidebox.submit.submit-link {display: none;} */
  2124.    
  2125.         /* My subreddit mainly uses LINK posts */
  2126.             /* Then add to the line above and remove  from
  2127.             the line below the asterix and slahes */
  2128.  
  2129.  
  2130.             /*.sidebox.submit.submit-text {display: none;}*/
  2131.  
  2132.     /* --------------------------- */
  2133.  
  2134.     /* Submit page message */
  2135.         .formtabs-content .infobar:before {
  2136.             content: "Here you can set text that users will see when submitting."; /* Don't delete the " "*/
  2137.         }
  2138.  
  2139.     /* Subscriber Name */
  2140.         div.titlebox span.number:after {content: " readers";} /* Leave the space before the name! */
  2141.  
  2142. /* --  C.6. Sidebar Image - view only
  2143.         see http://www.reddit.com/r/mindashq/wiki/modules/SidebarImages for details    
  2144.      +  Add only when corresponding image is loaded in community settings > stylesheet
  2145.      +  Update the main CSS header comment block when this module is used
  2146. ---- */
  2147.  
  2148. .side .usertext-body:after{
  2149.     content: url('%%logo%%');
  2150.     display: block;
  2151.     overflow: hidden;
  2152.     margin: 10px 0px;
  2153.     text-align: center;
  2154. }
  2155. /* --  C.6.end Sidebar Image ---- */
  2156.  
  2157.  
  2158.  
  2159.  
  2160.  
  2161. /*
  2162. ---------------------  
  2163. Most things icon related. Note: If you do not want the icons to be available for your users you simply add .side before every a, for example:
  2164. a[href*='#icon-']
  2165. becomes
  2166. .side a[href*='#icon-']
  2167. The easiest way to do this is with a search and replace query in your favorite editor
  2168. ---------------------  
  2169. */
  2170. a[href*='#icon-'] {
  2171.     color: #000!important;
  2172.     cursor: default;
  2173. }
  2174.  
  2175.  
  2176. /* remove RES annotation since these aren't really links */
  2177. a[href*='#icon-'] + .keyNavAnnotation {
  2178.     display: none;
  2179. }
  2180.  
  2181. a[href*='#icon-']:hover {
  2182.     text-decoration: none;
  2183. }
  2184.  
  2185. a[href*='#icon-']::before {
  2186.     display: inline-block;
  2187.     height: 16px;
  2188.     width: 16px;
  2189.     content: '';
  2190.     margin: 0 5px -1px 0;
  2191.     background: url(%%sprite-icon-16%%) no-repeat top left;
  2192. }
  2193.  
  2194. a[href='#icon-adjust']::before {
  2195.     background-position: 0 0;
  2196. }
  2197.  
  2198. a[href='#icon-adn']::before {
  2199.     background-position: 0 -34px;
  2200. }
  2201.  
  2202. a[href='#icon-align-center']::before {
  2203.     background-position: 0 -68px;
  2204. }
  2205.  
  2206. a[href='#icon-align-justify']::before {
  2207.     background-position: 0 -102px;
  2208. }
  2209.  
  2210. a[href='#icon-align-left']::before {
  2211.     background-position: 0 -136px;
  2212. }
  2213.  
  2214. a[href='#icon-align-right']::before {
  2215.     background-position: 0 -170px;
  2216. }
  2217.  
  2218. a[href='#icon-ambulance']::before {
  2219.     background-position: 0 -204px;
  2220. }
  2221.  
  2222. a[href='#icon-anchor']::before {
  2223.     background-position: 0 -238px;
  2224. }
  2225.  
  2226. a[href='#icon-android']::before {
  2227.     background-position: 0 -272px;
  2228. }
  2229.  
  2230. a[href='#icon-angle-down']::before {
  2231.     background-position: 0 -306px;
  2232. }
  2233.  
  2234. a[href='#icon-angle-left']::before {
  2235.     background-position: 0 -340px;
  2236. }
  2237.  
  2238. a[href='#icon-angle-right']::before {
  2239.     background-position: 0 -374px;
  2240. }
  2241.  
  2242. a[href='#icon-angle-up']::before {
  2243.     background-position: 0 -408px;
  2244. }
  2245.  
  2246. a[href='#icon-apple']::before {
  2247.     background-position: 0 -442px;
  2248. }
  2249.  
  2250. a[href='#icon-archive']::before {
  2251.     background-position: 0 -476px;
  2252. }
  2253.  
  2254. a[href='#icon-arrow-down']::before {
  2255.     background-position: 0 -510px;
  2256. }
  2257.  
  2258. a[href='#icon-arrow-left']::before {
  2259.     background-position: 0 -544px;
  2260. }
  2261.  
  2262. a[href='#icon-arrow-right']::before {
  2263.     background-position: 0 -578px;
  2264. }
  2265.  
  2266. a[href='#icon-arrow-up']::before {
  2267.     background-position: 0 -612px;
  2268. }
  2269.  
  2270. a[href='#icon-asterisk']::before {
  2271.     background-position: 0 -646px;
  2272. }
  2273.  
  2274. a[href='#icon-backward']::before {
  2275.     background-position: 0 -680px;
  2276. }
  2277.  
  2278. a[href='#icon-ban-circle']::before {
  2279.     background-position: 0 -714px;
  2280. }
  2281.  
  2282. a[href='#icon-bar-chart']::before {
  2283.     background-position: 0 -748px;
  2284. }
  2285.  
  2286. a[href='#icon-barcode']::before {
  2287.     background-position: 0 -782px;
  2288. }
  2289.  
  2290. a[href='#icon-beaker']::before {
  2291.     background-position: 0 -816px;
  2292. }
  2293.  
  2294. a[href='#icon-beer']::before {
  2295.     background-position: 0 -850px;
  2296. }
  2297.  
  2298. a[href='#icon-bell-alt']::before {
  2299.     background-position: 0 -884px;
  2300. }
  2301.  
  2302. a[href='#icon-bell']::before {
  2303.     background-position: 0 -918px;
  2304. }
  2305.  
  2306. a[href='#icon-bitbucket-sign']::before {
  2307.     background-position: 0 -952px;
  2308. }
  2309.  
  2310. a[href='#icon-bitbucket']::before {
  2311.     background-position: 0 -986px;
  2312. }
  2313.  
  2314. a[href='#icon-bitcoin']::before {
  2315.     background-position: 0 -1020px;
  2316. }
  2317.  
  2318. a[href='#icon-bold']::before {
  2319.     background-position: 0 -1054px;
  2320. }
  2321.  
  2322. a[href='#icon-bolt']::before {
  2323.     background-position: 0 -1088px;
  2324. }
  2325.  
  2326. a[href='#icon-book']::before {
  2327.     background-position: 0 -1122px;
  2328. }
  2329.  
  2330. a[href='#icon-bookmark-empty']::before {
  2331.     background-position: 0 -1156px;
  2332. }
  2333.  
  2334. a[href='#icon-bookmark']::before {
  2335.     background-position: 0 -1190px;
  2336. }
  2337.  
  2338. a[href='#icon-briefcase']::before {
  2339.     background-position: 0 -1224px;
  2340. }
  2341.  
  2342. a[href='#icon-btc']::before {
  2343.     background-position: 0 -1258px;
  2344. }
  2345.  
  2346. a[href='#icon-bug']::before {
  2347.     background-position: 0 -1292px;
  2348. }
  2349.  
  2350. a[href='#icon-building']::before {
  2351.     background-position: 0 -1326px;
  2352. }
  2353.  
  2354. a[href='#icon-bullhorn']::before {
  2355.     background-position: 0 -1360px;
  2356. }
  2357.  
  2358. a[href='#icon-bullseye']::before {
  2359.     background-position: 0 -1394px;
  2360. }
  2361.  
  2362. a[href='#icon-calendar-empty']::before {
  2363.     background-position: 0 -1428px;
  2364. }
  2365.  
  2366. a[href='#icon-calendar']::before {
  2367.     background-position: 0 -1462px;
  2368. }
  2369.  
  2370. a[href='#icon-camera-retro']::before {
  2371.     background-position: 0 -1496px;
  2372. }
  2373.  
  2374. a[href='#icon-camera']::before {
  2375.     background-position: 0 -1530px;
  2376. }
  2377.  
  2378. a[href='#icon-caret-down']::before {
  2379.     background-position: 0 -1564px;
  2380. }
  2381.  
  2382. a[href='#icon-caret-left']::before {
  2383.     background-position: 0 -1598px;
  2384. }
  2385.  
  2386. a[href='#icon-caret-right']::before {
  2387.     background-position: 0 -1632px;
  2388. }
  2389.  
  2390. a[href='#icon-caret-up']::before {
  2391.     background-position: 0 -1666px;
  2392. }
  2393.  
  2394. a[href='#icon-certificate']::before {
  2395.     background-position: 0 -1700px;
  2396. }
  2397.  
  2398. a[href='#icon-check-empty']::before {
  2399.     background-position: 0 -1734px;
  2400. }
  2401.  
  2402. a[href='#icon-check-minus']::before {
  2403.     background-position: 0 -1768px;
  2404. }
  2405.  
  2406. a[href='#icon-check-sign']::before {
  2407.     background-position: 0 -1802px;
  2408. }
  2409.  
  2410. a[href='#icon-check']::before {
  2411.     background-position: 0 -1836px;
  2412. }
  2413.  
  2414. a[href='#icon-chevron-down']::before {
  2415.     background-position: 0 -1870px;
  2416. }
  2417.  
  2418. a[href='#icon-chevron-left']::before {
  2419.     background-position: 0 -1904px;
  2420. }
  2421.  
  2422. a[href='#icon-chevron-right']::before {
  2423.     background-position: 0 -1938px;
  2424. }
  2425.  
  2426. a[href='#icon-chevron-sign-down']::before {
  2427.     background-position: 0 -1972px;
  2428. }
  2429.  
  2430. a[href='#icon-chevron-sign-left']::before {
  2431.     background-position: 0 -2006px;
  2432. }
  2433.  
  2434. a[href='#icon-chevron-sign-right']::before {
  2435.     background-position: 0 -2040px;
  2436. }
  2437.  
  2438. a[href='#icon-chevron-sign-up']::before {
  2439.     background-position: 0 -2074px;
  2440. }
  2441.  
  2442. a[href='#icon-chevron-up']::before {
  2443.     background-position: 0 -2108px;
  2444. }
  2445.  
  2446. a[href='#icon-circle-arrow-down']::before {
  2447.     background-position: 0 -2142px;
  2448. }
  2449.  
  2450. a[href='#icon-circle-arrow-left']::before {
  2451.     background-position: 0 -2176px;
  2452. }
  2453.  
  2454. a[href='#icon-circle-arrow-right']::before {
  2455.     background-position: 0 -2210px;
  2456. }
  2457.  
  2458. a[href='#icon-circle-arrow-up']::before {
  2459.     background-position: 0 -2244px;
  2460. }
  2461.  
  2462. a[href='#icon-circle-blank']::before {
  2463.     background-position: 0 -2278px;
  2464. }
  2465.  
  2466. a[href='#icon-circle']::before {
  2467.     background-position: 0 -2312px;
  2468. }
  2469.  
  2470. a[href='#icon-cloud-download']::before {
  2471.     background-position: 0 -2346px;
  2472. }
  2473.  
  2474. a[href='#icon-cloud-upload']::before {
  2475.     background-position: 0 -2380px;
  2476. }
  2477.  
  2478. a[href='#icon-cloud']::before {
  2479.     background-position: 0 -2414px;
  2480. }
  2481.  
  2482. a[href='#icon-cny']::before {
  2483.     background-position: 0 -2448px;
  2484. }
  2485.  
  2486. a[href='#icon-code-fork']::before {
  2487.     background-position: 0 -2482px;
  2488. }
  2489.  
  2490. a[href='#icon-code']::before {
  2491.     background-position: 0 -2516px;
  2492. }
  2493.  
  2494. a[href='#icon-coffee']::before {
  2495.     background-position: 0 -2550px;
  2496. }
  2497.  
  2498. a[href='#icon-cog']::before {
  2499.     background-position: 0 -2584px;
  2500. }
  2501.  
  2502. a[href='#icon-cogs']::before {
  2503.     background-position: 0 -2618px;
  2504. }
  2505.  
  2506. a[href='#icon-collapse-alt']::before {
  2507.     background-position: 0 -2652px;
  2508. }
  2509.  
  2510. a[href='#icon-collapse-top']::before {
  2511.     background-position: 0 -2686px;
  2512. }
  2513.  
  2514. a[href='#icon-collapse']::before {
  2515.     background-position: 0 -2720px;
  2516. }
  2517.  
  2518. a[href='#icon-columns']::before {
  2519.     background-position: 0 -2754px;
  2520. }
  2521.  
  2522. a[href='#icon-comment-alt']::before {
  2523.     background-position: 0 -2788px;
  2524. }
  2525.  
  2526. a[href='#icon-comment']::before {
  2527.     background-position: 0 -2822px;
  2528. }
  2529.  
  2530. a[href='#icon-comments-alt']::before {
  2531.     background-position: 0 -2856px;
  2532. }
  2533.  
  2534. a[href='#icon-comments']::before {
  2535.     background-position: 0 -2890px;
  2536. }
  2537.  
  2538. a[href='#icon-compass']::before {
  2539.     background-position: 0 -2924px;
  2540. }
  2541.  
  2542. a[href='#icon-copy']::before {
  2543.     background-position: 0 -2958px;
  2544. }
  2545.  
  2546. a[href='#icon-credit-card']::before {
  2547.     background-position: 0 -2992px;
  2548. }
  2549.  
  2550. a[href='#icon-crop']::before {
  2551.     background-position: 0 -3026px;
  2552. }
  2553.  
  2554. a[href='#icon-css3']::before {
  2555.     background-position: 0 -3060px;
  2556. }
  2557.  
  2558. a[href='#icon-cut']::before {
  2559.     background-position: 0 -3094px;
  2560. }
  2561.  
  2562. a[href='#icon-dashboard']::before {
  2563.     background-position: 0 -3128px;
  2564. }
  2565.  
  2566. a[href='#icon-desktop']::before {
  2567.     background-position: 0 -3162px;
  2568. }
  2569.  
  2570. a[href='#icon-dollar']::before {
  2571.     background-position: 0 -3196px;
  2572. }
  2573.  
  2574. a[href='#icon-double-angle-down']::before {
  2575.     background-position: 0 -3230px;
  2576. }
  2577.  
  2578. a[href='#icon-double-angle-left']::before {
  2579.     background-position: 0 -3264px;
  2580. }
  2581.  
  2582. a[href='#icon-double-angle-right']::before {
  2583.     background-position: 0 -3298px;
  2584. }
  2585.  
  2586. a[href='#icon-double-angle-up']::before {
  2587.     background-position: 0 -3332px;
  2588. }
  2589.  
  2590. a[href='#icon-download-alt']::before {
  2591.     background-position: 0 -3366px;
  2592. }
  2593.  
  2594. a[href='#icon-download']::before {
  2595.     background-position: 0 -3400px;
  2596. }
  2597.  
  2598. a[href='#icon-dribbble']::before {
  2599.     background-position: 0 -3434px;
  2600. }
  2601.  
  2602. a[href='#icon-dropbox']::before {
  2603.     background-position: 0 -3468px;
  2604. }
  2605.  
  2606. a[href='#icon-edit-sign']::before {
  2607.     background-position: 0 -3502px;
  2608. }
  2609.  
  2610. a[href='#icon-edit']::before {
  2611.     background-position: 0 -3536px;
  2612. }
  2613.  
  2614. a[href='#icon-eject']::before {
  2615.     background-position: 0 -3570px;
  2616. }
  2617.  
  2618. a[href='#icon-ellipsis-horizontal']::before {
  2619.     background-position: 0 -3604px;
  2620. }
  2621.  
  2622. a[href='#icon-ellipsis-vertical']::before {
  2623.     background-position: 0 -3638px;
  2624. }
  2625.  
  2626. a[href='#icon-envelope-alt']::before {
  2627.     background-position: 0 -3672px;
  2628. }
  2629.  
  2630. a[href='#icon-envelope']::before {
  2631.     background-position: 0 -3706px;
  2632. }
  2633.  
  2634. a[href='#icon-eraser']::before {
  2635.     background-position: 0 -3740px;
  2636. }
  2637.  
  2638. a[href='#icon-eur']::before {
  2639.     background-position: 0 -3774px;
  2640. }
  2641.  
  2642. a[href='#icon-euro']::before {
  2643.     background-position: 0 -3808px;
  2644. }
  2645.  
  2646. a[href='#icon-exchange']::before {
  2647.     background-position: 0 -3842px;
  2648. }
  2649.  
  2650. a[href='#icon-exclamation-sign']::before {
  2651.     background-position: 0 -3876px;
  2652. }
  2653.  
  2654. a[href='#icon-exclamation']::before {
  2655.     background-position: 0 -3910px;
  2656. }
  2657.  
  2658. a[href='#icon-expand-alt']::before {
  2659.     background-position: 0 -3944px;
  2660. }
  2661.  
  2662. a[href='#icon-expand']::before {
  2663.     background-position: 0 -3978px;
  2664. }
  2665.  
  2666. a[href='#icon-external-link-sign']::before {
  2667.     background-position: 0 -4012px;
  2668. }
  2669.  
  2670. a[href='#icon-external-link']::before {
  2671.     background-position: 0 -4046px;
  2672. }
  2673.  
  2674. a[href='#icon-eye-close']::before {
  2675.     background-position: 0 -4080px;
  2676. }
  2677.  
  2678. a[href='#icon-eye-open']::before {
  2679.     background-position: 0 -4114px;
  2680. }
  2681.  
  2682. a[href='#icon-facebook-sign']::before {
  2683.     background-position: 0 -4148px;
  2684. }
  2685.  
  2686. a[href='#icon-facebook']::before {
  2687.     background-position: 0 -4182px;
  2688. }
  2689.  
  2690. a[href='#icon-facetime-video']::before {
  2691.     background-position: 0 -4216px;
  2692. }
  2693.  
  2694. a[href='#icon-fast-backward']::before {
  2695.     background-position: 0 -4250px;
  2696. }
  2697.  
  2698. a[href='#icon-fast-forward']::before {
  2699.     background-position: 0 -4284px;
  2700. }
  2701.  
  2702. a[href='#icon-female']::before {
  2703.     background-position: 0 -4318px;
  2704. }
  2705.  
  2706. a[href='#icon-fighter-jet']::before {
  2707.     background-position: 0 -4352px;
  2708. }
  2709.  
  2710. a[href='#icon-file-alt']::before {
  2711.     background-position: 0 -4386px;
  2712. }
  2713.  
  2714. a[href='#icon-file-text-alt']::before {
  2715.     background-position: 0 -4420px;
  2716. }
  2717.  
  2718. a[href='#icon-file-text']::before {
  2719.     background-position: 0 -4454px;
  2720. }
  2721.  
  2722. a[href='#icon-file']::before {
  2723.     background-position: 0 -4488px;
  2724. }
  2725.  
  2726. a[href='#icon-film']::before {
  2727.     background-position: 0 -4522px;
  2728. }
  2729.  
  2730. a[href='#icon-filter']::before {
  2731.     background-position: 0 -4556px;
  2732. }
  2733.  
  2734. a[href='#icon-fire-extinguisher']::before {
  2735.     background-position: 0 -4590px;
  2736. }
  2737.  
  2738. a[href='#icon-fire']::before {
  2739.     background-position: 0 -4624px;
  2740. }
  2741.  
  2742. a[href='#icon-flag-alt']::before {
  2743.     background-position: 0 -4658px;
  2744. }
  2745.  
  2746. a[href='#icon-flag-checkered']::before {
  2747.     background-position: 0 -4692px;
  2748. }
  2749.  
  2750. a[href='#icon-flag']::before {
  2751.     background-position: 0 -4726px;
  2752. }
  2753.  
  2754. a[href='#icon-flickr']::before {
  2755.     background-position: 0 -4760px;
  2756. }
  2757.  
  2758. a[href='#icon-folder-close-alt']::before {
  2759.     background-position: 0 -4794px;
  2760. }
  2761.  
  2762. a[href='#icon-folder-close']::before {
  2763.     background-position: 0 -4828px;
  2764. }
  2765.  
  2766. a[href='#icon-folder-open-alt']::before {
  2767.     background-position: 0 -4862px;
  2768. }
  2769.  
  2770. a[href='#icon-folder-open']::before {
  2771.     background-position: 0 -4896px;
  2772. }
  2773.  
  2774. a[href='#icon-font']::before {
  2775.     background-position: 0 -4930px;
  2776. }
  2777.  
  2778. a[href='#icon-food']::before {
  2779.     background-position: 0 -4964px;
  2780. }
  2781.  
  2782. a[href='#icon-forward']::before {
  2783.     background-position: 0 -4998px;
  2784. }
  2785.  
  2786. a[href='#icon-foursquare']::before {
  2787.     background-position: 0 -5032px;
  2788. }
  2789.  
  2790. a[href='#icon-frown']::before {
  2791.     background-position: 0 -5066px;
  2792. }
  2793.  
  2794. a[href='#icon-fullscreen']::before {
  2795.     background-position: 0 -5100px;
  2796. }
  2797.  
  2798. a[href='#icon-gamepad']::before {
  2799.     background-position: 0 -5134px;
  2800. }
  2801.  
  2802. a[href='#icon-gbp']::before {
  2803.     background-position: 0 -5168px;
  2804. }
  2805.  
  2806. a[href='#icon-gear']::before {
  2807.     background-position: 0 -5202px;
  2808. }
  2809.  
  2810. a[href='#icon-gears']::before {
  2811.     background-position: 0 -5236px;
  2812. }
  2813.  
  2814. a[href='#icon-gift']::before {
  2815.     background-position: 0 -5270px;
  2816. }
  2817.  
  2818. a[href='#icon-github-alt']::before {
  2819.     background-position: 0 -5304px;
  2820. }
  2821.  
  2822. a[href='#icon-github-sign']::before {
  2823.     background-position: 0 -5338px;
  2824. }
  2825.  
  2826. a[href='#icon-github']::before {
  2827.     background-position: 0 -5372px;
  2828. }
  2829.  
  2830. a[href='#icon-gittip']::before {
  2831.     background-position: 0 -5406px;
  2832. }
  2833.  
  2834. a[href='#icon-glass']::before {
  2835.     background-position: 0 -5440px;
  2836. }
  2837.  
  2838. a[href='#icon-globe']::before {
  2839.     background-position: 0 -5474px;
  2840. }
  2841.  
  2842. a[href='#icon-google-plus-sign']::before {
  2843.     background-position: 0 -5508px;
  2844. }
  2845.  
  2846. a[href='#icon-google-plus']::before {
  2847.     background-position: 0 -5542px;
  2848. }
  2849.  
  2850. a[href='#icon-group']::before {
  2851.     background-position: 0 -5576px;
  2852. }
  2853.  
  2854. a[href='#icon-h-sign']::before {
  2855.     background-position: 0 -5610px;
  2856. }
  2857.  
  2858. a[href='#icon-hand-down']::before {
  2859.     background-position: 0 -5644px;
  2860. }
  2861.  
  2862. a[href='#icon-hand-left']::before {
  2863.     background-position: 0 -5678px;
  2864. }
  2865.  
  2866. a[href='#icon-hand-right']::before {
  2867.     background-position: 0 -5712px;
  2868. }
  2869.  
  2870. a[href='#icon-hand-up']::before {
  2871.     background-position: 0 -5746px;
  2872. }
  2873.  
  2874. a[href='#icon-hdd']::before {
  2875.     background-position: 0 -5780px;
  2876. }
  2877.  
  2878. a[href='#icon-headphones']::before {
  2879.     background-position: 0 -5814px;
  2880. }
  2881.  
  2882. a[href='#icon-heart-empty']::before {
  2883.     background-position: 0 -5848px;
  2884. }
  2885.  
  2886. a[href='#icon-heart']::before {
  2887.     background-position: 0 -5882px;
  2888. }
  2889.  
  2890. a[href='#icon-home']::before {
  2891.     background-position: 0 -5916px;
  2892. }
  2893.  
  2894. a[href='#icon-hospital']::before {
  2895.     background-position: 0 -5950px;
  2896. }
  2897.  
  2898. a[href='#icon-html5']::before {
  2899.     background-position: 0 -5984px;
  2900. }
  2901.  
  2902. a[href='#icon-inbox']::before {
  2903.     background-position: 0 -6018px;
  2904. }
  2905.  
  2906. a[href='#icon-indent-left']::before {
  2907.     background-position: 0 -6052px;
  2908. }
  2909.  
  2910. a[href='#icon-indent-right']::before {
  2911.     background-position: 0 -6086px;
  2912. }
  2913.  
  2914. a[href='#icon-info-sign']::before {
  2915.     background-position: 0 -6120px;
  2916. }
  2917.  
  2918. a[href='#icon-info']::before {
  2919.     background-position: 0 -6154px;
  2920. }
  2921.  
  2922. a[href='#icon-inr']::before {
  2923.     background-position: 0 -6188px;
  2924. }
  2925.  
  2926. a[href='#icon-instagram']::before {
  2927.     background-position: 0 -6222px;
  2928. }
  2929.  
  2930. a[href='#icon-italic']::before {
  2931.     background-position: 0 -6256px;
  2932. }
  2933.  
  2934. a[href='#icon-jpy']::before {
  2935.     background-position: 0 -6290px;
  2936. }
  2937.  
  2938. a[href='#icon-key']::before {
  2939.     background-position: 0 -6324px;
  2940. }
  2941.  
  2942. a[href='#icon-keyboard']::before {
  2943.     background-position: 0 -6358px;
  2944. }
  2945.  
  2946. a[href='#icon-krw']::before {
  2947.     background-position: 0 -6392px;
  2948. }
  2949.  
  2950. a[href='#icon-laptop']::before {
  2951.     background-position: 0 -6426px;
  2952. }
  2953.  
  2954. a[href='#icon-leaf']::before {
  2955.     background-position: 0 -6460px;
  2956. }
  2957.  
  2958. a[href='#icon-legal']::before {
  2959.     background-position: 0 -6494px;
  2960. }
  2961.  
  2962. a[href='#icon-lemon']::before {
  2963.     background-position: 0 -6528px;
  2964. }
  2965.  
  2966. a[href='#icon-level-down']::before {
  2967.     background-position: 0 -6562px;
  2968. }
  2969.  
  2970. a[href='#icon-level-up']::before {
  2971.     background-position: 0 -6596px;
  2972. }
  2973.  
  2974. a[href='#icon-lightbulb']::before {
  2975.     background-position: 0 -6630px;
  2976. }
  2977.  
  2978. a[href='#icon-link']::before {
  2979.     background-position: 0 -6664px;
  2980. }
  2981.  
  2982. a[href='#icon-linkedin-sign']::before {
  2983.     background-position: 0 -6698px;
  2984. }
  2985.  
  2986. a[href='#icon-linkedin']::before {
  2987.     background-position: 0 -6732px;
  2988. }
  2989.  
  2990. a[href='#icon-linux']::before {
  2991.     background-position: 0 -6766px;
  2992. }
  2993.  
  2994. a[href='#icon-list-alt']::before {
  2995.     background-position: 0 -6800px;
  2996. }
  2997.  
  2998. a[href='#icon-list-ol']::before {
  2999.     background-position: 0 -6834px;
  3000. }
  3001.  
  3002. a[href='#icon-list-ul']::before {
  3003.     background-position: 0 -6868px;
  3004. }
  3005.  
  3006. a[href='#icon-list']::before {
  3007.     background-position: 0 -6902px;
  3008. }
  3009.  
  3010. a[href='#icon-location-arrow']::before {
  3011.     background-position: 0 -6936px;
  3012. }
  3013.  
  3014. a[href='#icon-lock']::before {
  3015.     background-position: 0 -6970px;
  3016. }
  3017.  
  3018. a[href='#icon-long-arrow-down']::before {
  3019.     background-position: 0 -7004px;
  3020. }
  3021.  
  3022. a[href='#icon-long-arrow-left']::before {
  3023.     background-position: 0 -7038px;
  3024. }
  3025.  
  3026. a[href='#icon-long-arrow-right']::before {
  3027.     background-position: 0 -7072px;
  3028. }
  3029.  
  3030. a[href='#icon-long-arrow-up']::before {
  3031.     background-position: 0 -7106px;
  3032. }
  3033.  
  3034. a[href='#icon-magic']::before {
  3035.     background-position: 0 -7140px;
  3036. }
  3037.  
  3038. a[href='#icon-magnet']::before {
  3039.     background-position: 0 -7174px;
  3040. }
  3041.  
  3042. a[href='#icon-mail-forward']::before {
  3043.     background-position: 0 -7208px;
  3044. }
  3045.  
  3046. a[href='#icon-mail-reply-all']::before {
  3047.     background-position: 0 -7242px;
  3048. }
  3049.  
  3050. a[href='#icon-mail-reply']::before {
  3051.     background-position: 0 -7276px;
  3052. }
  3053.  
  3054. a[href='#icon-male']::before {
  3055.     background-position: 0 -7310px;
  3056. }
  3057.  
  3058. a[href='#icon-map-marker']::before {
  3059.     background-position: 0 -7344px;
  3060. }
  3061.  
  3062. a[href='#icon-maxcdn']::before {
  3063.     background-position: 0 -7378px;
  3064. }
  3065.  
  3066. a[href='#icon-medkit']::before {
  3067.     background-position: 0 -7412px;
  3068. }
  3069.  
  3070. a[href='#icon-meh']::before {
  3071.     background-position: 0 -7446px;
  3072. }
  3073.  
  3074. a[href='#icon-microphone-off']::before {
  3075.     background-position: 0 -7480px;
  3076. }
  3077.  
  3078. a[href='#icon-microphone']::before {
  3079.     background-position: 0 -7514px;
  3080. }
  3081.  
  3082. a[href='#icon-minus-sign-alt']::before {
  3083.     background-position: 0 -7548px;
  3084. }
  3085.  
  3086. a[href='#icon-minus-sign']::before {
  3087.     background-position: 0 -7582px;
  3088. }
  3089.  
  3090. a[href='#icon-minus']::before {
  3091.     background-position: 0 -7616px;
  3092. }
  3093.  
  3094. a[href='#icon-mobile-phone']::before {
  3095.     background-position: 0 -7650px;
  3096. }
  3097.  
  3098. a[href='#icon-money']::before {
  3099.     background-position: 0 -7684px;
  3100. }
  3101.  
  3102. a[href='#icon-moon']::before {
  3103.     background-position: 0 -7718px;
  3104. }
  3105.  
  3106. a[href='#icon-move']::before {
  3107.     background-position: 0 -7752px;
  3108. }
  3109.  
  3110. a[href='#icon-music']::before {
  3111.     background-position: 0 -7786px;
  3112. }
  3113.  
  3114. a[href='#icon-off']::before {
  3115.     background-position: 0 -7820px;
  3116. }
  3117.  
  3118. a[href='#icon-ok-circle']::before {
  3119.     background-position: 0 -7854px;
  3120. }
  3121.  
  3122. a[href='#icon-ok-sign']::before {
  3123.     background-position: 0 -7888px;
  3124. }
  3125.  
  3126. a[href='#icon-ok']::before {
  3127.     background-position: 0 -7922px;
  3128. }
  3129.  
  3130. a[href='#icon-paper-clip']::before {
  3131.     background-position: 0 -7956px;
  3132. }
  3133.  
  3134. a[href='#icon-paperclip']::before {
  3135.     background-position: 0 -7990px;
  3136. }
  3137.  
  3138. a[href='#icon-paste']::before {
  3139.     background-position: 0 -8024px;
  3140. }
  3141.  
  3142. a[href='#icon-pause']::before {
  3143.     background-position: 0 -8058px;
  3144. }
  3145.  
  3146. a[href='#icon-pencil']::before {
  3147.     background-position: 0 -8092px;
  3148. }
  3149.  
  3150. a[href='#icon-phone-sign']::before {
  3151.     background-position: 0 -8126px;
  3152. }
  3153.  
  3154. a[href='#icon-phone']::before {
  3155.     background-position: 0 -8160px;
  3156. }
  3157.  
  3158. a[href='#icon-picture']::before {
  3159.     background-position: 0 -8194px;
  3160. }
  3161.  
  3162. a[href='#icon-pinterest-sign']::before {
  3163.     background-position: 0 -8228px;
  3164. }
  3165.  
  3166. a[href='#icon-pinterest']::before {
  3167.     background-position: 0 -8262px;
  3168. }
  3169.  
  3170. a[href='#icon-plane']::before {
  3171.     background-position: 0 -8296px;
  3172. }
  3173.  
  3174. a[href='#icon-play-circle']::before {
  3175.     background-position: 0 -8330px;
  3176. }
  3177.  
  3178. a[href='#icon-play-sign']::before {
  3179.     background-position: 0 -8364px;
  3180. }
  3181.  
  3182. a[href='#icon-play']::before {
  3183.     background-position: 0 -8398px;
  3184. }
  3185.  
  3186. a[href='#icon-plus-sign-alt']::before {
  3187.     background-position: 0 -8432px;
  3188. }
  3189.  
  3190. a[href='#icon-plus-sign']::before {
  3191.     background-position: 0 -8466px;
  3192. }
  3193.  
  3194. a[href='#icon-plus']::before {
  3195.     background-position: 0 -8500px;
  3196. }
  3197.  
  3198. a[href='#icon-power-off']::before {
  3199.     background-position: 0 -8534px;
  3200. }
  3201.  
  3202. a[href='#icon-print']::before {
  3203.     background-position: 0 -8568px;
  3204. }
  3205.  
  3206. a[href='#icon-pushpin']::before {
  3207.     background-position: 0 -8602px;
  3208. }
  3209.  
  3210. a[href='#icon-puzzle-piece']::before {
  3211.     background-position: 0 -8636px;
  3212. }
  3213.  
  3214. a[href='#icon-qrcode']::before {
  3215.     background-position: 0 -8670px;
  3216. }
  3217.  
  3218. a[href='#icon-question-sign']::before {
  3219.     background-position: 0 -8704px;
  3220. }
  3221.  
  3222. a[href='#icon-question']::before {
  3223.     background-position: 0 -8738px;
  3224. }
  3225.  
  3226. a[href='#icon-quote-left']::before {
  3227.     background-position: 0 -8772px;
  3228. }
  3229.  
  3230. a[href='#icon-quote-right']::before {
  3231.     background-position: 0 -8806px;
  3232. }
  3233.  
  3234. a[href='#icon-random']::before {
  3235.     background-position: 0 -8840px;
  3236. }
  3237.  
  3238. a[href='#icon-refresh']::before {
  3239.     background-position: 0 -8874px;
  3240. }
  3241.  
  3242. a[href='#icon-remove-circle']::before {
  3243.     background-position: 0 -8908px;
  3244. }
  3245.  
  3246. a[href='#icon-remove-sign']::before {
  3247.     background-position: 0 -8942px;
  3248. }
  3249.  
  3250. a[href='#icon-remove']::before {
  3251.     background-position: 0 -8976px;
  3252. }
  3253.  
  3254. a[href='#icon-renminbi']::before {
  3255.     background-position: 0 -9010px;
  3256. }
  3257.  
  3258. a[href='#icon-renren']::before {
  3259.     background-position: 0 -9044px;
  3260. }
  3261.  
  3262. a[href='#icon-reorder']::before {
  3263.     background-position: 0 -9078px;
  3264. }
  3265.  
  3266. a[href='#icon-repeat']::before {
  3267.     background-position: 0 -9112px;
  3268. }
  3269.  
  3270. a[href='#icon-reply-all']::before {
  3271.     background-position: 0 -9146px;
  3272. }
  3273.  
  3274. a[href='#icon-reply']::before {
  3275.     background-position: 0 -9180px;
  3276. }
  3277.  
  3278. a[href='#icon-resize-full']::before {
  3279.     background-position: 0 -9214px;
  3280. }
  3281.  
  3282. a[href='#icon-resize-horizontal']::before {
  3283.     background-position: 0 -9248px;
  3284. }
  3285.  
  3286. a[href='#icon-resize-small']::before {
  3287.     background-position: 0 -9282px;
  3288. }
  3289.  
  3290. a[href='#icon-resize-vertical']::before {
  3291.     background-position: 0 -9316px;
  3292. }
  3293.  
  3294. a[href='#icon-retweet']::before {
  3295.     background-position: 0 -9350px;
  3296. }
  3297.  
  3298. a[href='#icon-road']::before {
  3299.     background-position: 0 -9384px;
  3300. }
  3301.  
  3302. a[href='#icon-rocket']::before {
  3303.     background-position: 0 -9418px;
  3304. }
  3305.  
  3306. a[href='#icon-rotate-left']::before {
  3307.     background-position: 0 -9452px;
  3308. }
  3309.  
  3310. a[href='#icon-rotate-right']::before {
  3311.     background-position: 0 -9486px;
  3312. }
  3313.  
  3314. a[href='#icon-rss-sign']::before {
  3315.     background-position: 0 -9520px;
  3316. }
  3317.  
  3318. a[href='#icon-rss']::before {
  3319.     background-position: 0 -9554px;
  3320. }
  3321.  
  3322. a[href='#icon-rupee']::before {
  3323.     background-position: 0 -9588px;
  3324. }
  3325.  
  3326. a[href='#icon-save']::before {
  3327.     background-position: 0 -9622px;
  3328. }
  3329.  
  3330. a[href='#icon-screenshot']::before {
  3331.     background-position: 0 -9656px;
  3332. }
  3333.  
  3334. a[href='#icon-search']::before {
  3335.     background-position: 0 -9690px;
  3336. }
  3337.  
  3338. a[href='#icon-share-alt']::before {
  3339.     background-position: 0 -9724px;
  3340. }
  3341.  
  3342. a[href='#icon-share-sign']::before {
  3343.     background-position: 0 -9758px;
  3344. }
  3345.  
  3346. a[href='#icon-share']::before {
  3347.     background-position: 0 -9792px;
  3348. }
  3349.  
  3350. a[href='#icon-shield']::before {
  3351.     background-position: 0 -9826px;
  3352. }
  3353.  
  3354. a[href='#icon-shopping-cart']::before {
  3355.     background-position: 0 -9860px;
  3356. }
  3357.  
  3358. a[href='#icon-sign-blank']::before {
  3359.     background-position: 0 -9894px;
  3360. }
  3361.  
  3362. a[href='#icon-signal']::before {
  3363.     background-position: 0 -9928px;
  3364. }
  3365.  
  3366. a[href='#icon-signin']::before {
  3367.     background-position: 0 -9962px;
  3368. }
  3369.  
  3370. a[href='#icon-signout']::before {
  3371.     background-position: 0 -9996px;
  3372. }
  3373.  
  3374. a[href='#icon-sitemap']::before {
  3375.     background-position: 0 -10030px;
  3376. }
  3377.  
  3378. a[href='#icon-skype']::before {
  3379.     background-position: 0 -10064px;
  3380. }
  3381.  
  3382. a[href='#icon-smile']::before {
  3383.     background-position: 0 -10098px;
  3384. }
  3385.  
  3386. a[href='#icon-sort-by-alphabet-alt']::before {
  3387.     background-position: 0 -10132px;
  3388. }
  3389.  
  3390. a[href='#icon-sort-by-alphabet']::before {
  3391.     background-position: 0 -10166px;
  3392. }
  3393.  
  3394. a[href='#icon-sort-by-attributes-alt']::before {
  3395.     background-position: 0 -10200px;
  3396. }
  3397.  
  3398. a[href='#icon-sort-by-attributes']::before {
  3399.     background-position: 0 -10234px;
  3400. }
  3401.  
  3402. a[href='#icon-sort-by-order-alt']::before {
  3403.     background-position: 0 -10268px;
  3404. }
  3405.  
  3406. a[href='#icon-sort-by-order']::before {
  3407.     background-position: 0 -10302px;
  3408. }
  3409.  
  3410. a[href='#icon-sort-down']::before {
  3411.     background-position: 0 -10336px;
  3412. }
  3413.  
  3414. a[href='#icon-sort-up']::before {
  3415.     background-position: 0 -10370px;
  3416. }
  3417.  
  3418. a[href='#icon-sort']::before {
  3419.     background-position: 0 -10404px;
  3420. }
  3421.  
  3422. a[href='#icon-spinner']::before {
  3423.     background-position: 0 -10438px;
  3424. }
  3425.  
  3426. a[href='#icon-stackexchange']::before {
  3427.     background-position: 0 -10472px;
  3428. }
  3429.  
  3430. a[href='#icon-star-empty']::before {
  3431.     background-position: 0 -10506px;
  3432. }
  3433.  
  3434. a[href='#icon-star-half-empty']::before {
  3435.     background-position: 0 -10540px;
  3436. }
  3437.  
  3438. a[href='#icon-star-half-full']::before {
  3439.     background-position: 0 -10574px;
  3440. }
  3441.  
  3442. a[href='#icon-star-half']::before {
  3443.     background-position: 0 -10608px;
  3444. }
  3445.  
  3446. a[href='#icon-star']::before {
  3447.     background-position: 0 -10642px;
  3448. }
  3449.  
  3450. a[href='#icon-step-backward']::before {
  3451.     background-position: 0 -10676px;
  3452. }
  3453.  
  3454. a[href='#icon-step-forward']::before {
  3455.     background-position: 0 -10710px;
  3456. }
  3457.  
  3458. a[href='#icon-stethoscope']::before {
  3459.     background-position: 0 -10744px;
  3460. }
  3461.  
  3462. a[href='#icon-stop']::before {
  3463.     background-position: 0 -10778px;
  3464. }
  3465.  
  3466. a[href='#icon-strikethrough']::before {
  3467.     background-position: 0 -10812px;
  3468. }
  3469.  
  3470. a[href='#icon-subscript']::before {
  3471.     background-position: 0 -10846px;
  3472. }
  3473.  
  3474. a[href='#icon-suitcase']::before {
  3475.     background-position: 0 -10880px;
  3476. }
  3477.  
  3478. a[href='#icon-sun']::before {
  3479.     background-position: 0 -10914px;
  3480. }
  3481.  
  3482. a[href='#icon-superscript']::before {
  3483.     background-position: 0 -10948px;
  3484. }
  3485.  
  3486. a[href='#icon-table']::before {
  3487.     background-position: 0 -10982px;
  3488. }
  3489.  
  3490. a[href='#icon-tablet']::before {
  3491.     background-position: 0 -11016px;
  3492. }
  3493.  
  3494. a[href='#icon-tag']::before {
  3495.     background-position: 0 -11050px;
  3496. }
  3497.  
  3498. a[href='#icon-tags']::before {
  3499.     background-position: 0 -11084px;
  3500. }
  3501.  
  3502. a[href='#icon-tasks']::before {
  3503.     background-position: 0 -11118px;
  3504. }
  3505.  
  3506. a[href='#icon-terminal']::before {
  3507.     background-position: 0 -11152px;
  3508. }
  3509.  
  3510. a[href='#icon-text-height']::before {
  3511.     background-position: 0 -11186px;
  3512. }
  3513.  
  3514. a[href='#icon-text-width']::before {
  3515.     background-position: 0 -11220px;
  3516. }
  3517.  
  3518. a[href='#icon-th-large']::before {
  3519.     background-position: 0 -11254px;
  3520. }
  3521.  
  3522. a[href='#icon-th-list']::before {
  3523.     background-position: 0 -11288px;
  3524. }
  3525.  
  3526. a[href='#icon-th']::before {
  3527.     background-position: 0 -11322px;
  3528. }
  3529.  
  3530. a[href='#icon-thumbs-down-alt']::before {
  3531.     background-position: 0 -11356px;
  3532. }
  3533.  
  3534. a[href='#icon-thumbs-down']::before {
  3535.     background-position: 0 -11390px;
  3536. }
  3537.  
  3538. a[href='#icon-thumbs-up-alt']::before {
  3539.     background-position: 0 -11424px;
  3540. }
  3541.  
  3542. a[href='#icon-thumbs-up']::before {
  3543.     background-position: 0 -11458px;
  3544. }
  3545.  
  3546. a[href='#icon-ticket']::before {
  3547.     background-position: 0 -11492px;
  3548. }
  3549.  
  3550. a[href='#icon-time']::before {
  3551.     background-position: 0 -11526px;
  3552. }
  3553.  
  3554. a[href='#icon-tint']::before {
  3555.     background-position: 0 -11560px;
  3556. }
  3557.  
  3558. a[href='#icon-trash']::before {
  3559.     background-position: 0 -11594px;
  3560. }
  3561.  
  3562. a[href='#icon-trello']::before {
  3563.     background-position: 0 -11628px;
  3564. }
  3565.  
  3566. a[href='#icon-trophy']::before {
  3567.     background-position: 0 -11662px;
  3568. }
  3569.  
  3570. a[href='#icon-truck']::before {
  3571.     background-position: 0 -11696px;
  3572. }
  3573.  
  3574. a[href='#icon-tumblr-sign']::before {
  3575.     background-position: 0 -11730px;
  3576. }
  3577.  
  3578. a[href='#icon-tumblr']::before {
  3579.     background-position: 0 -11764px;
  3580. }
  3581.  
  3582. a[href='#icon-twitter-sign']::before {
  3583.     background-position: 0 -11798px;
  3584. }
  3585.  
  3586. a[href='#icon-twitter']::before {
  3587.     background-position: 0 -11832px;
  3588. }
  3589.  
  3590. a[href='#icon-umbrella']::before {
  3591.     background-position: 0 -11866px;
  3592. }
  3593.  
  3594. a[href='#icon-unchecked']::before {
  3595.     background-position: 0 -11900px;
  3596. }
  3597.  
  3598. a[href='#icon-underline']::before {
  3599.     background-position: 0 -11934px;
  3600. }
  3601.  
  3602. a[href='#icon-undo']::before {
  3603.     background-position: 0 -11968px;
  3604. }
  3605.  
  3606. a[href='#icon-unlink']::before {
  3607.     background-position: 0 -12002px;
  3608. }
  3609.  
  3610. a[href='#icon-unlock-alt']::before {
  3611.     background-position: 0 -12036px;
  3612. }
  3613.  
  3614. a[href='#icon-unlock']::before {
  3615.     background-position: 0 -12070px;
  3616. }
  3617.  
  3618. a[href='#icon-upload-alt']::before {
  3619.     background-position: 0 -12104px;
  3620. }
  3621.  
  3622. a[href='#icon-upload']::before {
  3623.     background-position: 0 -12138px;
  3624. }
  3625.  
  3626. a[href='#icon-usd']::before {
  3627.     background-position: 0 -12172px;
  3628. }
  3629.  
  3630. a[href='#icon-user-md']::before {
  3631.     background-position: 0 -12206px;
  3632. }
  3633.  
  3634. a[href='#icon-user']::before {
  3635.     background-position: 0 -12240px;
  3636. }
  3637.  
  3638. a[href='#icon-vk']::before {
  3639.     background-position: 0 -12274px;
  3640. }
  3641.  
  3642. a[href='#icon-volume-down']::before {
  3643.     background-position: 0 -12308px;
  3644. }
  3645.  
  3646. a[href='#icon-volume-off']::before {
  3647.     background-position: 0 -12342px;
  3648. }
  3649.  
  3650. a[href='#icon-volume-up']::before {
  3651.     background-position: 0 -12376px;
  3652. }
  3653.  
  3654. a[href='#icon-warning-sign']::before {
  3655.     background-position: 0 -12410px;
  3656. }
  3657.  
  3658. a[href='#icon-weibo']::before {
  3659.     background-position: 0 -12444px;
  3660. }
  3661.  
  3662. a[href='#icon-windows']::before {
  3663.     background-position: 0 -12478px;
  3664. }
  3665.  
  3666. a[href='#icon-won']::before {
  3667.     background-position: 0 -12512px;
  3668. }
  3669.  
  3670. a[href='#icon-wrench']::before {
  3671.     background-position: 0 -12546px;
  3672. }
  3673.  
  3674. a[href='#icon-xing-sign']::before {
  3675.     background-position: 0 -12580px;
  3676. }
  3677.  
  3678. a[href='#icon-xing']::before {
  3679.     background-position: 0 -12614px;
  3680. }
  3681.  
  3682. a[href='#icon-yen']::before {
  3683.     background-position: 0 -12648px;
  3684. }
  3685.  
  3686. a[href='#icon-youtube-play']::before {
  3687.     background-position: 0 -12682px;
  3688. }
  3689.  
  3690. a[href='#icon-youtube-sign']::before {
  3691.     background-position: 0 -12716px;
  3692. }
  3693.  
  3694. a[href='#icon-youtube']::before {
  3695.     background-position: 0 -12750px;
  3696. }
  3697.  
  3698. a[href='#icon-zoom-in']::before {
  3699.     background-position: 0 -12784px;
  3700. }
  3701.  
  3702. a[href='#icon-zoom-out']::before {
  3703.     background-position: 0 -12818px;
  3704. }
  3705.  
  3706. /* ==Boxed reddit CSS Theme v1.5 - (http://www.reddit.com/r/boxed/)== */
  3707.  
  3708.  
  3709. .pagename a[href="http://www.reddit.com/r/ooratrop/"] {
  3710. position: absolute;
  3711. width: 80px;
  3712. height: 80px;
  3713. z-index: 99;
  3714.  
  3715. display: block;
  3716. font-size: 0px;
  3717. background-image: url(%%back%%);
  3718. background-repeat: no-repeat;
  3719. background-position: 0px 18px;
  3720. visibility: visible!important;
  3721. }
  3722.  
  3723.  
  3724.  
  3725. .side a[href="http://www.reddit.com/r/portaroo"] {
  3726.     position:absolute;
  3727.    
  3728.     top:185px; /*distance from the top*/
  3729.     right:106px;
  3730.     height:60px; /*adjust to the height of your image*/
  3731.     width:48px; /*always try and keep this at 300px*/
  3732.     background:url(%%portaroo%%) no-repeat 0 0;
  3733. }
  3734. .side a[href="http://www.reddit.com/r/portaroo_inspection"] {
  3735.    position: absolute;
  3736.     top:185px; /*distance from the top*/
  3737.     right:53px;
  3738.     height:60px; /*adjust to the height of your image*/
  3739.     width:48px; /*always try and keep this at 300px*/
  3740.     background:url(%%portaroo-inspection%%) no-repeat 0 0;
  3741. }
  3742. .side a[href="http://www.reddit.com/r/portaroo_tavern"] {
  3743.    position: absolute;
  3744.     top:185px; /*distance from the top*/
  3745.     right:0px;
  3746.     height:60px; /*adjust to the height of your image*/
  3747.     width:48px;
  3748.     background:url(%%portaroo-tavern%%) no-repeat 0 0;
  3749. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement