API tools faq
paste
Advertisement
Guest User

/R/Connery CSS

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