API tools faq
paste
Advertisement
hero0fwar

/r/FlatOne easy use

hero0fwar
Feb 20th, 2014
435
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 69.36 KB | None | 0 0
raw download clone embed print report
  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**/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!