Advertisement
hero0fwar

/r/FlatBlack

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