This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!

/r/FlatOne easy use

By: hero0fwar on Feb 20th, 2014  |  syntax: None  |  size: 69.36 KB  |  views: 145  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /************** Copy the follow line to your sidebar. Replace all 5 FlatOne with the name of your subreddit               *********/
  2. /*
  3.  
  4. [](http://gr.reddit.com/r/x0x0x0/#gr) [](http://rd.reddit.com/r/ x0x0x0/#rd) [](http://pr.reddit.com/r/ x0x0x0/#pr) [](http://dr.reddit.com/r/ x0x0x0/#dr) [](http://www.reddit.com/r/ x0x0x0/#main)
  5.  
  6.  
  7.  
  8.  
  9. *//**********************************************************************************************************************************/
  10.  
  11. /************ You must edit this portion of the css, Relace all instances "FlatOne" below with the name of your subreddit   *********/
  12.  
  13. /************                              if you don't do this, the themes will not work                                   *********/
  14.  
  15. /************                        !!!You also need to go to the bottom Color Theme sections!!!                           *********/
  16.  
  17. /************                       and replace 'flatone' with your subreddit name for each section                         *********/
  18.  
  19. /************************************************************************************************************************************/
  20.  
  21.  
  22. /** POSITIONING OF SPIRITSHEET TOGGLE FOR THEMES **/
  23.  
  24.  
  25. .titlebox .md a[href="http://www.reddit.com/r/ x0x0x0/#main"], .titlebox .md a[href="http://gr.reddit.com/r/ x0x0x0/#gr"], .titlebox .md a[href="http://rd.reddit.com/r/ x0x0x0/#rd"], .titlebox .md a[href="http://pr.reddit.com/r/ x0x0x0/#pr"], .titlebox .md a[href="http://dr.reddit.com/r/ x0x0x0/#dr"] {
  26.     position: absolute;
  27.     z-index: 100;
  28.     top: 125px;
  29.     right: 2px;
  30.     width: 25px;
  31.     height: 25px;
  32.     background-color: transparent;
  33.     background-repeat: no-repeat;
  34.     vertical-align: middle;
  35.     margin-right: 3px;
  36.     border: 2PX Solid #2f2f2f;}
  37.  
  38.  
  39. .titlebox .md a[href="http://www.reddit.com/r/ x0x0x0/#main"]:hover, .titlebox .md a[href="http://gr.reddit.com/r/ x0x0x0/#gr"]:hover,.titlebox .md a[href="http://rd.reddit.com/r/ x0x0x0/#rd"]:hover,.titlebox .md a[href="http://pr.reddit.com/r/ x0x0x0/#pr"]:hover,.titlebox .md a[href="http://dr.reddit.com/r/ x0x0x0/#dr"]:hover {opacity:.8;}
  40.  
  41. .usertext {position: static}
  42.  
  43.  
  44. /************************************************************************************************************************************/
  45.  
  46. /************                                          MAIN CSS CODE                                                     ************/
  47.  
  48. /************                    Adjust these settings to change the major look of the entire theme                      ************/
  49.  
  50. /************            Skip to the bottom portion of you only want to change basic colors of the themes                ************/
  51.  
  52. /************************************************************************************************************************************/
  53.  
  54.  
  55. /*
  56. ==========
  57. FlatOne reddit CSS Theme v1.1.1 - (http://www.reddit.com/r/FlatOne/)
  58.  
  59. Resources needed:
  60. - header-default.png
  61. - reddit-res-sprite-icons.png
  62. - sprite-icon-32.png (white and dark versions are available)
  63. - sprite-icon-16.png
  64.  
  65. 100% credit to /r/FlatBlue - this is just taking it one step further
  66. ==========
  67. */
  68.  
  69.  
  70. /*
  71. ---------------------  
  72.  general css (fonts, borders, headers, etc)
  73. ---------------------  
  74. */
  75.  
  76. /* this fixes some issues with reddit companion */
  77. html {  position: relative;}
  78.  
  79.  
  80.  
  81. /* reddit has a weird mix of round corners, since I am not a big fan of them anyway they got to go. This is the easiest way to make sure they are all gone */
  82.  
  83. * { border-radius: 0 !important;}
  84.  
  85.  
  86. /* Font family declaration, fonts can be changed here */
  87.  
  88. body {
  89.     font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif !important;
  90.     font-weight: normal !important;}
  91.  
  92.  
  93. /* All font sizing is done in the following section */
  94.  
  95. body, .wiki-page .md, body .side .md h6:nth-of-type(1) {
  96.         font-size: 16px !important;}
  97.  
  98. .content .usertext-body .md {
  99.         font-size: 14px;}
  100.  
  101. .hover.pagename.redditname,
  102. .thing .title,
  103. .submit-page .roundfield .title {
  104.         font-size: 18px !important;}
  105.  
  106. .side .titlebox,
  107. #sr-header-area,
  108. #header-bottom-left .tabmenu, .tabmenu.formtab,
  109. #header-bottom-right,
  110. .pref-lang,
  111. .side .sidebox .morelink,
  112. .side .usertext-body .md,
  113. .side .sidecontentbox .helplink,
  114. .midcol,
  115. .panestack-title,
  116. .panestack-title .title,
  117. .menuarea,
  118. .commentarea .usertext-edit:before,
  119. .markdownEditor a,
  120. .commentingAs,
  121. .usertext-edit .bottom-area a,
  122. .comment-visits-box .title,
  123. .footer,
  124. .submit-page .roundfield,
  125. .submit-page .infobar,
  126. .submit-page .roundfield label,
  127. #RESDropdownOptions,
  128. #image-preview-list,
  129. #image-upload,
  130. .btn.right,
  131. .wiki-page .pageactions,
  132. #search-expando,
  133. body:not(.search-page) #search input[type="text"],
  134. #searchexpando,
  135. .raisedbox,
  136. .searchpane,
  137. .hover-bubble,
  138. .deepthread {
  139.     font-size: 12px !important;}
  140.  
  141. #header-bottom-right .userkarma,
  142. .side .linkinfo,
  143. .side .linkinfo .number,
  144. .side .linkinfo .word,
  145. .side .linkinfo .shortlink,
  146. .side .subscribe-button.fancy-toggle-button.toggle a,
  147. .side .subButtons span,
  148. .side .subscribers,
  149. .side .users-online,
  150. .side .leavemoderator,
  151. .side .titlebox .toggle,
  152. body .side .title,
  153. .side .sidecontentbox,
  154. .account-activity-box,
  155. .flat-list,
  156. .bottommenu,
  157. .submit-page .roundfield #suggested-reddits {
  158.     font-size: 10px !important;}
  159.  
  160. .tagline a.author{
  161.     font-size: 11px !important;}
  162.  
  163. /* misc stuff */
  164.  
  165.  
  166.  
  167. input { border: 1px solid #C1BFBF !important;}
  168.  
  169. .md { padding: 3px;}
  170.  
  171. .infobar {
  172.     margin: 5px 305px 5px 11px;
  173.     border: 0;}
  174.  
  175. .linefield {
  176.     width: auto;
  177.     background: none;
  178.     border-bottom: solid 5px #4BA6E0;}
  179.  
  180. .sheets {
  181.     margin-right: 320px;}
  182.  
  183. .res .RES-keyNav-activeElement {
  184.     outline: 0;}
  185.  
  186. .raisedbox, .searchpane {
  187.     background-color: #FAFAFA;
  188.     border: 0;}
  189.  
  190. #stylesheet_contents {
  191.     font-family: Consolas, Monaco, monospace;
  192.     padding: 12px;
  193.     background-color: #333;
  194.     color: #EEE;
  195.     border: 8px solid #333;
  196.     width: 97%;}
  197.  
  198.  
  199. /* Make distinguished users stand out more (mods, op and friends) */
  200.  
  201. .tagline .author.submitter {
  202.     color: white !important;
  203.     font-weight: bold !important;
  204.     border-radius: 0px !important;
  205.     padding: 0px 2px !important;}
  206.  
  207. .tagline .author.moderator {
  208.     color: white !important;
  209.     background-color: #228822 !important;
  210.     font-weight: bold !important;
  211.     border-radius: 0px !important;
  212.     padding: 0px 2px !important;}
  213.  
  214. .tagline .author.friend {
  215.     color: white !important;
  216.     background-color: #FF4500 !important;
  217.     font-weight: bold !important;
  218.     border-radius: 0px !important;
  219.     padding: 0px 2px !important;}
  220.  
  221.  
  222. /* Spoiler tags */
  223.  
  224. a[href$="#spoiler"] {
  225.     background: #4BA6E0 !important;
  226.     color: #4BA6E0 !important;
  227.     border: 1px solid #4BA6E0;
  228.     padding-right: 1px;}
  229.  
  230. a[href$="#spoiler"]:hover {
  231.     color: #FFF !important;}
  232.  
  233. a[href$="#spoiler"]::before {
  234.     background: #FFF!important;
  235.     color: #000!important;
  236.     padding: 0px 1px;
  237.     margin: 0px;
  238.     letter-spacing: 1px;
  239.     margin-right: 1px;
  240.     text-transform: uppercase;}
  241.  
  242. a[href$="#spoiler"]::before {
  243.     content: "Spoiler";}
  244.  
  245. a[href$="#spoiler"][title]::before {
  246.     content: attr(title) " Spoiler";}
  247.  
  248.  
  249. /*  H1, H2, H3 as well as some other headings */
  250.  
  251. .md h1, .commentarea h1, .wiki-page .wiki-page-content .md .wiki h1 {
  252.     color: #000000 !important;
  253.     border-bottom: 1px solid #BDBAB4;
  254.     letter-spacing: 2px;
  255.     text-transform: uppercase;
  256.     font-weight: normal !important;
  257.     display: block;
  258.     padding-left: 2px;}
  259.  
  260. .md h2, .commentarea h2, .wiki-page .wiki-page-content .md .wiki h2, .flairselector h2 {
  261.     color: #000000 !important;
  262.     border-bottom: 1px solid #BDBAB4;
  263.     letter-spacing: 2px;
  264.     text-transform: uppercase;
  265.     font-weight: normal !important;
  266.     display: block;
  267.     padding-left: 2px;
  268.     margin: 5px 0px;}
  269.  
  270. .md h3, .commentarea h3, .wiki-page .wiki-page-content .md .wiki h3, .sidecontentbox .title h1, .submit-page .title, .submit_text h1 {
  271.     color: #000000 !important;
  272.     border-bottom: 1px solid #BDBAB4;
  273.     letter-spacing: 2px;
  274.     text-transform: uppercase;
  275.     font-weight: normal !important;
  276.     display: block;
  277.     padding-left: 2px;
  278.     margin: 5px 0px;}
  279.  
  280.  
  281.  
  282. /*
  283. ---------------------  
  284. header area  
  285. ---------------------  
  286. */
  287.  
  288.  
  289. /* this is what basically determines the header height. The margin at the top will increase or decrease how big it is.
  290. NOTE: when changing this you also have to change the positioning of other elements. For your convenience those are listed directly under here
  291. */
  292.  
  293.  
  294. #header {
  295.     height: 117px;
  296.     background: url(%%header-default%%) no-repeat bottom left;
  297.     border: 0;}
  298.  
  299. #header-img {
  300.     margin: 0px;
  301.     margin-top: 56px;
  302.     margin-left: 11px;}
  303.  
  304. #header #userbarToggle {
  305.     display:none!important}
  306.  
  307. #header-bottom-right {
  308.         height: 18px!important;
  309.         padding: 2px !important;
  310.         letter-spacing: 1px;
  311.         line-height: 16px;
  312.         top: 19px!important;
  313.         bottom: auto;}
  314.  
  315. body:not(.search-page) #search input[type="text"] {
  316.     top: 128px;}
  317.  
  318. #searchexpando {
  319.     top: 152px;}
  320.  
  321. .side blockquote blockquote blockquote {
  322.     top: 117px;}
  323.  
  324. #header-bottom-left .tabmenu, .tabmenu.formtab, a[name=content] {
  325.     top: 165px;}
  326.  
  327. #header-bottom-left ul {
  328.     position: absolute;
  329.     top: 20px;}
  330.  
  331. #header-img-a {
  332.     vertical-align: bottom;
  333.     display: inline-block;
  334.     height: 100px;}
  335.  
  336.  
  337. /* Name of your subreddit with the first letters in capital */
  338.  
  339. .hover.pagename.redditname {
  340.     display: inline-table;
  341.     letter-spacing: 2px;
  342.     font-variant: normal;
  343.     text-transform: capitalize;
  344.     font-weight: normal;
  345.     color: #fff;}
  346.  
  347. .hover.pagename.redditname > a:before {
  348.     content: "/r/";
  349.     text-transform: none;}
  350.  
  351. .hover.pagename.redditname a {
  352.     display: table-cell;
  353.     vertical-align: bottom;
  354.     color: #fff;}
  355.  
  356.  
  357. /* subreddit bar at the top */
  358.  
  359. body #sr-header-area, body #sr-header-area a { }
  360.  
  361. #sr-header-area {
  362.     background-color: #FAFAFA;
  363.     color: #333333;
  364.     border-bottom: 0;}
  365.  
  366. #sr-header-area {text-transform: lowercase;}
  367.  
  368. #RESShortcutsEditContainer, #RESShortcutsRight, #RESShortcutsAdd, #RESShortcutsTrash, #RESShortcutsLeft, #sr-more-link, #RESShortcutsSort {
  369.     background-color: #FAFAFA !important;}
  370.  
  371. .subscribe-button .RESshortcutside:hover {
  372.     background-color: #97CE68;}
  373.  
  374.  
  375. /* login form, moved more prominently into view */
  376.  
  377. .login-form-side {
  378.     border: 0;
  379.     position: absolute;
  380.     top: 19px;
  381.     z-index: 999;
  382.     background: #FF6766;
  383.     left: 0px;}
  384.  
  385.  
  386. /* User menu */
  387.  
  388. .pref-lang {
  389.         font-weight: normal;}
  390.  
  391. #header-bottom-right #modmail, #header-bottom-right #mail {
  392.     margin: 0;
  393.     top: -2px !important;
  394.     bottom: auto;}
  395.  
  396. #header-bottom-right * {
  397.     vertical-align: bottom;}
  398.  
  399. .gearIcon {
  400.     display: inline-block;
  401.     width: 15px;
  402.     height: 15px;
  403.     background-image: url(%%reddit-res-sprite-icons%%);
  404.     background-repeat: no-repeat;
  405.     background-position: 0px -210px;}
  406.  
  407.  
  408. /* search */
  409.  
  410. body:not(.search-page) #search input[type="text"] {
  411.     text-align: center;
  412.     position: absolute;
  413.     z-index: 200;
  414.     width: 165px;
  415.     left: 13px;
  416.     background: #ffffff;
  417.     border: 1px;
  418.     height: 22px;
  419.     padding: 2px;
  420.     letter-spacing: 1px;
  421.     text-transform: uppercase;
  422.     font-weight: normal !important;}
  423.  
  424. #search {
  425.     text-align: center;}
  426.  
  427. #searchexpando {
  428.     border-radius: 0px !important;
  429.     border-color: #C1BFBF;
  430.     background-color: #F5F5F5;
  431.     position: absolute;
  432.     top: 152px;
  433.     z-index: 200;
  434.     left: 5px;
  435.     width: 159px;
  436.     padding: 5px;}
  437.  
  438. /* Anouncement text */
  439.  
  440. blockquote blockquote blockquote {
  441.     position: absolute;
  442.     left: 183px;
  443.     display: table;
  444.     background: none;
  445.     right: 304px;
  446.     text-align: left;
  447.     border: 0 !important;
  448.     font-weight: normal;
  449.     height: 38px;
  450.     margin: 0;
  451.     padding: 0;
  452.     overflow: hidden;}
  453.  
  454. .side blockquote blockquote blockquote h6 {
  455.     color: #6b6b6b!important;
  456.     text-transform: none;
  457.     letter-spacing: 1px;
  458.     background: none;
  459.     vertical-align: middle;
  460.     display: table-cell;}
  461.  
  462.  
  463.  
  464. /* tabmenu */
  465.  
  466. .tabmenu li a, .tabmenu.formtab li a {
  467.     padding: 0px 6px 0 6px;
  468.     border: 0;
  469.     height: 20px;
  470.     line-height: 20px;
  471.     display: inline-block;
  472.     font-weight: normal;
  473.     letter-spacing: 2px;}
  474.  
  475. .tabmenu li.selected a, .tabmenu.formtab li.selected a {
  476.     border: 0;
  477.     z-index: 100;
  478.     height: 20px;
  479.     line-height: 20px;
  480.     display: inline-block;}
  481.  
  482. #header-bottom-left .tabmenu, .tabmenu.formtab, a[name=content] {
  483.     position: absolute;
  484.     left: 0px;
  485.     right: 0px;
  486.     z-index: 1;
  487.     height: 20px;
  488.     line-height: 20px;
  489.     padding: 0;
  490.     padding-left: 10px;
  491.     margin: 0;}
  492.  
  493. #header-bottom-left .tabmenu, .tabmenu.formtab {
  494.     margin-right: 475px !important;}
  495.  
  496. .tabmenu li, .tabmenu.formtab li {
  497.     display: inline-block;
  498.     height: 15px;
  499.     line-height: 15px;
  500.     border: 0;
  501.     padding: 0;}
  502.  
  503. #header-bottom-left .tabmenu, .tabmenu.formtab, a[name=content] {
  504.     background-color: #E9E9E9;}
  505.  
  506.  
  507.  
  508. /* Link info */
  509.  
  510. .linkinfo {
  511.     background-color: #FFF;
  512.     color: #363636;
  513.     text-align: center;
  514.     padding: 0px;
  515.     border: 0;
  516.     margin: 0 auto 0 auto;
  517.     border-radius: 0px!important;}
  518.  
  519. .linkinfo .downvotes .number, .linkinfo .upvotes .number, .linkinfo .score .number {
  520.     display: block;
  521.     font-weight: normal !important;}
  522.  
  523. .linkinfo .score .word {
  524.     display: none;}
  525.  
  526. .linkinfo .score {
  527.     display: block;
  528.     min-width: 80px;
  529.     margin-left: 30px !important;}
  530.  
  531. .linkinfo .downvotes .word, .linkinfo .upvotes .word {}
  532.  
  533. .linkinfo .upvotes, .linkinfo .downvotes, .linkinfo .score {
  534.     float: left;
  535.     padding: 5px 10px 5px 0;
  536.     margin: 0 8px 0 0;
  537.     text-align: center;}
  538.  
  539. .linkinfo .shortlink {
  540.     clear: both!important;
  541.     background: #F5F5F5;
  542.     color: #333;
  543.     padding: 5px;
  544.     margin: 0;
  545.     text-align: center;}
  546.  
  547. .side .linkinfo .shortlink input {
  548.     border: 0 !important;
  549.     background: #F5F5F5;
  550.     color: #333;}
  551.  
  552. .linkinfo .date {
  553.     display: none;}
  554.  
  555.  
  556.  
  557. /*
  558. ---------------------  
  559.  content area
  560. ---------------------  
  561. */
  562.  
  563. .content {
  564.         margin: 68px 0px 0px 0px;}
  565.  
  566. body:not(.listing-page):not(.comments-page) .content {
  567.         padding-left: 5px;}
  568.  
  569.  
  570. /* submission listing*/
  571.  
  572. .rank { display: none;}
  573.  
  574. .domain {
  575.     position: relative;
  576.     top: -2px;
  577.     white-space: nowrap;}
  578.  
  579. .thumbnail {
  580.     margin: 8px 5px 5px 0px;
  581.     width: 70px;
  582.     max-height: 50px;}
  583.  
  584. .link .midcol {
  585.     margin-right: 8px;
  586.     margin-left: 0px;
  587.     margin-top: 13px;}
  588.  
  589. body .linklisting {
  590.     bottom: 0px;
  591.     margin: 0px;
  592.     padding: 0px !important;
  593.     border: 0 !important;}
  594.  
  595. .linklisting .odd {
  596.     overflow: hidden !important;
  597.     padding: 0px 0px 0px 10px !important;
  598.     background-color: #FAFAFA;
  599.     min-height: 50px !important;
  600.     margin: 0px;
  601.     border-bottom: solid 1px #E9E9E9;}
  602.  
  603. .linklisting .even {
  604.     overflow: hidden !important;
  605.     padding: 0px 0px 0px 10px !important;
  606.     background-color: #F5F5F5;
  607.     min-height: 50px !important;
  608.     margin: 0px;
  609.     border-bottom: solid 1px #E9E9E9;}
  610.  
  611. .thing .title:visited {
  612.     color: #bfc4c7!important;}
  613.  
  614. .thing .title:hover, .thing .title:visited:hover {
  615.     color: #000!important;}
  616.  
  617. p.title {
  618.     position: relative;}
  619.  
  620.  
  621. /* expando buttons with nice icons */
  622.  
  623. .expando-button {
  624.     background-color: transparent;
  625.     height: 16px;
  626.     width: 16px;}
  627.  
  628. .expando-button.selftext.collapsed {
  629.     background-image: url(%%reddit-res-sprite-icons%%);
  630.     background-position: -90px -547px;
  631.     background-repeat: no-repeat;}
  632.  
  633. .expando-button.selftext.collapsed:hover, .eb-sch {
  634.     background-image: url(%%reddit-res-sprite-icons%%);
  635.     background-position: -61px -547px;
  636.     background-repeat: no-repeat;}
  637.  
  638. .expando-button.selftext.expanded, .eb-se {
  639.     margin-bottom: 5px;
  640.     background-image: url(%%reddit-res-sprite-icons%%);
  641.     background-position: -29px -584px;
  642.     background-repeat: no-repeat;}
  643.  
  644. .expando-button.selftext.expanded:hover, .eb-seh {
  645.     background-image: url(%%reddit-res-sprite-icons%%);
  646.     background-position: 0px -584px;
  647.     background-repeat: no-repeat;}
  648.  
  649. .expando-button.video.collapsed {
  650.     background-image: url(%%reddit-res-sprite-icons%%);
  651.     background-position: -87px -584px;
  652.     background-repeat: no-repeat;}
  653.  
  654. .expando-button.video.collapsed:hover, .eb-vch {
  655.     background-image: url(%%reddit-res-sprite-icons%%);
  656.     background-position: -58px -584px;
  657.     background-repeat: no-repeat;}
  658.  
  659. .expando-button.video.expanded, .eb-ve {
  660.     background-image: url(%%reddit-res-sprite-icons%%);
  661.     background-position: -29px -613px;
  662.     background-repeat: no-repeat;}
  663.  
  664. .expando-button.video.expanded:hover, .eb-veh {
  665.     background-image: url(%%reddit-res-sprite-icons%%);
  666.     background-position: 0px -613px;
  667.     background-repeat: no-repeat;}
  668.  
  669.  
  670. /* RES expando's */
  671.  
  672. .expando-button.image {
  673.     float: left;
  674.     width: 23px;
  675.     height: 23px;
  676.     max-width: 23px;
  677.     max-height: 23px;
  678.     display: inline-block;
  679.     background-image: url(%%reddit-res-sprite-icons%%);
  680.     margin-right: 6px;
  681.     cursor: pointer;
  682.     padding: 0px;
  683.     vertical-align: top;}
  684.  
  685. .expando-button.image.gallery.collapsedExpando {
  686.     background-position: 0px -368px;}
  687.  
  688. .expando-button.image.gallery.collapsedExpando:hover {
  689.     background-position: 0px -392px;}
  690.  
  691. .expando-button.image.gallery.expanded {
  692.     background-position: 0px -416px;}
  693.  
  694. .expando-button.image.gallery.expanded:hover {
  695.     background-position: 0px -440px;}
  696.  
  697. .expando-button.image.collapsedExpando {
  698.     padding: 0px;
  699.     background-position: 0px 0px;}
  700.  
  701. .expando-button.image.collapsedExpando:hover {
  702.     background-position: 0px -24px;}
  703.  
  704. .expando-button.image.expanded:hover {
  705.     background-position: 0px -72px;}
  706.  
  707. .expando-button.image.expanded {
  708.     background-position: 0px -48px;}
  709.  
  710.  
  711. /* Hide Search Elements */
  712.  
  713. html:lang(se) .searchfacets {display: none;}
  714. html:lang(se) .search-summary {display: none;}
  715. html:lang(se) .searchpane.raisedbox {display: none;}
  716.  
  717.  
  718.  
  719. /* highlight removed and spammed items for mods */
  720.  
  721. body .content .sitetable .thing.spam, body .sitetable .thing.spam.deleted.link.self{
  722.     border: solid 2px #FA8072 !important;}
  723.  
  724. body .content .sitetable .thing.spam, body .sitetable .thing.spam.deleted.link.self{
  725.     border: solid 2px #FA8072 !important;}
  726.  
  727.  
  728. /* Next section makes deleted messages less noticeable for users*/
  729. .deleted .grayed,
  730. .deleted > .entry .expand,
  731. .deleted > .entry .tagline {
  732.     display: none;}
  733.  
  734. .deleted > .entry .noncollapsed:after {
  735.     content: 'removed/deleted';
  736.     opacity: .25;
  737.     color: #858585;}
  738.  
  739. .gold-accent {
  740.     border: 0;}
  741.  
  742. .formtabs-content {
  743.     border: 0;}
  744.  
  745. .entry {
  746.     padding: 5px 0px 10px 0px;}
  747.  
  748. .entry .tagline {
  749.     margin-top: 5px;}
  750.  
  751. .entry .buttons li a {
  752.     font-weight: normal;}
  753.  
  754. .link .entry li .comments {
  755.     font-weight: bold;}
  756.  
  757. .entry .buttons li, .entry .tagline {
  758.     letter-spacing: 1px;}
  759.  
  760.  
  761. /* comments area */
  762.  
  763. .commentarea .flat-list.buttons {
  764.     display: block;}
  765.  
  766. .link .usertext .md {
  767.     border: 0;}
  768.  
  769. .content .usertext-body, body .content .usertext-body .md {
  770.     margin-left: 0px;}
  771.  
  772.  
  773. .gold-accent.comment-visits-box {
  774.     border-color: #C1BFBF;
  775.     background-color: #F5F5F5;
  776.     overflow: auto;
  777.     margin-left: 34px;}
  778.  
  779. .panestack-title {
  780.     margin: 10px 310px 0px 37px;}
  781.  
  782. .commentarea .menuarea {
  783.     border: none;
  784.     margin: 0 310px 10px 37px;}
  785.  
  786. .commentarea>.usertext {
  787.     margin: 0 0 10px 36px;}
  788.  
  789.  
  790. /* comment quotes */
  791.  
  792. body .content .md blockquote {
  793.     display: block;
  794.     background-color: #EEE;
  795.     border-color: #D6D5CF;
  796.     margin: 5px 5px!important;
  797.     padding: 5px;
  798.     color: #333;
  799.     position: relative;
  800.     font-style: italic;}
  801.  
  802.  
  803. /* table comment borders */
  804.  
  805. .md td, .md th {
  806.     border: 1px solid #C1BFBF !important;}
  807.  
  808.  
  809. /* code numbering, based on the css found at /r/modtools */
  810.  
  811. .md pre {
  812.     background-color: #F5F5F5 !important;
  813.     position: relative;
  814.     margin-top: 25px;
  815.     line-height: 15px;
  816.     font-family: "Courier New",courier,monospace;}
  817.  
  818. .md.wiki pre {
  819.     margin-right: 400px;}
  820.  
  821. .md pre code {
  822.     padding: 15px;
  823.     overflow: auto;
  824.     display: block;
  825.     line-height: 15px;
  826.     font-family: "Courier New",courier,monospace;}
  827.  
  828. .md pre:after {
  829.     position: absolute;
  830.     content: "code:";
  831.     color: gray;
  832.     top: -20px;
  833.     left: -30px;
  834.     padding-left: 18px;
  835.     background: url(%%sprite-icon-16%%) no-repeat top left;
  836.     background-position: 0 -2516px;}
  837.  
  838. .md pre:before {
  839.     height: 100%;
  840.     color: white;
  841.     position: absolute;
  842.     left: -28px;
  843.     width: 25px;
  844.     white-space: pre-wrap;
  845.     direction: rtl;
  846.     overflow: hidden;
  847.     content: "#   1   2   3   4   5   6   7   8   9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  31  32  33  34  35  36  37  38  39  40  41  42  43  44  45  46  47  48  49  50  51  52  53  54  55  56  57  58  59  60  61  62  63  64  65  66  67  68  69  70  71  72  73  74  75  76  77  78  79  80  81  82  83  84  85  86  87  88  89  90  91  92  93  94  95  96  97  98  99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250";}
  848.  
  849.  
  850. /* nested commentary boxes */
  851.  
  852. .res-commentBoxes.res-commentBoxes-rounded .comment {
  853.     border-radius: 0px !important;
  854.     border: 0 !important;}
  855.  
  856. body .comment .child, .comment .showreplies {
  857.     border-left: 0px !important;}
  858.  
  859. body .comment {
  860.     margin-left: 10px !important;
  861.     margin-right: 5px!important;
  862.     margin-top: 0!important;
  863.     margin-bottom: 8px !important;
  864.     border: 0;
  865.     padding: 5px 8px 0 5px!important;
  866.     border-radius: 0 !important;}
  867.  
  868. /* Yep we have to do it twice, RES will not let go of comment styling if we don't */
  869.  
  870. body .comment,
  871. body .comment .comment .comment,
  872. body .comment .comment .comment .comment .comment,
  873. body .comment .comment .comment .comment .comment .comment .comment,
  874. body .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  875. .res-commentBoxes .content .comment,
  876. .res-commentBoxes .content .comment .comment .comment,
  877. .res-commentBoxes .content .comment .comment .comment .comment .comment,
  878. .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment,
  879. .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  880.         background-color: #F5F5F5 !important;
  881.         border-radius: 0 !important;}
  882.  
  883. .comment .comment,
  884. .comment .comment .comment .comment,
  885. .comment .comment .comment .comment .comment .comment,
  886. .comment .comment .comment .comment .comment .comment .comment .comment,
  887. .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  888. .res-commentBoxes .content .comment .comment,
  889. .res-commentBoxes .content .comment .comment .comment .comment,
  890. .res-commentBoxes .content .comment .comment .comment .comment .comment .comment,
  891. .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment,
  892. .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  893.         background-color: #fff !important;
  894.         border-radius: 0 !important;}
  895.  
  896.  
  897.  
  898. /* submission page */
  899.  
  900. .submit.content {
  901.     border: 0;
  902.     margin: 0;}
  903.  
  904. .formtabs-content .roundfield {
  905.     background: #F5F5F5;
  906.     padding: 9px;}
  907.  
  908. .submit-page .infobar {
  909.     background-color: #E7E6E3;
  910.     border: 0;
  911.     width: 500px;
  912.     letter-spacing: 2px;
  913.     text-transform: uppercase;
  914.     color: #333;
  915.     padding: 9px;}
  916.  
  917. .submit_text .content {
  918.     border: 0;
  919.     margin: 0;
  920.     display: block;}
  921.  
  922. .submit_text {
  923.     max-height: 300px;}
  924.  
  925. #suggested-reddits a {
  926.     color: #B4B3B2;}
  927.  
  928. #suggested-reddits {
  929.     margin-top: 5px;
  930.     text-transform: uppercase;
  931.     letter-spacing: 1px;}
  932.  
  933. .content.submit .info-notice {
  934.     border: 0;
  935.     background-color:#b8b8b8;
  936.     padding: 9px;
  937.     color: #FFF;
  938.     margin-bottom: 12px;
  939.     text-transform: uppercase;
  940.     letter-spacing: 2px;}
  941.  
  942.  
  943.  
  944. /* wiki formatting */
  945.  
  946. .wiki-page .wikititle strong {
  947.     font-weight: normal !important;}
  948.  
  949. .wiki-page .wikititle {
  950.     margin-left: 15px;
  951.     display: block;
  952.     vertical-align: middle;
  953.     color: #000!important;
  954.     border-bottom: 1px solid #BDBAB4;
  955.     letter-spacing: 2px;
  956.     text-transform: uppercase;
  957.     font-weight: normal !important;
  958.     padding-left: 2px;
  959.     padding-top: 10px;}
  960.  
  961. .wiki-page .pageactions {
  962.     margin-left: 14px;}
  963.  
  964. .wiki-page .pageactions .wikiaction-current {
  965.     color: #FFF;
  966.     background-color: #595959;}
  967.  
  968. .wiki-page .pageactions .wikiaction {
  969.     display: inline-block;
  970.     margin: 2px;
  971.     padding-top: 2px;
  972.     padding-bottom: 3px;
  973.     padding-right: 10px;
  974.     padding-left: 10px;
  975.     letter-spacing: 2px;}
  976.  
  977. .wiki-page .content .wiki-page-content {
  978.     margin-top: 0px;}
  979.  
  980. .wiki-page .content .pageactions a:hover {
  981.     background-color: #595959;
  982.     color: #FFF;}
  983.  
  984. div.wiki div.toc>ul:before {
  985.     display: block!important;
  986.     content: "Table of Contents";
  987.     color: #99A;
  988.     text-align: center;
  989.     margin-top: -5px;
  990.     margin-bottom: 5px;}
  991.  
  992. div.wiki div.toc {
  993.     float: right;
  994.     max-width: 40%;
  995.     border-color: #C1BFBF;
  996.     letter-spacing: 2px;
  997.     text-transform: uppercase;
  998.     background: #FFF;}
  999.  
  1000. .wiki-page .pageactions {
  1001.     border: 0;}
  1002.  
  1003.  
  1004.  
  1005. /*
  1006. ---------------------              
  1007. sidebar area
  1008. ---------------------  
  1009. */
  1010.  
  1011. body div.side {
  1012.     margin: 68px 0 0 0;
  1013.     border-left: solid 20px #E9E9E9;
  1014.     border-bottom: solid 20px #E9E9E9;}
  1015.  
  1016. /* message the moderators */
  1017.  
  1018. .side .sidecontentbox a.helplink {
  1019.     float: none;
  1020.     margin-top: 4px;
  1021.     display: block;
  1022.     letter-spacing: 2px;
  1023.     text-transform: uppercase;
  1024.     border-radius: 3px;
  1025.     background: none;
  1026.     border: 0;
  1027.     font-weight: normal;
  1028.     line-height: 34px;
  1029.     height: 34px;
  1030.     text-align: left;
  1031.     padding-left: 38px;
  1032.     background: url(%%sprite-icon-32%%) no-repeat top left;
  1033.     background-position: 2px -7127px;}
  1034.  
  1035. .side .sidecontentbox a.helplink:hover {
  1036.     background-color: #595959!important;}
  1037.  
  1038. .side .spacer {
  1039.     margin: 0;}
  1040.  
  1041. .morelink {
  1042.     display: block;
  1043.     letter-spacing: 2px;
  1044.     text-transform: uppercase;
  1045.     border-radius: 3px;
  1046.     background: none;
  1047.     border: 0;
  1048.     font-weight: normal;
  1049.     line-height: 34px;
  1050.     height: 34px;
  1051.     text-align: left;
  1052.     padding-left: 38px;
  1053.     margin-bottom: 3px;}
  1054.  
  1055. .morelink .nub {
  1056.     display: none;}
  1057.  
  1058. .submit-link .morelink {
  1059.     background: url(%%sprite-icon-32%%) no-repeat top left;
  1060.     background-position: 4px -12935px;
  1061.     width: 262px;}
  1062.  
  1063. .submit-text .morelink {
  1064.     background: url(%%sprite-icon-32%%) no-repeat top left;
  1065.     background-position: 4px -2177px;
  1066.     width: 262px}
  1067.  
  1068. .create .morelink {
  1069.     background: url(%%sprite-icon-32%%) no-repeat top left;
  1070.     background-position: 2px -16367px;}
  1071.  
  1072. h1.redditname {
  1073.     display: none;}
  1074.  
  1075. h1.redditname:hover {
  1076.     background-color: #97CE68;}
  1077.  
  1078. .hover a:hover {
  1079.     text-decoration: none;}
  1080.  
  1081. .titlebox h1 a {
  1082.     color: #FFF;}
  1083.  
  1084. .titlebox {
  1085.     padding-left: 5px;}
  1086.  
  1087. .subButtons .RESshortcutside {
  1088.     width: auto;
  1089.     display: inline-block;}
  1090.  
  1091. .subButtons .RESDashboardToggle {
  1092.     width: auto;
  1093.     display: inline-block;}
  1094.  
  1095. .subButtons .RESshortcutside, .subButtons .RESDashboardToggle {
  1096.     letter-spacing: 2px;
  1097.     text-transform: uppercase;
  1098.     border-radius: 3px;
  1099.     border: 0;
  1100.     font-weight: normal;
  1101.     color: #000000;
  1102.     background: none !important;
  1103.     padding: 1px 0px 1px 0px;
  1104.     z-index: 100;}
  1105.  
  1106. .subButtons .RESshortcutside.remove, .subButtons .RESDashboardToggle.remove {
  1107.     background-image: none !important;
  1108.     background-image: none;
  1109.     background-color: #FF6766;
  1110.     border-radius: 0px !important;}
  1111.  
  1112. .titlebox .fancy-toggle-button {
  1113.     display: inline-block;
  1114.     margin-bottom: 0;}
  1115.  
  1116. .titlebox .fancy-toggle-button a {
  1117.     letter-spacing: 2px;
  1118.     text-transform: uppercase;
  1119.     background: none;
  1120.     border: 0;
  1121.     font-weight: normal;
  1122.     text-align: left;
  1123.     color: #FFF;}
  1124.  
  1125. .titlebox .fancy-toggle-button .remove {
  1126.     border: none;
  1127.     background-image: none;
  1128.     background-color: #FF6766;}
  1129.  
  1130. .titlebox .fancy-toggle-button .add {
  1131.     border: none;
  1132.     background-image: none;
  1133.     background-color: #97CE68;}
  1134.  
  1135. .side .content {
  1136.     border: 0;}
  1137.  
  1138. .side .word, .side .number {
  1139.     letter-spacing: 1px;
  1140.     text-transform: uppercase;
  1141.     font-weight: normal;}
  1142.  
  1143. .side .users-online:before, .side .leavemoderator:before {
  1144.     background: none;
  1145.     padding: 0;
  1146.     margin: 0;
  1147.     width: 0;}
  1148.  
  1149. .sidecontentbox .title .collapse-button {
  1150.     display: none;}
  1151.  
  1152. /* colored boxes in the sidebar idea comes from rolmos's edurne theme*/
  1153.  
  1154. .side h6 {
  1155.         color: #FFF!important;
  1156.         letter-spacing: 2px;
  1157.         text-transform: uppercase;
  1158.         font-weight: normal!important;
  1159.         display: block;
  1160.         padding-left: 2px;
  1161.         font-size: 140%;
  1162.         background: #FF6766;}
  1163.  
  1164. .side h6+blockquote {
  1165.         display: block;
  1166.         background-color: #FEF0F0;
  1167.         border: 0;
  1168.         color: #000!important;
  1169.         margin: 0px 0 5px 0 !important;
  1170.         padding: 5px;}
  1171.  
  1172. .side h5 {
  1173.         color: #FFF!important;
  1174.         letter-spacing: 2px;
  1175.         text-transform: uppercase;
  1176.         font-weight: normal!important;
  1177.         display: block;
  1178.         padding-left: 2px;
  1179.         font-size: 140%;
  1180.         background: #68ADCE;}
  1181.  
  1182. .side h5+blockquote {
  1183.         display: block;
  1184.         background-color: #EAEAFF;
  1185.         border: 0;
  1186.         color: #000!important;
  1187.         margin: 0px 0 5px 0 !important;
  1188.         padding: 5px;}
  1189.  
  1190. .side h4 {
  1191.         color: #FFF!important;
  1192.         letter-spacing: 2px;
  1193.         text-transform: uppercase;
  1194.         font-weight: normal!important;
  1195.         display: block;
  1196.         padding-left: 2px;
  1197.         font-size: 140%;
  1198.         background: #97CE68;}
  1199.  
  1200. .side h4+blockquote {
  1201.         display: block;
  1202.         background-color: #E9FFE6;
  1203.         border: 0;
  1204.         color: #000!important;
  1205.         margin: 0px 0 5px 0 !important;
  1206.         padding: 5px;}
  1207.  
  1208. /* CSS Credit */
  1209.  
  1210. .footer:before {
  1211.     display: block;
  1212.     margin: 10px;
  1213.     padding: 10px;
  1214.     color: #717171;
  1215.     content: "CSS brought to you by /r/FlatOne and /r/FlatBlue";
  1216.     text-transform: none;
  1217.     font-size: 12px;
  1218.     font-family: arial, sans-serif;}
  1219.  
  1220.  
  1221. /*
  1222. ---------------------  
  1223. Most things flair related
  1224. ---------------------  
  1225. */
  1226.  
  1227. /* flair selection drop down */
  1228.  
  1229. .flairselector.drop-choices.active {
  1230.     border: 0;
  1231.     box-shadow: none;}
  1232.  
  1233. /* User Flair */
  1234.  
  1235. .flair {border: 0;}
  1236.  
  1237.  
  1238. /* Link Flair formatting, flairs are labeled alphabetically adding a flair is simple.  */
  1239.  
  1240. .flairoptionpane {
  1241.     max-height: 300px;}
  1242.  
  1243. .flairoptionpane li {
  1244.     height: 22px;}
  1245.  
  1246. .title .linkflairlabel {
  1247.     display: inline;
  1248.     background-color: transparent;
  1249.     border-width: 0px;
  1250.     border-radius: 0px;
  1251.     color: #C1BFBF;
  1252.     letter-spacing: 2px;
  1253.     text-transform: uppercase;
  1254.     font-weight: normal;
  1255.     overflow: visible;
  1256.     max-width: 98%;}
  1257.  
  1258. .thing.linkflair .entry {
  1259.     border-right: 10px solid #808080;}
  1260.  
  1261. .thing.linkflair .linkflairlabel {
  1262.     border-bottom: solid 2px #808080;}
  1263.  
  1264. .thing.linkflair.linkflair-a .entry, .flairselector .linkflair-a {
  1265.     border-right: 10px solid #E18879;}
  1266.  
  1267. .thing.linkflair.linkflair-a .linkflairlabel {
  1268.     border-bottom: solid 2px #E18879;}
  1269.  
  1270. .thing.linkflair.linkflair-b .entry, .flairselector .linkflair-b {
  1271.     border-right: 10px solid #e1aa79;}
  1272.  
  1273. .thing.linkflair.linkflair-b .linkflairlabel {
  1274.     border-bottom: solid 2px #e1aa79;}
  1275.  
  1276. .thing.linkflair.linkflair-c .entry, .flairselector .linkflair-c {
  1277.     border-right: 10px solid #bbe179;}
  1278.  
  1279. .thing.linkflair.linkflair-c .linkflairlabel {
  1280.     border-bottom: solid 2px #bbe179;}
  1281.  
  1282. .thing.linkflair.linkflair-d .entry, .flairselector .linkflair-d {
  1283.     border-right: 10px solid #79e1d1;}
  1284.  
  1285. .thing.linkflair.linkflair-d .linkflairlabel {
  1286.     border-bottom: solid 2px #79e1d1;}
  1287.  
  1288. .thing.linkflair.linkflair-e .entry, .flairselector .linkflair-e {
  1289.     border-right: 10px solid #e1db79;}
  1290.  
  1291. .thing.linkflair.linkflair-e .linkflairlabel {
  1292.     border-bottom: solid 2px #e1db79;}
  1293.  
  1294. .thing.linkflair.linkflair-f .entry, .flairselector .linkflair-f {
  1295.     border-right: 10px solid #b179e1;}
  1296.  
  1297. .thing.linkflair.linkflair-f .linkflairlabel {
  1298.     border-bottom: solid 2px #b179e1;}
  1299.  
  1300. .thing.linkflair.linkflair-g .entry, .flairselector .linkflair-g {
  1301.     border-right: 10px solid #FCDFFF;}
  1302.  
  1303. .thing.linkflair.linkflair-g .linkflairlabel {
  1304.     border-bottom: solid 2px #FCDFFF;}
  1305.  
  1306.  
  1307. /* not enough flairs?  Simply copy the following text and change <CLASS>  to whatever class you want to name the flair and <COLOR> to a valid hex color (#ff0000 for example)
  1308.  
  1309.  
  1310. .thing.linkflair.linkflair-<CLASS>, .flairselector .linkflair-<CLASS> {
  1311.     border-right: 10px solid <COLOR>;}
  1312.  
  1313. .thing.linkflair.linkflair-<CLASS> .linkflairlabel {
  1314.    border-bottom: solid 2px <COLOR>;}
  1315.  
  1316. */
  1317.  
  1318.  
  1319.  
  1320. /*
  1321. ---------------------  
  1322. 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:
  1323. a[href*='#icon-']
  1324. becomes
  1325. .side a[href*='#icon-']
  1326. The easiest way to do this is with a search and replace query in your favorite editor
  1327. ---------------------  
  1328. */
  1329. a[href*='#icon-'] {
  1330.     color: #000!important;
  1331.     cursor: default;}
  1332.  
  1333.  
  1334. /* remove RES annotation since these aren't really links */
  1335.  
  1336. a[href*='#icon-'] + .keyNavAnnotation {
  1337.     display: none;}
  1338.  
  1339. a[href*='#icon-']:hover {
  1340.     text-decoration: none;}
  1341.  
  1342. a[href*='#icon-']::before {
  1343.     display: inline-block;
  1344.     height: 16px;
  1345.     width: 16px;
  1346.     content: '';
  1347.     margin: 0 5px -1px 0;
  1348.     background: url(%%sprite-icon-16%%) no-repeat top left;}
  1349.  
  1350. a[href='#icon-adjust']::before {background-position: 0 0;}
  1351.  
  1352. a[href='#icon-adn']::before {background-position: 0 -34px;}
  1353.  
  1354. a[href='#icon-align-center']::before {background-position: 0 -68px;}
  1355.  
  1356. a[href='#icon-align-justify']::before {background-position: 0 -102px;}
  1357.  
  1358. a[href='#icon-align-left']::before {background-position: 0 -136px;}
  1359.  
  1360. a[href='#icon-align-right']::before {background-position: 0 -170px;}
  1361.  
  1362. a[href='#icon-ambulance']::before {background-position: 0 -204px;}
  1363.  
  1364. a[href='#icon-anchor']::before {background-position: 0 -238px;}
  1365.  
  1366. a[href='#icon-android']::before {background-position: 0 -272px;}
  1367.  
  1368. a[href='#icon-angle-down']::before {background-position: 0 -306px;}
  1369.  
  1370. a[href='#icon-angle-left']::before {background-position: 0 -340px;}
  1371.  
  1372. a[href='#icon-angle-right']::before {background-position: 0 -374px;}
  1373.  
  1374. a[href='#icon-angle-up']::before {background-position: 0 -408px;}
  1375.  
  1376. a[href='#icon-apple']::before {background-position: 0 -442px;}
  1377.  
  1378. a[href='#icon-archive']::before {background-position: 0 -476px;}
  1379.  
  1380. a[href='#icon-arrow-down']::before {background-position: 0 -510px;}
  1381.  
  1382. a[href='#icon-arrow-left']::before {background-position: 0 -544px;}
  1383.  
  1384. a[href='#icon-arrow-right']::before {background-position: 0 -578px;}
  1385.  
  1386. a[href='#icon-arrow-up']::before {background-position: 0 -612px;}
  1387.  
  1388. a[href='#icon-asterisk']::before {background-position: 0 -646px;}
  1389.  
  1390. a[href='#icon-backward']::before {background-position: 0 -680px;}
  1391.  
  1392. a[href='#icon-ban-circle']::before {background-position: 0 -714px;}
  1393.  
  1394. a[href='#icon-bar-chart']::before {background-position: 0 -748px;}
  1395.  
  1396. a[href='#icon-barcode']::before {background-position: 0 -782px;}
  1397.  
  1398. a[href='#icon-beaker']::before {background-position: 0 -816px;}
  1399.  
  1400. a[href='#icon-beer']::before {background-position: 0 -850px;}
  1401.  
  1402. a[href='#icon-bell-alt']::before {background-position: 0 -884px;}
  1403.  
  1404. a[href='#icon-bell']::before {background-position: 0 -918px;}
  1405.  
  1406. a[href='#icon-bitbucket-sign']::before {background-position: 0 -952px;}
  1407.  
  1408. a[href='#icon-bitbucket']::before {background-position: 0 -986px;}
  1409.  
  1410. a[href='#icon-bitcoin']::before {background-position: 0 -1020px;}
  1411.  
  1412. a[href='#icon-bold']::before {background-position: 0 -1054px;}
  1413.  
  1414. a[href='#icon-bolt']::before {background-position: 0 -1088px;}
  1415.  
  1416. a[href='#icon-book']::before {background-position: 0 -1122px;}
  1417.  
  1418. a[href='#icon-bookmark-empty']::before {background-position: 0 -1156px;}
  1419.  
  1420. a[href='#icon-bookmark']::before {background-position: 0 -1190px;}
  1421.  
  1422. a[href='#icon-briefcase']::before {background-position: 0 -1224px;}
  1423.  
  1424. a[href='#icon-btc']::before {background-position: 0 -1258px;}
  1425.  
  1426. a[href='#icon-bug']::before {background-position: 0 -1292px;}
  1427.  
  1428. a[href='#icon-building']::before {background-position: 0 -1326px;}
  1429.  
  1430. a[href='#icon-bullhorn']::before {background-position: 0 -1360px;}
  1431.  
  1432. a[href='#icon-bullseye']::before {background-position: 0 -1394px;}
  1433.  
  1434. a[href='#icon-calendar-empty']::before {background-position: 0 -1428px;}
  1435.  
  1436. a[href='#icon-calendar']::before {background-position: 0 -1462px;}
  1437.  
  1438. a[href='#icon-camera-retro']::before {background-position: 0 -1496px;}
  1439.  
  1440. a[href='#icon-camera']::before {background-position: 0 -1530px;}
  1441.  
  1442. a[href='#icon-caret-down']::before {background-position: 0 -1564px;}
  1443.  
  1444. a[href='#icon-caret-left']::before {background-position: 0 -1598px;}
  1445.  
  1446. a[href='#icon-caret-right']::before {background-position: 0 -1632px;}
  1447.  
  1448. a[href='#icon-caret-up']::before {background-position: 0 -1666px;
  1449. }
  1450.  
  1451. a[href='#icon-certificate']::before {background-position: 0 -1700px;}
  1452.  
  1453. a[href='#icon-check-empty']::before {background-position: 0 -1734px;}
  1454.  
  1455. a[href='#icon-check-minus']::before {background-position: 0 -1768px;}
  1456.  
  1457. a[href='#icon-check-sign']::before {background-position: 0 -1802px;}
  1458.  
  1459. a[href='#icon-check']::before {background-position: 0 -1836px;}
  1460.  
  1461. a[href='#icon-chevron-down']::before {background-position: 0 -1870px;}
  1462.  
  1463. a[href='#icon-chevron-left']::before {background-position: 0 -1904px;}
  1464.  
  1465. a[href='#icon-chevron-right']::before {background-position: 0 -1938px;}
  1466.  
  1467. a[href='#icon-chevron-sign-down']::before {background-position: 0 -1972px;}
  1468.  
  1469. a[href='#icon-chevron-sign-left']::before {background-position: 0 -2006px;}
  1470.  
  1471. a[href='#icon-chevron-sign-right']::before {background-position: 0 -2040px;}
  1472.  
  1473. a[href='#icon-chevron-sign-up']::before {background-position: 0 -2074px;}
  1474.  
  1475. a[href='#icon-chevron-up']::before {background-position: 0 -2108px;}
  1476.  
  1477. a[href='#icon-circle-arrow-down']::before {background-position: 0 -2142px;}
  1478.  
  1479. a[href='#icon-circle-arrow-left']::before {background-position: 0 -2176px;}
  1480.  
  1481. a[href='#icon-circle-arrow-right']::before {background-position: 0 -2210px;}
  1482.  
  1483. a[href='#icon-circle-arrow-up']::before {background-position: 0 -2244px;}
  1484.  
  1485. a[href='#icon-circle-blank']::before {background-position: 0 -2278px;}
  1486.  
  1487. a[href='#icon-circle']::before {background-position: 0 -2312px;}
  1488.  
  1489. a[href='#icon-cloud-download']::before {background-position: 0 -2346px;}
  1490.  
  1491. a[href='#icon-cloud-upload']::before {background-position: 0 -2380px;}
  1492.  
  1493. a[href='#icon-cloud']::before {background-position: 0 -2414px;}
  1494.  
  1495. a[href='#icon-cny']::before {background-position: 0 -2448px;}
  1496.  
  1497. a[href='#icon-code-fork']::before {background-position: 0 -2482px;}
  1498.  
  1499. a[href='#icon-code']::before {background-position: 0 -2516px;}
  1500.  
  1501. a[href='#icon-coffee']::before {background-position: 0 -2550px;}
  1502.  
  1503. a[href='#icon-cog']::before {background-position: 0 -2584px;}
  1504.  
  1505. a[href='#icon-cogs']::before {background-position: 0 -2618px;}
  1506.  
  1507. a[href='#icon-collapse-alt']::before {background-position: 0 -2652px;}
  1508.  
  1509. a[href='#icon-collapse-top']::before {background-position: 0 -2686px;}
  1510.  
  1511. a[href='#icon-collapse']::before {background-position: 0 -2720px;}
  1512.  
  1513. a[href='#icon-columns']::before {background-position: 0 -2754px;}
  1514.  
  1515. a[href='#icon-comment-alt']::before {background-position: 0 -2788px;}
  1516.  
  1517. a[href='#icon-comment']::before {background-position: 0 -2822px;}
  1518.  
  1519. a[href='#icon-comments-alt']::before {background-position: 0 -2856px;}
  1520.  
  1521. a[href='#icon-comments']::before {background-position: 0 -2890px;}
  1522.  
  1523. a[href='#icon-compass']::before {background-position: 0 -2924px;}
  1524.  
  1525. a[href='#icon-copy']::before {background-position: 0 -2958px;}
  1526.  
  1527. a[href='#icon-credit-card']::before {background-position: 0 -2992px;}
  1528.  
  1529. a[href='#icon-crop']::before {background-position: 0 -3026px;}
  1530.  
  1531. a[href='#icon-css3']::before {background-position: 0 -3060px;}
  1532.  
  1533. a[href='#icon-cut']::before {background-position: 0 -3094px;}
  1534.  
  1535. a[href='#icon-dashboard']::before {background-position: 0 -3128px;}
  1536.  
  1537. a[href='#icon-desktop']::before {background-position: 0 -3162px;}
  1538.  
  1539. a[href='#icon-dollar']::before {background-position: 0 -3196px;}
  1540.  
  1541. a[href='#icon-double-angle-down']::before {background-position: 0 -3230px;}
  1542.  
  1543. a[href='#icon-double-angle-left']::before {background-position: 0 -3264px;}
  1544.  
  1545. a[href='#icon-double-angle-right']::before {background-position: 0 -3298px;}
  1546.  
  1547. a[href='#icon-double-angle-up']::before {background-position: 0 -3332px;}
  1548.  
  1549. a[href='#icon-download-alt']::before {background-position: 0 -3366px;}
  1550.  
  1551. a[href='#icon-download']::before {background-position: 0 -3400px;}
  1552.  
  1553. a[href='#icon-dribbble']::before {background-position: 0 -3434px;}
  1554.  
  1555. a[href='#icon-dropbox']::before {background-position: 0 -3468px;}
  1556.  
  1557. a[href='#icon-edit-sign']::before {background-position: 0 -3502px;}
  1558.  
  1559. a[href='#icon-edit']::before {background-position: 0 -3536px;}
  1560.  
  1561. a[href='#icon-eject']::before {background-position: 0 -3570px;}
  1562.  
  1563. a[href='#icon-ellipsis-horizontal']::before {background-position: 0 -3604px;}
  1564.  
  1565. a[href='#icon-ellipsis-vertical']::before {background-position: 0 -3638px;}
  1566.  
  1567. a[href='#icon-envelope-alt']::before {background-position: 0 -3672px;}
  1568.  
  1569. a[href='#icon-envelope']::before {background-position: 0 -3706px;}
  1570.  
  1571. a[href='#icon-eraser']::before {background-position: 0 -3740px;}
  1572.  
  1573. a[href='#icon-eur']::before {background-position: 0 -3774px;}
  1574.  
  1575. a[href='#icon-euro']::before {background-position: 0 -3808px;}
  1576.  
  1577. a[href='#icon-exchange']::before {background-position: 0 -3842px;}
  1578.  
  1579. a[href='#icon-exclamation-sign']::before {background-position: 0 -3876px;}
  1580.  
  1581. a[href='#icon-exclamation']::before {background-position: 0 -3910px;}
  1582.  
  1583. a[href='#icon-expand-alt']::before {background-position: 0 -3944px;}
  1584.  
  1585. a[href='#icon-expand']::before {background-position: 0 -3978px;}
  1586.  
  1587. a[href='#icon-external-link-sign']::before {background-position: 0 -4012px;}
  1588.  
  1589. a[href='#icon-external-link']::before {background-position: 0 -4046px;}
  1590.  
  1591. a[href='#icon-eye-close']::before {background-position: 0 -4080px;}
  1592.  
  1593. a[href='#icon-eye-open']::before {background-position: 0 -4114px;}
  1594.  
  1595. a[href='#icon-facebook-sign']::before {background-position: 0 -4148px;}
  1596.  
  1597. a[href='#icon-facebook']::before {background-position: 0 -4182px;}
  1598.  
  1599. a[href='#icon-facetime-video']::before {background-position: 0 -4216px;}
  1600.  
  1601. a[href='#icon-fast-backward']::before {background-position: 0 -4250px;}
  1602.  
  1603. a[href='#icon-fast-forward']::before {background-position: 0 -4284px;}
  1604.  
  1605. a[href='#icon-female']::before {background-position: 0 -4318px}
  1606.  
  1607. a[href='#icon-fighter-jet']::before {background-position: 0 -4352px}
  1608.  
  1609. a[href='#icon-file-alt']::before {background-position: 0 -4386px}
  1610.  
  1611. a[href='#icon-file-text-alt']::before {background-position: 0 -4420px}
  1612.  
  1613. a[href='#icon-file-text']::before {background-position: 0 -4454px}
  1614.  
  1615. a[href='#icon-file']::before {background-position: 0 -4488px}
  1616.  
  1617. a[href='#icon-film']::before {background-position: 0 -4522px}
  1618.  
  1619. a[href='#icon-filter']::before {background-position: 0 -4556px}
  1620.  
  1621. a[href='#icon-fire-extinguisher']::before {background-position: 0 -4590px}
  1622.  
  1623. a[href='#icon-fire']::before {background-position: 0 -4624px}
  1624.  
  1625. a[href='#icon-flag-alt']::before {background-position: 0 -4658px}
  1626.  
  1627. a[href='#icon-flag-checkered']::before {background-position: 0 -4692px}
  1628.  
  1629. a[href='#icon-flag']::before {background-position: 0 -4726px}
  1630.  
  1631. a[href='#icon-flickr']::before {background-position: 0 -4760px}
  1632.  
  1633. a[href='#icon-folder-close-alt']::before {background-position: 0 -4794px}
  1634.  
  1635. a[href='#icon-folder-close']::before {background-position: 0 -4828px}
  1636.  
  1637. a[href='#icon-folder-open-alt']::before {background-position: 0 -4862px}
  1638.  
  1639. a[href='#icon-folder-open']::before {background-position: 0 -4896px}
  1640.  
  1641. a[href='#icon-font']::before {background-position: 0 -4930px}
  1642.  
  1643. a[href='#icon-food']::before {background-position: 0 -4964px}
  1644.  
  1645. a[href='#icon-forward']::before {background-position: 0 -4998px}
  1646.  
  1647. a[href='#icon-foursquare']::before {background-position: 0 -5032px}
  1648.  
  1649. a[href='#icon-frown']::before {background-position: 0 -5066px}
  1650.  
  1651. a[href='#icon-fullscreen']::before {background-position: 0 -5100px}
  1652.  
  1653. a[href='#icon-gamepad']::before {background-position: 0 -5134px}
  1654.  
  1655. a[href='#icon-gbp']::before {background-position: 0 -5168px}
  1656.  
  1657. a[href='#icon-gear']::before {background-position: 0 -5202px}
  1658.  
  1659. a[href='#icon-gears']::before {background-position: 0 -5236px}
  1660.  
  1661. a[href='#icon-gift']::before {background-position: 0 -5270px}
  1662.  
  1663. a[href='#icon-github-alt']::before {background-position: 0 -5304px}
  1664.  
  1665. a[href='#icon-github-sign']::before {background-position: 0 -5338px}
  1666.  
  1667. a[href='#icon-github']::before {background-position: 0 -5372px}
  1668.  
  1669. a[href='#icon-gittip']::before {background-position: 0 -5406px}
  1670.  
  1671. a[href='#icon-glass']::before {background-position: 0 -5440px}
  1672.  
  1673. a[href='#icon-globe']::before {background-position: 0 -5474px}
  1674.  
  1675. a[href='#icon-google-plus-sign']::before {background-position: 0 -5508px}
  1676.  
  1677. a[href='#icon-google-plus']::before {background-position: 0 -5542px}
  1678.  
  1679. a[href='#icon-group']::before {background-position: 0 -5576px}
  1680.  
  1681. a[href='#icon-h-sign']::before {background-position: 0 -5610px}
  1682.  
  1683. a[href='#icon-hand-down']::before {background-position: 0 -5644px}
  1684.  
  1685. a[href='#icon-hand-left']::before {background-position: 0 -5678px}
  1686.  
  1687. a[href='#icon-hand-right']::before {background-position: 0 -5712px}
  1688.  
  1689. a[href='#icon-hand-up']::before {background-position: 0 -5746px}
  1690.  
  1691. a[href='#icon-hdd']::before {background-position: 0 -5780px}
  1692.  
  1693. a[href='#icon-headphones']::before {background-position: 0 -5814px}
  1694.  
  1695. a[href='#icon-heart-empty']::before {background-position: 0 -5848px}
  1696.  
  1697. a[href='#icon-heart']::before {background-position: 0 -5882px}
  1698.  
  1699. a[href='#icon-home']::before {background-position: 0 -5916px}
  1700.  
  1701. a[href='#icon-hospital']::before {background-position: 0 -5950px}
  1702.  
  1703. a[href='#icon-html5']::before {background-position: 0 -5984px}
  1704.  
  1705. a[href='#icon-inbox']::before {background-position: 0 -6018px}
  1706.  
  1707. a[href='#icon-indent-left']::before {background-position: 0 -6052px}
  1708.  
  1709. a[href='#icon-indent-right']::before {background-position: 0 -6086px}
  1710.  
  1711. a[href='#icon-info-sign']::before {background-position: 0 -6120px}
  1712.  
  1713. a[href='#icon-info']::before {background-position: 0 -6154px}
  1714.  
  1715. a[href='#icon-inr']::before {background-position: 0 -6188px}
  1716.  
  1717. a[href='#icon-instagram']::before {background-position: 0 -6222px}
  1718.  
  1719. a[href='#icon-italic']::before {background-position: 0 -6256px}
  1720.  
  1721. a[href='#icon-jpy']::before {background-position: 0 -6290px}
  1722.  
  1723. a[href='#icon-key']::before {background-position: 0 -6324px}
  1724.  
  1725. a[href='#icon-keyboard']::before {background-position: 0 -6358px}
  1726.  
  1727. a[href='#icon-krw']::before {background-position: 0 -6392px}
  1728.  
  1729. a[href='#icon-laptop']::before {background-position: 0 -6426px}
  1730.  
  1731. a[href='#icon-leaf']::before {background-position: 0 -6460px}
  1732.  
  1733. a[href='#icon-legal']::before {background-position: 0 -6494px}
  1734.  
  1735. a[href='#icon-lemon']::before {background-position: 0 -6528px}
  1736.  
  1737. a[href='#icon-level-down']::before {background-position: 0 -6562px}
  1738.  
  1739. a[href='#icon-level-up']::before {background-position: 0 -6596px}
  1740.  
  1741. a[href='#icon-lightbulb']::before {background-position: 0 -6630px}
  1742.  
  1743. a[href='#icon-link']::before {background-position: 0 -6664px}
  1744.  
  1745. a[href='#icon-linkedin-sign']::before {background-position: 0 -6698px}
  1746.  
  1747. a[href='#icon-linkedin']::before {background-position: 0 -6732px}
  1748.  
  1749. a[href='#icon-linux']::before {background-position: 0 -6766px}
  1750.  
  1751. a[href='#icon-list-alt']::before {background-position: 0 -6800px}
  1752.  
  1753. a[href='#icon-list-ol']::before {background-position: 0 -6834px}
  1754.  
  1755. a[href='#icon-list-ul']::before {background-position: 0 -6868px}
  1756.  
  1757. a[href='#icon-list']::before {background-position: 0 -6902px}
  1758.  
  1759. a[href='#icon-location-arrow']::before {background-position: 0 -6936px}
  1760.  
  1761. a[href='#icon-lock']::before {background-position: 0 -6970px}
  1762.  
  1763. a[href='#icon-long-arrow-down']::before {background-position: 0 -7004px}
  1764.  
  1765. a[href='#icon-long-arrow-left']::before {background-position: 0 -7038px}
  1766.  
  1767. a[href='#icon-long-arrow-right']::before {background-position: 0 -7072px}
  1768.  
  1769. a[href='#icon-long-arrow-up']::before {background-position: 0 -7106px}
  1770.  
  1771. a[href='#icon-magic']::before {background-position: 0 -7140px}
  1772.  
  1773. a[href='#icon-magnet']::before {background-position: 0 -7174px}
  1774.  
  1775. a[href='#icon-mail-forward']::before {background-position: 0 -7208px}
  1776.  
  1777. a[href='#icon-mail-reply-all']::before {background-position: 0 -7242px}
  1778.  
  1779. a[href='#icon-mail-reply']::before {background-position: 0 -7276px}
  1780.  
  1781. a[href='#icon-male']::before {background-position: 0 -7310px}
  1782.  
  1783. a[href='#icon-map-marker']::before {background-position: 0 -7344px}
  1784.  
  1785. a[href='#icon-maxcdn']::before {background-position: 0 -7378px}
  1786.  
  1787. a[href='#icon-medkit']::before {background-position: 0 -7412px}
  1788.  
  1789. a[href='#icon-meh']::before {background-position: 0 -7446px}
  1790.  
  1791. a[href='#icon-microphone-off']::before {background-position: 0 -7480px}
  1792.  
  1793. a[href='#icon-microphone']::before {background-position: 0 -7514px}
  1794.  
  1795. a[href='#icon-minus-sign-alt']::before {background-position: 0 -7548px}
  1796.  
  1797. a[href='#icon-minus-sign']::before {background-position: 0 -7582px}
  1798.  
  1799. a[href='#icon-minus']::before {background-position: 0 -7616px}
  1800.  
  1801. a[href='#icon-mobile-phone']::before {background-position: 0 -7650px}
  1802.  
  1803. a[href='#icon-money']::before {background-position: 0 -7684px}
  1804.  
  1805. a[href='#icon-moon']::before {background-position: 0 -7718px}
  1806.  
  1807. a[href='#icon-move']::before {background-position: 0 -7752px}
  1808.  
  1809. a[href='#icon-music']::before {background-position: 0 -7786px}
  1810.  
  1811. a[href='#icon-off']::before {background-position: 0 -7820px}
  1812.  
  1813. a[href='#icon-ok-circle']::before {background-position: 0 -7854px}
  1814.  
  1815. a[href='#icon-ok-sign']::before {background-position: 0 -7888px}
  1816.  
  1817. a[href='#icon-ok']::before {background-position: 0 -7922px}
  1818.  
  1819. a[href='#icon-paper-clip']::before {background-position: 0 -7956px}
  1820.  
  1821. a[href='#icon-paperclip']::before {background-position: 0 -7990px}
  1822.  
  1823. a[href='#icon-paste']::before {background-position: 0 -8024px}
  1824.  
  1825. a[href='#icon-pause']::before {background-position: 0 -8058px}
  1826.  
  1827. a[href='#icon-pencil']::before {background-position: 0 -8092px}
  1828.  
  1829. a[href='#icon-phone-sign']::before {background-position: 0 -8126px}
  1830.  
  1831. a[href='#icon-phone']::before {background-position: 0 -8160px}
  1832.  
  1833. a[href='#icon-picture']::before {background-position: 0 -8194px}
  1834.  
  1835. a[href='#icon-pinterest-sign']::before {background-position: 0 -8228px}
  1836.  
  1837. a[href='#icon-pinterest']::before {background-position: 0 -8262px}
  1838.  
  1839. a[href='#icon-plane']::before {background-position: 0 -8296px}
  1840.  
  1841. a[href='#icon-play-circle']::before {background-position: 0 -8330px}
  1842.  
  1843. a[href='#icon-play-sign']::before {background-position: 0 -8364px}
  1844.  
  1845. a[href='#icon-play']::before {background-position: 0 -8398px}
  1846.  
  1847. a[href='#icon-plus-sign-alt']::before {background-position: 0 -8432px}
  1848.  
  1849. a[href='#icon-plus-sign']::before {background-position: 0 -8466px}
  1850.  
  1851. a[href='#icon-plus']::before {background-position: 0 -8500px}
  1852.  
  1853. a[href='#icon-power-off']::before {background-position: 0 -8534px}
  1854.  
  1855. a[href='#icon-print']::before {background-position: 0 -8568px}
  1856.  
  1857. a[href='#icon-pushpin']::before {background-position: 0 -8602px}
  1858.  
  1859. a[href='#icon-puzzle-piece']::before {background-position: 0 -8636px}
  1860.  
  1861. a[href='#icon-qrcode']::before {background-position: 0 -8670px}
  1862.  
  1863. a[href='#icon-question-sign']::before {background-position: 0 -8704px}
  1864.  
  1865. a[href='#icon-question']::before {background-position: 0 -8738px}
  1866.  
  1867. a[href='#icon-quote-left']::before {background-position: 0 -8772px}
  1868.  
  1869. a[href='#icon-quote-right']::before {background-position: 0 -8806px}
  1870.  
  1871. a[href='#icon-random']::before {background-position: 0 -8840px}
  1872.  
  1873. a[href='#icon-refresh']::before {background-position: 0 -8874px}
  1874.  
  1875. a[href='#icon-remove-circle']::before {background-position: 0 -8908px}
  1876.  
  1877. a[href='#icon-remove-sign']::before {background-position: 0 -8942px}
  1878.  
  1879. a[href='#icon-remove']::before {background-position: 0 -8976px}
  1880.  
  1881. a[href='#icon-renminbi']::before {background-position: 0 -9010px}
  1882.  
  1883. a[href='#icon-renren']::before {background-position: 0 -9044px}
  1884.  
  1885. a[href='#icon-reorder']::before {background-position: 0 -9078px}
  1886.  
  1887. a[href='#icon-repeat']::before {background-position: 0 -9112px}
  1888.  
  1889. a[href='#icon-reply-all']::before {background-position: 0 -9146px}
  1890.  
  1891. a[href='#icon-reply']::before {background-position: 0 -9180px}
  1892.  
  1893. a[href='#icon-resize-full']::before {background-position: 0 -9214px}
  1894.  
  1895. a[href='#icon-resize-horizontal']::before {background-position: 0 -9248px}
  1896.  
  1897. a[href='#icon-resize-small']::before {background-position: 0 -9282px}
  1898.  
  1899. a[href='#icon-resize-vertical']::before {background-position: 0 -9316px}
  1900.  
  1901. a[href='#icon-retweet']::before {background-position: 0 -9350px}
  1902.  
  1903. a[href='#icon-road']::before {background-position: 0 -9384px}
  1904.  
  1905. a[href='#icon-rocket']::before {background-position: 0 -9418px}
  1906.  
  1907. a[href='#icon-rotate-left']::before {background-position: 0 -9452px}
  1908.  
  1909. a[href='#icon-rotate-right']::before {background-position: 0 -9486px}
  1910.  
  1911. a[href='#icon-rss-sign']::before {background-position: 0 -9520px}
  1912.  
  1913. a[href='#icon-rss']::before {background-position: 0 -9554px}
  1914.  
  1915. a[href='#icon-rupee']::before {background-position: 0 -9588px}
  1916.  
  1917. a[href='#icon-save']::before {background-position: 0 -9622px}
  1918.  
  1919. a[href='#icon-screenshot']::before {background-position: 0 -9656px}
  1920.  
  1921. a[href='#icon-search']::before {background-position: 0 -9690px}
  1922.  
  1923. a[href='#icon-share-alt']::before {background-position: 0 -9724px}
  1924.  
  1925. a[href='#icon-share-sign']::before {background-position: 0 -9758px}
  1926.  
  1927. a[href='#icon-share']::before {background-position: 0 -9792px}
  1928.  
  1929. a[href='#icon-shield']::before {background-position: 0 -9826px}
  1930.  
  1931. a[href='#icon-shopping-cart']::before {background-position: 0 -9860px}
  1932.  
  1933. a[href='#icon-sign-blank']::before {background-position: 0 -9894px}
  1934.  
  1935. a[href='#icon-signal']::before {background-position: 0 -9928px}
  1936.  
  1937. a[href='#icon-signin']::before {background-position: 0 -9962px}
  1938.  
  1939. a[href='#icon-signout']::before {background-position: 0 -9996px}
  1940.  
  1941. a[href='#icon-sitemap']::before {background-position: 0 -10030px}
  1942.  
  1943. a[href='#icon-skype']::before {background-position: 0 -10064px}
  1944.  
  1945. a[href='#icon-smile']::before {background-position: 0 -10098px}
  1946.  
  1947. a[href='#icon-sort-by-alphabet-alt']::before {background-position: 0 -10132px}
  1948.  
  1949. a[href='#icon-sort-by-alphabet']::before {background-position: 0 -10166px}
  1950.  
  1951. a[href='#icon-sort-by-attributes-alt']::before {background-position: 0 -10200px}
  1952.  
  1953. a[href='#icon-sort-by-attributes']::before {background-position: 0 -10234px}
  1954.  
  1955. a[href='#icon-sort-by-order-alt']::before {background-position: 0 -10268px}
  1956.  
  1957. a[href='#icon-sort-by-order']::before {background-position: 0 -10302px}
  1958.  
  1959. a[href='#icon-sort-down']::before {background-position: 0 -10336px}
  1960.  
  1961. a[href='#icon-sort-up']::before {background-position: 0 -10370px}
  1962.  
  1963. a[href='#icon-sort']::before {background-position: 0 -10404px}
  1964.  
  1965. a[href='#icon-spinner']::before {background-position: 0 -10438px}
  1966.  
  1967. a[href='#icon-stackexchange']::before {background-position: 0 -10472px}
  1968.  
  1969. a[href='#icon-star-empty']::before {background-position: 0 -10506px}
  1970.  
  1971. a[href='#icon-star-half-empty']::before {background-position: 0 -10540px}
  1972.  
  1973. a[href='#icon-star-half-full']::before {background-position: 0 -10574px}
  1974.  
  1975. a[href='#icon-star-half']::before {background-position: 0 -10608px}
  1976.  
  1977. a[href='#icon-star']::before {background-position: 0 -10642px}
  1978.  
  1979. a[href='#icon-step-backward']::before {background-position: 0 -10676px}
  1980.  
  1981. a[href='#icon-step-forward']::before {background-position: 0 -10710px}
  1982.  
  1983. a[href='#icon-stethoscope']::before {background-position: 0 -10744px}
  1984.  
  1985. a[href='#icon-stop']::before {background-position: 0 -10778px}
  1986.  
  1987. a[href='#icon-strikethrough']::before {background-position: 0 -10812px}
  1988.  
  1989. a[href='#icon-subscript']::before {background-position: 0 -10846px}
  1990.  
  1991. a[href='#icon-suitcase']::before {background-position: 0 -10880px}
  1992.  
  1993. a[href='#icon-sun']::before {background-position: 0 -10914px}
  1994.  
  1995. a[href='#icon-superscript']::before {background-position: 0 -10948px}
  1996.  
  1997. a[href='#icon-table']::before {background-position: 0 -10982px}
  1998.  
  1999. a[href='#icon-tablet']::before {background-position: 0 -11016px}
  2000.  
  2001. a[href='#icon-tag']::before {background-position: 0 -11050px}
  2002.  
  2003. a[href='#icon-tags']::before {background-position: 0 -11084px}
  2004.  
  2005. a[href='#icon-tasks']::before {background-position: 0 -11118px}
  2006.  
  2007. a[href='#icon-terminal']::before {background-position: 0 -11152px}
  2008.  
  2009. a[href='#icon-text-height']::before {background-position: 0 -11186px}
  2010.  
  2011. a[href='#icon-text-width']::before {background-position: 0 -11220px}
  2012.  
  2013. a[href='#icon-th-large']::before {background-position: 0 -11254px}
  2014.  
  2015. a[href='#icon-th-list']::before {background-position: 0 -11288px}
  2016.  
  2017. a[href='#icon-th']::before {background-position: 0 -11322px}
  2018.  
  2019. a[href='#icon-thumbs-down-alt']::before {background-position: 0 -11356px}
  2020.  
  2021. a[href='#icon-thumbs-down']::before {background-position: 0 -11390px}
  2022.  
  2023. a[href='#icon-thumbs-up-alt']::before {background-position: 0 -11424px}
  2024.  
  2025. a[href='#icon-thumbs-up']::before {background-position: 0 -11458px}
  2026.  
  2027. a[href='#icon-ticket']::before {background-position: 0 -11492px}
  2028.  
  2029. a[href='#icon-time']::before {background-position: 0 -11526px}
  2030.  
  2031. a[href='#icon-tint']::before {background-position: 0 -11560px}
  2032.  
  2033. a[href='#icon-trash']::before {background-position: 0 -11594px}
  2034.  
  2035. a[href='#icon-trello']::before {background-position: 0 -11628px}
  2036.  
  2037. a[href='#icon-trophy']::before {background-position: 0 -11662px}
  2038.  
  2039. a[href='#icon-truck']::before {background-position: 0 -11696px}
  2040.  
  2041. a[href='#icon-tumblr-sign']::before {background-position: 0 -11730px}
  2042.  
  2043. a[href='#icon-tumblr']::before {background-position: 0 -11764px}
  2044.  
  2045. a[href='#icon-twitter-sign']::before {background-position: 0 -11798px}
  2046.  
  2047. a[href='#icon-twitter']::before {background-position: 0 -11832px}
  2048.  
  2049. a[href='#icon-umbrella']::before {background-position: 0 -11866px}
  2050.  
  2051. a[href='#icon-unchecked']::before {background-position: 0 -11900px}
  2052.  
  2053. a[href='#icon-underline']::before {background-position: 0 -11934px}
  2054.  
  2055. a[href='#icon-undo']::before {background-position: 0 -11968px}
  2056.  
  2057. a[href='#icon-unlink']::before {background-position: 0 -12002px}
  2058.  
  2059. a[href='#icon-unlock-alt']::before {background-position: 0 -12036px}
  2060.  
  2061. a[href='#icon-unlock']::before {background-position: 0 -12070px}
  2062.  
  2063. a[href='#icon-upload-alt']::before {background-position: 0 -12104px}
  2064.  
  2065. a[href='#icon-upload']::before {background-position: 0 -12138px}
  2066.  
  2067. a[href='#icon-usd']::before {background-position: 0 -12172px}
  2068.  
  2069. a[href='#icon-user-md']::before {background-position: 0 -12206px}
  2070.  
  2071. a[href='#icon-user']::before {background-position: 0 -12240px}
  2072.  
  2073. a[href='#icon-vk']::before {background-position: 0 -12274px}
  2074.  
  2075. a[href='#icon-volume-down']::before {background-position: 0 -12308px}
  2076.  
  2077. a[href='#icon-volume-off']::before {background-position: 0 -12342px}
  2078.  
  2079. a[href='#icon-volume-up']::before {background-position: 0 -12376px}
  2080.  
  2081. a[href='#icon-warning-sign']::before {background-position: 0 -12410px}
  2082.  
  2083. a[href='#icon-weibo']::before {background-position: 0 -12444px}
  2084.  
  2085. a[href='#icon-windows']::before {background-position: 0 -12478px}
  2086.  
  2087. a[href='#icon-won']::before {background-position: 0 -12512px}
  2088.  
  2089. a[href='#icon-wrench']::before {background-position: 0 -12546px}
  2090.  
  2091. a[href='#icon-xing-sign']::before {background-position: 0 -12580px}
  2092.  
  2093. a[href='#icon-xing']::before {background-position: 0 -12614px}
  2094.  
  2095. a[href='#icon-yen']::before {background-position: 0 -12648px}
  2096.  
  2097. a[href='#icon-youtube-play']::before {background-position: 0 -12682px}
  2098.  
  2099. a[href='#icon-youtube-sign']::before {background-position: 0 -12716px}
  2100.  
  2101. a[href='#icon-youtube']::before {background-position: 0 -12750px}
  2102.  
  2103. a[href='#icon-zoom-in']::before {background-position: 0 -12784px}
  2104.  
  2105. a[href='#icon-zoom-out']::before {background-position: 0 -12818px}
  2106.  
  2107.  
  2108. /*
  2109. ==========
  2110. FlatAlt reddit CSS Theme v1.1.1 - (http://www.reddit.com/r/FlatAlt/)
  2111. ==========
  2112. */
  2113.  
  2114.  
  2115.  
  2116.  
  2117. /************************************************************************************************************************************/
  2118.  
  2119. /************                                          COLOR CODE for all Themes                                         ************/
  2120.  
  2121. /************                            Adjust these settings to change the colors each theme                           ************/
  2122.  
  2123. /************************************************************************************************************************************/
  2124.  
  2125.  
  2126.  
  2127.  
  2128.  
  2129. /*************************************************************************************************************************************/
  2130.  
  2131. /************                                             Changing Themes Colors                                          ************/
  2132.  
  2133. /************                                      Adjust each themes colors by changing                                  ************/
  2134.  
  2135. /************                               the background-color: or color: (text color) codes below                      ************/
  2136.  
  2137. /************                                 IMPORTANT!! CHANGE 'flatone' to your subreddit name                          ************/
  2138.  
  2139. /************                             In each section or the themes will not be different colors                       ************/
  2140.  
  2141. /**************************************************************************************************************************************/
  2142.  
  2143.  
  2144. /**Start of the main version**/
  2145.  
  2146. /*CHANGE 'flatone' to the name of your subreddit!!'*/
  2147.  
  2148. .titlebox .md a[href="http://www.reddit.com/r/ x0x0x0/#main"] {
  2149.     right: 9px;
  2150.     background-color:#4BA6E0;}
  2151.  
  2152. #header {
  2153.     background-color: #4491c2;}
  2154.  
  2155. #header-bottom-right,
  2156. .tabmenu li a,
  2157. .tabmenu.formtab li a,
  2158. #header-bottom-right a,
  2159. #header-bottom-right .separator,
  2160. #header-bottom-right .user,
  2161. .pageactions a,
  2162. .side .sidecontentbox a.helplink,
  2163. .submit .morelink,
  2164. .create .morelink,
  2165. .morelink a
  2166. a {
  2167.     color: #FFF;
  2168.     background-color: #4BA6E0; }
  2169.  
  2170. .side blockquote blockquote blockquote h6 a,
  2171. .side blockquote blockquote blockquote h6 a,
  2172. .thing .title  {
  2173.      color: #4BA6E0;}
  2174.  
  2175. .md pre {
  2176.     border-left: 31px solid #4BA6E0;}
  2177.  
  2178. .side blockquote blockquote blockquote h6 a:hover,
  2179. a:hover,
  2180. a:visited:hover  {
  2181.     color: #97CE68;}
  2182.  
  2183. .tabmenu li a:hover,
  2184. .tabmenu.formtab li a:hover,
  2185. .tabmenu li.selected a,
  2186. .tabmenu.formtab li.selected a,
  2187. body .morelink:hover,
  2188. .morelink a:hover {
  2189.     color: #fff;
  2190.     background-color: #97CE68;}
  2191.  
  2192. /**End of the main version**/
  2193.  
  2194.  
  2195.  
  2196. /*********************************************************************************************/
  2197.  
  2198. /******************************************** GREEN THEME *************************************/
  2199.  
  2200.  
  2201. /**Start of green version**/
  2202.  
  2203. /*CHANGE 'flatone' to the name of your subreddit!!'*/
  2204.  
  2205. .titlebox .md a[href="http://gr.reddit.com/r/ x0x0x0/#gr"] {
  2206.     right: 50px;
  2207.     background-color:#74a562;}
  2208.  
  2209. body:lang(gr) #header {
  2210.     background-color: #74a562;}
  2211.  
  2212. body:lang(gr) #header-bottom-right,
  2213. body:lang(gr) .tabmenu li a,
  2214. body:lang(gr) .tabmenu.formtab li a,
  2215. body:lang(gr) #header-bottom-right a,
  2216. body:lang(gr) #header-bottom-right .separator,
  2217. body:lang(gr) #header-bottom-right .user,
  2218. body:lang(gr) .pageactions a,
  2219. body:lang(gr) .side .sidecontentbox a.helplink,
  2220. body:lang(gr) .submit .morelink,
  2221. body:lang(gr) .create .morelink,
  2222. body:lang(gr) .morelink a    {
  2223.      color: #fff;
  2224.      background-color: #4f6d45;}
  2225.  
  2226. body:lang(gr) .side blockquote blockquote blockquote h6 a,
  2227. body:lang(gr) .side blockquote blockquote blockquote h6 a,
  2228. body:lang(gr) .thing .title,
  2229. body:lang(gr) .tagline a,
  2230. body:lang(gr) a {
  2231.      color: #4f6d45;}
  2232.  
  2233. body:lang(gr) .md pre {
  2234.     border-left: 31px solid #98ba8c;}
  2235.  
  2236. body:lang(gr) .side blockquote blockquote blockquote h6 a:hover,
  2237. body:lang(gr) a:hover,
  2238. body:lang(gr) a:visited:hover  {
  2239.     color: #9cb095;}
  2240.  
  2241. body:lang(gr) .tabmenu li a:hover,
  2242. body:lang(gr) .tabmenu.formtab li a:hover ,
  2243. body:lang(gr) .tabmenu li.selected a,
  2244. body:lang(gr) .tabmenu.formtab li.selected a,
  2245. body:lang(gr) body .morelink:hover,  
  2246. body:lang(gr) .submit .morelink:hover,
  2247. body:lang(gr) .morelink a:hover   {
  2248.     color: #fff;
  2249.     background-color: #9cb095;}
  2250.  
  2251.  
  2252.  
  2253.  
  2254. /**End of green version**/
  2255.  
  2256.  
  2257. /********************************************************************************************/
  2258.  
  2259. /******************************************** RED THEME *************************************/
  2260.  
  2261.  
  2262. /**Start of red version**/
  2263.  
  2264. /*CHANGE 'flatone' to the name of your subreddit!!'*/
  2265.  
  2266. .titlebox .md a[href="http://rd.reddit.com/r/ x0x0x0/#rd"] {
  2267.     right: 90px;
  2268.     background-color:#bf3f3f;}
  2269.  
  2270. body:lang(rd) #header {
  2271.     background-color: #bf3f3f;}
  2272.  
  2273. body:lang(rd) #header-bottom-right,
  2274. body:lang(rd) .tabmenu li a,
  2275. body:lang(rd) .tabmenu.formtab li a,
  2276. body:lang(rd) #header-bottom-right a,
  2277. body:lang(rd) #header-bottom-right .separator,
  2278. body:lang(rd) #header-bottom-right .user,
  2279. body:lang(rd) .pageactions a,
  2280. body:lang(rd) .side .sidecontentbox a.helplink,
  2281. body:lang(rd) .submit .morelink,
  2282. body:lang(rd) .create .morelink,
  2283. body:lang(rd) .morelink a   {
  2284.      color: #fff;
  2285.      background-color: #891d1d;}
  2286.  
  2287. body:lang(rd) .side blockquote blockquote blockquote h6 a,
  2288. body:lang(rd) .side blockquote blockquote blockquote h6 a,
  2289. body:lang(rd) .thing .title,
  2290. body:lang(rd) .tagline a,
  2291. body:lang(rd) a  {
  2292.      color: #891d1d;}
  2293.  
  2294. body:lang(rd) .md pre {
  2295.     border-left: 31px solid #891d1d;}
  2296.  
  2297. body:lang(rd) .side blockquote blockquote blockquote h6 a:hover,
  2298. body:lang(rd) a:hover,
  2299. body:lang(rd) a:visited:hover   {
  2300.     color: #a58f93;}
  2301.  
  2302. body:lang(rd) .tabmenu li a:hover,
  2303. body:lang(rd) .tabmenu.formtab li a:hover,
  2304. body:lang(rd) .tabmenu li.selected a,
  2305. body:lang(rd) .tabmenu.formtab li.selected a,
  2306. body:lang(rd) body .morelink:hover,  
  2307. body:lang(rd) .submit .morelink:hover,
  2308. body:lang(rd) .morelink a:hover   {
  2309.     color: #fff;
  2310.     background-color: #a58f93;}
  2311.  
  2312. /**End of red version**/
  2313.  
  2314.  
  2315.  
  2316. /***********************************************************************************************/
  2317.  
  2318. /******************************************** Purple THEME *************************************/
  2319.  
  2320. /**Start of purple version**/
  2321.  
  2322. /*CHANGE 'flatone' to the name of your subreddit!!'*/
  2323.  
  2324. .titlebox .md a[href="http://pr.reddit.com/r/ x0x0x0/#pr"] {
  2325.     right: 130px;
  2326.     background-color:#68448d; }
  2327.  
  2328. body:lang(pr) #header {
  2329.     background-color: #68448d;}
  2330.  
  2331. body:lang(pr) #header-bottom-right,
  2332. body:lang(pr) .tabmenu li a,
  2333. body:lang(pr) .tabmenu.formtab li a,
  2334. body:lang(pr) #header-bottom-right a,
  2335. body:lang(pr) #header-bottom-right .separator,
  2336. body:lang(pr) #header-bottom-right .user,
  2337. body:lang(pr) .pageactions a,
  2338. body:lang(pr) .side .sidecontentbox a.helplink,
  2339. body:lang(pr) .submit .morelink,
  2340. body:lang(pr) .create .morelink,
  2341. body:lang(pr) .morelink a   {
  2342.      color: #fff;
  2343.      background-color: #4c2c6d;}
  2344.  
  2345. body:lang(pr) .side blockquote blockquote blockquote h6 a,
  2346. body:lang(pr) .side blockquote blockquote blockquote h6 a,
  2347. body:lang(pr) .thing .title,
  2348. body:lang(pr) .tagline a,
  2349. body:lang(pr) a {
  2350.      color: #4c2c6d;}
  2351.  
  2352. body:lang(pr) .md pre {
  2353.     border-left: 31px solid #4c2c6d;}
  2354.  
  2355. body:lang(pr) .side blockquote blockquote blockquote h6 a:hover,
  2356. body:lang(pr) a:hover,
  2357. body:lang(pr) a:visited:hover  {
  2358.     color: #847185;}
  2359.  
  2360. body:lang(pr) .tabmenu li a:hover,
  2361. body:lang(pr) .tabmenu.formtab li a:hover,
  2362. body:lang(pr).tabmenu li.selected a,
  2363. body:lang(pr) .tabmenu.formtab li.selected a,
  2364. body:lang(pr) body .morelink:hover,  
  2365. body:lang(pr) .submit .morelink:hover,
  2366. body:lang(pr) .morelink a:hover  {
  2367.     color: #fff;
  2368.     background-color: #847185;}
  2369.  
  2370.  
  2371. /**End of red version**/
  2372.  
  2373.  
  2374. /*********************************************************************************************/
  2375.  
  2376. /******************************************** Dark THEME *************************************/
  2377.  
  2378. /**Start of dark version**/
  2379.  
  2380. /*CHANGE 'flatone' to the name of your subreddit!!'*/
  2381.  
  2382. .titlebox .md a[href="http://dr.reddit.com/r/ x0x0x0/#dr"] {
  2383.     right: 170px;
  2384.     background-color:#565656;}
  2385.  
  2386. body:lang(dr) #header {
  2387.     background-color: #565656;}
  2388.  
  2389. body:lang(dr) #header-bottom-right,
  2390. body:lang(dr) .tabmenu li a,
  2391. body:lang(dr) .tabmenu.formtab li a,
  2392. body:lang(dr) #header-bottom-right a,
  2393. body:lang(dr) #header-bottom-right .separator,
  2394. body:lang(dr) #header-bottom-right .user,
  2395. body:lang(dr) .pageactions a,
  2396. body:lang(dr) .side .sidecontentbox a.helplink,
  2397. body:lang(dr) .submit .morelink,
  2398. body:lang(dr) .create .morelink,
  2399. body:lang(dr) .morelink a   {
  2400.      color: #fff;
  2401.      background-color: #282828;}
  2402.  
  2403. body:lang(dr) .side blockquote blockquote blockquote h6 a,
  2404. body:lang(dr) .side blockquote blockquote blockquote h6 a,
  2405. body:lang(dr) .thing .title,
  2406. body:lang(dr) .tagline a,
  2407. body:lang(dr) a   {
  2408.      color: #282828;}
  2409.  
  2410. body:lang(dr) .md pre {
  2411.     border-left: 31px solid #282828;}
  2412.  
  2413. body:lang(dr) .side blockquote blockquote blockquote h6 a:hover,
  2414. body:lang(dr) a:hover,
  2415. body:lang(dr) a:visited:hover  {
  2416.     color: #807e7e;}
  2417.  
  2418. body:lang(dr) .tabmenu li a:hover,
  2419. body:lang(dr) .tabmenu.formtab li a:hover,
  2420. body:lang(dr).tabmenu li.selected a,
  2421. body:lang(dr) .tabmenu.formtab li.selected a,
  2422. body:lang(dr) body .morelink:hover,  
  2423. body:lang(dr) .submit .morelink:hover,
  2424. body:lang(dr) .morelink a:hover  {
  2425.     color: #fff;
  2426.     background-color: #807e7e;}
  2427.  
  2428. /**End of dark version**/
clone this paste RAW Paste Data