API tools faq
paste
Advertisement
erktheerk

fc253ba6d511e394cfe4

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