API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 23rd, 2014
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 67.79 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Version 2.3
  3. Stylesheet by Cryptonaut
  4. Last modified: 22 October 2014
  5. Details: This is a custom template made by /u/Cryptonaut.
  6. Find out more on /r/Naut.
  7.  
  8. --------------------------------------------------------------------------
  9. [Changelog]
  10. v1.0 - Initial Design - /r/Naut Template
  11. v1.5 - Update 1 - New colours, icons and a whole bunch of fixes.
  12. V1.6 - Update 2 - Adjustments to make Naut come back to the reddit UX.
  13. V1.7 - Update 3 - A whole lot of UI tweaks and fixes.
  14. V2.0 - Update 4 - Naut is now on GitHub, added nightmode and some fixes.
  15. V2.1 - Update 5 - Initial CSS3 update - Added transitions and minor responsive tweaks.
  16. V2.2 - Update 6 - Bugfixes and the return of the suggest-title button.
  17. V2.3 - Update 7 - Bugfixes, including the search button.
  18. -------------------------------------------------------------------------- */
  19.  
  20. body {
  21. background-color: #f1f1f1;
  22. color: #3b3b3b;
  23. font-family: arial, sans-serif;
  24. }
  25.  
  26. /* Custom browser CSS */
  27. :focus {outline: 0px;}
  28.  
  29. ::-webkit-scrollbar {
  30. width: 12px;
  31. height: 12px;
  32. background-color: #f5f5f5;
  33. border-left: 1px solid #d2d2d2;
  34. }
  35.  
  36. ::-webkit-scrollbar-thumb {
  37. background-color: #c3c3c3;
  38. border-top: 1px solid #b6b6b6;
  39. border-bottom: 1px solid #969696;
  40. border-left: 1px solid #b6b6b6;
  41. }
  42.  
  43. ::-webkit-scrollbar-button {
  44. display: none;
  45. width: 0;
  46. height: 0;
  47. }
  48.  
  49. ::-webkit-scrollbar-corner {
  50. background-color: transparent;
  51. color: #555555;
  52. }
  53.  
  54. ::selection {background-color:#5b92fa;color:white;font-weight:bold;}
  55.  
  56. /* Link */
  57. a {
  58. color: #5b92fa;
  59. }
  60.  
  61. a:hover {
  62. text-decoration: underline;
  63. }
  64.  
  65. .error {
  66. color: #ff4444;
  67. font-size: 13px;
  68. font-family: arial, sans-serif;
  69. }
  70.  
  71. .comments-page #noresults:after {
  72. content: "... so go ahead and tell us what you think!";
  73. }
  74.  
  75. /* General Button*/
  76. button, .wiki-page .wiki-page-content .wiki_button {
  77. margin: 3px 3px 3px 3px;
  78. padding: 0px 8px 1px 8px;
  79. background-color: #ffffff;
  80. border: 1px solid #d4d4d4;
  81. border-radius: 2px;
  82. -webkit-box-shadow: 0 1px 0 #e2e0e0;
  83. box-shadow: 0 1px 0 #e2e0e0;
  84. color: #737373 !important;
  85. text-transform: capitalize;
  86. font-weight: bold;
  87. line-height: 27px;
  88. cursor: default;
  89. transition: all 0.2s ease;
  90. }
  91.  
  92. button:hover, .wiki-page .wiki-page-content .wiki_button:hover {
  93. padding-bottom: 0px;
  94. border-color: #bababa;
  95. border-bottom-width: 2px;
  96. color: #333 !important;
  97. }
  98.  
  99. button:active, .wiki-page .wiki-page-content .wiki_button:active {
  100. padding-bottom: 0px;
  101. background-color: #e5e5e5;
  102. border-color: #a7a7a7;
  103. border-top-width: 2px;
  104. border-bottom-width: 1px;
  105. -webkit-box-shadow: none;
  106. box-shadow: none;
  107. color: #333 !important;
  108. line-height: 25px;
  109. }
  110.  
  111.  
  112. /* Header Area */
  113. /* Top Most header */
  114. #sr-header-area {
  115. height: 18px;
  116. background-color: rgba(0,0,0,0.05);
  117. border-bottom: 0px solid;
  118. color: rgba(255,255,255,0.5);
  119.  
  120. }
  121.  
  122. #sr-header-area .sr-list {margin-right: 55px;}
  123.  
  124.  
  125. #sr-header-area:hover {
  126. background-color: rgba(0,0,0,0.35);
  127. }
  128.  
  129. #sr-header-area a {
  130. color: rgba(255,255,255,0.5);
  131. font-family: Verdana, Arial, sans-serif;
  132. }
  133.  
  134. #sr-header-area a:hover {
  135. text-decoration: none;
  136. }
  137.  
  138. #sr-header-area:hover a {color: rgba(255,255,255,1);}
  139.  
  140. #sr-more-link {
  141. position: absolute;
  142. background-color: rgba(0,0,0,0.05);
  143. color: #C4C4C4;
  144. }
  145.  
  146. .dropdown.srdrop .selected {background-image: none;}
  147. .dropdown.srdrop .selected:after {content: "▼";}
  148. .sr-bar .separator, .seperator {color: rgba(255,255,255,0.5);}
  149.  
  150. #sr-header-area .width-clip .dropdown.srdrop .selected.title {
  151. color: rgba(255,255,255,0.5);
  152. font-size: 9px;
  153. font-weight: normal;
  154. font-family: Verdana, Arial, sans-serif;
  155. padding-right: 3px;
  156. }
  157.  
  158. #sr-header-area .width-clip .dropdown.srdrop .selected.title:hover {
  159. color: rgba(255,255,255,1);
  160. }
  161.  
  162. #sr-header-area .drop-choices a.choice {
  163. color: #333 !important;
  164. }
  165.  
  166. #sr-header-area .drop-choices a.choice:hover {
  167. background-color: #5b92fa;
  168. color: #fff !important;
  169. }
  170.  
  171. /* Header Image */
  172. #header {
  173. height: 167px;
  174. background: #2a2b2e url(%%headerimg%%) no-repeat center center;
  175. border-bottom: 0px solid;
  176. overflow: visible !important;
  177. background-size: cover;
  178. }
  179.  
  180. #header:after {
  181. position: absolute;
  182. top: 132px;
  183. left: 0px;
  184. z-index: -1;
  185. width: 100%;
  186. height: 44px;
  187. background: #fff;
  188. border-bottom: 0px solid;
  189. content: " ";
  190. text-indent: -999px;
  191. }
  192.  
  193. #header-img {
  194. position: absolute;
  195. top: 130px;
  196. left: 0px;
  197. z-index: 99;
  198. width: 44px;
  199. height: 44px;
  200. background-image: url(%%spritesheet%%);
  201. background-position: 0px -226px;
  202. background-repeat: no-repeat;
  203. }
  204.  
  205. #header-img:hover {background-position: -44px -226px;}
  206.  
  207. .pagename a {
  208. display: none;
  209. visibility: visible !important;
  210. position: absolute;
  211. left: 45%;
  212. top: 25px !important;
  213. z-index: 99;
  214. /*background-image: url(%%logo%%);*/
  215. background-position: 0px 0px;
  216. background-repeat: no-repeat;
  217. text-indent: 100%;
  218. opacity: .75;
  219. transition: 200ms;
  220. }
  221.  
  222.  
  223. #header-img:hover, .pagename a:hover {
  224. opacity: .95;
  225. }
  226.  
  227.  
  228. .pagename {visibility: hidden;}
  229.  
  230. /* HOT / NEW / ETC */
  231. #header .tabmenu {
  232. display: block;
  233. position: absolute;
  234. top: 132px;
  235. margin: 0px;
  236. right:0px;
  237. left: 0px;
  238. padding: 0px;
  239. height: 44px;
  240. background-color: transparent;
  241. border-bottom: 0px solid;
  242. color: #999;
  243. list-style-type: none;
  244. vertical-align: bottom;
  245. text-align: left;
  246. padding-left: 55px;
  247. white-space: nowrap;
  248. font-weight: normal;
  249. font-size: 15px;
  250. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  251. min-width: 450px;
  252. }
  253.  
  254. .tabmenu li {
  255. display: inline-block;
  256. margin:7px 0px 0px 0px;
  257. }
  258.  
  259. .tabmenu li a {
  260. margin: 0px 17px 0px 17px;
  261. padding: 8px 0px 8px 0px;
  262. background-color: transparent;
  263. border: 0px solid;
  264. border-bottom: 2px solid transparent;
  265. color: #999;
  266. font-weight: normal;
  267. font-size: 22px;
  268. font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  269. }
  270.  
  271. .tabmenu li a:hover {border-bottom-color: #5b92fa;color: #262626;text-decoration: none;}
  272.  
  273. .tabmenu li.selected a {
  274. z-index: 100;
  275. background-color: transparent;
  276. border: 0px solid;
  277. border-bottom: 2px solid #5b92fa;
  278. color: #262626;
  279. font-size: 22px;
  280. font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  281. }
  282. .tabmenu li.selected a:hover {
  283. border-color: #719ff2;
  284. }
  285.  
  286. /* Rising, Controversial, Self-serve advertising, Gilded */
  287. .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"] {
  288. display: none;
  289. }
  290.  
  291.  
  292. /* User bar */
  293. #header-bottom-right {
  294. position: absolute;
  295. top: 141px;
  296. right: 0px;
  297. padding: 8px 15px 7px 15px;
  298. width: auto;
  299. height: 12px;
  300. background-color: #fff;
  301. }
  302. .user {color: #7A7A7A;}
  303. .loggedin .user {color: #7A7A7A;}
  304.  
  305. #header-bottom-right a {
  306. color: #7A7A7A;
  307. font-weight: normal;
  308. font-size: 15px;
  309. }
  310.  
  311. #header-bottom-right a:hover {
  312. border-bottom: 1px solid #5b92fa;
  313. color: #333;
  314. text-decoration: none;
  315. }
  316.  
  317. /* Mail / Modmail icons */
  318. #mail {
  319. top: 0px;
  320. overflow: visible;
  321. width: 16px;
  322. height: 16px;
  323. background-image: url(%%spritesheet%%) !important;
  324. }
  325.  
  326. #mail:hover, #modmail:hover {
  327. border-bottom: 0px solid !important;
  328. }
  329.  
  330. #mail.nohavemail {background-position: -64px 0px;}
  331. #mail.havemail {background-position:-80px 0px;}
  332.  
  333.  
  334. #modmail {
  335. top: -2px;
  336. margin-bottom: -6px;
  337. width: 16px;
  338. height: 16px;
  339. background-image: url(%%spritesheet%%) !important;
  340. }
  341.  
  342.  
  343. #modmail.havemail {background-position:-112px 0px;}
  344. #modmail.nohavemail {background-position:-96px 0px;}
  345.  
  346.  
  347. /* Preferences & Logout Icons */
  348. #header-bottom-right a.pref-lang, .loggedin .logout a{
  349. background-position: -96px -49px;
  350. background-image: url(%%spritesheet%%);
  351. width: 16px;
  352. height: 16px;
  353. display: inline-block;
  354. text-indent: -9999px;
  355. margin: 0px;
  356. position: relative;
  357. top: -2px;
  358. }
  359.  
  360. .loggedin .logout a {background-position: -80px -49px;}
  361.  
  362. .gearIcon {
  363. background-image: url(%%spritesheet%%)!important;
  364. background-position: -80px -65px!important;
  365. height: 16px!important;
  366. width: 17px!important;
  367. }
  368.  
  369.  
  370. /* Opacity Hoves */
  371. #modmail, #mail, .gearIcon, #header-bottom-right a.pref-lang,
  372. .loggedin .logout a {
  373. opacity: 0.75;
  374. }
  375.  
  376. #modmail:hover, #mail:hover, #header-bottom-right a.pref-lang:hover,
  377. .loggedin .logout a:hover, .gearIcon:hover {
  378. opacity: 1;
  379. text-decoration: none !important;
  380. border-bottom: 0px solid !important;
  381. }
  382.  
  383.  
  384. /* Sidebar */
  385. .side {
  386. float: right;
  387. margin: 34px 10px 0px 0px;
  388. border-radius: 2px;
  389. padding-top: 25px;
  390. width: 300px;
  391. text-align: left;
  392. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  393. }
  394.  
  395. .side:after {
  396. display: block;
  397. margin: 10px 0px;
  398. padding: 10px 0px;
  399. color: #5b92fa;
  400. content: "This subreddit uses /r/naut!"; /* Hey! Please don't remove or change this. */
  401. text-transform: none;
  402. font-size: 16px;
  403. font-family: arial, sans-serif;
  404. position: absolute;
  405. width: 300px;
  406. text-align: center;
  407. }
  408.  
  409. /* SUBMIT LINK OR POST */
  410. .morelink {
  411. z-index: 97;
  412. width: 270px;
  413. height: 32px;
  414. background-color: #5B92FA;
  415. background-image: none!important;
  416. border: none;
  417. border-radius: 2px;
  418. margin-left: 15px;
  419. transition: all 0.15s ease;
  420. }
  421.  
  422. .morelink:hover {
  423. background-color: #7BA8FF;
  424. }
  425.  
  426. .morelink:active {
  427. background-color: #3863B6;
  428. }
  429.  
  430. .morelink a {
  431. color: #fff !important;
  432. letter-spacing: 0px;
  433. font-weight: bold;
  434. font-size: 15px;
  435. font-family: arial, sans-serif;
  436. line-height: 32px;
  437. }
  438.  
  439. .morelink a:hover {text-decoration: none;}
  440.  
  441.  
  442. .subscriber .morelink a:after {
  443. position: fixed;
  444. top: 4px;
  445. right: 30px;
  446. z-index: 98;
  447. background-color: #5B92FA;
  448. color: #FFF;
  449. content: "Submit Content";
  450. padding: 0px 12px;
  451. }
  452.  
  453. .disabled .morelink,.disabled .morelink:hover {
  454. background-image: none;
  455. border: 0px solid;
  456. color: white;
  457. font-size: 0px;
  458. background-color: #c8c8c8;
  459. margin-top: 3px;
  460. text-shadow: none;
  461. box-shadow:none;
  462. }
  463.  
  464. .disabled .morelink a {
  465. color: #fff;
  466. letter-spacing: 0px;
  467. font-weight: 600;
  468. font-size: 14px;
  469. font-family: sans-serif;
  470. cursor: default;
  471. text-indent: 0px;
  472. text-shadow: none;
  473. }
  474.  
  475. .account-activity-box, .sidebox.create, .morelink .nub {display: none;}
  476. /* Subreddit name sidebar */
  477. .titlebox h1 a {
  478. position: absolute;
  479. top: 211px;
  480. margin: 0px;
  481. margin-bottom: 5px;
  482. margin-left: 5px;
  483. font-weight: lighter;
  484. color: #707070;
  485. text-transform: capitalize;
  486. font-size: 25px;
  487. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  488. }
  489.  
  490. .titlebox h1 a:hover {color: #5b92fa;text-decoration: none;}
  491.  
  492. .sidebox .subtitle {font-size: 1.6em;}
  493.  
  494. /* Sub / Unsub button */
  495. .fancy-toggle-button .active {
  496. padding: 3px 8px;
  497. background-image: none !important;
  498. outline: none !important;
  499. border: 0px;
  500. border-radius: 2px;
  501. color: #fff !important;
  502. text-transform: capitalize;
  503. font-weight: bold;
  504. font-size: 12px;
  505. font-family: arial, sans-serif!important;
  506. line-height: 26px;
  507. transition: all 0.2s ease;
  508. }
  509.  
  510. /* Sub */
  511. .fancy-toggle-button .add {
  512. background-color: #5b92fa;
  513. }
  514.  
  515. .fancy-toggle-button .add:hover {
  516. background-color: #6599fa;
  517. text-decoration: none;
  518. }
  519.  
  520. .fancy-toggle-button .add:active {
  521. background-color: #3863b6;
  522. }
  523.  
  524. /* Unsub */
  525.  
  526. /* Unsub */
  527. .fancy-toggle-button .remove {
  528. background-color: #fff;
  529. border: 1px solid #d4d4d4;
  530. -webkit-box-shadow: 0 1px 0 #e2e0e0;
  531. box-shadow: 0 1px 0 #e2e0e0;
  532. font-size: 10px;
  533. line-height: 16px;
  534. color: #737373 !important;
  535. cursor: pointer;
  536. transition: all 0.2s ease;
  537. }
  538.  
  539. .fancy-toggle-button .remove:hover {
  540. background-color: #fff;
  541. color: #333;
  542. border-bottom-width: 2px;
  543. border-color: #bababa;
  544. text-decoration: none;
  545. }
  546.  
  547. .fancy-toggle-button .remove:active {
  548. background-color: #e5e5e5;
  549. border-color: #a7a7a7;
  550. border-top-width: 2px;
  551. color: #333;
  552. }
  553.  
  554.  
  555.  
  556. /*Replace readers.. */
  557. div.titlebox span.word {display: none;}
  558. .titlebox .users-online {display: inline;}
  559. .titlebox .users-online:before {display: none;}
  560. .titlebox .users-online .number {font-style: italic;font-size: 12px;}
  561. .titlebox .users-online .number:before {content: "(";}
  562. .titlebox .users-online .number:after {content: " here)";}
  563. .titlelebox .word {display: none;}
  564. .titlebox .users-online, .titlebox .number {cursor: text;}
  565. .titlebox .tagline {font-size: 12px;}
  566.  
  567. /* Subreddit description */
  568. .titlebox {
  569. padding: 0px 15px 15px 15px;
  570. color: #404040;
  571.  
  572. }
  573. .titlebox .md {
  574. font-size: 14px;
  575. line-height: 1.35em;
  576. font-family: arial, sans-serif;
  577. }
  578.  
  579. .titlebox .bottom {
  580. padding-top: 5px;
  581. border-top: 1px solid #e5e5e5;
  582. color: #999;
  583. font-size: 110%;
  584. }
  585.  
  586. /* Download button */
  587. .titlebox h5 {
  588. width: 100%;
  589. height: 30px;
  590. color: #fff;
  591. background-color: #5b92fa;
  592. border-bottom: 2px solid #306cd1;
  593. display: block;
  594. font-size: 18px;
  595. text-align: center;
  596. line-height: 31px;
  597. margin-top: 10px;
  598. margin-bottom: 10px;
  599. }
  600.  
  601. .titlebox h5 a, .titlebox h5 a:hover {
  602. text-decoration: none;
  603. color: #fff;
  604. cursor: pointer;
  605. }
  606.  
  607. .titlebox h5:hover {
  608. background-color: #77a7fb;
  609. border-bottom: 2px solid #5b92fa;
  610. text-decoration: none;
  611. }
  612.  
  613. .titlebox h5:active {
  614. background-color: #306cd1;
  615. border-bottom: 2px solid #306cd1;
  616. }
  617.  
  618. /* Search */
  619. #search {
  620.  
  621. }
  622.  
  623. #search input[type=text] {
  624. margin: 17px 0px 0px 0px;
  625. padding: 5px 0px 5px 17px;
  626. width: 258px;
  627. border: none;
  628. border-top: 1px solid #d5d5d5;
  629. border-bottom: 1px solid #d5d5d5;
  630. border-left: 2px solid #fff;
  631. color: #999;
  632. font-weight: normal;
  633. font-size: 16px;
  634. font-family: arial, sans-serif !important;
  635. }
  636.  
  637. #search input[type=text]:focus {
  638. padding: 5px 0px 5px 17px;
  639. width: 258px;
  640. outline: none !important;
  641. border: none;
  642. border-top: 1px solid #d5d5d5;
  643. border-bottom: 1px solid #d5d5d5;
  644. border-left: 2px solid #4285f4;
  645. color: #000;
  646. }
  647.  
  648. #searchexpando {
  649. margin: 0px 0px 5px 0px;
  650. padding: 5px 5px 0px 15px;
  651. height: 25px;
  652. background-color: #f5f5f5;
  653. border: 0px solid;
  654. border-bottom: 1px solid #DFDFDF;
  655. border-radius: 0px;
  656. color: #3b3b3b;
  657. font-size: 150%;
  658. }
  659.  
  660. #searchexpando label {cursor: pointer;}
  661. .search-page form#search label {font-size: 150%;cursor: pointer;}
  662.  
  663. #search input[type=submit] {
  664. margin-left: 0px;
  665. height: 30px;
  666. margin-top: 16px;
  667. width: 42px;
  668. border: 1px solid #D5D5D5;
  669. border-right: 0px solid;
  670. background: rgba(0,0,0,0);
  671. background-image: url(%%spritesheet%%) !important;
  672. background-position: -130px -1px !important;
  673. transition: all 0.25s ease;
  674. }
  675.  
  676. #search input[type=submit]:hover {
  677. background-color: rgba(0,0,0,0.05) !important;
  678. background-image: url(%%spritesheet%%) !important;
  679. background-position: -130px -1px !important;
  680. background-position: none;
  681. }
  682.  
  683. .search-page #search input[type=submit] {
  684. margin-top: inherit;
  685. border-left: 0px solid;
  686. height: 29px;
  687. border-right: 1px solid #d5d5d5;
  688. }
  689.  
  690. #search_showmore {display: none;}
  691.  
  692. /* Ad Frame */
  693. #ad-frame,#ad_main {text-align: center;}
  694.  
  695. /* Sidebar mod box */
  696. .sidecontentbox {
  697. padding: 0px 5px 0px 15px;
  698. }
  699.  
  700. .sidecontentbox .title {
  701. text-align: left;
  702. }
  703.  
  704. .sidecontentbox .title h1 {
  705. color: #262626;
  706. text-align: left;
  707. text-transform: capitalize;
  708. font-size: 14px;
  709. font-family: arial, sans-serif;
  710. }
  711.  
  712. .sidecontentbox.collapsible .title {
  713. text-align: left;
  714. }
  715.  
  716. .sidecontentbox .collapse-button {
  717. background: transparent;
  718. border: 0px;
  719. border-radius: 0px;
  720. color: #262626;
  721. font-size: 15px;
  722. }
  723.  
  724. .sidecontentbox .content {
  725. padding: 3px 0px 5px 0px;
  726. background-color: transparent;
  727. border: 0px solid;
  728. text-align: left;
  729. }
  730.  
  731. .sidecontentbox .content a {
  732. color: #262626;
  733. text-align: left;
  734. font-family: arial, sans-serif;
  735. }
  736.  
  737. .sidecontentbox .content a:hover {
  738. color: #5b92fa;
  739. text-decoration: underline;
  740. }
  741.  
  742. /* Mod icons */
  743. .icon-menu a {background-color: transparent;}
  744. .icon-menu .reddit-edit:before{background-image:url(%%spritesheet%%);background-position: 0px -33px;}
  745. .icon-menu .moderator-mail:before{margin-top:-1px;height:16px;background-image:url(%%spritesheet%%);background-position: -16px -32px;}
  746. .icon-menu .reddit-moderators:before{background-image:url(%%spritesheet%%);background-position: -32px -33px;}
  747. .icon-menu .reddit-contributors:before{background-image:url(%%spritesheet%%);background-position: -48px -33px;}
  748. .icon-menu .reddit-traffic:before{background-image:url(%%spritesheet%%);background-position: -64px -32px;}
  749. .icon-menu .reddit-modqueue:before{background-image:url(%%spritesheet%%);background-position: -80px -32px;}
  750. .icon-menu .reddit-reported:before{background-image:url(%%spritesheet%%);background-position: -96px -32px;}
  751. .icon-menu .reddit-spam:before{background-image:url(%%spritesheet%%);background-position: -112px -32px;}
  752. .icon-menu .reddit-ban:before{background-image:url(%%spritesheet%%);background-position: -128px -32px;}
  753. .icon-menu .reddit-flair:before{background-image:url(%%spritesheet%%);background-position: -144px -32px;}
  754. .icon-menu .reddit-moderationlog:before{background-image:url(%%spritesheet%%);background-position: -160px -33px;}
  755. .icon-menu a.reddit-unmoderated {display: none;}
  756.  
  757. /* Message the mods */
  758. .sidecontentbox a.helplink {
  759. display: block;
  760. margin-right: 27px;
  761. margin-bottom: 15px;
  762. width: 80%;
  763. background-color: #5b92fa;
  764. background-image: none!important;
  765. border: none;
  766. border-top: 2px solid #5b92fa;
  767. border-bottom: 2px solid #5b92fa;
  768. -webkit-box-shadow: 0 1px 0 #E2E0E0;
  769. box-shadow: 0 1px 0 #E2E0E0;
  770. color: #fff !important;
  771. text-align: center;
  772. text-transform: capitalize;
  773. text-shadow: 0px 1px 0px #5787e1;
  774. letter-spacing: 0px;
  775. font-weight: bold;
  776. font-size: 13px;
  777. font-family: Arial, sans-serif;
  778. line-height: 26px;
  779. cursor: default;
  780. }
  781.  
  782. .sidecontentbox a.helplink:hover {
  783. background-color: #6599fa;
  784. border-top: 2px solid #6599fa;
  785. border-bottom: 2px solid #3863b6;
  786. -webkit-box-shadow: none;
  787. box-shadow: none;
  788. text-decoration: none;
  789. }
  790.  
  791. .sidecontentbox a.helplink:active {
  792. background-color: #3863b6;
  793. border-top: 2px solid #21407a;
  794. border-bottom: 2px solid #3863b6;
  795. -webkit-box-shadow: none;
  796. box-shadow: none;
  797. }
  798.  
  799.  
  800.  
  801. /* Links/Posts Area */
  802. /* Actual Links */
  803. .content {
  804. margin-top: 34px;
  805. margin-left: 10px;
  806. }
  807.  
  808. /* Fixed Scroll Banner */
  809. .titlebox h6 {
  810. position: fixed;
  811. top:0px;
  812. right: 0px;
  813. left: 0px;
  814. z-index: 97;
  815. height: 35px;
  816. background-color: #fff;
  817. -webkit-box-shadow: 0 2px 4px 0 #d3d3d3;
  818. box-shadow: 0 2px 4px 0 #d3d3d3;
  819. color: #737373;
  820. padding-left: 55px;
  821. font-weight: normal;
  822. font-size: 22px;
  823. line-height: 35px;
  824. }
  825.  
  826. .titlebox h6 a {
  827. margin: 0px 17px 0px 17px;
  828. padding: 2px 0px 2px 0px;
  829. border: 0px solid;
  830. color: #999;
  831. font-weight: normal;
  832. font-size: 22px;
  833. font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  834. }
  835.  
  836. .titlebox h6 a:hover {
  837. border-bottom-color: #5b92fa !important;
  838. color: #262626 !important;
  839. text-decoration: none;
  840. }
  841.  
  842. /* reddit icon */
  843. .titlebox h6 a[href*="http://www.reddit.com#top"] {
  844. position: fixed;
  845. left:0px;
  846. top:0px;
  847. height: 35px;
  848. width: 35px;
  849. background-color: #ff0;
  850. background-image: url(%%spritesheet%%);
  851. background-position: 0px -49px;
  852. border-bottom: 0px;
  853. text-indent: -9999px;
  854. padding: 0px;
  855. margin: 0px;
  856. }
  857.  
  858. .titlebox h6 a[href*="http://www.reddit.com#top"]:hover {
  859. background-position: -35px -49px;
  860. border-bottom: 0px solid;
  861. }
  862.  
  863. .new-page .titlebox h6 a[href*="/new"], .top-page .titlebox h6 a[href*="/top"], .hot-page .titlebox h6 a[href*="/hot"] {border-bottom:2px solid #5b92fa; color: #262626;}
  864.  
  865.  
  866. .link {
  867. margin-right: 320px;
  868. margin-bottom: 8px;
  869. padding: 8px 10px 6px 10px;
  870. border-radius: 2px;
  871. }
  872.  
  873. .link, .side, .submit-page .infobar, .roundfield, .submit-page .content button,
  874. .content.submit .info-notice, .stylesheet-customize-container .pretty-form, #images, .search-page .raisedbox,
  875. .search-page .searchfacets, .linefield, .search-page .searchpane, .nextprev {
  876. border: 0px;
  877. border-bottom: 3px solid #e5e5e5 !important;
  878. background-color: #fff;
  879. }
  880.  
  881. /* Stickied Link */
  882. .stickied.link {border-bottom-color: #C4DAC2 !important;}
  883. .thing.stickied a.title, .thing.stickied a {color: #65b354!important;}
  884. .thing.stickied a.thumbnail {background-position: -102px -209px;}
  885.  
  886. /* Promoted Link */
  887. .organic-listing {
  888. margin-right: 320px;
  889. border: 1px solid #D0D6DD;
  890. border-bottom-width: 3px;
  891. border-top-width: 0px;
  892. }
  893.  
  894. .link.promotedlink.promoted {
  895. border-bottom: 0px !important;
  896. margin-right: 0px;
  897. }
  898.  
  899. .link.promotedlink.promoted .thumbnail {max-height:70px !important;}
  900.  
  901. .link .title {
  902. font-weight: bold;
  903. font-family: Arial, sans-serif;
  904. overflow: visible;
  905. }
  906.  
  907. .link .title:hover {color: #5b92fa !important;}
  908. /* Link Titles */
  909. /*Unvisited*/ .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title {color:#5b92fa;}
  910. /*Visited */ .thing .title:visited, .thing.visited .title {color:#7D5D8A;}
  911. /*Clicking */ .thing .title.loggedin.click:visited, .thing .title.click:visited {color:#5b92fa;}
  912.  
  913. /* Upvote and downvotes */
  914. .link .score {margin-bottom: -1px;margin-left: 1px;color:#999;font-family: arial, sans-serif;}
  915.  
  916. .link .score.likes {color: #ee5821;}
  917. .link .score.dislikes {color: #6f85bf;}
  918.  
  919. .arrow {
  920. margin: 2px 0px 0px 0px;
  921. margin-right: auto;
  922. margin-left: auto;
  923. width: 16px;
  924. height: 16px;
  925. background-image: url(%%spritesheet%%) !important;
  926. background-position: center center;
  927. outline: none !important;
  928. border: none !important;
  929. }
  930.  
  931. .arrow.up {background-position: -32px 0px;}
  932. .arrow.upmod {background-position: -48px 0px;}
  933. .arrow.down {background-position: 0px 0px;}
  934. .arrow.downmod {background-position: -16px 0px;}
  935.  
  936.  
  937. /* Expand post */
  938. .expando-button {
  939. margin: -1px 5px 0px 0px !important;
  940. width: 16px !important;
  941. height: 16px !important;
  942. background-color: transparent !important;
  943. background-image: url(%%spritesheet%%) !important;
  944. cursor: pointer;
  945. }
  946.  
  947. /* + */ .content .expando-button.selftext.collapsed {background-position:0 -17px;}
  948. /* + */ .content .expando-button.selftext.collapsed:hover {background-position:-16px -17px;}
  949. /* - */ .content .expando-button.selftext.expanded {background-position:-32px -17px;}
  950. /* - */ .content .expando-button.selftext.expanded:hover {background-position:-48px -17px;}
  951.  
  952. .expando-button.video.collapsed {background-position: -64px -17px;}
  953. .expando-button.video.collapsed:hover, .eb-vch {background-position: -80px -17px;}
  954. .expando-button.video.expanded, .eb-ve {background-position: -64px -17px;}
  955. .expando-button.video.expanded:hover, .eb-veh {background-position: -80px -17px;}
  956.  
  957. .res .expando-button.image.collapsed,.expando-button.image.gallery.collapsedExpando, .expando-button.image.collapsedExpando {background-position: -96px -17px!important;}
  958. .res .expando-button.image.collapsed:hover, .expando-button.image.collapsedExpando:hover, .expando-button.image.gallery.collapsedExpando:hover {background-position: -112px -17px!important;}
  959. .res .expando-button.image.expanded {background-position: -96px -17px!important;}
  960. .res .expando-button.image.expanded:hover {background-position: -112px -17px!important;}
  961.  
  962. /* Selftext expand */
  963. .link .usertext .md {
  964. padding: 0 5px;
  965. background-color: transparent;
  966. border: 0px solid;
  967. border-top: 1px solid #e5e5e5;
  968. border-radius: 0px;
  969. color: #404040;
  970. font-weight: normal;
  971. font-size: 14px;
  972. font-family: arial, sans-serif;
  973. line-height: 1.35em;
  974. }
  975.  
  976. .domain {color: white;}
  977. .domain a {color: #c0c0c0;}
  978. .domain a:hover {color: #5b92fa;text-decoration: none;}
  979.  
  980. .link .tagline {
  981. color: #999;
  982. font-size: 12px;
  983. }
  984.  
  985. .thumbnail {
  986. max-height: 50px;
  987. max-width: 70px;
  988. }
  989.  
  990. .thumbnail.self {
  991. background-image: url(%%spritesheet%%);
  992. background-position: -102px -92px;
  993. background-repeat: no-repeat;
  994. }
  995.  
  996. .thumbnail.default {
  997. background-image: url(%%spritesheet%%);
  998. background-position: -102px -154px;
  999. background-repeat: no-repeat;
  1000. }
  1001.  
  1002. .thumbnail.nsfw {
  1003. width: 80px;
  1004. height: 50px;
  1005. background-image: url(%%spritesheet%%);
  1006. background-position: -22px -150px;
  1007. background-repeat: no-repeat;
  1008. }
  1009.  
  1010. .entry {
  1011. padding-left: 5px;
  1012. }
  1013.  
  1014. .entry .buttons li a {
  1015. padding: 0 1px;
  1016. color: #999;
  1017. font-weight: 400;
  1018. font-size: 13px;
  1019. }
  1020.  
  1021. .entry .buttons li a:hover {
  1022. color: #5b92fa;
  1023. }
  1024.  
  1025.  
  1026. .link .entry li .comments {
  1027. color: #5b92fa;
  1028. font-weight: bold;
  1029. font-size: 13px;
  1030. }
  1031.  
  1032. .nsfw-stamp acronym {;background-color: #e82e63;border-radius:0px;color:#fff;cursor: help;border-color: #e82e63;}
  1033.  
  1034. .entry .buttons a[onclick*="reply"] {
  1035. color: #5b92fa !important;
  1036. font-weight: bold !important;
  1037. font-size: 13px !important;
  1038. }
  1039.  
  1040. .link .flat-list {
  1041. font-weight: normal;
  1042. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1043. }
  1044.  
  1045. .link .midcol {margin-right: 7px;}
  1046. .link .rank {display: none;}
  1047. .link.last-clicked {
  1048. overflow: hidden;
  1049. background-color: #f8f8f8;
  1050. border: 0px solid #d8d8d8;
  1051. border-bottom: 3px solid #e5e5e5;
  1052. }
  1053. /* Mod Report buttons */
  1054. .entry .buttons li.reported-stamp {
  1055. background-color: #f5b400;
  1056. border-radius: 2px;
  1057. border: 1px solid #e2a600 !important;
  1058. color: #fff;
  1059. font-weight: bold;
  1060. background-image: none;
  1061. }
  1062.  
  1063. a.pretty-button.negative {
  1064. border-radius: 2px;
  1065. background-color: #dc4437;
  1066. color: #fff;
  1067. font-weight: bold;
  1068. border: 1px solid #c4362a;
  1069. background-image: none;
  1070. }
  1071.  
  1072. a.pretty-button.neutral {
  1073. border-radius: 2px;
  1074. font-weight: bold;
  1075. color: #fff;
  1076. background-color: #666666;
  1077. border: 1px solid #4d4d4d;
  1078. background-image: none;
  1079. }
  1080.  
  1081. a.pretty-button.positive {
  1082. border-radius: 2px;
  1083. font-weight: bold;
  1084. color: #fff;
  1085. background-color: #109d59;
  1086. border: 1px solid #0a8a4c;
  1087. background-image: none;
  1088. }
  1089.  
  1090. .menuarea {
  1091. margin-right: 320px;
  1092. border: none;
  1093. font-size: 16px;
  1094. }
  1095.  
  1096. .infobar {
  1097. margin-right: 320px;
  1098. background-color: #4B4A4A;
  1099. border: none;
  1100. color: #fff;
  1101. font-size: 14px;
  1102. }
  1103.  
  1104. .infobar a {color: #89B3FF;}
  1105.  
  1106. /* First time visit infobar */
  1107. .infobar.welcome {
  1108. margin-right: 321px;
  1109. color: #333;
  1110. margin-bottom: 8px;
  1111. }
  1112.  
  1113. .nextprev {
  1114. margin-top: 8px;
  1115. margin-right: 320px;
  1116. height: 35px;
  1117. color: #737373;
  1118. text-align:center;
  1119. font-size: 16px;
  1120. line-height: 35px;
  1121. padding: 10px;
  1122. }
  1123.  
  1124. .nextprev a {
  1125. background-color: transparent;
  1126. border: none;
  1127. color: #5b92fa;
  1128. }
  1129.  
  1130. .nextprev a:hover {
  1131. background-color: transparent;
  1132. border: none;
  1133. }
  1134.  
  1135.  
  1136. /* Submit Page */
  1137. form#newlink.submit.content {
  1138. margin-top: 40px;
  1139. }
  1140.  
  1141.  
  1142. .submit-page .infobar {
  1143. margin-top: 0px;
  1144. margin-bottom: 8px;
  1145. padding: 10px 10px 10px 10px;
  1146. color: #3b3b3b;
  1147. text-align: center;
  1148. text-indent: -9999px;
  1149. font-size: 0px;
  1150. }
  1151.  
  1152. .formtabs-content .infobar:before {
  1153. display: block;
  1154. text-indent: 0px;
  1155. font-size: 16px;
  1156. }
  1157.  
  1158. .submit-page .tabmenu li a {margin:0px;}
  1159. .submit-page ul.tabmenu.formtab {padding-left: 0px;width: 500px;text-align:center; }
  1160. .formtabs-content {padding-top: 0px;border-top: 4px solid #5b92fa;}
  1161.  
  1162. .submit-page .tabmenu.formtab a {
  1163. padding: 5px 55px 0px 55px;
  1164. width: 100px;
  1165. background-color: white;
  1166. border: 0px solid;
  1167. color: #5b92fa;
  1168. text-align: center;
  1169. font-weight:normal;
  1170. font-size: 14px;
  1171.  
  1172. }
  1173.  
  1174. .submit-page .tabmenu li a:hover {color: #333;}
  1175.  
  1176. .submit-page .tabmenu.formtab .selected a {
  1177. padding: 5px 60px 0px 60px;
  1178. background-color: #5b92fa;
  1179. color: #fff;
  1180. font-size: 18px;
  1181. }
  1182.  
  1183. .roundfield {
  1184. padding: 10px 10px 10px 10px;
  1185. color: #707070;
  1186. }
  1187.  
  1188. .submit-page textarea, .roundfield input[type=url], .roundfield input[type=text], .login-form-side input[type=text], .login-form-side input[type=password],
  1189. .linefield textarea, .linefield input[type="text"], .flairlist .flaircell input[type="text"], .linkinfo .shortlink input, .search-page #search input[type=text] {
  1190. margin: 0;
  1191. padding: 5px;
  1192. border: 1px solid #d9d9d9;
  1193. border-top: 1px solid #c0c0c0;
  1194. -webkit-box-shadow: none;
  1195. box-shadow: none;
  1196. color: #333;
  1197. font-size: 100%;
  1198. font-family: arial, sans-serif;
  1199. }
  1200.  
  1201. .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,
  1202. .linefield textarea:hover, .linefield input[type="text"]:hover, .flairlist .flaircell input[type="text"]:hover, .linkinfo .shortlink input:hover, .search-page #search input[type=text] {border: 1px solid #bebebe;}
  1203.  
  1204. .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,
  1205. .linefield textarea:focus, .linefield input[type="text"]:focus, .flairlist .flaircell input[type="text"]:focus, .linkinfo .shortlink input:focus, .search-page #search input[type=text] {border: 1px solid #4d90fe;color: #000;}
  1206.  
  1207. .linefield .usertext-edit textarea {height: 500px;}
  1208.  
  1209. .submit-page .content textarea, .submit-page .content input[type=url], .submit-page .content input[type=text] {width: 488px;}
  1210.  
  1211. .submit-page .content button {
  1212. margin-bottom: 30px;
  1213. margin-left: 0px;
  1214. padding: 10px 10px 10px 10px;
  1215. width: 522px;
  1216. color: #707070 !important;
  1217. text-align: center;
  1218. cursor: pointer;
  1219. border: 0px;
  1220. border-bottom: 3px solid #E5E5E5;
  1221. }
  1222.  
  1223. .submit-page button:hover {
  1224. background-color: #5b92fa;
  1225. color: white !important;
  1226. border-bottom: 4px solid #477ADB;
  1227. }
  1228.  
  1229. .submit-page button:active {
  1230. background-color: #315fb2;
  1231. border-bottom-color: #315fb2 !important;
  1232. }
  1233.  
  1234. .submit-page h1 {display: none;}
  1235. .submit-page .side h1 {display: inherit;}
  1236.  
  1237. .content.submit .info-notice {
  1238. margin: 0px 0px 4px 0px;
  1239. padding: 20px 10px 20px 10px;
  1240. color: #707070;
  1241. text-align: center;
  1242. border: 0px;
  1243. border-bottom: 3px solid #E5E5E5;
  1244. }
  1245.  
  1246. .content.submit .info-notice a {
  1247. text-decoration: none;
  1248. font-size: 120%;
  1249. }
  1250.  
  1251. .content.submit .info-notice a:hover {text-decoration: underline;}
  1252. .thing.spam {border-color: #F3B9B9; background-color: #fff;margin-right: 320px;}
  1253. #file {margin: 10px;}
  1254. .submit-page .gray, #suggested-reddits {display: none;}
  1255. .submit-page form .spacer+.spacer {margin: 8px 0px;}
  1256.  
  1257.  
  1258. /* Suggest Title Button */
  1259. #url-field button {
  1260. margin: 10px 0 0 5px;
  1261. height: 31px;
  1262. width: 32px;
  1263. position: relative;
  1264. top: -42px;
  1265. left: -1px;
  1266. border-radius: 0px;
  1267. background-color: #F4F4F4;
  1268. border-bottom: 0px solid !important;
  1269. box-shadow: none;
  1270. border-left: 1px solid #D8D8D8;
  1271. font-size: 0px;
  1272. background-image: url(%%spritesheet%%);
  1273. background-position: -112px -49px;
  1274. }
  1275.  
  1276. #url-field #suggest-title {height: 0px;}
  1277. #url-field button:hover {background-color: #DEDEDE;}
  1278.  
  1279. #url-field button:before {
  1280. font-size: 12px;
  1281. content: "Automatically generate a title.";
  1282. background-color: rgba(0, 0, 0, 0.0);
  1283. position: absolute;
  1284. width: 175px;
  1285. cursor: default;
  1286. padding: 0.25em 3em;
  1287. top: -60px;
  1288. left: -100px;
  1289. border-radius: 100px;
  1290. text-transform: none;
  1291. color: #FFF;
  1292. transition: all 0.2s ease;
  1293. line-height: 2em;
  1294. visibility: hidden;
  1295. opacity: 0;
  1296. }
  1297.  
  1298. #url-field .error.NO_URL.field-url {
  1299. position: absolute;
  1300. left: 550px;
  1301. margin-top: -20px;
  1302. }
  1303.  
  1304. #url-field button:hover:before {
  1305. top: -40px;
  1306. opacity: 100;
  1307. visibility: visible;
  1308. background-color: rgba(0, 0, 0, 0.7);
  1309. }
  1310.  
  1311. /* Flair Selector */
  1312. .flairselector.drop-choices.active {
  1313. visibility: visible !important;
  1314. background-color: #fff;
  1315. border: 1px solid #d8d8d8;
  1316. border-radius: 2px;
  1317. }
  1318. .flairselector h2 {
  1319. padding: 5px 5px 5px 5px;
  1320. background-color: #fff;
  1321. border-bottom: 1px solid #e5e5e5;
  1322. color: #333;
  1323. text-transform: capitalize;
  1324. font-size: 130%;
  1325. }
  1326.  
  1327. .flairoptionpane {
  1328. text-align: left;
  1329. }
  1330.  
  1331. .flairoptionpane ul {visibility: visible !important;}
  1332. .flairoptionpane ul a.title {font-size: 100% !important;}
  1333.  
  1334. .flairselector li {
  1335. padding: 3px 0px 3px 0px;
  1336. width: 182px;
  1337. }
  1338.  
  1339. .flairselector li:hover {
  1340. background-color: #efefef;
  1341.  
  1342. }
  1343.  
  1344. .flairselector form {border-top: 1px solid #e5e5e5;}
  1345. .flairsample-left {text-align: left !important;}
  1346. .flairselector ul {overflow: visible;}
  1347. .flairselector li.selected {background-color: #e5ebf8;border:none;}
  1348.  
  1349. /* Flairs */
  1350.  
  1351. /* LINKFLAIRS */
  1352. .linkflairlabel {
  1353. padding: 0px 6px 1px 10px;
  1354. height: auto;
  1355. border-radius: 0px;
  1356. border-top-left-radius: 16px;
  1357. border-bottom-left-radius: 16px;
  1358. border: 0px solid;
  1359. color: #333;
  1360. font-weight: bold;
  1361. font-style: normal;
  1362. font-variant: normal;
  1363. font-size: 13px;
  1364. font-family: Tahoma, Arial, sans-serif;
  1365. cursor: default;
  1366. vertical-align: middle;
  1367. position: relative;
  1368. top: -1px;
  1369.  
  1370. }
  1371.  
  1372. .linkflair-mod .linkflairlabel {
  1373. background-color: #5fb04d;
  1374. color: #fff;
  1375. }
  1376.  
  1377. .linkflair-mod a {color: #4c8d3e !important;}
  1378.  
  1379. .linkflair-mod .thumbnail.default, .linkflair-mod .thumbnail.self {
  1380. background-image: url(%%spritesheet%%)!important;
  1381. background-position: -22px -90px!important;
  1382. background-repeat: no-repeat;
  1383. }
  1384.  
  1385. .linkflair-image .linkflairlabel {
  1386. background-color: #F86154;
  1387. color: #fff;
  1388. }
  1389.  
  1390. .linkflair-gif .linkflairlabel {
  1391. background-color: #f5b400;
  1392. color: #fff;
  1393. }
  1394.  
  1395. .linkflair-extra .linkflairlabel {
  1396. background-color: #5b92fa;
  1397. color: #fff;
  1398. }
  1399.  
  1400. /* USER FLAIRS */
  1401. .flair {
  1402. height: auto;
  1403. background-color: transparent;
  1404. border: none;
  1405. color: #555;
  1406. font-size: small !important;
  1407. font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  1408. border: 1px solid #DADADA;
  1409. padding: 0px 3px 2px 3px;
  1410. cursor: help;
  1411. }
  1412.  
  1413.  
  1414. /* Flair-page */
  1415. div.tabpane-content {
  1416. padding: 4px 4px 4px 4px;
  1417. border: 0px solid #e5e5e5;
  1418. border-bottom-width: 3px;
  1419. background-color: #fff;
  1420. width: 1080px;
  1421. margin-top: 7px;
  1422. }
  1423.  
  1424. .linefield {
  1425. margin-bottom: 5px;
  1426. padding: 10px 10px 10px 10px;
  1427. width: 45%;
  1428. color: #707070;
  1429. margin-bottom: 15px;
  1430. }
  1431.  
  1432. .linefield .title {
  1433. padding: 1px 10px;
  1434. color: #5b92fa;
  1435. }
  1436.  
  1437. .linefield .title+.gray {font-size: small;}
  1438.  
  1439. /*
  1440. .flairtemplatelist flairlist pretty-form {
  1441. margin-top: 2px;
  1442. margin-right: 320px;
  1443. padding: 5px 5px 8px 3px;
  1444. color: #707070;
  1445. text-transform: capitalize;
  1446. width: 100%;
  1447. margin-bottom: 8px;
  1448. }
  1449.  
  1450. .flairrow:nth-of-type(1) {
  1451. width: 700px;
  1452. line-height: 2;
  1453. }
  1454.  
  1455. .flairrow .tagline {
  1456. margin-right: 0px;
  1457. margin-left: 0px;
  1458. width: 150px;
  1459. font-size: 100%;
  1460. }
  1461. */
  1462. .flairtemplate .flairrow {
  1463. margin-top: 2px;
  1464. margin-right: 320px;
  1465. padding: 5px 5px 8px 3px;
  1466. color: #707070;
  1467. text-transform: capitalize;
  1468. width: 100%;
  1469. margin-bottom: 8px;
  1470. }
  1471.  
  1472. .tabmenu li#tab-grant.selected, .tabmenu li#tab-templates.selected,
  1473. .tabmenu li#tab-link_templates.selected {margin: 7px 0px 4px 0px;}
  1474.  
  1475. .tabmenu li#tab-grant.selected a, .tabmenu li#tab-grant a:hover,
  1476. .tabmenu li#tab-templates.selected a, .tabmenu li#tab-templates a:hover,
  1477. .tabmenu li#tab-link_templates.selected a, .tabmenu li#tab-link_templates a:hover {color: #333;}
  1478. /* WIKI Page */
  1479. .wiki-page .wiki-page-content {
  1480. margin: 5px 320px 10px 0px;
  1481. padding: 5px 10px 5px 10px;
  1482. background-color: #fff;
  1483. border: 1px solid #d8d8d8;
  1484. }
  1485.  
  1486. .wiki-page .tabmenu li:nth-of-type(3),
  1487. .wiki-page .tabmenu li:nth-of-type(4),
  1488. .wiki-page .tabmenu li a[href*="/promoted"],
  1489. .wiki-page .tabmenu li a[href*="/gilded"]
  1490. {display:none;}
  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 {font-size: 1.45em;}
  1500. .wiki-page .wiki-page-content .md.wiki h3 {font-size: 1.4em;}
  1501. .wiki-page .wiki-page-content .md.wiki h4 {font-size: 1.35em;}
  1502.  
  1503. .wiki-page .wiki-page-content .md.wiki p, .wiki-page .wiki-page-content .md.wiki .md.wiki blockquote {
  1504. color: #404040;
  1505. font-weight: normal;
  1506. font-size: 14px;
  1507. font-family: Arial, sans-serif;
  1508. line-height: 1.5em;
  1509. }
  1510.  
  1511. .wiki-page .pageactions {
  1512. border: none;
  1513. border-radius: 0px;
  1514. }
  1515.  
  1516. .wiki-page .pageactions .wikiaction {
  1517. text-transform: capitalize;
  1518. font-size: 110%;
  1519. }
  1520.  
  1521. .wiki-page .pageactions .wikiaction:hover {
  1522. background-color: transparent;
  1523. }
  1524.  
  1525. .wiki-page .pageactions .wikiaction-current {
  1526. background-color: #5b92fa;
  1527. border-radius: 0px;
  1528. color: #fff;
  1529. }
  1530.  
  1531. .wiki-page .pageactions .wikiaction-current:hover {
  1532. background-color: #528bf3;
  1533. text-decoration: none;
  1534. }
  1535.  
  1536. .wiki-page .wiki-page-content .md.wiki>.toc>ul {
  1537. padding: 10px 10px;
  1538. border: 1px solid #e5e5e5;
  1539. font-weight: normal;
  1540. font-size: 110%;
  1541. }
  1542.  
  1543. .wiki-page .wiki-page-content .discussionlink {
  1544. display: inline-block;
  1545. position: relative;
  1546. top: inherit;
  1547. right: inherit;
  1548. left: inherit;
  1549. padding: inherit;
  1550. width: 175px;
  1551. }
  1552.  
  1553. .wiki-page .wiki-page-content .discussionlink a {
  1554. padding-left: 0px;
  1555. }
  1556.  
  1557. .wiki-page .nextprev {display: none;}
  1558. .wiki-page-content em, .wiki-page-content form#editform label {font-size: 120%;}
  1559.  
  1560.  
  1561. /*Stylesheet fix */
  1562. .pretty-form {
  1563. margin-right: 320px;
  1564. margin-bottom: 10px;
  1565. padding: 10px 10px 10px 10px;
  1566. color: #707070;
  1567. }
  1568.  
  1569. .pretty-form textarea {-webkit-box-shadow: none;box-shadow: none;}
  1570.  
  1571. /* Let me help you read the manual */
  1572. .pretty-form:after {
  1573. color: #666;
  1574. display: block;
  1575. font-size: 0.8rem;
  1576. content: "";
  1577. margin: 1em 0 0 0;
  1578. position: absolute;
  1579. top: 119px;
  1580. z-index: 99;
  1581. line-height: 47px;
  1582. left: 139px;
  1583. padding: 0 1em;
  1584. height: 44px;
  1585. }
  1586.  
  1587. .stylesheet-customize-container textarea {
  1588. margin: 0;
  1589. padding: 0px;
  1590. border: 0px;
  1591. border: 1px solid #d8d8d8;
  1592. border-bottom: 1px solid #d8d8d8;
  1593. border-radius: 3px;
  1594. color: #707070;
  1595. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1596. }
  1597.  
  1598. .sheets .col textarea {width: 100%;background-color: #fff;}
  1599. .sheets .col textarea:hover {border-color: #B1B1B1;}
  1600. .sheets .col textarea:focus {border-color: #5b92fa;}
  1601. .sheets {margin-right: 0px;}
  1602.  
  1603. #images {
  1604. margin-right: 320px;
  1605. margin-bottom: 30px;
  1606. padding: 10px 10px 10px 10px;
  1607. height: 1280px;
  1608. color: #707070;
  1609. }
  1610.  
  1611. ul#image-preview-list {
  1612. margin: 15px 0px 0px 0px;
  1613. padding-bottom: 80px;
  1614. font-size: 14px;
  1615. }
  1616.  
  1617. /* COMMENT SECTION */
  1618. .linkinfo {
  1619. margin-top: -10px;
  1620. padding-left: 10px;
  1621. background-color: transparent;
  1622. border: none;
  1623. border-bottom: 1px solid #d5d5d5;
  1624. color: #404040;
  1625.  
  1626. }
  1627.  
  1628.  
  1629. .commentarea {
  1630. margin-top: 10px;
  1631. margin-right: 320px;
  1632. margin-bottom: 30px;
  1633. padding: 10px 10px 10px 10px;
  1634. background-color: #FCFCFC;
  1635. border-bottom: 3px solid #e5e5e5;
  1636. color: #3b3b3b;
  1637. }
  1638.  
  1639. .commentarea>.usertext {
  1640. overflow:visible;
  1641. margin: 0px 0px 10px 0px;
  1642. padding: 0px 0px 0px 0px;
  1643. }
  1644.  
  1645. a.author {
  1646. margin-right:4px;
  1647. color: #5b92fa;
  1648. }
  1649.  
  1650. .comments-page .tagline {
  1651. color: #999;
  1652. font-size: small;
  1653. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1654. }
  1655.  
  1656. .comments-page .tagline a {
  1657. margin-top: 1px;
  1658. background-color: transparent;
  1659. color: #5b92fa;
  1660. letter-spacing: 1px;
  1661. font-weight: bold;
  1662. font-size: 12px;
  1663. }
  1664.  
  1665. .tagline a:hover {
  1666. text-decoration: underline;
  1667. }
  1668.  
  1669. .tagline .submitter {color: #dd4b39!important;}
  1670. .tagline .moderator,.green {color: #53a93f!important;}
  1671. .tagline .moderator:after {content: "oderator - speaking officially.";}
  1672. a.author.moderator:after {content: "";}
  1673. .tagline .moderator:hover {color: #65b354!important;}
  1674.  
  1675. .comment .midcol {margin-top: 6px;width: 15px !important;}
  1676. .comment .score {font-size: small;}
  1677.  
  1678. /* Comments */
  1679. .commentarea .menuarea {
  1680. display: inline;
  1681. margin: 0 0px 10px -320px;
  1682. padding: 0;
  1683. color: #c0c0c0;
  1684. font-weight: normal;
  1685. font-size: 110%;
  1686. }
  1687.  
  1688. .panestack-title {
  1689. display: inline;
  1690. border-bottom: 1px solid #e5e5e5;
  1691. color: #c0c0c0;
  1692. }
  1693.  
  1694. /*.commentarea .menuarea .toggle a, .panestack-title .title, .help-hoverable {display: none;}*/
  1695. .panestack-title .title {display: none;}
  1696. .menuarea .spacer {margin-right: -15px;}
  1697. .commentarea .menuarea .toggle a {font-size: 11px;color:#c0c0c0;font-weight: normal; }
  1698. .menuarea .spacer .drop-choices.lightdrop {
  1699. padding: 5px;
  1700. border-color: #DFDDDD;
  1701. box-shadow: 0px 1px 1px #C9C9C9;
  1702. font-family: arial, sans-serif;
  1703. }
  1704.  
  1705. .titlebox form.toggle, .leavemoderator {background-color: transparent;}
  1706.  
  1707. .menuarea .spacer .drop-choices.lightdrop a.choice, .commentarea .menuarea form {
  1708. padding: 0.5px;
  1709. font-size: 14px;
  1710. color: #5b92fa;
  1711. }
  1712.  
  1713. .menuarea .spacer .drop-choices.lightdrop a.choice:hover, .commentarea .menuarea form:hover {
  1714. background-color: #5b92fa;
  1715. color: #fff;
  1716. text-decoration: none;
  1717. }
  1718.  
  1719.  
  1720. .menuarea .dropdown.lightdrop .selected {
  1721. background-image: none;
  1722. color: #3b3b3b;
  1723. text-decoration: none;
  1724. opacity: 10;
  1725. cursor: pointer;
  1726. }
  1727.  
  1728. .menuarea .dropdown.lightdrop .selected:hover {color: #5b92fa;}
  1729. .menuarea .dropdown.lightdrop .selected:after {
  1730. content: " ≡";
  1731. vertical-align: middle;
  1732. opacity: 0.5;
  1733. }
  1734.  
  1735. .comments-page .comment .md {
  1736. color: #161616;
  1737. font-weight: normal;
  1738. font-size: 14px;
  1739. font-family: Arial, sans-serif;
  1740. line-height: 1.35em;
  1741. }
  1742.  
  1743. hr {
  1744. border-width: 1px;
  1745. border-style: solid;
  1746. border-color: #e5e5e5;
  1747. }
  1748.  
  1749. .comments-page textarea {
  1750. background-color: #fff;
  1751. border: 1px solid #cccccc;
  1752. color: #999;
  1753. font-size: 13px;
  1754. font-family: arial, sans-serif;
  1755. }
  1756.  
  1757. .comments-page textarea:hover {border-color: #bebebe;}
  1758. .comments-page textarea:focus {border:1px solid #4d90fe;color: #000;}
  1759.  
  1760. .usertext .help-toggle, .usertext a.reddiquette {font-size: 100%;}
  1761. .usertext a.reddiquette {color:#DD4B39;}
  1762.  
  1763. .comments-page .usertext.border .usertext-body {
  1764. padding-left: 5px;
  1765. background-color: #f0f0f0;
  1766. }
  1767.  
  1768.  
  1769. .comment .expand {
  1770. background-color: transparent;
  1771. color: #999 !important;
  1772. }
  1773.  
  1774. .comment .expand:hover {
  1775. background-color: transparent;
  1776. color: #999 !important;
  1777. text-decoration: underline;
  1778. }
  1779.  
  1780. .comment .child,.comment .showreplies {
  1781. margin-top: 10px;
  1782. margin-left: 15px;
  1783. border-left: 0px solid;
  1784. }
  1785.  
  1786. /* H2 3 4 5 markup */
  1787. .link .usertext .md h2, .comments-page .comment .md h2,
  1788. .link .usertext .md h3, .comments-page .comment .md h3,
  1789. .link .usertext .md h4, .comments-page .comment .md h4,
  1790. .link .usertext .md h5, .comments-page .comment .md h5 {
  1791. display: inline;
  1792. margin-top: 5px;
  1793. border: none;
  1794. font-weight: normal;
  1795. font-size: 18px;
  1796. font-family: arial, sans-serif;
  1797. }
  1798.  
  1799. .link .usertext .md h2, .comments-page .comment .md h2 {color: #d73d32;}
  1800. .link .usertext .md h3, .comments-page .comment .md h3 {color: #5b92fa;}
  1801. .link .usertext .md h4, .comments-page .comment .md h4 {color: #53a93f;}
  1802. .link .usertext .md h5, .comments-page .comment .md h5 {color: #f4b400;}
  1803.  
  1804. /* Footer */
  1805. .footer-parent {
  1806. margin-top: 120px;
  1807. padding-top: 0px;
  1808. background-color: transparent;
  1809. }
  1810.  
  1811. .footer {
  1812. border: none;
  1813. color: #969696;
  1814. font-family: arial, sans-serif;
  1815. }
  1816.  
  1817. .footer a {
  1818. color: #969696;
  1819. font-weight: normal;
  1820. font-size: 14px;
  1821. }
  1822.  
  1823. .footer a:hover {
  1824. color: #5b92fa;
  1825. text-decoration: underline;
  1826. }
  1827.  
  1828. .footer .col {border-left: 1px solid #D5D5D5;}
  1829. .debuginfo {background-color: transparent;color: #969696;}
  1830.  
  1831. /* Some login stuff */
  1832. .login-form-side {
  1833. border: 0px;
  1834. border-bottom: 1px solid #d8d8d8;
  1835. font-size: 120%;
  1836. margin: 10px;
  1837. }
  1838.  
  1839. .login-form-side input[type=text], .login-form-side input[type=password] {
  1840. margin: 10px 0px;
  1841. width: 265px;
  1842. }
  1843.  
  1844. .popup {
  1845. position: fixed;
  1846. left: 10%;
  1847. margin-bottom: 30px;
  1848. padding: 10px 10px 10px 10px;
  1849. background-color: white;
  1850. border: 0px solid;
  1851. border-radius: 2px;
  1852. color: #3b3b3b;
  1853. font-size: 16px;
  1854. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  1855. }
  1856.  
  1857. .cover {
  1858. position: fixed;
  1859. top: 0px;
  1860. left: 0px;
  1861. z-index: 1000;
  1862. width: 100%;
  1863. height: 100%;
  1864. background-color: white;
  1865. opacity: .6;
  1866. }
  1867.  
  1868. /* Search page */
  1869. .search-page #search {
  1870. position: relative;
  1871. top: 0px;
  1872. margin: 0px 150px 0px 80px;
  1873. height: 50px;
  1874. background: none !important;
  1875. background-color: transparent;
  1876. text-align: left;
  1877. }
  1878.  
  1879. .search-page .searchpane {
  1880. margin: 5px 320px 5px 0px;
  1881. padding-left: 96px;
  1882. height: 120px;
  1883. }
  1884.  
  1885. .search-page .raisedbox {
  1886. padding: 5px;
  1887. border: 0px solid;
  1888. }
  1889.  
  1890. .search-page #search input[type=text] {
  1891. padding: 5px 0px 5px 40px;
  1892. font-size: 150%;
  1893. }
  1894.  
  1895.  
  1896. .searchfacets {
  1897. margin-top: 10px;
  1898. margin-right: 320px;
  1899. padding: 10px;
  1900. box-shadow:none;
  1901. color: #3b3b3b;
  1902. border: 0px solid;
  1903. border-bottom: 3px solid #E5E5E5;
  1904. }
  1905.  
  1906. .search-page #header .tabmenu {display: none !important;}
  1907. .search-page .side {padding-top: 40px;}
  1908.  
  1909. .search-summary {margin-right: 40px;}
  1910.  
  1911. /* Fuckin' Reddit Enhancement Suite (RES) */
  1912. .res .keyHighlight {
  1913. background-color: transparent;
  1914. outline: 0px solid;
  1915. }
  1916.  
  1917. .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  1918. background-color: transparent !important;
  1919. }
  1920.  
  1921. .res .RES-keyNav-activeElement {outline: 1px dashed #C5C5C5 !important; border-radius: 0px !important;}
  1922.  
  1923. .res #searchexpando {
  1924. padding: 10px 5px 10px 25px;
  1925. height: inherit;
  1926. }
  1927.  
  1928. .res .content .RESBigEditorPop {
  1929. border-bottom: 0px solid !important;
  1930. border: 1px solid #d8d8d8 !important;
  1931. width: 150px !important;
  1932. text-align: left !important;
  1933. padding: 2px;
  1934. margin: 0px 12px 0px 12px;
  1935. }
  1936.  
  1937. /* Res Live Preview */
  1938. .RESDialogSmall {
  1939. border: 1px solid #DFDFDF!important;
  1940. border-radius: 0px!important;
  1941. }
  1942.  
  1943. .RESDialogSmall > h3 {
  1944. background-color: #f4f4f4!important;
  1945. border-bottom: 1px solid #DFDFDF!important;
  1946. border-radius: 0px!important;
  1947. color: #333!important;
  1948. }
  1949.  
  1950. .res .comment {
  1951. margin-top:0px !important;
  1952. margin-bottom: 3px !important;
  1953. border: 1px solid #f8f8f8 !important;
  1954. }
  1955.  
  1956. /* comment comment comment comment comment god damn it */
  1957. .comments-page .comment {background-color: #FCFCFC !important;}
  1958. .comments-page .comment .comment {background-color: #FCFCFC !important;}
  1959. .comments-page .comment .comment .comment {background-color: #FCFCFC !important;}
  1960. .comments-page .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1961. .comments-page .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1962. .comments-page .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1963. .comments-page .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1964. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1965. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1966. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;}
  1967.  
  1968. .RESshortcutside {
  1969. padding: 0px 0px !important;
  1970. background: none repeat-x scroll center left !important;
  1971. background-color: white !important;
  1972. background-image: none !important;
  1973. border: 0px solid !important;
  1974. border-radius: 0px !important;
  1975. color: #5b92fa !important;
  1976. text-transform: capitalize !important;
  1977. font-weight: 500 !important;
  1978. font-size: 14px !important;
  1979. line-height: 20px !important;
  1980. }
  1981.  
  1982. .RESshortcutside.remove {
  1983. padding: 0px 3px 0px 0px !important;
  1984. background-color: white !important;
  1985. background-image: none !important;
  1986. border: 0px solid !important;
  1987. color: #3b3b3b !important;
  1988. font-weight: lighter !important;
  1989. }
  1990.  
  1991. .RESDashboardToggle {
  1992. padding: 0px 0px !important;
  1993. background: none repeat-x scroll center left !important;
  1994. background-color: white !important;
  1995. background-image: none !important;
  1996. border: 0px solid !important;
  1997. border-radius: 0px !important;
  1998. color: #5b92fa !important;
  1999. text-transform: capitalize !important;
  2000. font-weight: 500 !important;
  2001. font-size: 14px !important;
  2002. line-height: 20px !important;
  2003. }
  2004.  
  2005. .RESDashboardToggle.remove {
  2006. padding: 2px 6px 2px 0px !important;
  2007. background-color: white !important;
  2008. background-image: none !important;
  2009. border: 0px solid !important;
  2010. color: #3b3b3b !important;
  2011. font-weight: lighter !important;
  2012. }
  2013.  
  2014. #RESShortcutsEditContainer {
  2015. top: 1px !important;
  2016. background-color: #2d2d2d !important;
  2017. }
  2018.  
  2019. #RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash {
  2020. background-color: #2d2d2d !important;
  2021. color: #979797 !important;
  2022. }
  2023.  
  2024. #srLeftContainer, #RESShortcutsViewport, #RESShortcutsEditContainer {
  2025. border-left: 1px solid #666;
  2026. padding-left: 10px;
  2027. }
  2028.  
  2029. .res #RESShortcutsSort {width: 30px !important;background-color: transparent !important;color:#B1B1B1 !important; }
  2030. /* resresresresresresresrsesresresrsstop */
  2031. .content .RESBigEditorPop {color: #333 !important; padding:2px;}
  2032. .markdownEditor {white-space: inherit !important;}
  2033.  
  2034.  
  2035. #progressIndicator, #NERFail, .NERPageMarker {
  2036. margin-right: 320px !important;
  2037. width: inherit !important;
  2038. background-color: white !important;
  2039. border: 1px solid #d8d8d8 !important;
  2040. border-top: 0px solid !important;
  2041. border-bottom: 3px solid #d8d8d8 !important;
  2042. border-radius: 2px !important;
  2043. }
  2044.  
  2045. .res #NREFloat {
  2046. top: 8px;
  2047. z-index: 100;
  2048. }
  2049.  
  2050. .res .fancy-toggle-button .add:after {
  2051. right: 50px !important;
  2052. }
  2053.  
  2054. .RESSubscriptionButton {
  2055. background-color: white !important;
  2056. border: 0px solid !important;
  2057. border-radius: 0px !important;
  2058. color: #5b92fa !important;
  2059. }
  2060.  
  2061. .res #header-bottom-right {
  2062. right: 10px;
  2063. top: 141px !important;
  2064. padding: 4px 10px 5px 2px !important;
  2065. border-radius: 0px !important;
  2066. }
  2067.  
  2068.  
  2069.  
  2070. .res #userbarToggle {display: none !important;}
  2071.  
  2072. #RESAccountSwitcherIcon {margin-top: -5px;}
  2073.  
  2074. .res .author.submitter {
  2075. padding: 2px 5px !important;
  2076. background-color: #DD4B39!important;
  2077. border-radius: 0px !important;
  2078. color: #fff !important;
  2079. }
  2080.  
  2081. .res .author.submitter:hover {background-color: #ed5f4d !important;}
  2082.  
  2083. .res .author.moderator {
  2084. padding: 2px 5px !important;
  2085. background-color: #53a93f !important;
  2086. border-radius: 0px !important;
  2087. color: #fff !important;
  2088. }
  2089.  
  2090. .res .author.moderator:hover {
  2091. background-color: #64be4f !important;
  2092. color: #fff !important;
  2093. }
  2094.  
  2095. .res .blueButton {
  2096. padding: 2px 3px !important;
  2097. background-color: #53a93f !important;
  2098. border: none !important;
  2099. border-radius: 0px !important;
  2100.  
  2101. }
  2102.  
  2103. /* CSS3 on reddit! */
  2104. @media (max-width: 800px) and (min-width: 601px) {
  2105. body {
  2106.  
  2107. }
  2108.  
  2109. .link, .commentarea {margin-right: 10px;}
  2110. .side {display: none;}
  2111. }
  2112.  
  2113. @media (max-width: 600px) and (min-width: 100px) {
  2114. body {
  2115.  
  2116. }
  2117.  
  2118. #header-bottom-right {
  2119. margin-right: 12px;
  2120. width: 25px;
  2121.  
  2122. overflow: hidden;
  2123. }
  2124.  
  2125. #header-bottom-right:hover {
  2126. width: auto;
  2127. overflow: visible;
  2128. }
  2129.  
  2130. .listing-page .tabmenu li a[href*="/ads"] {display: none;}
  2131.  
  2132. .link, .commentarea {margin-right: 10px;}
  2133. .side {display: none;}
  2134. }
  2135.  
  2136.  
  2137. body {transition: all 0.25s ease;}
  2138.  
  2139. a, .domain a {
  2140. transition: color 0.25s;
  2141. transition: border-color 0.25s;
  2142. }
  2143.  
  2144. #sr-header-area {transition: background-color 0.5s;}
  2145.  
  2146. .tabmenu li a {
  2147. transition: border-color 0.25s;
  2148. }
  2149.  
  2150. /*.link .entry li a, .link:hover .entry li a {transition: opacity 0.15s ease-in-out;}*/ /* Currently causing issues. Needs investigating - https://github.com/Axel--/Naut-for-reddit/issues/9 */
  2151.  
  2152.  
  2153. /* NIGHTMODE - Work in progress */
  2154. body:lang(nt), #search input[type=text]:lang(nt), .res-nightmode body {background-color: #1c1f26;}
  2155. .comments-page textarea:lang(nt), textarea:lang(nt) {background-color: #1c1f26 !important;}
  2156.  
  2157. .link:lang(nt), .side:lang(nt), .submit-page .infobar:lang(nt), .roundfield:lang(nt), .submit-page .content button:lang(nt),
  2158. content.submit .info-notice:lang(nt), .stylesheet-customize-container .pretty-form:lang(nt), #images:lang(nt),
  2159. .search-page .raisedbox:lang(nt), .search-page .searchfacets:lang(nt), .linefield:lang(nt),
  2160. .search-page .searchpane:lang(nt), .nextprev:lang(nt), .commentarea:lang(nt), .link.last-clicked:lang(nt),
  2161. res-nightmode .side, .res-nightmode .flairselector, .res-nightmode .linefield, .res-nightmode .icon-menu a,
  2162. .res-nightmode .side .leavemoderator, .res-nightmode .side .leavecontributor-button, .res-nightmode .side .titlebox,
  2163. .res-nightmode .side .spacer .titlebox .redditname, .res-nightmode .side .titlebox .flairtoggle,
  2164. .res-nightmode .side .usertext-body .md ol, .res-nightmode .side .usertext-body .md ol ol,
  2165. .res-nightmode .side .usertext-body .md ol ol li, .res-nightmode .side blockquote, .res-nightmode .modactionlisting table *,
  2166. .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),
  2167. .res-nightmode .organic-listing .thing, .res-nightmode .sr-interest-bar, .res-nightmode .commentarea,
  2168. .res-nightmode .side .titlebox form.flairtoggle, .res-nightmode .trophy-area .content, .res-nightmode .NERPageMarker,
  2169. .res-nightmode .side .titlebox .usertext-body ol, .res-nightmode .side .titlebox .usertext-body ol,
  2170. .res-nightmode .side .titlebox .usertext-body ul {
  2171. background-color: #2b303b;
  2172. border-bottom-color: #17191A !important;
  2173. }
  2174.  
  2175. #header:lang(nt):after, #header-bottom-right:lang(nt), .titlebox h6:lang(nt), .res-nightmode #header:after,
  2176. .res-nightmode .tabmenu li a, .res-nightmode .login-form, .res-nightmode .login-form input[name*="passwd"],
  2177. .res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right {background-color: #2b303b;}
  2178.  
  2179. .titlebox h6:lang(nt) {box-shadow: 0 2px 4px 0 #1A1B1D; -webkit-box-shadow:0 2px 4px 0 #1A1B1D;}
  2180. .stickied.link:lang(nt) {border-color: #17191A !important}
  2181.  
  2182. /* gotta have that important important */
  2183. .comments-page .comment:lang(nt) {background-color: #2b303b !important;}
  2184. .comments-page .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2185. .comments-page .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2186. .comments-page .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2187. .comments-page .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2188. .comments-page .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2189. .comments-page .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2190. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2191. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2192. .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;}
  2193.  
  2194.  
  2195. /* text */
  2196. .domain a:lang(nt), .entry .buttons li a:lang(nt), .link .tagline:lang(nt), .tabmenu li a:lang(nt),
  2197. .thing .title:visited:lang(nt), .thing.visited .title:lang(nt),
  2198. .comments-page .tagline:lang(nt), .comment .expand:lang(nt),
  2199. .titlebox h6 a:lang(nt), .titlebox .bottom:lang(nt),
  2200. .sidecontentbox .content a:lang(nt), body:lang(nt), .res-nightmode #siteTable .visited.link .title.loggedin,
  2201. .res-nightmode #siteTable .link .title.loggedin:visited,
  2202. .res-nightmode #siteTable .link .title:visited,
  2203. .res-nightmode #siteTable .link .title.loggedin.click,
  2204. .res-nightmode .organic-listing .link .title:visited, .res-nightmode .tabmenu li a,
  2205. .res-nightmode .login-form,
  2206. .res-nightmode .login-form input[name*="passwd"],
  2207. .res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right,
  2208. .res-nightmode .entry .domain a {color: #6A7A88}
  2209.  
  2210. .tabmenu li.selected a:lang(nt), .link .usertext .md:lang(nt),
  2211. .comments-page .comment .md:lang(nt), .titlebox:lang(nt),
  2212. .linkinfo:lang(nt), .menuarea .dropdown.lightdrop .selected:lang(nt), .flair:lang(nt),
  2213. .new-page .titlebox h6 a[href*="/new"]:lang(nt),
  2214. .top-page .titlebox h6 a[href*="/top"]:lang(nt),
  2215. .hot-page .titlebox h6 a[href*="/hot"]:lang(nt),
  2216. .res-nightmode > .content > .spacer > .sitetable::before,
  2217. .res-nightmode > .content > .sharelink ~ .sitetable::before,
  2218. .res-nightmode .side .age, .res-nightmode .trophy-info *,
  2219. .res-nightmode .golddvertisement, .res-nightmode .flair-jump .title,
  2220. .res-nightmode #siteTable .thing .title.loggedin,
  2221. .res-nightmode #siteTable .thing .title,
  2222. .res-nightmode .NERdupe p.title::after, .res-nightmode .savedComment,
  2223. .res-nightmode .organic-listing .thing .title, .res-nightmode .tabmenu li a:hover
  2224. {color: #EBEBEB;}
  2225. .titlebox h6 a:lang(nt):hover, #header-bottom-right a:lang(nt):hover, textarea:lang(nt),
  2226. .tabmenu li a:lang(nt):hover, .res-nightmode #header-bottom-left .tabmenu .selected a {color: #EBEBEB!important;}
  2227.  
  2228. .domain:lang(nt), .res-nightmode .domain {color: #2b303b;}
  2229.  
  2230. /* border colors */
  2231. .link .usertext .md:lang(nt), #search input[type=text]:lang(nt), .linkinfo:lang(nt), .comments-page textarea:lang(nt),
  2232. .submit-page textarea:lang(nt), .roundfield input[type=url]:lang(nt),
  2233. .roundfield input[type=text]:lang(nt), .login-form-side input[type=text]:lang(nt),
  2234. .login-form-side input[type=password]:lang(nt), .linefield textarea:lang(nt),
  2235. .linefield input[type="text"]:lang(nt), .flairlist .flaircell input[type="text"]:lang(nt),
  2236. .linkinfo .shortlink input:lang(nt), .search-page #search input[type=text]:lang(nt), .flair:lang(nt),
  2237. .titlebox .bottom:lang(nt), .footer .col:lang(nt) {border-color: #414955 !important;}
  2238.  
  2239.  
  2240. /* fucking nightmode */
  2241. .morelink:lang(nt), .fancy-toggle-button .add:lang(nt), .sidecontentbox a.helplink:lang(nt) {box-shadow: none;-webkit-box-shadow:none;}
  2242. .res-nightmode .tabmenu li {margin: 8px 0px 0px 0px;}
  2243.  
  2244. /* I swear to god who thinks pink backgrounds are a good idea */
  2245. .res-nightmode #header-bottom-left, .res-nightmode ul.tabmenu li.selected a, .res-nightmode .redditname a.active,
  2246. .res-nightmode .RESDashboardToggle, .res-nightmode .RES-keyNav-activeElement, .res-nightmode .RES-keyNav-activeElement .usertext-body,
  2247. .res-nightmode .RES-keyNav-activeElement .usertext-body .md, .res-nightmode .RES-keyNav-activeElement .usertext-body .md p,
  2248. .res-nightmode .commentarea .RES-keyNav-activeElement .noncollapsed,
  2249. .res-nightmode .RES-keyNav-activeElement .noncollapsed .md, .res-nightmode .RES-keyNav-activeElement .noncollapsed .md p,
  2250. .res .res-nightmode .RES-keyNav-activeElement, .res .res-nightmode .commentarea .RES-keyNav-activeElement .md,
  2251. .res .res-nightmode .commentarea .RES-keyNav-activeElement.entry .noncollapsed, .res-nightmode #sr-header-area,
  2252. .res-nightmode #sr-more-link, .res-nightmode #RESConsoleTopBar,
  2253. .res-nightmode .moduleHeader, .res-nightmode .allOptionsContainer, .res-nightmode .optionContainer {
  2254. background-color: transparent !important;
  2255. }
  2256.  
  2257. /* spruce it up */
  2258. .res-nightmode #header {background: #2B303B !important;}
  2259.  
  2260. .res-nightmode .share-button .option, .res-nightmode #subscribe a,
  2261. .res-nightmode .share .option, .res-nightmode .tagline a, .res-nightmode .tagline .head .author,
  2262. .res-nightmode .footer a, .res-nightmode .wired a, .res-nightmode .side a, .res-nightmode .subredditbox li a,
  2263. .res-nightmode .link .score.dislikes, .res-nightmode .linkcompressed .score.dislikes, .res-nightmode a[rel="tag"], .res-nightmode .dsq-help,
  2264. .res-nightmode #authorInfoToolTip h3 a, .res-nightmode .RES-keyNav-activeElement .md, .res-nightmode .help-toggle .option,
  2265. .res-nightmode .morecomments a, .res-nightmode .reddiquette, .res-nightmode .parent .author, .res-nightmode .parent .subreddit,
  2266. .res-nightmode .comment .md p a {color: #5B92FA !important;}
  2267.  
  2268. .res-nightmode .side:after {content: "Hello nightmode user. You're very brave."}
  2269.  
  2270. /* Button */
  2271. button:lang(nt), #search input[type='submit']:lang(nt), .wiki-page .wiki-page-content .wiki_button:lang(nt) {
  2272. padding: 0px 8px 0px 8px;
  2273. background-color: transparent;
  2274. border: 1px solid #414955;
  2275. border-radius: 0px;
  2276. -webkit-box-shadow: none;
  2277. box-shadow: none;
  2278. color: #e5e5e5 !important;
  2279. line-height: 28px;
  2280. }
  2281.  
  2282. button:lang(nt):hover, #search input[type='submit']:lang(nt):hover, .wiki-page .wiki-page-content .wiki_button:lang(nt):hover {
  2283. padding-bottom: 0px;
  2284. border-color: #414955;
  2285. border-width: 1px;
  2286. color: #fff !important;
  2287. line-height: 28px;
  2288. background-color: #1C1F26;
  2289. }
  2290.  
  2291. button:lang(nt):active, #search input[type='submit']:lang(nt):active, .wiki-page .wiki-page-content .wiki_button:lang(nt):active {
  2292. padding-bottom: 0px;
  2293. background-color: #1C1F26;
  2294. border-color: #414955;
  2295. border-width: 1px;
  2296. -webkit-box-shadow: none;
  2297. box-shadow: none;
  2298. color: #fff !important;
  2299. line-height: 28px;
  2300. }
  2301.  
  2302.  
  2303.  
  2304.  
  2305. /* --------------------------- */
  2306.  
  2307. /* CUSTOMIZATION */
  2308.  
  2309. /* --------------------------- */
  2310.  
  2311. /* Link Flairs that you can make! */
  2312.  
  2313. .linkflair-one .linkflairlabel {
  2314. background-color: #dc4437;
  2315. border: 1px solid #d03e32;
  2316. color: #fff;
  2317. }
  2318.  
  2319. .linkflair-two .linkflairlabel {
  2320. background-color: #f5b400;
  2321. border: 1px solid #e5a800;
  2322. color: #fff;
  2323. }
  2324.  
  2325. .linkflair-three .linkflairlabel {
  2326. background-color: #5b92fa;
  2327. border: 1px solid #3a7ae6;
  2328. color: #fff;
  2329. }
  2330.  
  2331. /* Create your own! */
  2332.  
  2333. /* "squee" can be anything!
  2334. This is what you use in the CSS field at the flair page */
  2335. .linkflair-squee .linkflairlabel {
  2336. background-color: #5b92fa; /* Base color */
  2337. border: 1px solid #3a7ae6; /* Slightly darker to create nice edges */
  2338. color: #fff; /* Text color - alternatively use #333 when white is too light */
  2339. }
  2340.  
  2341.  
  2342.  
  2343. /* --------------------------- */
  2344.  
  2345. /* My subreddit mainly uses SELF posts */
  2346.  
  2347. .sidebox.submit.submit-link {display: none;}
  2348.  
  2349. /* My subreddit mainly uses LINK posts */
  2350. /* Then add to the line above and remove from
  2351. the line below the asterix and slahes */
  2352.  
  2353.  
  2354. /*.sidebox.submit.submit-text {display: none;}*/
  2355.  
  2356. /* --------------------------- */
  2357.  
  2358. /* Submit page message */
  2359. .formtabs-content .infobar:before {
  2360. content: "Here you can set text that users will see when submitting."; /* Don't delete the " "*/
  2361. }
  2362.  
  2363. /* Subscriber Name */
  2364. div.titlebox span.number:after {content: " readers";} /* Leave the space before the name! */
  2365.  
  2366. /* --------------------------- */
  2367.  
  2368. /* CUSTOM LOGO CSS */
  2369. .pagename a {
  2370. top: 84px; /* The length the logo is moved from the top of the page */
  2371. width: 119px; /* TOTAL Image width */
  2372. height: 100px; /* 50% of the TOTAL height of the image. */
  2373. }
  2374.  
  2375.  
  2376.  
  2377. /* --------------------------- */
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!