API tools faq
paste
Advertisement
gavin19

Untitled

gavin19
May 14th, 2014
242
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 70.23 KB | None | 0 0
raw download clone embed print report
  1. @import url(http://fonts.googleapis.com/css?family=Helvetica+Neue);
  2.  
  3. @font-face {
  4.  
  5.   font-family: Helvetica, Neue;
  6.   src: url(HelveticaNeue-Light.otf);
  7.  
  8.   font-weight: normal;
  9. }
  10.  
  11. /*
  12.         Version 2.0
  13.         Stylesheet by Cryptonaut
  14.         Last modified: 29 April 2014
  15.         Details: This is a custom template made by /u/Cryptonaut.
  16.         Find out more on /r/Naut.
  17.  
  18.         --------------------------------------------------------------------------
  19.         [Changelog]
  20.         v1.0 - Initial Design - /r/Naut Template
  21.         v1.5 - Update 1 - New colours, icons and a whole bunch of fixes.
  22.         V1.6 - Update 2 - Adjustments to make Naut come back to the reddit UX.
  23.         V1.7 - Update 3 - A whole lot of UI tweaks and fixes.
  24.         V2.0 - Update 4 - Naut is now on GitHub, added nightmode and some fixes.
  25.         V2.1 - Update 5 - Initial CSS3 update - Added transitions and minor responsive tweaks.
  26.         -------------------------------------------------------------------------- */
  27.  
  28. body {
  29.     background-color: #f1f1f1;
  30.     color: #3b3b3b;
  31.     font-family: arial, sans-serif;
  32. }
  33.  
  34. /* Custom browser CSS */
  35.  
  36. :focus {
  37.     outline: 0px;
  38. }
  39.  
  40. ::-webkit-scrollbar {
  41.     width: 12px;
  42.     height: 12px;
  43.     background-color: #f5f5f5;
  44.     border-left: 1px solid #d2d2d2;
  45. }
  46.  
  47. ::-webkit-scrollbar-thumb {
  48.     background-color: #c3c3c3;
  49.     border-top: 1px solid #b6b6b6;
  50.     border-bottom: 1px solid #969696;
  51.     border-left: 1px solid #b6b6b6;
  52. }
  53.  
  54. ::-webkit-scrollbar-button {
  55.     display: none;
  56.     width: 0;
  57.     height: 0;
  58. }
  59.  
  60. ::-webkit-scrollbar-corner {
  61.     background-color: transparent;
  62.     color: #555555;
  63. }
  64.  
  65. /* Link */
  66.  
  67. .error {
  68.     color: #ff4444;
  69.     font-size: 13px;
  70.     font-family: arial, sans-serif;
  71. }
  72.  
  73. .comments-page #noresults:after {
  74.     content: "... so go ahead and tell us what you think!";
  75. }
  76.  
  77. /* General Button*/
  78.  
  79. button, #search input[type='submit'], .wiki-page .wiki-page-content .wiki_button {
  80.     margin: 3px 3px 3px 3px;
  81.     padding: 0px 8px 1px 8px;
  82.     background-color: #ffffff;
  83.     border: 1px solid #d4d4d4;
  84.     border-radius: 2px;
  85.     -webkit-box-shadow: 0 1px 0 #e2e0e0;
  86.     box-shadow: 0 1px 0 #e2e0e0;
  87.     color: #737373 ;
  88.     text-transform: capitalize;
  89.     font-weight: bold;
  90.     line-height: 26px;
  91.     cursor: default;
  92. }
  93.  
  94. button:hover, #search input[type='submit']:hover, .wiki-page .wiki-page-content .wiki_button:hover {
  95.     padding-bottom: 0px;
  96.     border-color: #bababa;
  97.     border-bottom-width: 2px;
  98.     color: #333 ;
  99. }
  100.  
  101. button:active, #search input[type='submit']:active, .wiki-page .wiki-page-content .wiki_button:active {
  102.     padding-bottom: 0px;
  103.     background-color: #e5e5e5;
  104.     border-color: #a7a7a7;
  105.     border-top-width: 2px;
  106.     border-bottom-width: 1px;
  107.     -webkit-box-shadow: none;
  108.     box-shadow: none;
  109.     color: #333 ;
  110.     line-height: 25px;
  111. }
  112.  
  113. /* Header Area */
  114.  
  115. /* Top Most header */
  116.  
  117. #sr-header-area {
  118.     opacity: 0.4;
  119.     height: 18px;
  120.     background-color: #333;
  121.     transition: .4s;
  122.     border-bottom: 1px solid #333;
  123. }
  124.  
  125. #sr-header-area:hover {
  126.     opacity: 90;
  127. }
  128.  
  129. #sr-header-area a {
  130.     color: #C4C4C4;
  131.     font-family: Verdana, Arial, sans-serif;
  132. }
  133.  
  134. #sr-more-link {
  135.     position: absolute;
  136.     background-color: #333;
  137.     color: #C4C4C4;
  138. }
  139.  
  140. .dropdown.srdrop .selected {
  141.     background-image: none;
  142. }
  143.  
  144. .dropdown.srdrop .selected:after {
  145.     content: "?";
  146. }
  147.  
  148. .sr-bar .separator {
  149.     color: #333;
  150. }
  151.  
  152. #sr-header-area .width-clip .dropdown.srdrop .selected.title {
  153.     color: #C4C4C4;
  154.     font-size: 9px;
  155.     font-weight: normal;
  156.     font-family: Verdana, Arial, sans-serif;
  157.     padding-right: 3px;
  158. }
  159.  
  160. #sr-header-area .width-clip .dropdown.srdrop .selected.title:hover {
  161.     color: #fc1e40;
  162. }
  163.  
  164. #sr-header-area .drop-choices a.choice {
  165.     color: #333 ;
  166. }
  167.  
  168. #sr-header-area .drop-choices a.choice:hover {
  169.     background-color: #fc1e40;
  170.     color: #fff ;
  171. }
  172.  
  173. /* Header Image */
  174.  
  175. #header:after {
  176.     position: absolute;
  177.     top: 132px;
  178.     left: 0px;
  179.     z-index: -1;
  180.     width: 100%;
  181.     height: 44px;
  182.     background: #fff;
  183.     border-bottom: 0px solid;
  184.     content: " ";
  185.     text-indent: -999px;
  186. }
  187.  
  188. #header-img:hover {
  189.     background-position: -44px -226px;
  190. }
  191.  
  192. /* HOT / NEW / ETC */
  193.  
  194. .tabmenu li {
  195.     display: inline-block;
  196.     margin: 7px 0px 0px 0px;
  197. }
  198.  
  199. .res #header .tabmenu {
  200.     text-align: left;
  201.     margin-left: 55px;
  202. }
  203.  
  204. .listing-page .tabmenu li:nth-of-type(3), .listing-page .tabmenu li:nth-of-type(4), .listing-page .tabmenu li a[href*="/promoted"], .listing-page .tabmenu li a[href*="/gilded"] {
  205.     display: none;
  206. }
  207.  
  208. /* User bar */
  209.  
  210. #header-bottom-right {
  211.     position: absolute;
  212.     top: 141px;
  213.     right: 0px;
  214.     padding: 8px 15px 7px 15px;
  215.     width: auto;
  216.     height: 12px;
  217.     background-color: #fff;
  218. }
  219.  
  220. .user {
  221.     color: #7A7A7A;
  222. }
  223.  
  224. .loggedin .user {
  225.     color: #7A7A7A;
  226. }
  227.  
  228. #header-bottom-right a {
  229.     color: #7A7A7A;
  230.     font-weight: normal;
  231.     font-size: 15px;
  232. }
  233.  
  234. /* Mail / Modmail icons */
  235.  
  236. #mail {
  237.     top: 0px;
  238.     overflow: visible;
  239.     width: 16px;
  240.     height: 16px;
  241.     background-image: url(http://i.imgur.com/RZRTd5q.png) ;
  242. }
  243.  
  244. #mail:hover, #modmail:hover {
  245.     border-bottom: 0px solid ;
  246. }
  247.  
  248. #mail.nohavemail {
  249.     background-position: -64px 0px;
  250. }
  251.  
  252. #mail.havemail {
  253.     background-position: -80px 0px;
  254. }
  255.  
  256. #mail.havemail:before, #modmail.havemail:before {
  257.     display: block;
  258.     visibility: visible ;
  259.     position: fixed;
  260.     top: 4px;
  261.     right: 10px;
  262.     z-index: 0;
  263.     width: 25px;
  264.     height: 25px;
  265.     background-color: #fff;
  266.     background-image: url(http://i.imgur.com/RZRTd5q.png);
  267.     background-position: -126px -50px;
  268.     border-radius: 50%;
  269.     content: " ";
  270. }
  271.  
  272. #modmail {
  273.     top: -2px;
  274.     margin-bottom: -6px;
  275.     width: 16px;
  276.     height: 16px;
  277.     background-image: url(http://i.imgur.com/RZRTd5q.png) ;
  278. }
  279.  
  280. #modmail.havemail {
  281.     background-position: -112px 0px;
  282. }
  283.  
  284. #modmail.nohavemail {
  285.     background-position: -96px 0px;
  286. }
  287.  
  288. #modmail.havemail:before {
  289.     background-position: -151px -50px;
  290.     margin-right: 40px;
  291. }
  292.  
  293. /* Preferences & Logout Icons */
  294.  
  295. #header-bottom-right a.pref-lang, .loggedin .logout a {
  296.     background-position: -96px -49px;
  297.     background-image: url(http://i.imgur.com/RZRTd5q.png);
  298.     width: 16px;
  299.     height: 16px;
  300.     display: inline-block;
  301.     text-indent: -9999px;
  302.     margin: 0px;
  303.     position: relative;
  304.     top: -2px;
  305. }
  306.  
  307. .loggedin .logout a {
  308.     background-position: -80px -49px;
  309. }
  310.  
  311. .gearIcon {
  312.     background-image: url(http://i.imgur.com/RZRTd5q.png);
  313.     background-position: -80px -65px;
  314.     height: 16px;
  315.     width: 17px;
  316. }
  317.  
  318. /* Opacity Hoves */
  319.  
  320. #modmail, #mail, .gearIcon, #header-bottom-right a.pref-lang, .loggedin .logout a {
  321.     opacity: 0.75;
  322. }
  323.  
  324. #modmail:hover, #mail:hover, #header-bottom-right a.pref-lang:hover, .loggedin .logout a:hover, .gearIcon:hover {
  325.     opacity: 1;
  326.     text-decoration: none ;
  327.     border-bottom: 0px solid ;
  328. }
  329.  
  330. /* Sidebar */
  331.  
  332. .side:after {
  333.     display: block;
  334.     margin: 10px 0px;
  335.     padding: 10px 0px;
  336.     color: #fc1e40;
  337.     content: "This subreddit uses /r/naut!";
  338.     /* Hey! Please don't remove or change this. */
  339.     text-transform: none;
  340.     font-size: 16px;
  341.     font-family: arial, sans-serif;
  342.     position: absolute;
  343.     width: 300px;
  344.     text-align: center;
  345. }
  346.  
  347. /* SUBMIT LINK OR POST */
  348.  
  349. .morelink:active {
  350.     background-color: #3863b6;
  351.     border-top: 2px solid #21407a;
  352.     border-bottom: 3px solid #3863b6;
  353.     -webkit-box-shadow: none;
  354.     box-shadow: none;
  355. }
  356.  
  357. .morelink a:hover {
  358.     text-decoration: none;
  359. }
  360.  
  361. .disabled .morelink,.disabled .morelink:hover {
  362.     background-image: none;
  363.     border: 0px solid;
  364.     color: white;
  365.     font-size: 0px;
  366.     background-color: #c8c8c8;
  367.     margin-top: 3px;
  368.     text-shadow: none;
  369. }
  370.  
  371. .disabled .morelink a {
  372.     color: #fff;
  373.     letter-spacing: 0px;
  374.     font-weight: 600;
  375.     font-size: 14px;
  376.     font-family: sans-serif;
  377.     cursor: default;
  378.     text-indent: 0px;
  379.     text-shadow: none;
  380. }
  381.  
  382. .account-activity-box, .sidebox.create, .morelink .nub {
  383.     display: none;
  384. }
  385.  
  386. /* Subreddit name sidebar */
  387.  
  388. .titlebox h1 a:hover {
  389.     color: #557CCB;
  390.     text-decoration: none;
  391. }
  392.  
  393. .sidebox .subtitle {
  394.     font-size: 1.6em;
  395. }
  396.  
  397. /* Sub / Unsub button */
  398.  
  399. .fancy-toggle-button .active {
  400.     padding: 1px 8px;
  401.     background-image: none ;
  402.     outline: none ;
  403.     border: 0px;
  404.     border-radius: 2px;
  405.     color: #fff ;
  406.     text-transform: capitalize;
  407.     font-weight: bold;
  408.     font-size: 12px;
  409.     font-family: arial, sans-serif;
  410.     line-height: 26px;
  411.     cursor: default;
  412. }
  413.  
  414. /* Sub */
  415.  
  416. .fancy-toggle-button .add {
  417.     background-color: #557CCB;
  418.     border-top: 2px solid #557CCB;
  419.     border-bottom: 2px solid #557CCB;
  420.     -webkit-box-shadow: 0 1px 0 #e2e0e0;
  421.     box-shadow: 0 1px 0 #e2e0e0;
  422. }
  423.  
  424. .fancy-toggle-button .add:hover {
  425.     background-color: #6599fa;
  426.     border-top: 2px solid #6599fa;
  427.     border-bottom: 2px solid #3863b6;
  428.     -webkit-box-shadow: none;
  429.     box-shadow: none;
  430.     text-decoration: none;
  431. }
  432.  
  433. .fancy-toggle-button .add:active {
  434.     background-color: #3863b6;
  435.     border-top: 2px solid #21407a;
  436.     border-bottom: 2px solid #3863b6;
  437.     -webkit-box-shadow: none;
  438.     box-shadow: none;
  439. }
  440.  
  441. /* Unsub */
  442.  
  443. /* Unsub */
  444.  
  445. .fancy-toggle-button .remove {
  446.     font-family: Calibri;
  447.     font-weight: normal;
  448.     font-size: 14px;
  449.     font-style: italic;
  450.     color: #557CCB;
  451.     cursor: pointer;
  452. }
  453.  
  454. .fancy-toggle-button .remove:hover {
  455.     background-color: #fff;
  456.     color: #333;
  457.     border-bottom-width: 2px;
  458.     border-color: #bababa;
  459.     text-decoration: none;
  460. }
  461.  
  462. .fancy-toggle-button .remove:active {
  463.     background-color: #e5e5e5;
  464.     border-color: #a7a7a7;
  465.     border-top-width: 2px;
  466.     color: #333;
  467. }
  468.  
  469. /* Sub notice */
  470.  
  471. .fancy-toggle-button .add:after {
  472.     position: fixed;
  473.     top: 4px;
  474.     right: 25px;
  475.     z-index: 98;
  476.     background-color: #fc1e40;
  477.     color: #FFF;
  478.     content: "Subscribe Now";
  479.     padding: 0px 16px;
  480. }
  481.  
  482. .fancy-toggle-button .add:hover:after {
  483.     border-bottom: 2px solid #557CCB;
  484. }
  485.  
  486. /*Replace readers.. */
  487.  
  488. div.titlebox span.word {
  489.     display: none;
  490. }
  491.  
  492. .titlebox .users-online {
  493.     display: inline;
  494. }
  495.  
  496. .titlebox .users-online:before {
  497.     display: none;
  498. }
  499.  
  500. .titlebox .users-online .number {
  501.     font-style: italic;
  502.     font-size: 12px;
  503. }
  504.  
  505. .titlebox .users-online .number:before {
  506.     content: "(";
  507. }
  508.  
  509. .titlebox .users-online .number:after {
  510.     content: " here)";
  511. }
  512.  
  513. .titlelebox .word {
  514.     display: none;
  515. }
  516.  
  517. .titlebox .users-online, .titlebox .number {
  518.     cursor: text;
  519. }
  520.  
  521. .titlebox .tagline {
  522.     font-size: 12px;
  523. }
  524.  
  525. /* Subreddit description */
  526.  
  527. .titlebox .md {
  528.     font-size: 13px;
  529.     font-family: arial, sans-serif;
  530. }
  531.  
  532. .titlebox .bottom {
  533.     padding-top: 5px;
  534.     border-top: 1px solid #e5e5e5;
  535.     color: #999;
  536.     font-size: 110%;
  537. }
  538.  
  539. /* Download button */
  540.  
  541. .titlebox h5 {
  542.     width: 100%;
  543.     height: 30px;
  544.     color: #fff;
  545.     background-color: #557CCB;
  546.     border-bottom: 2px solid #306cd1;
  547.     display: block;
  548.     font-size: 18px;
  549.     text-align: center;
  550.     line-height: 31px;
  551.     margin-top: 10px;
  552.     margin-bottom: 10px;
  553. }
  554.  
  555. .titlebox h5 a, .titlebox h5 a:hover {
  556.     text-decoration: none;
  557.     color: #fff;
  558.     cursor: pointer;
  559. }
  560.  
  561. .titlebox h5:hover {
  562.     background-color: #77a7fb;
  563.     border-bottom: 2px solid #557CCB;
  564.     text-decoration: none;
  565. }
  566.  
  567. .titlebox h5:active {
  568.     background-color: #306cd1;
  569.     border-bottom: 2px solid #306cd1;
  570. }
  571.  
  572. /* Search */
  573.  
  574. #search {
  575. }
  576.  
  577. #search input[type=text]:focus {
  578.     outline: none;
  579.     border-top: 1px solid #D5D5D5;
  580.     border-bottom: 2px solid #D5D5D5;
  581.     color: #000;
  582. }
  583.  
  584. #searchexpando {
  585.     margin: 0px 0px 5px 0px;
  586.     padding: 5px 5px 0px 15px;
  587.     height: 25px;
  588.     background-color: #FFF;
  589.     border: 1px solid #E9E9E9;
  590.     border-bottom: 2px solid #D8d8d8;
  591.     border-radius: 2px;
  592.     top: 5px;
  593.     position: relative;
  594.     font-weight: bold;
  595.     font-family: arial;
  596.     color: #6D6D6D;
  597.     font-size: 130%;
  598. }
  599.  
  600. #searchexpando label {
  601.     cursor: pointer;
  602. }
  603.  
  604. .search-page form#search label {
  605.     font-size: 150%;
  606.     cursor: pointer;
  607. }
  608.  
  609. #search_showmore {
  610.     display: none;
  611. }
  612.  
  613. /* Ad Frame */
  614.  
  615. #ad-frame,#ad_main {
  616.     text-align: center;
  617. }
  618.  
  619. /* Sidebar mod box */
  620.  
  621. .sidecontentbox {
  622.     background-color: #FFF;
  623.     padding: 15px;
  624.     border-bottom: 2px solid #d8d8d8;
  625. }
  626.  
  627. .sidecontentbox .title {
  628.     text-align: left;
  629. }
  630.  
  631. .sidecontentbox .title h1 {
  632.     color: #262626;
  633.     text-align: left;
  634.     text-transform: capitalize;
  635.     font-size: 14px;
  636.     font-family: arial, sans-serif;
  637. }
  638.  
  639. .sidecontentbox.collapsible .title {
  640.     text-align: left;
  641. }
  642.  
  643. .sidecontentbox .collapse-button {
  644.     background: transparent;
  645.     border: 0px;
  646.     border-radius: 0px;
  647.     color: #262626;
  648.     font-size: 15px;
  649. }
  650.  
  651. .sidecontentbox .content {
  652.     padding: 3px 0px 5px 0px;
  653.     background-color: transparent;
  654.     border: 0px solid;
  655.     text-align: left;
  656. }
  657.  
  658. .sidecontentbox .content a {
  659.     color: #262626;
  660.     text-align: left;
  661.     font-family: arial, sans-serif;
  662. }
  663.  
  664. .sidecontentbox .content a:hover {
  665.     color: #557CCB;
  666.     text-decoration: underline;
  667. }
  668.  
  669. /* Mod icons */
  670.  
  671. .icon-menu a {
  672.     background-color: transparent;
  673. }
  674.  
  675. .icon-menu .reddit-edit:before {
  676.     background-image: url(%%spritesheet%%);
  677.     background-position: 0px  -33px;
  678. }
  679.  
  680. .icon-menu .moderator-mail:before {
  681.     margin-top: -1px;
  682.     height: 16px;
  683.     background-image: url(%%spritesheet%%);
  684.     background-position: -16px -32px;
  685. }
  686.  
  687. .icon-menu .reddit-moderators:before {
  688.     background-image: url(%%spritesheet%%);
  689.     background-position: -32px -33px;
  690. }
  691.  
  692. .icon-menu .reddit-contributors:before {
  693.     background-image: url(%%spritesheet%%);
  694.     background-position: -48px -33px;
  695. }
  696.  
  697. .icon-menu .reddit-traffic:before {
  698.     background-image: url(%%spritesheet%%);
  699.     background-position: -64px -32px;
  700. }
  701.  
  702. .icon-menu .reddit-modqueue:before {
  703.     background-image: url(%%spritesheet%%);
  704.     background-position: -80px -32px;
  705. }
  706.  
  707. .icon-menu .reddit-reported:before {
  708.     background-image: url(%%spritesheet%%);
  709.     background-position: -96px -32px;
  710. }
  711.  
  712. .icon-menu .reddit-spam:before {
  713.     background-image: url(%%spritesheet%%);
  714.     background-position: -112px -32px;
  715. }
  716.  
  717. .icon-menu .reddit-ban:before {
  718.     background-image: url(%%spritesheet%%);
  719.     background-position: -128px -32px;
  720. }
  721.  
  722. .icon-menu .reddit-flair:before {
  723.     background-image: url(%%spritesheet%%);
  724.     background-position: -144px -32px;
  725. }
  726.  
  727. .icon-menu .reddit-moderationlog:before {
  728.     background-image: url(%%spritesheet%%);
  729.     background-position: -160px -33px;
  730. }
  731.  
  732. .icon-menu a.reddit-unmoderated {
  733.     display: none;
  734. }
  735.  
  736. /* Message the mods */
  737.  
  738. .sidecontentbox a.helplink {
  739.     display: block;
  740.     margin-right: 27px;
  741.     margin-bottom: 15px;
  742.     width: 80%;
  743.     background-color: #557CCB;
  744.     background-image: none;
  745.     border: none;
  746.     border-top: 2px solid #557CCB;
  747.     border-bottom: 2px solid #557CCB;
  748.     -webkit-box-shadow: 0 1px 0 #E2E0E0;
  749.     box-shadow: 0 1px 0 #E2E0E0;
  750.     color: #fff ;
  751.     text-align: center;
  752.     text-transform: capitalize;
  753.     text-shadow: 0px 1px 0px #5787e1;
  754.     letter-spacing: 0px;
  755.     font-weight: bold;
  756.     font-size: 13px;
  757.     font-family: Arial, sans-serif;
  758.     line-height: 26px;
  759.     cursor: default;
  760. }
  761.  
  762. .sidecontentbox a.helplink:hover {
  763.     background-color: #6599fa;
  764.     border-top: 2px solid #6599fa;
  765.     border-bottom: 2px solid #3863b6;
  766.     -webkit-box-shadow: none;
  767.     box-shadow: none;
  768.     text-decoration: none;
  769. }
  770.  
  771. .sidecontentbox a.helplink:active {
  772.     background-color: #3863b6;
  773.     border-top: 2px solid #21407a;
  774.     border-bottom: 2px solid #3863b6;
  775.     -webkit-box-shadow: none;
  776.     box-shadow: none;
  777. }
  778.  
  779. /* Links/Posts Area */
  780.  
  781. /* Actual Links */
  782.  
  783. .content {
  784.     margin-top: 34px;
  785.     margin-left: 10px;
  786. }
  787.  
  788. /* Fixed Scroll Banner */
  789.  
  790. .titlebox h6 a {
  791.     margin: 0px 17px 0px 17px;
  792.     padding: 2px 0px 2px 0px;
  793.     border: 0px solid;
  794.     color: #999;
  795.     font-weight: normal;
  796.     font-size: 22px;
  797.     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  798. }
  799.  
  800. .titlebox h6 a:hover {
  801.     border-bottom-color: #fc1e40 ;
  802.     color: #262626 ;
  803.     text-decoration: none;
  804. }
  805.  
  806. /* reddit icon */
  807.  
  808. .titlebox h6 a[href*="http://www.reddit.com#top"] {
  809.     position: fixed;
  810.     left: 0px;
  811.     top: 0px;
  812.     height: 35px;
  813.     width: 35px;
  814.     background-color: #ff0;
  815.     background-image: url(http://i.imgur.com/RZRTd5q.png);
  816.     background-position: 0px -49px;
  817.     border-bottom: 0px;
  818.     text-indent: -9999px;
  819.     padding: 0px;
  820.     margin: 0px;
  821. }
  822.  
  823. .titlebox h6 a[href*="http://www.reddit.com#top"]:hover {
  824.     background-position: -35px -49px;
  825.     border-bottom: 0px solid;
  826. }
  827.  
  828. .new-page .titlebox h6 a[href*="/new"], .top-page .titlebox h6 a[href*="/top"], .hot-page .titlebox h6 a[href*="/hot"] {
  829.     border-bottom: 2px solid #fc1e40;
  830.     color: #262626;
  831. }
  832.  
  833. /* Stickied Link */
  834.  
  835. .stickied.link {
  836.     border-bottom-color: #C4DAC2 ;
  837. }
  838.  
  839. .thing.stickied a.title, .thing.stickied a {
  840.     color: #65b354;
  841. }
  842.  
  843. .thing.stickied a.thumbnail {
  844.     background-position: -26px -89px;
  845. }
  846.  
  847. /* Promoted Link */
  848.  
  849. .organic-listing {
  850.     margin-right: 320px;
  851.     border: 1px solid #D0D6DD;
  852.     border-bottom-width: 3px;
  853.     border-top-width: 0px;
  854. }
  855.  
  856. .link.promotedlink.promoted {
  857.     border-bottom: 0px ;
  858.     margin-right: 0px;
  859. }
  860.  
  861. .link.promotedlink.promoted .thumbnail {
  862.     max-height: 70px ;
  863. }
  864.  
  865. .link .title {
  866.     font-weight: bold;
  867.     font-family: Arial, sans-serif;
  868. }
  869.  
  870. /* Link Titles */
  871.  
  872. /*Unvisited*/
  873.  
  874. /*Visited  */
  875.  
  876. .thing .title:visited, .thing.visited .title {
  877.     color: #d1d1d1;
  878. }
  879.  
  880. /*Clicking */
  881.  
  882. .thing .title.loggedin.click:visited, .thing .title.click:visited {
  883.     color: #fc1e40;
  884. }
  885.  
  886. /* Upvote and downvotes */
  887.  
  888. .link .score {
  889.     margin-bottom: -1px;
  890.     margin-left: 1px;
  891.     color: #999;
  892.     font-family: arial, sans-serif;
  893. }
  894.  
  895. .link .score.likes {
  896.     color: #ee5821;
  897. }
  898.  
  899. .link .score.dislikes {
  900.     color: #6f85bf;
  901. }
  902.  
  903. .arrow {
  904.     margin: 2px 0px 0px 0px;
  905.     margin-right: auto;
  906.     margin-left: auto;
  907.     width: 16px;
  908.     height: 16px;
  909.     background-image: url(http://i.imgur.com/RZRTd5q.png) ;
  910.     background-position: center center;
  911.     outline: none ;
  912.     border: none ;
  913. }
  914.  
  915. .arrow.upmod {
  916.     perspective: 1000;
  917.     -webkit-animation: upmod ease 0.8s;
  918.     -webkit-animation-iteration-count: 1;
  919.     -webkit-transform-style: preserve-3d;
  920.     animation: upmod ease 0.8s;
  921.     animation-iteration-count: 1;
  922.     transform-style: preserve-3d;
  923. }
  924.  
  925. .arrow.down {
  926.     background-position: 0px 0px;
  927. }
  928.  
  929. .arrow.downmod {
  930.     background-position: -16px 0px;
  931. }
  932.  
  933. /* Expand post */
  934.  
  935. .expando-button {
  936.     margin: 0 5px 0px 0px ;
  937.     width: 16px ;
  938.     height: 16px ;
  939.     background-color: transparent ;
  940.     background-image: url(http://i.imgur.com/RZRTd5q.png) ;
  941.     cursor: pointer;
  942. }
  943.  
  944. /*  +  */
  945.  
  946. .content .expando-button.selftext.collapsed {
  947.     background-position: 0 -17px;
  948. }
  949.  
  950. /*  +  */
  951.  
  952. .content .expando-button.selftext.collapsed:hover {
  953.     background-position: -16px -17px;
  954. }
  955.  
  956. /*  -  */
  957.  
  958. .content .expando-button.selftext.expanded {
  959.     background-position: -32px -17px;
  960. }
  961.  
  962. /*  -  */
  963.  
  964. .content .expando-button.selftext.expanded:hover {
  965.     background-position: -48px -17px;
  966. }
  967.  
  968. .expando-button.video.collapsed {
  969.     background-position: -64px -17px;
  970. }
  971.  
  972. .expando-button.video.collapsed:hover, .eb-vch {
  973.     background-position: -80px -17px;
  974. }
  975.  
  976. .expando-button.video.expanded, .eb-ve {
  977.     background-position: -64px -17px;
  978. }
  979.  
  980. .expando-button.video.expanded:hover, .eb-veh {
  981.     background-position: -80px -17px;
  982. }
  983.  
  984. .res .expando-button.image.collapsed,.expando-button.image.gallery.collapsedExpando, .expando-button.image.collapsedExpando {
  985.     background-position: -96px -17px;
  986. }
  987.  
  988. .res .expando-button.image.collapsed:hover, .expando-button.image.collapsedExpando:hover, .expando-button.image.gallery.collapsedExpando:hover {
  989.     background-position: -112px -17px;
  990. }
  991.  
  992. .res .expando-button.image.expanded {
  993.     background-position: -96px -17px;
  994. }
  995.  
  996. .res .expando-button.image.expanded:hover {
  997.     background-position: -112px -17px;
  998. }
  999.  
  1000. /* Selftext expand */
  1001.  
  1002. .link .usertext .md {
  1003.     padding: 0 5px;
  1004.     background-color: transparent;
  1005.     border: 0px solid;
  1006.     border-top: 1px solid #e5e5e5;
  1007.     border-radius: 0px;
  1008.     color: #404040;
  1009.     font-weight: normal;
  1010.     font-size: 14px;
  1011.     font-family: arial, sans-serif;
  1012.     line-height: 1.35em;
  1013. }
  1014.  
  1015. .domain {
  1016.     color: white;
  1017. }
  1018.  
  1019. .domain a {
  1020.     color: #c0c0c0;
  1021. }
  1022.  
  1023. .domain a:hover {
  1024.     color: #fc1e40;
  1025.     text-decoration: none;
  1026. }
  1027.  
  1028. .thumbnail {
  1029.     min-height: 60px;
  1030.     border: 2px solid #ccc;
  1031.     width: 60px;
  1032.     border-radius: 50%;
  1033. }
  1034.  
  1035. .thumbnail.nsfw {
  1036.     width: 80px;
  1037.     height: 50px;
  1038.     background-image: url(http://i.imgur.com/RZRTd5q.png);
  1039.     background-position: -22px -150px;
  1040.     background-repeat: no-repeat;
  1041. }
  1042.  
  1043. .entry {
  1044.     padding-left: 5px;
  1045. }
  1046.  
  1047. .link .entry li a {
  1048.     opacity: 0;
  1049. }
  1050.  
  1051. .link:hover .entry li a {
  1052.     opacity: 100;
  1053. }
  1054.  
  1055. .nsfw-stamp acronym {
  1056.     opacity: 100;
  1057.     background-color: #e82e63;
  1058.     border-radius: 0px;
  1059.     color: #fff;
  1060.     cursor: help;
  1061.     border-color: #e82e63;
  1062. }
  1063.  
  1064. .link .flat-list {
  1065.     font-weight: normal;
  1066.     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1067. }
  1068.  
  1069. .link .midcol {
  1070.     margin-right: 7px;
  1071. }
  1072.  
  1073. .link .rank {
  1074.     display: none;
  1075. }
  1076.  
  1077. .link.last-clicked {
  1078.     overflow: hidden;
  1079.     background-color: #f8f8f8;
  1080.     border: 0px solid #d8d8d8;
  1081.     border-bottom: 3px solid #e5e5e5;
  1082. }
  1083.  
  1084. /* Mod Report buttons */
  1085.  
  1086. .entry .buttons li.reported-stamp {
  1087.     background-color: #f5b400;
  1088.     border-radius: 2px;
  1089.     border: 1px solid #e2a600 ;
  1090.     color: #fff;
  1091.     font-weight: bold;
  1092.     background-image: none;
  1093. }
  1094.  
  1095. a.pretty-button.negative {
  1096.     border-radius: 2px;
  1097.     background-color: #dc4437;
  1098.     color: #fff;
  1099.     font-weight: bold;
  1100.     border: 1px solid #c4362a;
  1101.     background-image: none;
  1102. }
  1103.  
  1104. a.pretty-button.neutral {
  1105.     border-radius: 2px;
  1106.     font-weight: bold;
  1107.     color: #fff;
  1108.     background-color: #666666;
  1109.     border: 1px solid #4d4d4d;
  1110.     background-image: none;
  1111. }
  1112.  
  1113. a.pretty-button.positive {
  1114.     border-radius: 2px;
  1115.     font-weight: bold;
  1116.     color: #fff;
  1117.     background-color: #109d59;
  1118.     border: 1px solid #0a8a4c;
  1119.     background-image: none;
  1120. }
  1121.  
  1122. .menuarea {
  1123.     margin-right: 320px;
  1124.     border: none;
  1125.     font-size: 16px;
  1126. }
  1127.  
  1128. .infobar a {
  1129.     color: #89B3FF;
  1130. }
  1131.  
  1132. /* First time visit infobar */
  1133.  
  1134. .infobar.welcome {
  1135.     margin-right: 321px;
  1136.     color: #333;
  1137.     margin-bottom: 8px;
  1138. }
  1139.  
  1140. .nextprev {
  1141.     margin-top: 8px;
  1142.     margin-right: 320px;
  1143.     height: 35px;
  1144.     color: #737373;
  1145.     text-align: center;
  1146.     font-size: 16px;
  1147.     line-height: 35px;
  1148.     padding: 10px;
  1149. }
  1150.  
  1151. .nextprev a {
  1152.     background-color: transparent;
  1153.     border: none;
  1154.     color: #fc1e40;
  1155. }
  1156.  
  1157. .nextprev a:hover {
  1158.     background-color: transparent;
  1159.     border: none;
  1160. }
  1161.  
  1162. /* Submit Page */
  1163.  
  1164. form#newlink.submit.content {
  1165.     margin-top: 105px;
  1166. }
  1167.  
  1168. .formtabs-content .infobar:before {
  1169.     display: block;
  1170.     text-indent: 0px;
  1171.     font-size: 16px;
  1172. }
  1173.  
  1174. .submit-page .tabmenu li a {
  1175.     margin: 0px;
  1176. }
  1177.  
  1178. .submit-page ul.tabmenu.formtab {
  1179.     padding-left: 0px;
  1180.     width: 500px;
  1181.     text-align: center;
  1182. }
  1183.  
  1184. .formtabs-content {
  1185.     padding-top: 0px;
  1186.     border-top: 4px solid #557CCB;
  1187. }
  1188.  
  1189. .submit-page .tabmenu li a:hover {
  1190.     color: #333;
  1191. }
  1192.  
  1193. .roundfield {
  1194.     padding: 10px 10px 10px 10px;
  1195.     background-color: white;
  1196.     border: 1px solid #d8d8d8;
  1197.     border-bottom-width: 3px;
  1198.     border-top-width: 0px;
  1199.     border-radius: 3px;
  1200.     color: #707070;
  1201. }
  1202.  
  1203. .submit-page textarea:hover, .roundfield input[type=url]:hover, .roundfield input[type=text]:hover, .login-form-side input[type=text]:hover, .login-form-side input[type=password]:hover, .linefield textarea:hover, .linefield input[type="text"]:hover, .flairlist .flaircell input[type="text"]:hover, .linkinfo .shortlink input:hover, .search-page #search input[type=text] {
  1204.     border: 1px solid #bebebe;
  1205. }
  1206.  
  1207. .submit-page textarea:focus, .roundfield input[type=url]:focus, .roundfield input[type=text]:focus, .login-form-side input[type=text]:focus, .login-form-side input[type=password]:focus, .linefield textarea:focus, .linefield input[type="text"]:focus, .flairlist .flaircell input[type="text"]:focus, .linkinfo .shortlink input:focus, .search-page #search input[type=text] {
  1208.     border: 1px solid #4d90fe;
  1209.     color: #000;
  1210. }
  1211.  
  1212. .linefield .usertext-edit textarea {
  1213.     height: 500px;
  1214. }
  1215.  
  1216. .submit-page .content button {
  1217.     margin-bottom: 30px;
  1218.     margin-left: 0px;
  1219.     text-indent: -250px;
  1220.     padding: 10px 10px 10px 10px;
  1221.     width: 522px;
  1222.     background-color: #FFF;
  1223.     border: 1px solid #D8D8D8;
  1224.     border-bottom: 1px solid #D8D8D8;
  1225.     border-radius: 3px;
  1226.     color: #707070;
  1227.     text-align: center;
  1228.     transition: .35s all ease;
  1229.     cursor: pointer;
  1230. }
  1231.  
  1232. .submit-page button:hover {
  1233.     background-color: #557CCB;
  1234.     color: white ;
  1235. }
  1236.  
  1237. .submit-page button:active {
  1238.     background-color: #315fb2;
  1239. }
  1240.  
  1241. .submit-page h1 {
  1242.     display: none;
  1243. }
  1244.  
  1245. .submit-page .side h1 {
  1246.     display: inherit;
  1247. }
  1248.  
  1249. .content.submit .info-notice {
  1250.     margin: 0px 0px 4px 0px;
  1251.     padding: 20px 10px 20px 10px;
  1252.     background-color: white;
  1253.     border: 1px solid #d8d8d8;
  1254.     border-top-width: 0px;
  1255.     border-bottom-width: 3px;
  1256.     border-radius: 3px;
  1257.     color: #707070;
  1258.     text-align: center;
  1259. }
  1260.  
  1261. .content.submit .info-notice a {
  1262.     text-decoration: none;
  1263.     font-size: 120%;
  1264. }
  1265.  
  1266. .content.submit .info-notice a:hover {
  1267.     text-decoration: underline;
  1268. }
  1269.  
  1270. .thing.spam {
  1271.     border-color: #F3B9B9;
  1272.     background-color: #fff;
  1273.     margin-right: 320px;
  1274. }
  1275.  
  1276. #file {
  1277.     margin: 10px;
  1278. }
  1279.  
  1280. .submit-page .gray, #url-field button, #suggested-reddits {
  1281.     display: none;
  1282. }
  1283.  
  1284. .submit-page form .spacer+.spacer {
  1285.     margin: 8px 0px;
  1286. }
  1287.  
  1288. /* Flair Selector */
  1289.  
  1290. .flairselector.drop-choices.active {
  1291.     visibility: visible ;
  1292.     background-color: #fff;
  1293.     border: 1px solid #d8d8d8;
  1294.     border-radius: 2px;
  1295. }
  1296.  
  1297. .flairselector h2 {
  1298.     padding: 5px 5px 5px 5px;
  1299.     background-color: #fff;
  1300.     border-bottom: 1px solid #e5e5e5;
  1301.     color: #333;
  1302.     text-transform: capitalize;
  1303.     font-size: 130%;
  1304. }
  1305.  
  1306. .flairoptionpane {
  1307.     text-align: left;
  1308. }
  1309.  
  1310. .flairoptionpane ul {
  1311.     visibility: visible ;
  1312. }
  1313.  
  1314. .flairoptionpane ul a.title {
  1315.     font-size: 100% ;
  1316. }
  1317.  
  1318. .flairselector li {
  1319.     padding: 3px 0px 3px 0px;
  1320.     width: 182px;
  1321. }
  1322.  
  1323. .flairselector li:hover {
  1324.     background-color: #efefef;
  1325. }
  1326.  
  1327. .flairselector form {
  1328.     border-top: 1px solid #e5e5e5;
  1329. }
  1330.  
  1331. .flairsample-left {
  1332.     text-align: left ;
  1333. }
  1334.  
  1335. .flairselector ul {
  1336.     overflow: visible;
  1337. }
  1338.  
  1339. .flairselector li.selected {
  1340.     background-color: #e5ebf8;
  1341.     border: none;
  1342. }
  1343.  
  1344. /* Flairs */
  1345.  
  1346. /* LINKFLAIRS */
  1347.  
  1348. .linkflairlabel {
  1349.     padding: 0px 6px 1px 10px;
  1350.     height: auto;
  1351.     border-radius: 0px;
  1352.     border-top-left-radius: 16px;
  1353.     border-bottom-left-radius: 16px;
  1354.     border: 0px solid;
  1355.     color: #333;
  1356.     font-weight: bold;
  1357.     font-style: normal;
  1358.     font-variant: normal;
  1359.     font-size: 13px;
  1360.     font-family: Tahoma, Arial, sans-serif;
  1361.     cursor: default;
  1362.     vertical-align: middle;
  1363.     position: relative;
  1364.     top: -2px;
  1365. }
  1366.  
  1367. .linkflair-mod .linkflairlabel {
  1368.     background-color: #5fb04d;
  1369.     color: #fff;
  1370. }
  1371.  
  1372. .linkflair-mod a {
  1373.     color: #4c8d3e ;
  1374. }
  1375.  
  1376. .linkflair-mod .thumbnail.default, .linkflair-mod .thumbnail.self {
  1377.     background-image: url(http://i.imgur.com/RZRTd5q.png);
  1378.     background-position: -22px -90px;
  1379.     background-repeat: no-repeat;
  1380. }
  1381.  
  1382. .linkflair-image .linkflairlabel {
  1383.     background-color: #F86154;
  1384.     color: #fff;
  1385. }
  1386.  
  1387. .linkflair-gif .linkflairlabel {
  1388.     background-color: #f5b400;
  1389.     color: #fff;
  1390. }
  1391.  
  1392. .linkflair-extra .linkflairlabel {
  1393.     background-color: #fc1e40;
  1394.     color: #fff;
  1395. }
  1396.  
  1397. /* USER FLAIRS */
  1398.  
  1399. .flair {
  1400.     height: auto;
  1401.     background-color: transparent;
  1402.     border: 1px solid #DADADA;
  1403.     color: #555;
  1404.     font-size: small ;
  1405.     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  1406.     cursor: help;
  1407.     padding: 5px;
  1408. }
  1409.  
  1410. /* Flair-page  */
  1411.  
  1412. div.tabpane-content {
  1413.     padding: 4px 4px 4px 4px;
  1414.     border: 0px solid #e5e5e5;
  1415.     border-bottom-width: 3px;
  1416.     background-color: #fff;
  1417.     width: 1080px;
  1418.     margin-top: 7px;
  1419. }
  1420.  
  1421. .linefield {
  1422.     margin-bottom: 15px;
  1423.     padding: 10px 10px 10px 10px;
  1424.     width: 45%;
  1425.     color: #707070;
  1426. }
  1427.  
  1428. .linefield .title {
  1429.     padding: 1px 10px;
  1430.     color: #fc1e40;
  1431. }
  1432.  
  1433. .linefield .title+.gray {
  1434.     font-size: small;
  1435. }
  1436.  
  1437. /*
  1438.                 .flairtemplatelist flairlist pretty-form {
  1439.                     margin-top: 2px;
  1440.                     margin-right: 320px;
  1441.                     padding: 5px 5px 8px 3px;
  1442.                     color: #707070;
  1443.                     text-transform: capitalize;
  1444.                     width: 100%;
  1445.                     margin-bottom: 8px;
  1446.                 }
  1447.                
  1448.                     .flairrow:nth-of-type(1) {
  1449.                         width: 700px;
  1450.                         line-height: 2;
  1451.                     }
  1452.  
  1453.                     .flairrow .tagline {
  1454.                         margin-right: 0px;
  1455.                         margin-left: 0px;
  1456.                         width: 150px;
  1457.                         font-size: 100%;
  1458.                     }
  1459.  */
  1460.  
  1461. .flairtemplate .flairrow {
  1462.     margin-top: 2px;
  1463.     margin-right: 320px;
  1464.     padding: 5px 5px 8px 3px;
  1465.     color: #707070;
  1466.     text-transform: capitalize;
  1467.     width: 100%;
  1468.     margin-bottom: 8px;
  1469. }
  1470.  
  1471. .tabmenu li#tab-grant.selected, .tabmenu li#tab-templates.selected, .tabmenu li#tab-link_templates.selected {
  1472.     margin: 7px 0px 4px 0px;
  1473. }
  1474.  
  1475. .tabmenu li#tab-grant.selected a, .tabmenu li#tab-grant a:hover, .tabmenu li#tab-templates.selected a, .tabmenu li#tab-templates a:hover, .tabmenu li#tab-link_templates.selected a, .tabmenu li#tab-link_templates a:hover {
  1476.     color: #333;
  1477. }
  1478.  
  1479. /* WIKI Page */
  1480.  
  1481. .wiki-page .wiki-page-content {
  1482.     margin: 5px 320px 10px 0px;
  1483.     padding: 5px 10px 5px 10px;
  1484.     background-color: #fff;
  1485.     border: 1px solid #d8d8d8;
  1486. }
  1487.  
  1488. .wiki-page .tabmenu li:nth-of-type(3), .wiki-page .tabmenu li:nth-of-type(4), .wiki-page .tabmenu li a[href*="/promoted"], .wiki-page .tabmenu li a[href*="/gilded"] {
  1489.     display: none;
  1490. }
  1491.  
  1492. .wiki-page .wiki-page-content .md.wiki h1 {
  1493.     margin-top: 0.5em;
  1494.     color: #333;
  1495.     font-size: 1.5em;
  1496.     font-family: Arial, sans-serif;
  1497. }
  1498.  
  1499. .wiki-page .wiki-page-content .md.wiki h2 {
  1500.     font-size: 1.45em;
  1501. }
  1502.  
  1503. .wiki-page .wiki-page-content .md.wiki h3 {
  1504.     font-size: 1.4em;
  1505. }
  1506.  
  1507. .wiki-page .wiki-page-content .md.wiki h4 {
  1508.     font-size: 1.35em;
  1509. }
  1510.  
  1511. .wiki-page .wiki-page-content .md.wiki p, .wiki-page .wiki-page-content .md.wiki .md.wiki blockquote {
  1512.     color: #404040;
  1513.     font-weight: normal;
  1514.     font-size: 14px;
  1515.     font-family: Arial, sans-serif;
  1516.     line-height: 1.5em;
  1517. }
  1518.  
  1519. .wiki-page .pageactions {
  1520.     border: none;
  1521.     border-radius: 0px;
  1522. }
  1523.  
  1524. .wiki-page .pageactions .wikiaction {
  1525.     text-transform: capitalize;
  1526.     font-size: 110%;
  1527. }
  1528.  
  1529. .wiki-page .pageactions .wikiaction:hover {
  1530.     background-color: transparent;
  1531. }
  1532.  
  1533. .wiki-page .pageactions .wikiaction-current {
  1534.     background-color: #fc1e40;
  1535.     border-radius: 0px;
  1536.     color: #fff;
  1537. }
  1538.  
  1539. .wiki-page .pageactions .wikiaction-current:hover {
  1540.     background-color: #528bf3;
  1541.     text-decoration: none;
  1542. }
  1543.  
  1544. .wiki-page .wiki-page-content .md.wiki>.toc>ul {
  1545.     padding: 10px 10px;
  1546.     border: 1px solid #e5e5e5;
  1547.     font-weight: normal;
  1548.     font-size: 110%;
  1549. }
  1550.  
  1551. .wiki-page .wiki-page-content .discussionlink {
  1552.     display: inline-block;
  1553.     position: relative;
  1554.     top: inherit;
  1555.     right: inherit;
  1556.     left: inherit;
  1557.     padding: inherit;
  1558.     width: 175px;
  1559. }
  1560.  
  1561. .wiki-page .wiki-page-content .discussionlink a {
  1562.     padding-left: 0px;
  1563. }
  1564.  
  1565. .wiki-page .nextprev {
  1566.     display: none;
  1567. }
  1568.  
  1569. .wiki-page-content em, .wiki-page-content form#editform label {
  1570.     font-size: 120%;
  1571. }
  1572.  
  1573. /*Stylesheet fix */
  1574.  
  1575. .pretty-form {
  1576.     margin-right: 320px;
  1577.     margin-bottom: 10px;
  1578.     padding: 10px 10px 10px 10px;
  1579.     color: #707070;
  1580. }
  1581.  
  1582. .pretty-form textarea {
  1583.     -webkit-box-shadow: none;
  1584.     box-shadow: none;
  1585. }
  1586.  
  1587. .stylesheet-customize-container textarea {
  1588.     margin: 0;
  1589.     padding: 0px;
  1590.     border: 1px solid #d8d8d8;
  1591.     border-bottom: 1px solid #d8d8d8;
  1592.     border-radius: 3px;
  1593.     color: #707070;
  1594.     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1595. }
  1596.  
  1597. .sheets .btn.right {
  1598.     display: none;
  1599. }
  1600.  
  1601. .sheets .col textarea {
  1602.     width: 100%;
  1603.     background-color: #fff;
  1604. }
  1605.  
  1606. .sheets .col textarea:hover {
  1607.     border-color: #B1B1B1;
  1608. }
  1609.  
  1610. .sheets .col textarea:focus {
  1611.     border-color: #fc1e40;
  1612. }
  1613.  
  1614. .sheets {
  1615.     margin-right: 0px;
  1616. }
  1617.  
  1618. #images {
  1619.     margin-right: 320px;
  1620.     margin-bottom: 30px;
  1621.     padding: 10px 10px 10px 10px;
  1622.     height: 1280px;
  1623.     color: #707070;
  1624. }
  1625.  
  1626. ul#image-preview-list {
  1627.     margin: 15px 0px 0px 0px;
  1628.     padding-bottom: 80px;
  1629.     font-size: 14px;
  1630. }
  1631.  
  1632. /* COMMENT SECTION */
  1633.  
  1634. .commentarea>.usertext {
  1635.     overflow: visible;
  1636.     margin: 0px 0px 10px 0px;
  1637.     padding: 0px 0px 0px 0px;
  1638. }
  1639.  
  1640. .comments-page .tagline {
  1641.     color: #999;
  1642.     font-size: small;
  1643.     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1644. }
  1645.  
  1646. .comments-page .tagline a {
  1647.     margin-top: 1px;
  1648.     background-color: transparent;
  1649.     color: #fc1e40;
  1650.     letter-spacing: 1px;
  1651.     font-weight: bold;
  1652.     font-size: 12px;
  1653. }
  1654.  
  1655. .tagline a:hover {
  1656.     text-decoration: underline;
  1657. }
  1658.  
  1659. .tagline .submitter {
  1660.     color: #dd4b39;
  1661. }
  1662.  
  1663. .tagline .moderator,.green {
  1664.     color: #53a93f;
  1665. }
  1666.  
  1667. .tagline .moderator:after {
  1668.     content: "oderator - speaking officially.";
  1669. }
  1670.  
  1671. a.author.moderator:after {
  1672.     content: "";
  1673. }
  1674.  
  1675. .tagline .moderator:hover {
  1676.     color: #65b354;
  1677. }
  1678.  
  1679. .comment .midcol {
  1680.     margin-top: 6px;
  1681.     width: 15px ;
  1682. }
  1683.  
  1684. .comment .score {
  1685.     font-size: small;
  1686. }
  1687.  
  1688. /* Comments */
  1689.  
  1690. .commentarea .menuarea {
  1691.     display: inline;
  1692.     margin: 0 0px 10px -320px;
  1693.     padding: 0;
  1694.     color: #c0c0c0;
  1695.     font-weight: normal;
  1696.     font-size: 110%;
  1697. }
  1698.  
  1699. .panestack-title {
  1700.     display: inline;
  1701.     border-bottom: 1px solid #e5e5e5;
  1702.     color: #c0c0c0;
  1703. }
  1704.  
  1705. /*.commentarea .menuarea .toggle a, .panestack-title .title, .help-hoverable {display: none;}*/
  1706.  
  1707. .panestack-title .title {
  1708.     display: none;
  1709. }
  1710.  
  1711. .menuarea .spacer {
  1712.     margin-right: -15px;
  1713. }
  1714.  
  1715. .commentarea .menuarea .toggle a {
  1716.     font-size: 11px;
  1717.     color: #c0c0c0;
  1718.     font-weight: normal;
  1719. }
  1720.  
  1721. .menuarea .spacer .drop-choices.lightdrop {
  1722.     padding: 5px;
  1723.     border-color: #DFDDDD;
  1724.     box-shadow: 0px 1px 1px #C9C9C9;
  1725.     font-family: arial, sans-serif;
  1726. }
  1727.  
  1728. .titlebox form.toggle, .leavemoderator {
  1729.     background-color: transparent;
  1730. }
  1731.  
  1732. .menuarea .spacer .drop-choices.lightdrop a.choice, .commentarea .menuarea form {
  1733.     padding: 0.5px;
  1734.     font-size: 14px;
  1735.     color: #fc1e40;
  1736. }
  1737.  
  1738. .menuarea .spacer .drop-choices.lightdrop a.choice:hover, .commentarea .menuarea form:hover {
  1739.     background-color: #fc1e40;
  1740.     color: #fff;
  1741.     text-decoration: none;
  1742. }
  1743.  
  1744. .menuarea .dropdown.lightdrop .selected:hover {
  1745.     color: #fc1e40;
  1746. }
  1747.  
  1748. .menuarea .dropdown.lightdrop .selected:after {
  1749.     content: " =";
  1750.     vertical-align: middle;
  1751.     opacity: 0.5;
  1752. }
  1753.  
  1754. hr {
  1755.     border-width: 1px;
  1756.     border-style: solid;
  1757.     border-color: #e5e5e5;
  1758. }
  1759.  
  1760. .comments-page textarea {
  1761.     border: 1px solid #DBDBDB;
  1762.     border-radius: 3px;
  1763.     color: #999;
  1764.     border-bottom: 3px solid #D5D5D5;
  1765.     font-size: 13px;
  1766.     font-family: arial,sans-serif;
  1767. }
  1768.  
  1769. .comments-page textarea:hover {
  1770.     border-color: #bebebe;
  1771. }
  1772.  
  1773. .comments-page textarea:focus {
  1774.     border: 1px solid #4d90fe;
  1775.     color: #000;
  1776. }
  1777.  
  1778. .usertext .help-toggle, .usertext a.reddiquette {
  1779.     font-size: 100%;
  1780. }
  1781.  
  1782. .usertext a.reddiquette {
  1783.     color: #DD4B39;
  1784. }
  1785.  
  1786. .comments-page .usertext.border .usertext-body {
  1787.     padding-left: 5px;
  1788.     background-color: #f0f0f0;
  1789. }
  1790.  
  1791. .comment .expand {
  1792.     background-color: transparent;
  1793.     color: #999 ;
  1794. }
  1795.  
  1796. .comment .expand:hover {
  1797.     background-color: transparent;
  1798.     color: #999 ;
  1799.     text-decoration: underline;
  1800. }
  1801.  
  1802. .comment .child,.comment .showreplies {
  1803.     margin-top: 10px;
  1804.     margin-left: 15px;
  1805.     border-left: 0px solid;
  1806. }
  1807.  
  1808. /* H2 3 4 5 markup */
  1809.  
  1810. .link .usertext .md h2, .comments-page .comment .md h2, .link .usertext .md h3, .comments-page .comment .md h3, .link .usertext .md h4, .comments-page .comment .md h4, .link .usertext .md h5, .comments-page .comment .md h5 {
  1811.     display: inline;
  1812.     margin-top: 5px;
  1813.     border: none;
  1814.     font-weight: normal;
  1815.     font-size: 18px;
  1816.     font-family: arial, sans-serif;
  1817. }
  1818.  
  1819. .link .usertext .md h2, .comments-page .comment .md h2 {
  1820.     color: #d73d32;
  1821. }
  1822.  
  1823. .link .usertext .md h3, .comments-page .comment .md h3 {
  1824.     color: #fc1e40;
  1825. }
  1826.  
  1827. .link .usertext .md h4, .comments-page .comment .md h4 {
  1828.     color: #53a93f;
  1829. }
  1830.  
  1831. .link .usertext .md h5, .comments-page .comment .md h5 {
  1832.     color: #f4b400;
  1833. }
  1834.  
  1835. /* Footer */
  1836.  
  1837. .footer-parent {
  1838.     margin-top: 120px;
  1839.     padding-top: 0px;
  1840.     background-color: transparent;
  1841. }
  1842.  
  1843. .footer {
  1844.     border: none;
  1845.     color: #969696;
  1846.     font-family: arial, sans-serif;
  1847. }
  1848.  
  1849. .footer a {
  1850.     color: #969696;
  1851.     font-weight: normal;
  1852.     font-size: 14px;
  1853. }
  1854.  
  1855. .footer a:hover {
  1856.     color: #fc1e40;
  1857.     text-decoration: underline;
  1858. }
  1859.  
  1860. .footer .col {
  1861.     border-left: 1px solid #D5D5D5;
  1862. }
  1863.  
  1864. .debuginfo {
  1865.     background-color: transparent;
  1866.     color: #969696;
  1867. }
  1868.  
  1869. /* Some login stuff */
  1870.  
  1871. .login-form-side {
  1872.     border: 0px;
  1873.     border-bottom: 1px solid #d8d8d8;
  1874.     font-size: 120%;
  1875.     margin: 10px;
  1876. }
  1877.  
  1878. .login-form-side input[type=text], .login-form-side input[type=password] {
  1879.     margin: 10px 0px;
  1880.     width: 265px;
  1881. }
  1882.  
  1883. .popup {
  1884.     position: fixed;
  1885.     left: 10%;
  1886.     margin-bottom: 30px;
  1887.     padding: 10px 10px 10px 10px;
  1888.     background-color: white;
  1889.     border: 0px solid;
  1890.     border-radius: 2px;
  1891.     color: #3b3b3b;
  1892.     font-size: 16px;
  1893.     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1894. }
  1895.  
  1896. .cover {
  1897.     position: fixed;
  1898.     top: 0px;
  1899.     left: 0px;
  1900.     z-index: 1000;
  1901.     width: 100%;
  1902.     height: 100%;
  1903.     background-color: white;
  1904.     opacity: .6;
  1905. }
  1906.  
  1907. /* Search page */
  1908.  
  1909. .search-page #search {
  1910.     position: relative;
  1911.     top: 0px;
  1912.     margin: 0px 150px 0px 80px;
  1913.     height: 50px;
  1914.     background: none ;
  1915.     background-color: transparent;
  1916.     text-align: left;
  1917. }
  1918.  
  1919. .search-page .searchpane {
  1920.     margin: 5px 320px 5px 0px;
  1921.     padding-left: 96px;
  1922.     height: 120px;
  1923. }
  1924.  
  1925. .search-page .raisedbox {
  1926.     padding: 5px;
  1927.     border: 0px solid;
  1928. }
  1929.  
  1930. .search-page #search input[type=text] {
  1931.     padding: 5px 0px 5px 40px;
  1932.     font-size: 150%;
  1933. }
  1934.  
  1935. .searchfacets {
  1936.     margin-top: 10px;
  1937.     margin-right: 320px;
  1938.     padding: 10px;
  1939.     box-shadow: none;
  1940.     color: #3b3b3b;
  1941.     border: 0px solid;
  1942.     border-bottom: 3px solid #E5E5E5;
  1943. }
  1944.  
  1945. .search-page #header .tabmenu {
  1946.     display: none ;
  1947. }
  1948.  
  1949. .search-page .side {
  1950.     padding-top: 40px;
  1951. }
  1952.  
  1953. .search-summary {
  1954.     margin-right: 40px;
  1955. }
  1956.  
  1957. /* Fuckin' Reddit Enhancement Suite (RES) */
  1958.  
  1959. .res .keyHighlight {
  1960.     background-color: transparent;
  1961.     outline: 0px solid;
  1962. }
  1963.  
  1964. .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  1965.     background-color: transparent ;
  1966. }
  1967.  
  1968. .res .RES-keyNav-activeElement {
  1969.     outline: 1px dashed #C5C5C5 ;
  1970.     border-radius: 0px ;
  1971. }
  1972.  
  1973. /* Res Live Preview */
  1974.  
  1975. .RESDialogSmall {
  1976.     border: 1px solid #DFDFDF;
  1977.     border-radius: 0px;
  1978. }
  1979.  
  1980. .RESDialogSmall > h3 {
  1981.     background-color: #f4f4f4;
  1982.     border-bottom: 1px solid #DFDFDF;
  1983.     border-radius: 0px;
  1984.     color: #333;
  1985. }
  1986.  
  1987. .res .comment {
  1988.     margin-top: 0px ;
  1989.     margin-bottom: 3px ;
  1990.     border: 1px solid #f8f8f8 ;
  1991. }
  1992.  
  1993. /* comment comment comment comment comment god damn it */
  1994.  
  1995. .comments-page .comment {
  1996.     background-color: #FCFCFC ;
  1997. }
  1998.  
  1999. .comments-page .comment .comment {
  2000.     background-color: #FCFCFC ;
  2001. }
  2002.  
  2003. .comments-page .comment .comment .comment {
  2004.     background-color: #FCFCFC ;
  2005. }
  2006.  
  2007. .comments-page .comment .comment .comment .comment {
  2008.     background-color: #FCFCFC ;
  2009. }
  2010.  
  2011. .comments-page .comment .comment .comment .comment .comment {
  2012.     background-color: #FCFCFC ;
  2013. }
  2014.  
  2015. .comments-page .comment .comment .comment .comment .comment .comment {
  2016.     background-color: #FCFCFC ;
  2017. }
  2018.  
  2019. .comments-page .comment .comment .comment .comment .comment .comment .comment {
  2020.     background-color: #FCFCFC ;
  2021. }
  2022.  
  2023. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment {
  2024.     background-color: #FCFCFC ;
  2025. }
  2026.  
  2027. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  2028.     background-color: #FCFCFC ;
  2029. }
  2030.  
  2031. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  2032.     background-color: #FCFCFC ;
  2033. }
  2034.  
  2035. .RESshortcutside {
  2036.     padding: 0px 0px ;
  2037.     background: none repeat-x scroll center left ;
  2038.     background-color: white ;
  2039.     background-image: none ;
  2040.     border: 0px solid ;
  2041.     border-radius: 0px ;
  2042.     color: #fc1e40 ;
  2043.     text-transform: capitalize ;
  2044.     font-weight: 500 ;
  2045.     font-size: 14px ;
  2046.     line-height: 20px ;
  2047. }
  2048.  
  2049. .RESshortcutside.remove {
  2050.     padding: 0px 3px 0px 0px ;
  2051.     background-color: white ;
  2052.     background-image: none ;
  2053.     border: 0px solid ;
  2054.     color: #3b3b3b ;
  2055.     font-weight: lighter ;
  2056. }
  2057.  
  2058. .RESDashboardToggle {
  2059.     padding: 0px 0px ;
  2060.     background: none repeat-x scroll center left ;
  2061.     background-color: white ;
  2062.     background-image: none ;
  2063.     border: 0px solid ;
  2064.     border-radius: 0px ;
  2065.     color: #fc1e40 ;
  2066.     text-transform: capitalize ;
  2067.     font-weight: 500 ;
  2068.     font-size: 14px ;
  2069.     line-height: 20px ;
  2070. }
  2071.  
  2072. .RESDashboardToggle.remove {
  2073.     padding: 2px 6px 2px 0px ;
  2074.     background-color: white ;
  2075.     background-image: none ;
  2076.     border: 0px solid ;
  2077.     color: #3b3b3b ;
  2078.     font-weight: lighter ;
  2079. }
  2080.  
  2081. #RESShortcutsEditContainer {
  2082.     top: 1px ;
  2083.     background-color: #2d2d2d ;
  2084. }
  2085.  
  2086. #RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash {
  2087.     background-color: #2d2d2d ;
  2088.     color: #979797 ;
  2089. }
  2090.  
  2091. #srLeftContainer, #RESShortcutsViewport, #RESShortcutsEditContainer {
  2092.     border-left: 1px solid #666;
  2093.     padding-left: 10px;
  2094. }
  2095.  
  2096. .res #RESShortcutsSort {
  2097.     width: 30px ;
  2098.     background-color: transparent ;
  2099.     color: #B1B1B1 ;
  2100. }
  2101.  
  2102. /* resresresresresresresrsesresresrsstop */
  2103.  
  2104. .content .RESBigEditorPop {
  2105.     color: #333 ;
  2106.     padding: 2px;
  2107. }
  2108.  
  2109. .markdownEditor {
  2110.     white-space: inherit;
  2111. }
  2112.  
  2113. #progressIndicator, #NERFail, .NERPageMarker {
  2114.     margin-right: 320px ;
  2115.     width: inherit;
  2116.     background-color: white ;
  2117.     border: 1px solid #d8d8d8 ;
  2118.     border-top: 0px solid ;
  2119.     border-bottom: 3px solid #d8d8d8 ;
  2120.     border-radius: 2px ;
  2121. }
  2122.  
  2123. .res #NREFloat {
  2124.     top: 8px;
  2125.     z-index: 100;
  2126. }
  2127.  
  2128. .res .fancy-toggle-button .add:after {
  2129.     right: 50px ;
  2130. }
  2131.  
  2132. .RESSubscriptionButton {
  2133.     display: inline-block;
  2134.     margin-left: 5px;
  2135.     background-color: #5787E1;
  2136.     color: #FFF;
  2137.     padding: 4px 0px;
  2138.     text-align: center;
  2139.     margin-bottom: 10px;
  2140.     width: 78px;
  2141.     font-weight: bold;
  2142.     cursor: pointer;
  2143. }
  2144.  
  2145. .res #header-bottom-right {
  2146.     right: 10px;
  2147.     top: 141px ;
  2148.     padding: 4px 10px 5px 2px ;
  2149.     border-radius: 0px ;
  2150. }
  2151.  
  2152. .res #userbarToggle {
  2153.     display: none ;
  2154. }
  2155.  
  2156. #RESAccountSwitcherIcon {
  2157.     margin-top: -5px;
  2158. }
  2159.  
  2160. .res .author.submitter {
  2161.     padding: 2px 5px ;
  2162.     background-color: #DD4B39;
  2163.     border-radius: 0px ;
  2164.     color: #fff ;
  2165. }
  2166.  
  2167. .res .author.submitter:hover {
  2168.     background-color: #ed5f4d ;
  2169. }
  2170.  
  2171. .res .author.moderator {
  2172.     padding: 2px 5px ;
  2173.     background-color: #53a93f ;
  2174.     border-radius: 0px ;
  2175.     color: #fff ;
  2176. }
  2177.  
  2178. .res .author.moderator:hover {
  2179.     background-color: #64be4f ;
  2180.     color: #fff ;
  2181. }
  2182.  
  2183. .res .blueButton {
  2184.     padding: 2px 3px ;
  2185.     background-color: #53a93f ;
  2186.     border: none ;
  2187.     border-radius: 0px ;
  2188. }
  2189.  
  2190. /* CSS3 on reddit! */
  2191.  
  2192. a, .domain a {
  2193.     transition: border-color 0.25s;
  2194. }
  2195.  
  2196. /*  NIGHTMODE - Work in progress */
  2197.  
  2198. body:lang(nt), #search input[type=text]:lang(nt), .res-nightmode body {
  2199.     background-color: #1c1f26;
  2200. }
  2201.  
  2202. .comments-page textarea:lang(nt), textarea:lang(nt) {
  2203.     background-color: #1c1f26 ;
  2204. }
  2205.  
  2206. .link:lang(nt), .side:lang(nt), .submit-page .infobar:lang(nt), .roundfield:lang(nt), .submit-page .content button:lang(nt), content.submit .info-notice:lang(nt), .stylesheet-customize-container .pretty-form:lang(nt), #images:lang(nt), .search-page .raisedbox:lang(nt), .search-page .searchfacets:lang(nt), .linefield:lang(nt), .search-page .searchpane:lang(nt), .nextprev:lang(nt), .commentarea:lang(nt), .link.last-clicked:lang(nt), res-nightmode .side, .res-nightmode .flairselector, .res-nightmode .linefield, .res-nightmode .icon-menu a, .res-nightmode .side .leavemoderator, .res-nightmode .side .leavecontributor-button, .res-nightmode .side .titlebox, .res-nightmode .side .spacer .titlebox .redditname, .res-nightmode .side .titlebox .flairtoggle, .res-nightmode .side .usertext-body .md ol, .res-nightmode .side .usertext-body .md ol ol, .res-nightmode .side .usertext-body .md ol ol li, .res-nightmode .side blockquote, .res-nightmode .modactionlisting table *, .res-nightmode .link, .res-nightmode .listing-page .sitetable > div:nth-of-type(4n+1), .res-nightmode .messages-page .sitetable > div:nth-of-type(4n+1), .res-nightmode .organic-listing .thing, .res-nightmode .sr-interest-bar, .res-nightmode .commentarea, .res-nightmode .side .titlebox form.flairtoggle, .res-nightmode .trophy-area .content, .res-nightmode .NERPageMarker, .res-nightmode .side .titlebox .usertext-body ol, .res-nightmode .side .titlebox .usertext-body ol, .res-nightmode .side .titlebox .usertext-body ul {
  2207.     background-color: #2b303b;
  2208.     border-bottom-color: #17191A ;
  2209. }
  2210.  
  2211. #header:lang(nt):after, #header-bottom-right:lang(nt), .titlebox h6:lang(nt), .res-nightmode #header:after, .res-nightmode .tabmenu li a, .res-nightmode .login-form, .res-nightmode .login-form input[name*="passwd"], .res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right {
  2212.     background-color: #2b303b;
  2213. }
  2214.  
  2215. .titlebox h6:lang(nt) {
  2216.     box-shadow: 0 2px 4px 0 #1A1B1D;
  2217.     -webkit-box-shadow: 0 2px 4px 0 #1A1B1D;
  2218. }
  2219.  
  2220. .stickied.link:lang(nt) {
  2221.     border-color: #17191A ;
  2222. }
  2223.  
  2224. /* gotta have that important important */
  2225.  
  2226. .comments-page .comment:lang(nt) {
  2227.     background-color: #2b303b ;
  2228. }
  2229.  
  2230. .comments-page .comment .comment:lang(nt) {
  2231.     background-color: #2b303b ;
  2232. }
  2233.  
  2234. .comments-page .comment .comment .comment:lang(nt) {
  2235.     background-color: #2b303b ;
  2236. }
  2237.  
  2238. .comments-page .comment .comment .comment .comment:lang(nt) {
  2239.     background-color: #2b303b ;
  2240. }
  2241.  
  2242. .comments-page .comment .comment .comment .comment .comment:lang(nt) {
  2243.     background-color: #2b303b ;
  2244. }
  2245.  
  2246. .comments-page .comment .comment .comment .comment .comment .comment:lang(nt) {
  2247.     background-color: #2b303b ;
  2248. }
  2249.  
  2250. .comments-page .comment .comment .comment .comment .comment .comment .comment:lang(nt) {
  2251.     background-color: #2b303b ;
  2252. }
  2253.  
  2254. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {
  2255.     background-color: #2b303b ;
  2256. }
  2257.  
  2258. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {
  2259.     background-color: #2b303b ;
  2260. }
  2261.  
  2262. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {
  2263.     background-color: #2b303b ;
  2264. }
  2265.  
  2266. /* text */
  2267.  
  2268. .domain a:lang(nt), .entry .buttons li a:lang(nt), .link .tagline:lang(nt), .tabmenu li a:lang(nt), .thing .title:visited:lang(nt), .thing.visited .title:lang(nt), .comments-page .tagline:lang(nt), .comment .expand:lang(nt), .titlebox h6 a:lang(nt), .titlebox .bottom:lang(nt), .sidecontentbox .content a:lang(nt), body:lang(nt), .res-nightmode #siteTable .visited.link .title.loggedin, .res-nightmode #siteTable .link .title.loggedin:visited, .res-nightmode #siteTable .link .title:visited, .res-nightmode #siteTable .link .title.loggedin.click, .res-nightmode .organic-listing .link .title:visited, .res-nightmode .tabmenu li a, .res-nightmode .login-form, .res-nightmode .login-form input[name*="passwd"], .res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right, .res-nightmode .entry .domain a {
  2269.     color: #6A7A88;
  2270. }
  2271.  
  2272. .tabmenu li.selected a:lang(nt), .link .usertext .md:lang(nt), .comments-page .comment .md:lang(nt), .titlebox:lang(nt), .linkinfo:lang(nt), .menuarea .dropdown.lightdrop .selected:lang(nt), .flair:lang(nt), .new-page .titlebox h6 a[href*="/new"]:lang(nt), .top-page .titlebox h6 a[href*="/top"]:lang(nt), .hot-page .titlebox h6 a[href*="/hot"]:lang(nt), .res-nightmode > .content > .spacer > .sitetable::before, .res-nightmode > .content > .sharelink ~ .sitetable::before, .res-nightmode .side .age, .res-nightmode .trophy-info *, .res-nightmode .golddvertisement, .res-nightmode .flair-jump .title, .res-nightmode #siteTable .thing .title.loggedin, .res-nightmode #siteTable .thing .title, .res-nightmode .NERdupe p.title::after, .res-nightmode .savedComment, .res-nightmode .organic-listing .thing .title, .res-nightmode .tabmenu li a:hover {
  2273.     color: #EBEBEB;
  2274. }
  2275.  
  2276. .titlebox h6 a:lang(nt):hover, #header-bottom-right a:lang(nt):hover, textarea:lang(nt), .tabmenu li a:lang(nt):hover, .res-nightmode #header-bottom-left .tabmenu .selected a {
  2277.     color: #EBEBEB;
  2278. }
  2279.  
  2280. .domain:lang(nt), .res-nightmode .domain {
  2281.     color: #2b303b;
  2282. }
  2283.  
  2284. /* border colors */
  2285.  
  2286. .link .usertext .md:lang(nt), #search input[type=text]:lang(nt), .linkinfo:lang(nt), .comments-page textarea:lang(nt), .submit-page textarea:lang(nt), .roundfield input[type=url]:lang(nt), .roundfield input[type=text]:lang(nt), .login-form-side input[type=text]:lang(nt), .login-form-side input[type=password]:lang(nt), .linefield textarea:lang(nt), .linefield input[type="text"]:lang(nt), .flairlist .flaircell input[type="text"]:lang(nt), .linkinfo .shortlink input:lang(nt), .search-page #search input[type=text]:lang(nt), .flair:lang(nt), .titlebox .bottom:lang(nt), .footer .col:lang(nt) {
  2287.     border-color: #414955 ;
  2288. }
  2289.  
  2290. /* fucking nightmode  */
  2291.  
  2292. .morelink:lang(nt), .fancy-toggle-button .add:lang(nt), .sidecontentbox a.helplink:lang(nt) {
  2293.     box-shadow: none;
  2294.     -webkit-box-shadow: none;
  2295. }
  2296.  
  2297. .res-nightmode .tabmenu li {
  2298.     margin: 8px 0px 0px 0px;
  2299. }
  2300.  
  2301. /* I swear to god who thinks pink backgrounds are a good idea */
  2302.  
  2303. .res-nightmode #header-bottom-left, .res-nightmode ul.tabmenu li.selected a, .res-nightmode .redditname a.active, .res-nightmode .RESDashboardToggle, .res-nightmode .RES-keyNav-activeElement, .res-nightmode .RES-keyNav-activeElement .usertext-body, .res-nightmode .RES-keyNav-activeElement .usertext-body .md, .res-nightmode .RES-keyNav-activeElement .usertext-body .md p, .res-nightmode .commentarea .RES-keyNav-activeElement .noncollapsed, .res-nightmode .RES-keyNav-activeElement .noncollapsed .md, .res-nightmode .RES-keyNav-activeElement .noncollapsed .md p, .res .res-nightmode .RES-keyNav-activeElement, .res .res-nightmode .commentarea .RES-keyNav-activeElement .md, .res .res-nightmode .commentarea .RES-keyNav-activeElement.entry .noncollapsed, .res-nightmode #sr-header-area, .res-nightmode #sr-more-link, .res-nightmode #RESConsoleTopBar, .res-nightmode .moduleHeader, .res-nightmode .allOptionsContainer, .res-nightmode .optionContainer {
  2304.     background-color: transparent ;
  2305. }
  2306.  
  2307. /* spruce it up */
  2308.  
  2309. .res-nightmode .side:after {
  2310.     content: "Hello nightmode user. You're very brave.";
  2311. }
  2312.  
  2313. /* Button */
  2314.  
  2315. button:lang(nt), #search input[type='submit']:lang(nt), .wiki-page .wiki-page-content .wiki_button:lang(nt) {
  2316.     padding: 0px 8px 0px 8px;
  2317.     background-color: transparent;
  2318.     border: 1px solid #414955;
  2319.     border-radius: 0px;
  2320.     -webkit-box-shadow: none;
  2321.     box-shadow: none;
  2322.     color: #e5e5e5 ;
  2323.     line-height: 28px;
  2324. }
  2325.  
  2326. button:lang(nt):hover, #search input[type='submit']:lang(nt):hover, .wiki-page .wiki-page-content .wiki_button:lang(nt):hover {
  2327.     padding-bottom: 0px;
  2328.     border-color: #414955;
  2329.     border-width: 1px;
  2330.     color: #fff ;
  2331.     line-height: 28px;
  2332.     background-color: #1C1F26;
  2333. }
  2334.  
  2335. button:lang(nt):active, #search input[type='submit']:lang(nt):active, .wiki-page .wiki-page-content .wiki_button:lang(nt):active {
  2336.     padding-bottom: 0px;
  2337.     background-color: #1C1F26;
  2338.     border-color: #414955;
  2339.     border-width: 1px;
  2340.     -webkit-box-shadow: none;
  2341.     box-shadow: none;
  2342.     color: #fff ;
  2343.     line-height: 28px;
  2344. }
  2345.  
  2346. /* --------------------------- */
  2347.  
  2348. /* CUSTOMIZATION */
  2349.  
  2350. /* --------------------------- */
  2351.  
  2352. /* Link Flairs that you can make! */
  2353.  
  2354. .linkflair-one .linkflairlabel {
  2355.     background-color: #dc4437;
  2356.     border: 1px solid #d03e32;
  2357.     color: #fff;
  2358. }
  2359.  
  2360. .linkflair-two .linkflairlabel {
  2361.     background-color: #f5b400;
  2362.     border: 1px solid #e5a800;
  2363.     color: #fff;
  2364. }
  2365.  
  2366. .linkflair-three .linkflairlabel {
  2367.     background-color: #fc1e40;
  2368.     border: 1px solid #3a7ae6;
  2369.     color: #fff;
  2370. }
  2371.  
  2372. /* Create your own! */
  2373.  
  2374. /* "squee" can be anything!
  2375.                         This is what you use in the CSS field at the flair page */
  2376.  
  2377. .linkflair-squee .linkflairlabel {
  2378.     background-color: #fc1e40;
  2379.     /* Base color */
  2380.     border: 1px solid #3a7ae6;
  2381.     /* Slightly darker to create nice edges */
  2382.     color: #fff;
  2383.     /* Text color - alternatively use #333 when white is too light */
  2384. }
  2385.  
  2386. /* --------------------------- */
  2387.  
  2388. /* Submit page message */
  2389.  
  2390. /* Subscriber Name */
  2391.  
  2392. div.titlebox span.number:after {
  2393.     content: " readers";
  2394. }
  2395.  
  2396. /* Leave the space before the name! */
  2397.  
  2398. /* --------------------------- */
  2399.  
  2400. /* CUSTOM LOGO CSS */
  2401.  
  2402. /* Replace the 77 with your height */
  2403.  
  2404. /* --------------------------- */
  2405.  
  2406. /* Custom browser CSS */
  2407.  
  2408. div.grippy {
  2409.     display: none;
  2410. }
  2411.  
  2412. div.listing-chooser.initialized {
  2413.     display: none;
  2414. }
  2415.  
  2416. a.title:visited {
  2417.     color: #bdbdbd;
  2418. }
  2419.  
  2420. #REScommentNavToggle {
  2421.     float: left;
  2422.     display: inline;
  2423.     color: #666;
  2424.     margin-bottom: 10px;
  2425.     width: 100%;
  2426. }
  2427.  
  2428. .sitetable .thing .thumbnail img {
  2429.     height: 60px;
  2430.     width: 60px;
  2431. }
  2432.  
  2433. body.with-listing-chooser #header .pagename {
  2434.     position: absolute;
  2435.     bottom: 30px;
  2436.     margin-left: 4px;
  2437. }
  2438.  
  2439. span.hover.pagename.redditname a:hover {
  2440.     text-decoration: none;
  2441. }
  2442.  
  2443. #header-img:not(.default-header) {
  2444.     display: inline-block ;
  2445.     position: static;
  2446.     background: none;
  2447.     max-height: 113px;
  2448. }
  2449.  
  2450. #header-img.default-header {
  2451.     width: 120px;
  2452.     height: 40px;
  2453.     position: static;
  2454.     background: url(http://i.imgur.com/RRPi9fS.png) 0 95% no-repeat;
  2455. }
  2456.  
  2457. #NREFloat {
  2458.     display: none;
  2459. }
  2460.  
  2461. .titlebox h1 a {
  2462.     top: 155px;
  2463.     transition: .5s all ease;
  2464.     margin-bottom: 10px;
  2465.     border-bottom: 1px dashed #b8b8b8;
  2466.     text-align: center;
  2467.     padding-bottom: 12px;
  2468.     display: block;
  2469.     text-transform: uppercase;
  2470.     font-size: 23px;
  2471.     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  2472. }
  2473.  
  2474. .link, .submit-page .infobar, .roundfield, .submit-page .content button, .content.submit .info-notice, .stylesheet-customize-container .pretty-form, #images, .search-page .raisedbox, .search-page .searchfacets, .linefield, .search-page .searchpane, .nextprev {
  2475.     border: 0px;
  2476.     border-bottom: 3px solid #e5e5e5 ;
  2477.     background-color: #fff;
  2478. }
  2479.  
  2480. /* Sidebar */
  2481.  
  2482. /*Rules*/
  2483.  
  2484. .side h2 {
  2485.     margin-top: 10px;
  2486.     color: #202020;
  2487.     font-size: 16px;
  2488.     font-family: arial;
  2489. }
  2490.  
  2491. /* SUBMIT LINK OR POST */
  2492.  
  2493. /* Subreddit name sidebar */
  2494.  
  2495. .titlebox h1 a[href*="Android"] {
  2496.     top: 155px;
  2497.     transition: .5s all ease;
  2498.     margin-bottom: 10px;
  2499.     border-bottom: 1px dashed #b8b8b8;
  2500.     text-align: center;
  2501.     padding-bottom: 12px;
  2502.     display: block;
  2503.     text-transform: uppercase;
  2504.     font-size: 23px;
  2505.     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  2506. }
  2507.  
  2508. .res .expando-button.collapsed.image {
  2509.     margin-left: 3px;
  2510.     margin-top: 3px;
  2511. }
  2512.  
  2513. /* Sub / Unsub button */
  2514.  
  2515. /* Sub */
  2516.  
  2517. /* Unsub */
  2518.  
  2519. /* Unsub */
  2520.  
  2521. /* Subscribe notice (we probably don't want this)
  2522.                 .fancy-toggle-button .add:after {
  2523.                 position: fixed;
  2524.                 top: 4px;
  2525.                 right: 25px;
  2526.                 z-index: 98;
  2527.                 background-color: #557CCB;
  2528.                 color: #FFF;
  2529.                 content: "Subscribe Now";
  2530.                 padding: 0px 16px;
  2531.                 } */
  2532.  
  2533. /*Replace readers.. */
  2534.  
  2535. /* Subreddit description */
  2536.  
  2537. .titlebox {
  2538.     padding: 0px 15px 15px 15px;
  2539.     color: #404040;
  2540.     background-color: #FFF;
  2541.     padding-top: 14px;
  2542.     padding-bottom: 20px;
  2543.     border-bottom: 4px solid  #E2E2E2;
  2544. }
  2545.  
  2546. /* Download button */
  2547.  
  2548. /* Search */
  2549.  
  2550. .side .spacer {
  2551.     margin: 7px 0 0px 0;
  2552. }
  2553.  
  2554. /* Ad Frame */
  2555.  
  2556. /* Sidebar mod box */
  2557.  
  2558. /* Mod icons */
  2559.  
  2560. /* Message the mods */
  2561.  
  2562. .side {
  2563.     float: right;
  2564.     margin: 47px 10px 0px 0px;
  2565.     width: 305px;
  2566.     background-color: transparent;
  2567.     -webkit-border-radius: 3px;
  2568.     border-radius: 3px;
  2569.     text-align: left;
  2570.     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  2571. }
  2572.  
  2573. .side blockquote:nth-of-type(1) {
  2574.     background-color: #F3F3F3;
  2575.     border-radius: 2px;
  2576.     color: #505050;
  2577.     border: 1px solid #CFCFCF;
  2578.     border-bottom-width: 03px;
  2579.     margin-right: 0px;
  2580.     margin-left: 0px;
  2581.     padding: 15px;
  2582. }
  2583.  
  2584. .side blockquote {
  2585.     border: none;
  2586.     background-color: #FFF;
  2587.     color: #505050;
  2588.     margin-right: 0px;
  2589.     margin-left: 0px;
  2590.     padding: 15px;
  2591. }
  2592.  
  2593. .link {
  2594.     margin-right: 320px;
  2595.     margin-bottom: 9px;
  2596.     padding: 12px 10px 10px 10px;
  2597.     border-radius: 2px;
  2598.     background-color: #FFF;
  2599.     box-shadow: 0 3px 14px rgba(0,0,0,0.04),0 1px 1px #DDD;
  2600.     border-bottom: 1px solid #DBDADA;
  2601. }
  2602.  
  2603. .usertext-edit textarea {
  2604.     width: 500px;
  2605.     height: 100px;
  2606. }
  2607.  
  2608. .menuarea .dropdown.lightdrop .selected {
  2609.     font-size: 17px;
  2610. }
  2611.  
  2612. span.dropdown-title.lightdrop {
  2613.     color: #666;
  2614.     margin-left: 05px;
  2615. }
  2616.  
  2617. .comments-page .comment .md {
  2618.     color: #161616;
  2619.     font-weight: normal;
  2620.     font-size: 13px;
  2621.     font-family: Arial,sans-serif;
  2622.     line-height: 1.5em;
  2623. }
  2624.  
  2625. .entry .buttons a[onclick*="reply"] {
  2626.     color: #557CCB;
  2627.     font-weight: bold;
  2628.     font-size: 13px;
  2629. }
  2630.  
  2631. .entry .buttons a:hover {
  2632.     text-decoration: underline;
  2633. }
  2634.  
  2635. .entry .buttons li {
  2636.     display: inline-block;
  2637.     border: none;
  2638.     padding-right: 4px;
  2639.     line-height: 1.6em;
  2640. }
  2641.  
  2642. .link .flat-list, .comment .flat-list {
  2643.     font-weight: normal;
  2644.     max-width: 850px;
  2645.     min-width: 500px;
  2646.     border-top: 2px solid #f5f5f5;
  2647.     margin-top: 5px;
  2648.     padding-top: 3px;
  2649.     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  2650. }
  2651.  
  2652. .commentarea {
  2653.     margin-top: 10px;
  2654.     margin-right: 320px;
  2655.     margin-bottom: 30px;
  2656.     padding: 10px 10px 10px 10px;
  2657.     background-color: #F1F1F1;
  2658.     border: 1px solid #D8D8D8;
  2659.     border-bottom-width: 3px;
  2660.     border-left-width: 0px;
  2661.     border-top-width: 0px;
  2662.     border-radius: 0px;
  2663.     color: #3B3B3B;
  2664. }
  2665.  
  2666. .comment {
  2667.     -webkit-box-shadow: 2px 2px 1px 2px #e8e8e8 ;
  2668.     border-width: 1px;
  2669.     padding: 16px;
  2670.     padding-top: 17px;
  2671. }
  2672.  
  2673. #search input[type=text] {
  2674.     padding: 9px 0px 9px 40px;
  2675.     width: 265px;
  2676.     border: none;
  2677.     margin-top: -6px;
  2678.     background-image: url("http://f.thumbs.redditmedia.com/Y0reTtE5seZkH2k5.png");
  2679.     background-position: -129px 5px;
  2680.     background-repeat: no-repeat;
  2681.     border-color: #DCDCDC;
  2682.     border-radius: 2px;
  2683.     border-bottom: 3px solid #E2E2E2;
  2684.     color: #999;
  2685.     font-size: 16px;
  2686.     font-family: arial,sans-serif;
  2687. }
  2688.  
  2689. .linkinfo .downvotes .number, .linkinfo .upvotes .number, .linkinfo .score .number {
  2690.     font-size: 20px ;
  2691.     display: block;
  2692.     font-weight: normal ;
  2693. }
  2694.  
  2695. .linkinfo .score .number {
  2696.     color: #363636
  2697.         ;
  2698. }
  2699.  
  2700. .linkinfo .upvotes, .linkinfo .downvotes, .linkinfo .score {
  2701.     float: left;
  2702.     padding: 5px 10px 5px 0;
  2703.     margin: 8px 10px 10px 0;
  2704.     text-align: center
  2705.         ;
  2706. }
  2707.  
  2708. .linkinfo {
  2709.     background-color: #FFF;
  2710.     -webkit-border-radius: 2px;
  2711.     -moz-border-radius: 2px;
  2712.     border-bottom: 2px solid #d8d8d8;
  2713.     color: #363636;
  2714.     text-align: center;
  2715.     font-size: 11px;
  2716.     padding: 10px 18px 15px 18px;
  2717.     border: 1px solid #E4E4E4;
  2718.     width: 260px;
  2719.     border-radius: 2px;
  2720.     margin-top: 5px;
  2721.     border-left: none;
  2722.     border-right: none;
  2723.     margin-bottom: 10px;
  2724.     margin-left: auto;
  2725.     margin-right: auto;
  2726. }
  2727.  
  2728. .linkinfo .score .word {
  2729.     display: none
  2730.         ;
  2731. }
  2732.  
  2733. .linkinfo .score {
  2734.     font-size: 11px;
  2735.     color: #aaaaaa;
  2736.     display: block;
  2737.     min-width: 59px;
  2738.     margin-left: 25px ;
  2739. }
  2740.  
  2741. .linkinfo .downvotes .word, .linkinfo .upvotes .word {
  2742.     font-size: 11px;
  2743.     color: #aaaaaa
  2744.         ;
  2745. }
  2746.  
  2747. .linkinfo .score, .linkinfo .upvotes {
  2748.     border-right: 1px solid #e8e7e7
  2749.         ;
  2750. }
  2751.  
  2752. .linkinfo .upvotes .number {
  2753. }
  2754.  
  2755. .linkinfo .downvotes .number {
  2756. }
  2757.  
  2758. .linkinfo .shortlink {
  2759.     clear: both ;
  2760.     font-size: 10px;
  2761.     margin-top: 10px;
  2762.     color: #aaa
  2763.         ;
  2764. }
  2765.  
  2766. .linkinfo .shortlink input {
  2767.     background: transparent;
  2768.     border: 0px;
  2769.     padding-left: 8px;
  2770.     font-size: 12px;
  2771.     color: #888;
  2772.     width: 60%;
  2773.     margin-left: auto;
  2774.     margin-right: auto
  2775.         ;
  2776. }
  2777.  
  2778. .linkinfo .date {
  2779.     padding: 8px;
  2780.     margin-bottom: -8px;
  2781.     color: #817474;
  2782.     background-color: white;
  2783.     font-size: 12px;
  2784. }
  2785.  
  2786. #header .tabmenu {
  2787.     display: block;
  2788.     position: absolute;
  2789.     top: 132px;
  2790.     margin: 0;
  2791.     right: 0px;
  2792.     left: 0px;
  2793.     padding: 0;
  2794.     height: 44px;
  2795.     background-color: transparent;
  2796.     border-bottom: 0px solid;
  2797.     color: #ccc;
  2798.     list-style-type: none;
  2799.     vertical-align: bottom;
  2800.     text-align: left;
  2801.     padding-left: 55pxpx;
  2802.     white-space: nowrap;
  2803.     font-weight: normal;
  2804.     font-size: 15px;
  2805.     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  2806.     min-width: 450px;
  2807. }
  2808.  
  2809. .titlebox h6 {
  2810.     position: fixed;
  2811.     top: 0px;
  2812.     right: 0px;
  2813.     left: 0px;
  2814.     z-index: 97;
  2815.     height: 35px;
  2816.     background-color: #fff;
  2817.     -webkit-box-shadow: 0 2px 4px 0 #d3d3d3;
  2818.     box-shadow: 0 2px 4px 0 #d3d3d3;
  2819.     color: #737373;
  2820.     padding-left: 55px;
  2821.     font-weight: normal;
  2822.     font-size: 22px;
  2823.     line-height: 35px;
  2824.     margin: 0px 100px;
  2825. }
  2826.  
  2827. .submit-page .tabmenu.formtab a {
  2828.     padding: 5px 55px 0px 55px;
  2829.     width: 100px;
  2830.     background-color: white;
  2831.     border: 0px solid;
  2832.     color: #557CCB;
  2833.     top: 4px;
  2834.     text-align: center;
  2835.     font-weight: normal;
  2836.     font-size: 14px;
  2837. }
  2838.  
  2839. .submit-page .infobar {
  2840.     margin-top: 0px;
  2841.     margin-bottom: 8px;
  2842.     padding: 10px 10px 10px 10px;
  2843.     background-color: white;
  2844.     border: 1px solid #d8d8d8;
  2845.     border-top: 0px;
  2846.     border-bottom-width: 3px;
  2847.     border-radius: 3px;
  2848.     border-top-left-radius: 0px;
  2849.     border-top-right-radius: 0px;
  2850.     color: #3b3b3b;
  2851.     text-align: center;
  2852.     text-indent: -9999px;
  2853.     font-size: 0px;
  2854. }
  2855.  
  2856. .formtabs-content .infobar {
  2857.     margin: 0;
  2858.     padding: 5px;
  2859. }
  2860.  
  2861. .infobar {
  2862.     background-color: #f6e69f;
  2863.     padding: 5px 10px;
  2864.     margin: 5px 305px 5px 0px;
  2865.     border: 1px solid #ffa500;
  2866.     font-size: small;
  2867. }
  2868.  
  2869. div.infobar {
  2870.     display: none;
  2871. }
  2872.  
  2873. .submit-page .content button:hover:before {
  2874.     opacity: 1;
  2875.     top: 40px;
  2876.     color: #463800;
  2877. }
  2878.  
  2879. .submit-page .content button:before {
  2880.     content: "Make sure you read the rules first!";
  2881.     position: relative;
  2882.     top: -10px;
  2883.     opacity: 0;
  2884.     left: 150px;
  2885.     transition: all .4s ease;
  2886.     width: 900px;
  2887.     padding-top: 20px;
  2888.     padding-left: 200px;
  2889.     z-index: -999;
  2890.     text-transform: none;
  2891.     padding: 10px;
  2892.     height: 30px;
  2893.     color: #FFF;
  2894.     border-radius: 4px;
  2895.     background-color: #DAAE00;
  2896. }
  2897.  
  2898. button.RESBigEditorPop {
  2899.     display: none;
  2900. }
  2901.  
  2902. .submit-page .content textarea, .submit-page .content input[type=url], .submit-page .content input[type=text] {
  2903.     width: 488px;
  2904. }
  2905.  
  2906. .submit-page textarea, .roundfield input[type=url], .roundfield input[type=text], .login-form-side input[type=text], .login-form-side input[type=password], .linefield textarea, .linefield input[type="text"], .flairlist .flaircell input[type="text"], .linkinfo .shortlink input, .search-page #search input[type=text] {
  2907.     margin: 0;
  2908.     padding: 5px;
  2909.     border: 1px solid #d9d9d9;
  2910.     border-top: 1px solid #c0c0c0;
  2911.     -webkit-box-shadow: none;
  2912.     box-shadow: none;
  2913.     color: #333;
  2914.     font-size: 100%;
  2915.     font-family: arial,sans-serif;
  2916. }
  2917.  
  2918. .roundfield textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number] {
  2919.     font-size: 100%;
  2920.     width: 492px;
  2921.     padding: 3px;
  2922.     margin: 0;
  2923.     border: 1px solid gray;
  2924. }
  2925.  
  2926. .submit-page .tabmenu.formtab .selected a {
  2927.     background-color: #557CCB;
  2928.     color: #fff;
  2929.     font-size: 18px;
  2930.     position: relative;
  2931.     padding-right: 60px;
  2932.     padding-bottom: 0;
  2933.     padding-left: 60px;
  2934.     padding-top: 5px;
  2935. }
  2936.  
  2937. html {
  2938.     padding: 0px 100px;
  2939. }
  2940.  
  2941. .morelink:hover {
  2942.     background-color: #ffb317;
  2943.     border-top: 2px solid #fdbd3c;
  2944.     border-bottom: 3px solid #e8a215;
  2945.     -webkit-box-shadow: none;
  2946.     box-shadow: none;
  2947. }
  2948.  
  2949. .morelink {
  2950.     position: relative;
  2951.     z-index: 97;
  2952.     width: 305px;
  2953.     transition: all .35s;
  2954.     height: 26px;
  2955.     padding: 4px 0px;
  2956.     background-color: #ff9c1e;
  2957.     background-image: none;
  2958.     border: none;
  2959.     border-top: 2px solid #ffa93c;
  2960.     border-bottom: 3px solid #cc8718;
  2961.     border-radius: 2px;
  2962.     -webkit-box-shadow: 0 1px 0 #E2E0E0;
  2963.     box-shadow: 0 1px 0 #E2E0E0;
  2964.     line-height: 26px;
  2965. }
  2966.  
  2967. .morelink a {
  2968.     color: #fff ;
  2969.     text-shadow: 0px 1px 0px #353535;
  2970.     letter-spacing: 0px;
  2971.     font-weight: bold;
  2972.     font-size: 15px;
  2973.     font-family: arial, sans-serif;
  2974.     cursor: default;
  2975.     line-height: 28px;
  2976. }
  2977.  
  2978. ::selection {
  2979.     background-color: #ff9c1e;
  2980.     color: white;
  2981.     font-weight: bold;
  2982. }
  2983.  
  2984. span.redditSingleClick {
  2985.     display: none;
  2986. }
  2987.  
  2988. #sr-header-area a:hover {
  2989.     color: #7CA9FF;
  2990.     text-decoration: none;
  2991. }
  2992.  
  2993. .tabmenu li.selected a:hover {
  2994.     border-color: #ffd053;
  2995.     transition: .4s;
  2996. }
  2997.  
  2998. .tabmenu li.selected a {
  2999.     z-index: 100;
  3000.     background-color: transparent;
  3001.     border: 0px solid;
  3002.     border-bottom: 2px solid #ff9c1e;
  3003.     color: #262626;
  3004.     font-size: 22px;
  3005.     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  3006.     transition: .4s;
  3007. }
  3008.  
  3009. .tabmenu li a:hover {
  3010.     border-bottom-color: #505050;
  3011.     color: #262626;
  3012.     text-decoration: none;
  3013.     transition: .4s;
  3014. }
  3015.  
  3016. .tabmenu li a {
  3017.     margin: 0px 17px 0px 17px;
  3018.     padding: 8px 0px 8px 0px;
  3019.     background-color: transparent;
  3020.     border: 0px solid;
  3021.     border-bottom: 2px solid transparent;
  3022.     color: #999;
  3023.     font-weight: normal;
  3024.     font-size: 22px;
  3025.     font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  3026.     transition: .4s;
  3027. }
  3028.  
  3029. #header-bottom-right a:hover {
  3030.     border-bottom: 1px solid #ff9c1e;
  3031.     color: #333;
  3032.     text-decoration: none;
  3033. }
  3034.  
  3035. span.userkarma {
  3036.     border-style: none;
  3037. }
  3038.  
  3039. span.user {
  3040.     font-size: 15px;
  3041. }
  3042.  
  3043. .link .entry li .comments {
  3044.     opacity: 100 ;
  3045.     color: #ff9c1e;
  3046.     font-weight: bold;
  3047.     font-size: 13px;
  3048.     transition: .4s;
  3049. }
  3050.  
  3051. .entry .buttons li a:hover {
  3052.     color: #000;
  3053.     transition: .4s;
  3054. }
  3055.  
  3056. .entry .buttons li a {
  3057.     padding: 0 1px;
  3058.     color: #999;
  3059.     font-weight: 400;
  3060.     font-size: 13px;
  3061.     transition: .4s;
  3062. }
  3063.  
  3064. .newComments:hover {
  3065.     color: #000;
  3066.     transition: .4s;
  3067. }
  3068.  
  3069. .newComments {
  3070.     color: #ffae00;
  3071.     transition: .4s;
  3072. }
  3073.  
  3074. a.author {
  3075.     margin-right: 4px;
  3076.     color: #ff9c1e;
  3077.     font-weight: bold;
  3078. }
  3079.  
  3080. a.userTagLink.RESUserTagImage {
  3081.     display: none;
  3082. }
  3083.  
  3084. a.voteWeight {
  3085.     display: none;
  3086. }
  3087.  
  3088. .link .tagline:hover {
  3089.     color: #cfcfcf;
  3090.     transition: .4s;
  3091. }
  3092.  
  3093. .link .tagline {
  3094.     color: #f2f2f2;
  3095.     font-size: 12px;
  3096.     transition: .4s;
  3097. }
  3098.  
  3099. span.res_post_ups {
  3100.     color: #ff9c1e ;
  3101. }
  3102.  
  3103. p.title {
  3104.     color: #ff9c1e;
  3105. }
  3106.  
  3107. .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title {
  3108.     color: #5a5a5a;
  3109. }
  3110.  
  3111. .pagename:before {
  3112.     content: 'reddit';
  3113.     font-size: 38px;
  3114.     position: absolute;
  3115.     bottom: 77px;
  3116.     color: #fff;
  3117.     margin-left: 2px;
  3118.     text-transform: none;
  3119.     font-weight: normal;
  3120.     font-family: HelveticaNeue-Light;
  3121.     font-style: normal;
  3122.     font-variant: normal;
  3123.     text-decoration: none;
  3124. }
  3125.  
  3126. .pagename, .pagename a {
  3127.     font-size: 80px;
  3128.     font-family: Open Sans Condensed;
  3129.     text-transform: lowercase;
  3130.     margin-top: 42px;
  3131.     font-style: normal;
  3132.     color: #ff9c1e;
  3133. }
  3134.  
  3135. #header .pagename a {
  3136.     color: #ff9c1e ;
  3137. }
  3138.  
  3139. span.hover.pagename.redditname a {
  3140.     font-weight: normal;
  3141. }
  3142.  
  3143. .pagename, .pagename a:hover {
  3144.     color: #ffb317;
  3145. }
  3146.  
  3147. .pagename:hover {
  3148.     color: #ffb317;
  3149. }
  3150.  
  3151. #header .pagename a:hover {
  3152.     color: #ffb317;
  3153. }
  3154.  
  3155. a {
  3156.     color: #ff9c1e;
  3157.     transition: .4s;
  3158. }
  3159.  
  3160. .thumbnail.default {
  3161.     background-image: url(http://i.imgur.com/bbn6458.png);
  3162.     background-position: -106px -154px;
  3163.     background-repeat: no-repeat;
  3164. }
  3165.  
  3166. a:hover {
  3167.     text-decoration: underline;
  3168.     transition: .4s;
  3169. }
  3170.  
  3171. #header {
  3172.     height: 167px;
  3173.     background: #2a2b2e url(http://i.imgur.com/hhKS4oa.png) no-repeat;
  3174.     border-bottom: 0px solid;
  3175.     repeat: no-repeat;
  3176. }
  3177.  
  3178. .thumbnail.self:hover {
  3179.     -webkit-transform: rotate(360deg);
  3180.     -moz-transform: rotate(360deg);
  3181.     transform: rotate(360deg);
  3182. }
  3183.  
  3184. .thumbnail.self {
  3185.     background-image: url(http://i.imgur.com/bbn6458.png);
  3186.     background-position: -104px -90px;
  3187.     background-repeat: no-repeat;
  3188.     -webkit-transition: -webkit-transform .6s ease;
  3189.     -moz-transition: -moz-transform 1s ease;
  3190.     transition: transform 1s ease;
  3191. }
  3192.  
  3193. .arrow.up {
  3194.     background-position: -32px 0px;
  3195. }
  3196.  
  3197. /*  --- */
  3198.  
  3199. #header-bottom-left {
  3200.     display: inline-table;
  3201.     height: 113px;
  3202. }
  3203.  
  3204. #header .pagename {
  3205.     display: inline-block;
  3206.     margin: 0;
  3207. }
  3208.  
  3209. #header[role] .tabmenu {
  3210.     margin-left: 0;
  3211. }
  3212.  
  3213. #header .tabmenu > li:first-child {
  3214.     margin-left: 55px;
  3215. }
  3216.  
  3217. #header .tabmenu:before {
  3218.     content: '';
  3219.     background: url(http://i.imgur.com/JJgskqQ.png) 0 -226px;
  3220.     height: 44px;
  3221.     width: 44px;
  3222.     position: absolute;
  3223. }
  3224.  
  3225. #header .tabmenu:hover:before {
  3226.     background-position: -44px -226px;
  3227. }
  3228.  
  3229. #header .pagename, #header-img, #header-img-a {
  3230.     display: table-cell;
  3231.     vertical-align: bottom;
  3232. }
  3233.  
  3234. .pagename a {
  3235.     font-variant: normal;
  3236.     text-transform: uppercase;
  3237.     line-height: 1;
  3238. }
  3239.  
  3240. .pagename {
  3241.     font-family: "Open Sans Condensed";
  3242.     position: relative;
  3243.     line-height: 1;
  3244. }
  3245.  
  3246. #header-img {
  3247.     margin: 0;
  3248. }
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!