API tools faq
paste
Advertisement
fearbroner

the100 sub 1.0

fearbroner
Dec 17th, 2015
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 72.54 KB | None | 0 0
raw download clone embed print report
  1. /*--------------------------------------------------------------------------
  2. Minimaluminiumalism Theme
  3. Version 1.20
  4. Header Style B
  5. Developer Version
  6. Last modified on July 30, 2015
  7. --------------------------------------------------------------------------*/
  8.  
  9. /*SUBREDDIT LOGO*/
  10. span.pagename.redditname a {
  11. color: transparent;
  12. display: block;
  13. width: 100%;
  14. height: 120px;
  15. background-image: url(%%sublogo%%);
  16. background-size: contain;
  17. background-position: left;
  18. background-repeat: no-repeat;
  19. position: absolute;
  20. top: 75px;
  21. left: 25px;
  22. }
  23.  
  24. /*HEADER STYLE B EXCLUSIVE CODE*/
  25.  
  26. /*TABMENU*/
  27. #header-bottom-left .tabmenu {
  28. text-align: left;
  29. position: absolute;
  30. left: 0px;
  31. right: 0px;
  32. top: 180px;
  33. padding-left: 80px;
  34. background-color: rgba(0, 0, 0, 0.5);
  35. }
  36.  
  37. .tabmenu {margin-top: 22px;}
  38.  
  39. .tabmenu li {
  40. background-color: transparent;
  41. margin: 0 !important;
  42. height: 36px;
  43. width: 102px;
  44. }
  45.  
  46. .selected, .choice.primary {font-weight: 600;}
  47.  
  48. a {
  49. text-decoration: none;
  50. color: #999;
  51. }
  52.  
  53. .tabmenu li a {
  54. padding: 0px 20px!important;
  55. background-color: transparent;
  56. border-left: none;
  57. border-right: none;
  58. display: inline-block;
  59. line-height: 48px;
  60. text-align: center;
  61. text-transform: Uppercase;
  62. transition: .4s color ease;
  63. font-weight: normal;
  64. color: #e5e5e5 !important;
  65. text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
  66. }
  67.  
  68. .tabmenu li:hover a {
  69. background-color: rgba(255, 255, 255, 0.05);
  70. color: #FFF !important;
  71. font-weight: bold !important;
  72. }
  73.  
  74. .tabmenu li.selected a {
  75. color: #FFF !important;
  76. background-color: rgba(255, 255, 255, 0.2);
  77. font-weight: bold !important;
  78. border: none !important;
  79. }
  80.  
  81. /*--- Tabs - Hide unimportant ones ---*/
  82. #header .tabmenu li:nth-of-type(8) {
  83. display: none;
  84. visibility: hidden;
  85. }
  86.  
  87. .listing-page .tabmenu li a[href*="/gilded"] {display: none;}
  88.  
  89. /*--- End Tabs - Hide unimportant ones ---*/
  90.  
  91. #header-img {
  92. position: relative;
  93. height: 30px !important;
  94. width: 30px;
  95. margin-top: 187px;
  96. margin-left: 35px;
  97. background-size: contain !important;
  98. background-repeat: no-repeat !important;
  99. z-index: 1;
  100. }
  101.  
  102. /*END HEADER STYLE B EXCLUSIVE CODE*/
  103. /*CORE CODE*/
  104.  
  105. /*UNCATEGORIZED FIXES*/
  106.  
  107. .commentNavSortType:hover, .commentarea .menuarea .toggle a:hover{text-decoration: none !important;}
  108.  
  109. .commentarea textarea, .roundfield textarea, .roundfield input[type="url"], .roundfield input[type="text"] {transition: 300ms; border: 1px solid #e1e1e1}
  110.  
  111. .commentarea textarea:not(:focus):not(:hover) {
  112. color: transparent;
  113. background-color: #F8F8F8 !important;
  114. text-shadow: 0px 0px 12px #000;
  115. }
  116.  
  117. .commentarea textarea:hover, .roundfield textarea:hover, .roundfield input[type="url"]:hover, .roundfield input[type="text"]:hover {border: 1px solid #a0a0a0;}
  118.  
  119.  
  120.  
  121. #RESMainGearOverlay {background-color: rgba(0, 0, 0, 0.85) !important;}
  122.  
  123. #RESPrefsDropdown {
  124. background-color: rgba(0, 0, 0, 0.85) !important;
  125. border: none;
  126. border-radius: 6px;
  127. }
  128.  
  129. .RESDropdownList li {
  130. background-color: transparent;
  131. color: #fff !important;
  132. border: none !important;
  133. transition: all 0.15s ease;
  134. text-transform: uppercase;
  135. }
  136.  
  137. .RESDropdownList li:hover,
  138. .RESDropdownList li a:hover {
  139. background-color: rgba(80, 80, 80, 0.6) !important;
  140. color: #fff !important;
  141. }
  142.  
  143.  
  144. .usertext-edit textarea:focus,
  145. .roundfield textarea:focus,
  146. .roundfield input[type="url"]:focus,
  147. .roundfield input[type="text"]:focus {
  148. border: 1px solid #ccc;
  149. transition: 0.1s ease;
  150. }
  151.  
  152. #NERFail {
  153. padding-top: 20px;
  154. border: none;
  155. }
  156.  
  157. /* Domain */
  158. .link .domain {visibility: hidden;}
  159.  
  160. .link .domain a {
  161. visibility: visible;
  162. color: #b3b3b3;
  163. transition: all 0.15s ease;
  164. }
  165.  
  166. .sr-bar a.gold {color: gold;}
  167.  
  168. .icon-menu a {background: none;}
  169.  
  170. textarea {border: 1px solid rgba(0, 0, 0, 0.12); /*MAKES IT LOOK BETTER ON FIREFOX*/}
  171.  
  172. a.madeVisible {margin-top: 20px;}
  173.  
  174. img.RESImage {border-radius: 12px;}
  175.  
  176. .gold-accent.comment-visits-box {color: black;}
  177.  
  178. .gold-accent {
  179. background-color: transparent;
  180. border: 0px;
  181. }
  182. .nsfw-stamp {
  183. color: white;
  184. border: none !important;
  185. background: #D10023;
  186. padding: 0px 8px !important;
  187. border-radius: 20px;
  188. font-weight: bold;
  189. }
  190.  
  191. .action-form {
  192. border: medium none;
  193. max-width: 300px;
  194. padding: 20px;
  195. margin: 5px 0px;
  196. font-size: 12px;
  197. text-transform: uppercase;
  198. font-weight: bold;
  199. line-height: 25px;
  200. background: rgba(0, 0, 0, 0.85);
  201. color: white;
  202. position: absolute;
  203. }
  204.  
  205. .action-form button {margin-right: 10px;}
  206.  
  207. .action-form input:disabled {display: none;}
  208.  
  209. .action-form ol {margin-bottom: 15px;}
  210.  
  211. .pretty-button {
  212. background: none !important;
  213. font-weight: bold;
  214. padding: 1px 5px;
  215. border-radius: 20px;
  216. font-size: 10px !important;
  217. border: medium none !important;
  218. text-transform: uppercase;
  219. }
  220.  
  221. .pretty-button.negative {color: #D10023;}
  222. .pretty-button.neutral {color: #444;}
  223. .pretty-button.positive {color: #2B8B27;}
  224.  
  225. .pretty-button.pressed {font-size: 0px !important;}
  226. .pretty-button.pressed:after {font-size: 10px; content: "Action Done"; text-transform: uppercase; font-weight: bold;}
  227.  
  228.  
  229. button[disabled] {display:none;}
  230.  
  231. ul.report-reasons {background-color: transparent; text-transform: uppercase; border: none;}
  232.  
  233. .content .entry .buttons li.reported-stamp,
  234. body .content .stickied .entry .buttons li.reported-stamp,
  235. body .content .over18 .entry .buttons li.reported-stamp {
  236. border: none !important;
  237. background: #666 !important;
  238. color: white !important;
  239. font-weight: bold;
  240. text-transform: uppercase !important;
  241. padding: 1px 8px;
  242. border-radius: 20px;
  243. font-size: 9px !important;
  244. }
  245.  
  246. .commentarea .nestedlisting {margin: 0 -10px;}
  247.  
  248. .res-commentBoxes .nestedlisting > .comment {margin: 0 0 8px!important;}
  249.  
  250. .res-commentBoxes .nestedlisting .comment {overflow: visible!important;}
  251.  
  252. .dropdown.srdrop .selected {color: white;}
  253.  
  254. .flat-list li a.gold {color: gold;}
  255.  
  256. /*SUBREDDIT FONT*/
  257. .login-form-side input[type="text"], .login-form-side input[type="password"],
  258. #search input[type="text"],
  259. .md textarea,
  260. textarea,
  261. body {font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;}
  262.  
  263. /*Stylesheet page fix*/
  264. .sheets {
  265. margin-right: 20px;
  266. margin-bottom: 20px;
  267. }
  268.  
  269. #preview-table {padding-left: 20px;}
  270.  
  271. div#images {
  272. margin-left: 20px;
  273. padding-right: 20px;
  274. }
  275.  
  276. ul#image-preview-list {
  277. margin: -15px;
  278. margin-bottom: -15px;
  279. margin-top: 20px;
  280. padding-top: 0px;
  281. }
  282.  
  283. ul#image-preview-list li {
  284. background: #fff;
  285. padding: 8px 8px;
  286. margin: 0 0 5px 5px;
  287. border-radius: 2px;
  288. border: 1px solid #e1e1e1;
  289. width: 296.5px;
  290. height: 100px;
  291. font-size: 14px;
  292. color: #666;
  293. }
  294.  
  295. ul#image-preview-list .preview {
  296. position: absolute;
  297. top: 0;
  298. bottom: 0;
  299. left: 8px;
  300. right: 0;
  301. margin: auto 0;
  302. line-height: 98px;
  303. }
  304.  
  305. ul#image-preview-list .preview img {vertical-align: middle;}
  306.  
  307. /*RES TEMP BUGFIX*/
  308. .title + .expando-button + .expando-button {display: none;}
  309.  
  310. /*DROP DOWN CHOICES*/
  311. .drop-choices.lightdrop {
  312. background: rgba(0, 0, 0, 0.85);
  313. border: medium none;
  314. padding: 5px;
  315. border-radius: 0px 0px 4px 4px;
  316. font-weight: bold;
  317. margin-top: 2px;
  318. color: rgb(255, 255, 255) !important;
  319. }
  320.  
  321. .drop-choices a.choice {color: #FFF;}
  322.  
  323. .drop-choices a.choice:hover {background: rgba(80, 80, 80, 0.6);}
  324.  
  325. /*ICONOGRAPHY*/
  326. #mail.nohavemail {
  327. background: url(%%mail%%);
  328. height: 12px;
  329. background-size: contain !important;
  330. background-repeat: no-repeat !important;
  331. width: 20px !important;
  332. }
  333.  
  334. #mail.havemail {
  335. background: url(%%havemail%%);
  336. height: 12px;
  337. background-size: contain !important;
  338. background-repeat: no-repeat !important;
  339. width: 20px !important;
  340. }
  341.  
  342. #modmail.havemail {
  343. background: url(%%havemodmail%%);
  344. height: 18px;
  345. background-size: contain !important;
  346. background-repeat: no-repeat !important;
  347. width: 20px;
  348. }
  349.  
  350. #modmail.nohavemail {
  351. background: url(%%modmail%%);
  352. height: 18px;
  353. background-size: contain !important;
  354. background-repeat: no-repeat !important;
  355. width: 20px;
  356. }
  357.  
  358. /*GENERAL RES FIXES*/
  359. .livePreview, .livePreview .md {text-transform: none;}
  360.  
  361. .new-comment .usertext-body {
  362. background-color: none !important;
  363. border: none !important;
  364. }
  365.  
  366. /*AD fixes*/
  367. .organic-listing {border: 0px;}
  368.  
  369. .infobar.newsletterbar {display: none !important;}
  370.  
  371. /*MENU AREA*/
  372. .menuarea {overflow: visible;}
  373.  
  374. body:not(.search-page) .menuarea {
  375. font-size: 12px;
  376. font-weight: bold;
  377. text-transform: uppercase;
  378. margin-top: 20px !important;
  379. }
  380.  
  381. .comments-page .menuarea {
  382. font-size: 12px;
  383. font-weight: bold;
  384. text-transform: uppercase;
  385. margin-top: 5px !important;
  386. }
  387.  
  388. /*SEARCH PAGE*/
  389. .combined-search-page .searchfacets {
  390. margin: 0px !important;
  391. max-width: none !important;
  392. }
  393.  
  394. .combined-search-page .searchfacets > h4.title {color: #444;}
  395.  
  396. .combined-search-page .search-result-group {
  397. max-width: none;
  398. min-width: none;
  399. padding-left: 0px;
  400. padding-right: 0px;
  401. }
  402.  
  403. .combined-search-page .search-result {
  404. margin-bottom: 25px;
  405. margin-top: 10px;
  406. padding: 0px 30px;
  407. border-bottom: 1px solid #E1E1E1;
  408. padding-bottom: 20px;
  409. }
  410.  
  411. .combined-search-page .search-result-group .search-result-group-header {
  412. border-bottom: 2px solid #E5E3DA;
  413. color: inherit;
  414. margin-bottom: 20px;
  415. margin-top: 30px;
  416. padding: 0px 30px;
  417. text-transform: uppercase;
  418. padding-bottom: 5px;
  419. font-weight: bold;
  420. }
  421.  
  422. .combined-search-page .searchpane {background: #444;}
  423.  
  424. .combined-search-page #search input[type="text"] {max-width: none;color: #fff !important}
  425.  
  426. .combined-search-page .search-icon {
  427. background-size: 30px 30px;
  428. height: 30px;
  429. width: 30px;
  430. }
  431.  
  432. .combined-search-page .search-submit-button {
  433. background: none;
  434. border: none;
  435. float: left;
  436. margin-top: -45px;
  437. margin-left: -25px;
  438. }
  439.  
  440. .combined-search-page .search-result-subreddit .search-subscribe-button .add, .combined-search-page .search-result-subreddit .search-subscribe-button .remove {width: auto;}
  441.  
  442. .combined-search-page .search-result .search-result-body {
  443. font-size: 1em;
  444. line-height: 1.25em;
  445. color: #4F4F4F;
  446. padding: 10px 0px;
  447. width: 800px;
  448. }
  449.  
  450. .combined-search-page .search-result a, .combined-search-page .search-result a > mark {color: inherit;}
  451.  
  452. .combined-search-page .search-result .search-result-meta, .combined-search-page .search-result .search-score {
  453. font-size: 10px;
  454. line-height: 2em;
  455. color: #808080;
  456. padding: 8px 0px 0px 0px;
  457. font-weight: bold;
  458. text-transform: uppercase;
  459. }
  460.  
  461. #moresearchinfo {
  462. border: none;
  463. background: rgba(0, 0, 0, 0.9);
  464. border-radius: 0 0 10px 10px;
  465. line-height: 1.7em;
  466. padding-left: 20px;
  467. padding-right: 10px;
  468. padding-bottom: 10px;
  469. text-align: left;
  470. }
  471.  
  472. .search-page div.content {
  473. margin-top: 100px;
  474. margin-left: auto;
  475. margin-bottom: 300px;
  476. margin-right: auto;
  477. width: 80%;
  478. min-width: 1000px;
  479. }
  480.  
  481. .search-page #noresults {
  482. padding-bottom: 20px !important;
  483. margin-left: 15px !important;
  484. }
  485.  
  486. .search-page .side {display: none;}
  487.  
  488. .search-page .menuarea {
  489. border-bottom: none;
  490. padding: 5px 10px;
  491. margin: 5px;
  492. font-size: 12px;
  493. font-weight: bold;
  494. text-transform: uppercase;
  495. margin-top: -45px;
  496. position: absolute;
  497. top: 418px;
  498. }
  499.  
  500. .search-page div#moresearchinfo {
  501. background: rgba(0, 0, 0, 0.85);
  502. position: absolute;
  503. z-index: 9999;
  504. padding-left: 22px;
  505. padding-bottom: 20px;
  506. color: white;
  507. padding-right: 20px;
  508. border-radius: 0 0 8px 8px;
  509. top: 56px;
  510. }
  511.  
  512. .search-page a#search_showmore {
  513. position: absolute;
  514. top: 100px;
  515. font-size: 12px;
  516. text-transform: uppercase;
  517. color: #999;
  518. font-weight: bold;
  519. right: 13px;
  520. }
  521.  
  522. .search-page .searchfacets {
  523. border: none;
  524. box-shadow: none;
  525. background: #E0E0E0;
  526. color: #434343;
  527. text-transform: uppercase;
  528. font-size: 12px;
  529. padding-left: 20px;
  530. }
  531.  
  532. .searchfacet a {color: #434343 !important;}
  533.  
  534. #previoussearch label {
  535. display: block;
  536. margin: 5px 0px;
  537. position: absolute;
  538. top: 95px;
  539. text-transform: uppercase;
  540. font-size: 12px;
  541. font-weight: bold;
  542. }
  543.  
  544. .search-page .searchpane {
  545. margin: auto;
  546. height: 50px;
  547. border: none;
  548. border-radius: 8px;
  549. box-shadow: 0 1px 5px rgba(0,0,0,0.24);
  550. position: relative;
  551. top: -85px;
  552. margin-bottom: -45px;
  553. }
  554.  
  555. .search-page #search input[type="submit"], .search-page #search input[type="submit"]:hover {display: none;}
  556.  
  557. .dropdown.lightdrop .selected {text-decoration: none;}
  558.  
  559. .search-page #search input[type="text"] {
  560. background: none;
  561. border: medium none;
  562. font-size: 27px;
  563. width: 100% !important;
  564. position: relative;
  565. top: 2px;
  566. margin-left: 30px;
  567. }
  568.  
  569. .search-page .raisedbox h4 {display: none;}
  570.  
  571. .search-summary {display: none}
  572.  
  573. .searchpane-toggle-hide {display: none;}
  574.  
  575. /*COMMENTS PAGE*/
  576. .comments-page .content .infobar {
  577. border: 0px none;
  578. background: #fff;
  579. max-width: 300px;
  580. padding: 10px 20px;
  581. text-transform: uppercase;
  582. font-weight: bold;
  583. font-size: 11px;
  584. border-radius: 4px;
  585. box-shadow: 0 1px 5px rgba(0,0,0,0.24);
  586. margin-top: 30px;
  587. margin-left: -10px !important;
  588. margin-bottom: 15px;
  589. }
  590.  
  591. .panestack-title a.title-button {
  592. position: relative;
  593. z-index: 2;
  594. }
  595.  
  596. .panestack-title a.title-button.gold, .panestack-title a.title-button {
  597. padding: 5px 10px;
  598. text-transform: uppercase;
  599. font-weight: bold;
  600. font-size: 9px;
  601. color: #fff;
  602. border: none;
  603. border-radius: 3px;
  604. }
  605.  
  606. .linkinfo .shortlink input {
  607. padding-left: 10px;
  608. padding-right: 10px;
  609. height: 20px;
  610. }
  611.  
  612. .linkinfo {
  613. border: none !important;
  614. background-color: #fff;
  615. top: 414px;
  616. font-family: inherit !important;
  617. padding: 20px;
  618. position: absolute;
  619. box-shadow: 0 1px 5px rgba(0,0,0,0.16);
  620. border-radius: 4px;
  621. }
  622.  
  623. .res .comments-page .side {margin: 315px 25px 100px;}
  624.  
  625. .comments-page .side {margin: 300px 25px 100px;}
  626.  
  627. .res .content .RESBigEditorPop {
  628. background-color: none;
  629. line-height: inherit;
  630. font-size: 11px;
  631. box-shadow: none;
  632. font-weight: 400;
  633. color: #4D5763;
  634. border: none;
  635. padding: 0;
  636. height: inherit;
  637. margin-left: 4px;
  638. margin-top: 5px;
  639. background-color: transparent;
  640. }
  641.  
  642. .RESSubscriptionButton {
  643. display: inline-block;
  644. position: relative;
  645. z-index: 1;
  646. margin-left: 15px;
  647. padding: 5px !important;
  648. font-size: 9px;
  649. text-transform: uppercase;
  650. text-align: center;
  651. cursor: pointer;
  652. color: #fff!important;
  653. border: 0 solid #CCC!important;
  654. border-radius: 2px;
  655. transition: .25s ease
  656. }
  657.  
  658. body.comments-page div.content {background: none !important;}
  659.  
  660. body.comments-page .link {
  661. background: #FFF;
  662. border: none;
  663. border-radius: 5px 5px 0px 0px;
  664. box-shadow: 0 1px 5px rgba(0,0,0,0.16);
  665. }
  666.  
  667. body.comments-page .sitetable {
  668. position: relative;
  669. z-index: 2;
  670. }
  671.  
  672. .commentarea > .usertext {
  673. background-color: #F8F8F8;
  674. border-radius: 0px 0px 2px 2px;
  675. box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
  676. overflow: visible;
  677. padding-top: 165px;
  678. padding-left: 29px;
  679. margin-top: -160px;
  680. margin-left: -10px;
  681. margin-right: -10px;
  682. }
  683.  
  684. .res .commentarea > .usertext {
  685. position: relative;
  686. top: -110px;
  687. margin-bottom: -90px;
  688. margin-top: -160px;
  689. padding-top: 136px;
  690. }
  691.  
  692. .commentarea .panestack-title {
  693. margin: 16px 0 -16px 22px;
  694. border-bottom: 0
  695. }
  696.  
  697. .commentarea span.title {
  698. text-transform: uppercase !important;
  699. font-weight: bold;
  700. font-size: 13px;
  701. position: relative;
  702. z-index: 1;
  703. }
  704.  
  705. .commentarea .panestack-title .title {color: #4D5763}
  706.  
  707. .commentarea .menuarea {
  708. margin-left: 22px !important;
  709. text-transform: uppercase;
  710. font-size: 12px;
  711. position: relative;
  712. z-index: 1;
  713. overflow: visible;
  714. }
  715.  
  716. .commentarea .thing {
  717. border-radius: 2px;
  718. background-color: #fff;
  719. box-shadow: 0 1px 5px rgba(0,0,0,0.16);
  720. margin: 0 0 8px;
  721. padding-top: 15px !important;
  722. padding-bottom: 10px !important;
  723. padding-left: 15px !important;
  724. }
  725.  
  726. .res .commentarea .thing {
  727. padding-top: 15px !important;
  728. padding-bottom: 10px !important;
  729. padding-left: 15px !important;
  730. }
  731.  
  732. .commentarea .child .thing {
  733. box-shadow: none;
  734. padding: 4px;
  735. margin-left: 0px !important;
  736. margin-top: 15px;
  737. }
  738.  
  739. body.comments-page div.content {border: none !important;}
  740.  
  741. div.sitetable.nestedlisting, div.child {box-shadow: none;}
  742.  
  743. /*END COMMENT AREA*/
  744. /*WIKI PAGE*/
  745. .wiki-page div.content {
  746. border: 0px;
  747. background: none;
  748. margin-right: 55px !important;
  749. }
  750.  
  751. .wiki-page-content .md h1, .wiki-page-content .md h6 {text-transform: none !important;}
  752.  
  753. .wiki-page .wikititle {
  754. background-color: #fff;
  755. padding: 12px 16px 10px;
  756. border-radius: 5px;
  757. box-shadow: 0 1px 5px rgba(0,0,0,0.16);
  758. font-size: 12px;
  759. text-transform: uppercase;
  760. margin: 0;
  761. color: #444;
  762. }
  763.  
  764. .wiki-page .wiki-page-content .md.wiki h4 {
  765. padding: 15px 0px;
  766. font-weight: bold;
  767. }
  768.  
  769. .wiki-page .pageactions {
  770. background-color: #fff;
  771. margin-left: 16px;
  772. border-radius: 5px;
  773. padding: 8px 16px;
  774. font-size: 12px;
  775. border: none;
  776. text-transform: uppercase;
  777. box-shadow: 0 1px 5px rgba(0,0,0,0.16)
  778. }
  779.  
  780. .wiki-page .pageactions .wikiaction {
  781. margin: 0;
  782. background-color: transparent;
  783. border-radius: 0;
  784. color: #B3B3B3;
  785. }
  786.  
  787. .wiki-page .pageactions .wikiaction-current {
  788. color: #444;
  789. font-weight: bold;
  790. }
  791.  
  792. .wiki-page .pageactions .wikiaction:hover,.wiki-page .pageactions .wikiaction-current:hover {
  793. background: none;
  794. color: #666;
  795. font-weight: bold;
  796. }
  797.  
  798. .wiki-page .wiki-page-content {
  799. margin: 16px 300px 16px 0;
  800. background-color: #fff;
  801. padding: 16px;
  802. border-radius: 2px;
  803. box-shadow: 0 1px 5px rgba(0,0,0,0.16)
  804. }
  805.  
  806. .wiki-page .wiki-page-content .wiki>.toc>ul {border: none}
  807.  
  808. .wiki-page .wiki-page-content .wiki.md {color: #4D5763;}
  809.  
  810. .wiki-page .wiki-page-content .wiki.md h2 {color: #444;}
  811.  
  812. .wiki-page .wiki-page-content .wiki.md p {
  813. font-size: 14px;
  814. line-height: 1.4285714285714em
  815. }
  816.  
  817. .wiki-page .wiki-page-content hr {
  818. border-style: solid;
  819. border-color: #e5e5e5
  820. }
  821.  
  822. /*SUBMIT PAGE*/
  823. .submit-page .submit_text {width: 540px !important;}
  824.  
  825. .submit-page .submit_text.enabled {text-transform: none !important;}
  826.  
  827. .formtabs-content .infobar {
  828. font-size: 15px;
  829. font-weight: bold;
  830. border: none;
  831. background-color: white;
  832. box-shadow: 0 2px 5px rgba(0,0,0,0.12);
  833. padding: 20px;
  834. border-radius: 4px;
  835. text-align: center;
  836. color: #000;
  837. }
  838.  
  839. #sr-more-link {background-color: #fff !important;}
  840.  
  841. .roundfield {
  842. background: #FFF;
  843. width: auto;
  844. padding: 15px 20px 9px;
  845. text-transform: uppercase;
  846. font-weight: bold;
  847. font-size: 12px;
  848. line-height: 1.5em;
  849. border-radius: 4px;
  850. box-shadow: 0 2px 5px rgba(0,0,0,0.12);
  851. }
  852.  
  853. .roundfield textarea, .roundfield input[type="url"], .roundfield input[type="text"] {width: 530px;}
  854.  
  855. .roundfield input[type="text"] {margin-bottom: 15px;}
  856.  
  857. .submit-page .markdownEditor-wrapper {
  858. white-space: nowrap;
  859. width: 535px;
  860. }
  861.  
  862. .content.submit .info-notice {
  863. margin-bottom: 12px;
  864. margin-left: 10px;
  865. margin-top: -10px;
  866. margin-right: 10px;
  867. font-size: 12px;
  868. padding: 9px;
  869. background-color: #FFF;
  870. border: none;
  871. }
  872.  
  873. .submit-page .content .spacer {margin-left: 0px;}
  874.  
  875. .submit-page .content {
  876. width: 600px;
  877. margin: 0 auto;
  878. }
  879.  
  880. .submit-page div.content {
  881. margin-top: 20px !important;
  882. margin-bottom: 50px !important;
  883. background: none !important;
  884. border: none !important;
  885. }
  886.  
  887. .submit-page .tabmenu.formtab .selected a {
  888. color: #cecece;
  889. background-color: transparent;
  890. border: none;
  891. font-size: inherit;
  892. }
  893.  
  894. .submit-page ul.tabmenu.formtab {
  895. display: block;
  896. padding-left: 10px;
  897. font-size: larger;
  898. border-radius: 4px;
  899. }
  900.  
  901. .submit-page .tabmenu li a {
  902. background: transparent;
  903. border: none;
  904. }
  905.  
  906. .submit-page .tabmenu {margin-top: 0px;}
  907.  
  908. .formtabs-content {border-top: 0px solid!important;}
  909.  
  910. body:not(.submit-page) .tabmenu::after {display: none;}
  911.  
  912. .submit-page #newlink.submit.content .btn {
  913. height: 42px;
  914. line-height: 41px;
  915. width: 97%;
  916. margin-left: 10px;
  917. }
  918.  
  919. /*SIDEBAR*/
  920. .sidecontentbox .title h1 {
  921. color: #555;
  922. font-weight: bold;
  923. font-size: 14px;
  924. }
  925.  
  926. .md-container {text-align: left;}
  927.  
  928. .titlebox {text-align: center;}
  929.  
  930. .submit-page .side, .submit-page .content h1 {display: none !important;}
  931.  
  932. .formtabs-content {border-top: 0px solid!important;}
  933.  
  934. body:not(.submit-page) .tabmenu::after {
  935. position: absolute;
  936. height: 49px;
  937. content: '';
  938. z-index: -1;
  939. left: 0px;
  940. right: 0px;
  941. background: #666;
  942. }
  943.  
  944. .formtabs-content {
  945. width: auto;
  946. border-top: 4px solid #5f99cf;
  947. padding: 10px;
  948. margin-top: 15px;
  949. }
  950.  
  951. /*No comment message*/
  952. .comments-page #noresults:after {content: ".";}
  953.  
  954. /* --- Message the mod button --- */
  955. .sidecontentbox .title h1 {display: inline-block;}
  956.  
  957. .sidecontentbox a.helplink {
  958. margin-right: 30px;
  959. margin-bottom: 20px;
  960. margin-top: 10px;
  961. width: 215px;
  962. border: none;
  963. border-radius: 4px;
  964. color: #fff!important;
  965. text-align: center;
  966. font-weight: 700;
  967. font-size: 13px;
  968. text-transform: uppercase;
  969. line-height: 30px;
  970. transition: .25s ease
  971. }
  972.  
  973. .sidecontentbox a.helplink:hover {text-decoration: none;}
  974.  
  975. .sidecontentbox a.helplink:active {background-color: #ae9df4}
  976.  
  977. /* ADDS DISTINGUISH TAG*/
  978.  
  979. .thing .tagline .author.moderator:before {
  980. background: #282 !important;
  981. font-weight: Bold;
  982. line-height: 20px;
  983. padding: 0 7px 0 10px;
  984. color: #FFF;
  985. display: inline-block;
  986. border-radius: 20px 0px 0px 20px;
  987. font-size: 10px;
  988. content: "Mod " !important;
  989. margin-right: 7px;
  990. }
  991.  
  992. body.res .content .thing .tagline .author.moderator {
  993. font-weight: Bold;
  994. line-height: 20px;
  995. padding: 0px 10px 0px 0px;
  996. color: #FFF;
  997. display: inline-block;
  998. border-radius: 20px;
  999. font-size: 10px;
  1000. background: #1A4B17 !important;
  1001. }
  1002.  
  1003.  
  1004. .tagline .moderator:after {content: "oderator - speaking officially.";}
  1005.  
  1006. a.author.moderator:after {content: "";}
  1007.  
  1008. /*REDDIT ADMIN DISTINGUISH*/
  1009. .tagline .admin:after {content: "dmin - speaking officially";}
  1010.  
  1011. a.author.admin:after {content: "";}
  1012.  
  1013. a.author.admin:before {content: "";}
  1014.  
  1015. a.author.moderator:after {content: "";}
  1016.  
  1017. .thing .tagline .author.admin {background-color: #c41959 !important;}
  1018.  
  1019. .thing .tagline .author.admin:before {background-color: #fe506e !important;}
  1020.  
  1021. /*BODY AND POST APPEARANCE*/
  1022. .link {
  1023. padding: 15px;
  1024. border-bottom: 1px solid #E1E1E1; /*LINE SPACING BETWEEN POSTS*/
  1025. margin-bottom: 0px;
  1026. }
  1027.  
  1028. .comments-page .link {padding: 20px;}
  1029.  
  1030. /*IMAGE SIDEBAR SUB TITLE*/
  1031. .res h1.redditname {overflow: visible;}
  1032.  
  1033. /*LINK SCORES TYPE*/
  1034. .link .score.likes {color: #FF5F3F;}
  1035.  
  1036. .link .score.dislikes {color: #88c800;}
  1037.  
  1038. /*USERBAR TOGGLE*/
  1039. .res #userbarToggle {
  1040. width: 11px;
  1041. height: 24px;
  1042. background-color: transparent;
  1043. border: medium none;
  1044. line-height: 46px;
  1045. color: #FFF;
  1046. border-radius: 0px;
  1047. padding-bottom: 23px;
  1048. margin-bottom: -6px;
  1049. padding-left: 5px;
  1050. padding-right: 8px;
  1051. margin-left: -5px;
  1052. }
  1053.  
  1054. #userbarToggle.userbarShow {
  1055. background-color: rgba(255, 255, 255, 0.1);
  1056. left: -3px !important;
  1057. margin-top: -13px;
  1058. padding-right: 15px;
  1059. font-size: 25px;
  1060. padding-left: 15px;
  1061. margin-left: -12px;
  1062. }
  1063.  
  1064. /*NO SELECT BACKGROUND*/
  1065. .entry.RES-keyNav-activeElement, .entry.RES-keyNav-activeElement div.md, .entry.RES-keyNav-activeElement .usertext-body, .commentarea .entry.RES-keyNav-activeElement div.noncollapsed {background: none repeat scroll 0% 0% transparent !important;}
  1066.  
  1067. /*BODY BACKGROUND*/
  1068. body {background: #f2f2f2;}
  1069.  
  1070. /*EXPANDO NO OUTLINE*/
  1071. .entry.RES-keyNav-activeElement div.md, .commentarea .entry.RES-keyNav-activeElement div.noncollapsed, .entry.RES-keyNav-activeElement .usertext-body, .new-comment .usertext-body .md {
  1072. outline: medium none !important;
  1073. border: 0px none !important;
  1074. }
  1075.  
  1076. /*RES NEVER ENDING REDDIT*/
  1077. .NERPageMarker, #progressIndicator {
  1078. font-size: 14px !important;
  1079. font-weight: bold !important;
  1080. text-align: left !important;
  1081. background-color: transparent !important;
  1082. border: none !important;
  1083. border-radius: 0 !important;
  1084. padding: 10px !important;
  1085. text-transform: uppercase;
  1086. margin-left: 20px;
  1087. }
  1088.  
  1089. #progressIndicator {
  1090. font-size: 12px !important;
  1091. text-align: center;
  1092. text-transform: uppercase;
  1093. color: #666;
  1094. }
  1095.  
  1096. #progressIndicator a#NERStaticLink {color: #08c;}
  1097.  
  1098. #progressIndicator h2 {
  1099. text-align: center;
  1100. font-size: 16px !important;
  1101. text-transform: uppercase;
  1102. font-weight: bold;
  1103. margin-top: 5px;
  1104. }
  1105.  
  1106. /*RES-NAVTOP*/
  1107. div#header-bottom-right.res-navTop {
  1108. position: absolute;
  1109. top: 215px;
  1110. background: none;
  1111. }
  1112.  
  1113. #header-bottom-right a, #header-bottom-right .user, #header-bottom-right .separator, #header-bottom-right .user .userkarma {
  1114. color: #FFF;
  1115. font-size: 11px;
  1116. font-weight: bold;
  1117. text-transform: uppercase;
  1118. }
  1119.  
  1120. /*NO-RES HEADER-BOTTOM-RIGHT*/
  1121. #header-bottom-right {
  1122. background: none repeat scroll 0% 0% transparent !important;
  1123. margin-right: 20px;
  1124. position: abolute;
  1125. top: 216px;
  1126. padding-top: 5px;
  1127. padding-right: 10px;
  1128. right: -2px;
  1129. text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
  1130. }
  1131.  
  1132. /*Sub Selector*/
  1133. #sr-header-area {
  1134. background-color: rgba(0, 0, 0, 0.3);
  1135. border: none;
  1136. color: #fff;
  1137. padding-top: 3px;
  1138. padding-bottom: 3px;
  1139. font-weight: 400;
  1140. font-size: 9px;
  1141. }
  1142.  
  1143. #srList {
  1144. position: absolute;
  1145. top: 24px !important;
  1146. left: 20px !important;
  1147. z-index: 9999;
  1148. border: none;
  1149. background-color: rgba(0, 0, 0, 0.85) !important;
  1150. width: auto;
  1151. overflow-y: auto;
  1152. color: white;
  1153. text-transform: uppercase;
  1154. font-weight: bold;
  1155. line-height: 2em;
  1156. border-radius: 0 0 10px 10px;
  1157. padding-bottom: 6px;
  1158. }
  1159.  
  1160. #srList tr {border-bottom: none !important;}
  1161.  
  1162. #srList tr:hover {background-color: rgba(80, 80, 80, 0.6) !important;}
  1163.  
  1164. #srList td a {color: #fff;}
  1165.  
  1166. #sr-header-area .drop-choices.srdrop {
  1167. margin-top: 3px;
  1168. margin-left: 5px;
  1169. background: rgba(0, 0, 0, 0.85);
  1170. border: medium none;
  1171. line-height: 1.5em;
  1172. font-weight: bold;
  1173. padding-bottom: 10px;
  1174. padding-left: 10px;
  1175. padding-right: 10px;
  1176. padding-top: 10px;
  1177. border-radius: 0px 0px 10px 10px;
  1178. }
  1179.  
  1180. body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub {color: #fff!important; /*COLOR OF SUB SELECTOR, ACTIVE*/}
  1181.  
  1182. #sr-header-area a {font-size: 9px;}
  1183.  
  1184. #sr-header-area a:hover {font-weight: bold;}
  1185.  
  1186. .sr-bar a {color: #fff;}
  1187.  
  1188. .titlebox h1 {
  1189. font-family: inherit;
  1190. font-weight: normal;
  1191. }
  1192.  
  1193. div.score {
  1194. font-weight: 500;
  1195. color: #999;
  1196. }
  1197.  
  1198. .linkinfo .date {
  1199. font-weight: 500;
  1200. font-size: 12px;
  1201. }
  1202.  
  1203. .md p, .md h1 {line-height: 20px;}
  1204.  
  1205. .md ul {line-height: 20px;}
  1206.  
  1207. h2 {
  1208. color: #252525;
  1209. font-size: 18px;
  1210. font-weight: normal;
  1211. }
  1212.  
  1213. .linkinfo .shortlink input {
  1214. box-shadow: none!important;
  1215. font-family: monospace !important;
  1216. border: 1px solid #e5e5e5!important;
  1217. transition: all .15s ease!important;
  1218. }
  1219.  
  1220. .linkinfo .shortlink {
  1221. text-transform: uppercase;
  1222. margin-top: 20px;
  1223. font-weight: bold;
  1224. text-align: center;
  1225. }
  1226.  
  1227. .comment .collapsed {
  1228. padding-left: 24px;
  1229. padding-bottom: 10px;
  1230. padding-top: 2px;
  1231. }
  1232.  
  1233. .comment .midcol {width: 20px !important;}
  1234.  
  1235. .gadget .midcol {width: 20px !important;}
  1236.  
  1237. /*Sub Selector*/
  1238. /*HEADER*/
  1239. #header {
  1240. background: #0079A3;
  1241. border-bottom: 1px solid transparent;
  1242. height: 249px;
  1243. }
  1244.  
  1245. .pagename a {
  1246. height: 100px;
  1247. width: 200px;
  1248. display: inline-block;
  1249. text-indent: -99999px;
  1250. background-repeat: no-repeat;
  1251. }
  1252. span.pagename.redditname a:hover {opacity: 0.8}
  1253.  
  1254. .pagename {font-size: 0px;}
  1255.  
  1256. .subtitle, .sidebox .spacer, .sidebox .spacer a, .sidebox.create, .morelink .nub {display: none;}
  1257.  
  1258. /*DISABLE CSS STYLE TOGGLE*/
  1259. .res .titlebox>div:first-of-type, .titlebox form.toggle {
  1260. font-weight: normal;
  1261. text-align: center;
  1262. padding-top: 5px;
  1263. padding-bottom: 5px;
  1264. }
  1265.  
  1266. /*SUBSCRIBE+SIDEBAR TOGGLES*/
  1267. .fancy-toggle-button .add {
  1268. font-size: 9px;
  1269. border: none !important;
  1270. padding: 5px 10px;
  1271. text-transform: uppercase;
  1272. }
  1273.  
  1274. .fancy-toggle-button .remove {
  1275. background: none;
  1276. border: none !important;
  1277. padding: 5px 8px !important;
  1278. text-transform: uppercase;
  1279. font-size: 9px;
  1280. }
  1281.  
  1282. .RESshortcutside {
  1283. font-size: 9px !important;
  1284. border: none !important;
  1285. padding: 5px 10px !important;
  1286. text-transform: uppercase;
  1287. background-image: none !important;
  1288. }
  1289.  
  1290. .RESshortcutside.remove {
  1291. border: none !important;
  1292. padding: 5px 10px !important;
  1293. text-transform: uppercase;
  1294. font-size: 9px;
  1295. }
  1296.  
  1297. .RESDashboardToggle {
  1298. font-size: 9px !important;
  1299. border: none !important;
  1300. padding: 5px 10px !important;
  1301. text-transform: uppercase;
  1302. background-image: none !important;
  1303. }
  1304.  
  1305. .RESDashboardToggle.remove {
  1306. border: none !important;
  1307. padding: 5px 10px !important;
  1308. text-transform: uppercase;
  1309. font-size: 9px;
  1310. }
  1311.  
  1312. /*END SIDEBAR TOGGLES*/
  1313. .linkinfo .date {
  1314. font-weight: 500;
  1315. font-size: 12px;
  1316. text-transform: uppercase;
  1317. text-align: left;
  1318. }
  1319.  
  1320. .linkinfo .score .number {
  1321. font-size: 14px;
  1322. text-align: left;
  1323. }
  1324.  
  1325. div.score {
  1326. text-transform: uppercase;
  1327. font-size: 14px;
  1328. font-weight: 500 !important;
  1329. color: #777;
  1330. }
  1331.  
  1332. .linkinfo .totalvotes {font-size: 100%;}
  1333.  
  1334. span.totalvotes {
  1335. text-transform: uppercase;
  1336. font-size: 14px;
  1337. font-weight: 500;
  1338. color: #999;
  1339. }
  1340.  
  1341. /* reddit name on sidebar below search box */
  1342. .titlebox h1.redditname {
  1343. width: 100%;
  1344. text-align: center;
  1345. }
  1346.  
  1347. .titlebox .redditname {height: 25px}
  1348.  
  1349. .res .titlebox .fancy-toggle-button {
  1350. display: inline-block;
  1351. margin-top: 10px;
  1352. margin-right: 5px;
  1353. margin-left: 0px;
  1354. width: auto;
  1355. }
  1356.  
  1357. .titlebox .fancy-toggle-button {
  1358. margin: 0px auto;
  1359. width: 100%;
  1360. }
  1361.  
  1362. .titlebox .fancy-toggle-button {
  1363. display: inline-block;
  1364. margin-top: 4px;
  1365. }
  1366.  
  1367. .flat-list {
  1368. list-style-type: none;
  1369. display: inline;
  1370. }
  1371.  
  1372. /*COMMENTTS BUTTON COLOR*/
  1373. .entry .buttons .may-blank {
  1374. font-weight: bold;
  1375. color: #5D3CE9 !important;
  1376. }
  1377.  
  1378. .link .tagline {
  1379. color: #666;
  1380. font-size: 12px;
  1381. margin-top: 3px;
  1382. }
  1383.  
  1384. .entry .buttons li a, .entry .buttons li + li {
  1385. font-weight: normal;
  1386. background: none repeat scroll 0% 0% !important;
  1387. color: #666 !important;
  1388. text-transform: none !important;
  1389. margin-top: 0px !important;
  1390. }
  1391.  
  1392.  
  1393. .comment .flat-list li a:hover,
  1394. .link .entry .buttons li a:hover,
  1395. .link .domain a:hover {
  1396. font-weight: bold;
  1397. text-decoration: none;
  1398. }
  1399.  
  1400. /*COMMENTS AND EVERYTHING ELSE BUTTONS*/
  1401. button {
  1402. border-radius: 4px;
  1403. color: #FFF;
  1404. cursor: pointer;
  1405. font-size: 14px;
  1406. line-height: 2.16;
  1407. text-align: center;
  1408. white-space: nowrap;
  1409. border: 0px none;
  1410. padding: 0px 1.06667em;
  1411. text-transform: capitalize;
  1412. }
  1413.  
  1414. /*BODY MARGINS AND SETTINGS */
  1415. body:not(.submit-page) .tabmenu::after {
  1416. position: absolute;
  1417. height: 49px;
  1418. content: '';
  1419. z-index: -1;
  1420. left: 0px;
  1421. right: 0px;
  1422. background: #666; /*TABMENU BACKGROUND SELECT*/
  1423. }
  1424.  
  1425. /* TAB BAR SETTINGS */
  1426. #sr-header-area {
  1427. width: 100%;
  1428. z-index: 9999;
  1429. }
  1430.  
  1431. /* BODY MARGINS */
  1432. div.content {
  1433. border-radius: 8px;
  1434. margin: 20px 350px 10px 25px;
  1435. border: 1px solid #e1e1e1;
  1436. background-color: #fff;
  1437. font-size: 12px;
  1438. }
  1439.  
  1440. .midcol {margin-left: 0;}
  1441.  
  1442. body >.content .link .rank, .rank-spacer {display: none;}
  1443.  
  1444. body >.content .link .midcol, .midcol-spacer {width: 40px !important;}
  1445.  
  1446. .thing .title {color: black;}
  1447.  
  1448. .link .title {font-weight: normal;}
  1449.  
  1450. .link .title .domain {
  1451. color: #999;
  1452. font-size: 0;
  1453. font-weight: normal
  1454. }
  1455.  
  1456. .link .title .domain::before {font-size: 12px}
  1457.  
  1458. .link .title .domain a {
  1459. font-size: 12px;
  1460. margin-left: 1px;
  1461. margin-top: -10px;
  1462. }
  1463.  
  1464. /*SIDEBAR*/
  1465. .side {
  1466. border: 1px solid #e1e1e1;
  1467. border-radius: 5px;
  1468. padding: 0px;
  1469. margin: 163px 25px 100px;
  1470. width: 300px;
  1471. background: #ffffff;
  1472. }
  1473.  
  1474. #searchexpando {
  1475. border-radius: 0px 0px 4px 4px;
  1476. text-align: center;
  1477. width: 280px;
  1478. background: rgba(0, 0, 0, 0.85);
  1479. border: medium none;
  1480. box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
  1481. color: white;
  1482. margin-top: 0px;
  1483. font-weight: bold;
  1484. text-transform: uppercase;
  1485. font-size: 11px;
  1486. line-height: 2.5em;
  1487. height: auto;
  1488. }
  1489.  
  1490. .infobar {border: 0px}
  1491.  
  1492. .side #search {
  1493. top: 270px;
  1494. position: absolute;
  1495. margin-right: 25px;
  1496. z-index: 4;
  1497. width: 317px;
  1498. }
  1499.  
  1500. /*SEARCH ANIMATION*/
  1501.  
  1502. body:not(.search-page) #search input[type=text] {
  1503. border-radius: 6px;
  1504. padding:9px;
  1505. border: 1px solid #e1e1e1;
  1506. text-align: center;
  1507. transition: 300ms;
  1508. }
  1509. body:not(.search-page) #search input[type=text]:hover {border: 1px solid #a0a0a0;}
  1510.  
  1511. body:not(.search-page) #search input[type=text]:focus {
  1512. border-color: #aaa;
  1513. text-align: left;
  1514. padding-left: 8px;
  1515. outline: 0;
  1516. padding-left: 6px;
  1517. animation-name: search;
  1518. animation-duration: 0.4s;
  1519. animation-timing-function: ease;
  1520. animation-iteration-count: 1;
  1521. animation-play-state: running;
  1522. }
  1523. @-webkit-keyframes search {
  1524. 0% {
  1525. padding-left: 125px;
  1526. }
  1527. 8% {
  1528. padding-left: 107px;
  1529. }
  1530. 15% {
  1531. padding-left: 89px;
  1532. }
  1533. 30% {
  1534. padding-left: 71px;
  1535. }
  1536. 50% {
  1537. padding-left: 53px;
  1538. }
  1539. 60% {
  1540. padding-left: 18px;
  1541. }
  1542. 100% {
  1543. padding-left: 6px;
  1544. }
  1545. }
  1546. @keyframes search {
  1547. 0% {
  1548. padding-left: 125px;
  1549. }
  1550. 8% {
  1551. padding-left: 107px;
  1552. }
  1553. 15% {
  1554. padding-left: 89px;
  1555. }
  1556. 30% {
  1557. padding-left: 71px;
  1558. }
  1559. 50% {
  1560. padding-left: 53px;
  1561. }
  1562. 60% {
  1563. padding-left: 18px;
  1564. }
  1565. 100% {
  1566. padding-left: 6px;
  1567. }
  1568. }
  1569.  
  1570. /*SUBMIT LINKS */
  1571. .morelink {
  1572. border: none;
  1573. letter-spacing: 0;
  1574. font-size: 14px !important;
  1575. border-radius: 3.5px;
  1576. padding: 3px;
  1577. text-transform: uppercase;
  1578. }
  1579.  
  1580. .morelink a, .morelink a:hover, .morelink a:visited {color: #fff;}
  1581.  
  1582. /*RESTRICTED*/
  1583. .disabled .morelink, .disabled .morelink:hover {
  1584. background-image: none !important;
  1585. top: 314px;
  1586. position: absolute;
  1587. width: 300px;
  1588. }
  1589.  
  1590. .side .submit-link {
  1591. position: absolute;
  1592. width: 300px;
  1593. top: 318px;
  1594. right: 25px;
  1595. }
  1596.  
  1597. .side .submit-text {
  1598. position: absolute;
  1599. width: 300px;
  1600. top: 365px;
  1601. right: 25px;
  1602. }
  1603.  
  1604. .morelink .nub {display: none;}
  1605.  
  1606. /*TITLEBOX PADDING*/
  1607. .titlebox {padding: 12px;}
  1608.  
  1609. .side .titlebox .md h3 a {margin-left: 5px;}
  1610.  
  1611. .side md {
  1612. padding-left: 5px;
  1613. padding-right: 5px;
  1614. }
  1615.  
  1616. .side #moderation_tools {
  1617. padding-left: 15px;
  1618. margin-bottom: 15px;
  1619. }
  1620.  
  1621. .sidecontentbox {padding: 15px;}
  1622.  
  1623. .infobar {
  1624. background: #f2f2f2;
  1625. border: 1px solid #ebebeb;
  1626. }
  1627.  
  1628. .user .userkarma {font-weight: normal;}
  1629.  
  1630. .message-count {
  1631. position: relative;
  1632. top: -2px;
  1633. }
  1634.  
  1635. .commentarea {padding: 0 10px 10px;}
  1636.  
  1637. .users-online {color: #535353;}
  1638.  
  1639. .users-online:before {display: none;}
  1640.  
  1641. .flair, .linkflairlabel {
  1642. margin-right: 0.8em;
  1643. padding: 2px 4px;
  1644. }
  1645.  
  1646. .nextprev, .next-suggestions {
  1647. margin: 10px !important;
  1648. padding: 10px !important;
  1649. display: block;
  1650. }
  1651.  
  1652. .nextprev a, .next-suggestions a {font-weight: normal !important;}
  1653.  
  1654. .link .usertext .md {border: 1px solid #e1e1e1;}
  1655.  
  1656. .link .usertext-body .md {
  1657. border: none !important;
  1658. background: none !important;
  1659. }
  1660.  
  1661. .link.last-clicked {
  1662. border: none;
  1663. border-bottom: 1px solid #e1e1e1;
  1664. }
  1665.  
  1666. .arrow.downmod {
  1667. background-image: url(%%downvoted%%);
  1668. background-size: contain;
  1669. background-position: 0px 0px;
  1670. height: 25px;
  1671. width: 25px;
  1672. }
  1673.  
  1674. .arrow.upmod {
  1675. background-image: url(%%upvoted%%);
  1676. background-size: contain;
  1677. background-position: 0px 0px;
  1678. height: 25px;
  1679. width: 25px;
  1680. }
  1681.  
  1682. .arrow.up {
  1683. background-image: url(%%upvote%%);
  1684. background-size: contain;
  1685. background-position: 0px 0px;
  1686. height: 25px;
  1687. width: 25px;
  1688. }
  1689.  
  1690. .arrow.down {
  1691. background-image: url(%%downvote%%);
  1692. background-size: contain;
  1693. background-position: 0px 0px;
  1694. height: 25px;
  1695. width: 25px;
  1696. }
  1697.  
  1698. div.midcol.likes, div.midcol.dislikes, div.midcol.unvoted,div.reddit-entry {padding: 0px 10px;}
  1699.  
  1700. #header-img.default-header:hover, #header-img:hover {opacity: .7;}
  1701.  
  1702. .users-online {margin-bottom: 2em;}
  1703.  
  1704. .titlebox span.subscribers,.titlebox .number {
  1705. font-size: 12px;
  1706. position: relative;
  1707. }
  1708.  
  1709. .titlebox span.subscribers, .titlebox .users-online {
  1710. color: #999;
  1711. position: relative;
  1712. top: 10px;
  1713. }
  1714.  
  1715. div.leavemoderator {
  1716. margin-left: 18px;
  1717. background: none;
  1718. }
  1719.  
  1720. .titlebox .users-online {
  1721. font-size: 12px;
  1722. position: relative;
  1723. top: 15px;
  1724. }
  1725.  
  1726. .titlebox h1 {
  1727. color: #4d5763;
  1728. margin-bottom: 6px
  1729. }
  1730.  
  1731. .titlebox .users-online:before {display: none}
  1732.  
  1733. .titlebox .users-online .number {font-style: italic}
  1734.  
  1735. .titlebox .users-online .number:before {content: ""}
  1736.  
  1737. .titlelebox .word {display: none}
  1738.  
  1739. .titlebox .users-online,.titlebox .number {cursor: text}
  1740.  
  1741. .titlebox .tagline {
  1742. font-size: 12px;
  1743. margin: 0
  1744. }
  1745.  
  1746. /* Text */
  1747. .side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md table,.side .md p,.side .md ul,.side .md ol {
  1748. margin-top: 15px;
  1749. color: #000;
  1750. font-size: 13px;
  1751. font-weight: normal;
  1752. }
  1753.  
  1754. /*BUTTONS ON SIDEBAR - Buttonstyle one */
  1755. .side .titlebox .md h3 a {
  1756. border-radius: 3.5px;
  1757. padding: 8px 0px;
  1758. border: none;
  1759. color: #fff;
  1760. letter-spacing: 0;
  1761. font-weight: bold;
  1762. text-align: center;
  1763. transition: .3s background ease;
  1764. font-size: 12px !important;
  1765. width: 276px;
  1766. margin: 1.5em 0;
  1767. display: block;
  1768. }
  1769.  
  1770. .md hr {border: solid 1px #e5e5e5}
  1771.  
  1772. .titlebox .bottom {display: none}
  1773.  
  1774. .sidecontentbox .collapse-button {
  1775. display: inline-block;
  1776. width: 12px;
  1777. height: 12px;
  1778. line-height: 10px;
  1779. text-align: center;
  1780. font-size: 10px;
  1781. margin: 1px 8px;
  1782. background-color: transparent;
  1783. color: #00bfa5;
  1784. vertical-align: middle;
  1785. border-radius: 2px;
  1786. border: 1px solid #00bfa5
  1787. }
  1788.  
  1789. .sidecontentbox .collapse-button:hover {
  1790. background-color: transparent;
  1791. color: #009884;
  1792. vertical-align: middle;
  1793. border-radius: 2px;
  1794. border: 1px solid #009884
  1795. }
  1796.  
  1797. .side .sidecontentbox .content {
  1798. border: none;
  1799. padding: 8px 0
  1800. }
  1801.  
  1802. /* Recently viewed links */
  1803. .gadget .midcol {width: 38px}
  1804.  
  1805. /* Body Content - Frontpage */
  1806. .content {
  1807. margin: 96px 16px 0;
  1808. padding: 0
  1809. }
  1810.  
  1811. .content:before {
  1812. height: 166px;
  1813. top: 0;
  1814. position: absolute;
  1815. width: 100%;
  1816. left: 0;
  1817. right: 0;
  1818. background: #66B880;
  1819. content: "";
  1820. text-indent: -9999px;
  1821. z-index: -1
  1822. }
  1823.  
  1824. .entry .buttons li a, .entry .buttons li + li {font-weight: normal;}
  1825.  
  1826. /*EXPANDO BUTTONS*/
  1827. expando-button, .expando-button.image {
  1828. height: 20px;
  1829. width: 20px;
  1830. margin: 5px 7px 2px 3px;
  1831. background-repeat: no-repeat !important;
  1832. background-size: contain;
  1833. }
  1834.  
  1835. .expando-button {
  1836. background: url(%%expand%%) !important;
  1837. background-size: 20px 20px !important;
  1838. background-repeat: no-repeat !important;
  1839. }
  1840.  
  1841. .expando-button:hover {
  1842. background: url(%%expand-h%%) !important;
  1843. background-size: 20px 20px !important;
  1844. background-repeat: no-repeat !important;
  1845. }
  1846.  
  1847. .expando-button.expanded:hover {
  1848. background: url(%%collapse-h%%) !important;
  1849. background-size: 20px 20px !important;
  1850. background-repeat: no-repeat !important;
  1851. }
  1852.  
  1853. .expando-button.expanded {
  1854. background: url(%%collapse%%) !important;
  1855. background-size: 20px 20px !important;
  1856. background-repeat: no-repeat !important;
  1857. }
  1858.  
  1859. /*FLAIRS*/
  1860. /*Redflair*/
  1861. .flair-redflair[title]:before {
  1862. background: #fe506e;
  1863. font-weight: Bold;
  1864. display: inline-block;
  1865. font-size: 10px;
  1866. padding: 4px 8px;
  1867. border-radius: 4px;
  1868. }
  1869.  
  1870. .flair-redflair[title] {
  1871. background: #c41959;
  1872. color: white;
  1873. font-size: 0;
  1874. padding: 0 5px 0 0;
  1875. -webkit-transition: 100ms;
  1876. transition: 100ms;
  1877. -webkit-box-sizing: border-box;
  1878. box-sizing: border-box;
  1879. border-radius: 4px;
  1880. }
  1881.  
  1882. .flairselector .flair-redflair[title], .flair-redflair[title]:hover {font-size: 10px;}
  1883.  
  1884. .flairselector .flair-redflair[title]:before, .flair-redflair[title]:hover:before {margin-right: 8px;}
  1885.  
  1886.  
  1887. /*purpleflair*/
  1888. .flair-purpleflair[title]:before {
  1889. background: #a05be5;
  1890. font-weight: Bold;
  1891. display: inline-block;
  1892. font-size: 10px;
  1893. padding: 4px 8px;
  1894. border-radius: 4px;
  1895. }
  1896.  
  1897. .flair-purpleflair[title] {
  1898. background: #6600cc;
  1899. color: white;
  1900. font-size: 0;
  1901. padding: 0 5px 0 0;
  1902. -webkit-transition: 100ms;
  1903. transition: 100ms;
  1904. -webkit-box-sizing: border-box;
  1905. box-sizing: border-box;
  1906. border-radius: 5px;
  1907. }
  1908.  
  1909. .flairselector .flair-purpleflair[title], .flair-purpleflair[title]:hover {font-size: 10px;}
  1910.  
  1911. .flairselector .flair-purpleflair[title]:before, .flair-purpleflair[title]:hover:before {margin-right: 8px;}
  1912.  
  1913.  
  1914. /*greenflair*/
  1915. .flair-greenflair[title]:before {
  1916. background: #2B8B27;
  1917. font-weight: Bold;
  1918. display: inline-block;
  1919. font-size: 10px;
  1920. padding: 4px 8px;
  1921. border-radius: 4px;
  1922. }
  1923.  
  1924. .flair-greenflair[title] {
  1925. background: #1A4B17;
  1926. color: white;
  1927. font-size: 0;
  1928. padding: 0 5px 0 0;
  1929. -webkit-transition: 100ms;
  1930. transition: 100ms;
  1931. -webkit-box-sizing: border-box;
  1932. box-sizing: border-box;
  1933. border-radius: 5px;
  1934. }
  1935.  
  1936. .flairselector .flair-greenflair[title], .flair-greenflair[title]:hover {font-size: 10px;}
  1937.  
  1938. .flairselector .flair-greenflair[title]:before, .flair-greenflair[title]:hover:before {margin-right: 8px;}
  1939.  
  1940. /*orangeflair*/
  1941. .flair-orangeflair[title]:before {
  1942. background: #f26200;
  1943. font-weight: Bold;
  1944. display: inline-block;
  1945. font-size: 10px;
  1946. padding: 4px 8px;
  1947. border-radius: 4px;
  1948. }
  1949.  
  1950. .flair-orangeflair[title] {
  1951. background: #c94700;
  1952. color: white;
  1953. font-size: 0;
  1954. padding: 0 5px 0 0;
  1955. -webkit-transition: 100ms;
  1956. transition: 100ms;
  1957. -webkit-box-sizing: border-box;
  1958. box-sizing: border-box;
  1959. border-radius: 5px;
  1960. }
  1961.  
  1962. .flairselector .flair-orangeflair[title], .flair-orangeflair[title]:hover {font-size: 10px;}
  1963.  
  1964. .flairselector .flair-orangeflair[title]:before, .flair-orangeflair[title]:hover:before {margin-right: 8px;}
  1965.  
  1966.  
  1967. /*blueflair*/
  1968. .flair-blueflair[title]:before {
  1969. background: #4099ff;
  1970. font-weight: Bold;
  1971. display: inline-block;
  1972. font-size: 10px;
  1973. padding: 4px 8px;
  1974. border-radius: 4px;
  1975. }
  1976.  
  1977. .flair-blueflair[title] {
  1978. background: #1E5790;
  1979. color: white;
  1980. font-size: 0;
  1981. padding: 0 5px 0 0;
  1982. -webkit-transition: 100ms;
  1983. transition: 100ms;
  1984. -webkit-box-sizing: border-box;
  1985. box-sizing: border-box;
  1986. border-radius: 5px;
  1987. }
  1988.  
  1989.  
  1990. .flairselector .flair-blueflair[title], .flair-blueflair[title]:hover {font-size: 10px;}
  1991.  
  1992. .flairselector .flair-blueflair[title]:before, .flair-blueflair[title]:hover:before {margin-right: 8px;}
  1993.  
  1994.  
  1995.  
  1996. div .thing .tagline .author.submitter:before {
  1997. background: #4099ff;
  1998. font-weight: Bold;
  1999. line-height: 20px;
  2000. padding: 0 7px 0 10px;
  2001. color: #FFF;
  2002. display: inline-block;
  2003. border-radius: 20px 0px 0px 20px;
  2004. font-size: 10px;
  2005. content: "OP ";
  2006. margin-right: 7px;
  2007. }
  2008.  
  2009. div .thing .tagline .author.submitter {
  2010. background: #1E5790;
  2011. font-weight: Bold;
  2012. line-height: 20px;
  2013. padding: 0px 10px 0px 0px;
  2014. color: #FFF;
  2015. display: inline-block;
  2016. border-radius: 20px;
  2017. font-size: 10px;
  2018. }
  2019.  
  2020. .titlebox form.toggle {background: none;}
  2021.  
  2022. form.toggle.sr_style_toggle, form.toggle.flairtoggle {font-size: 0px;}
  2023.  
  2024. form.toggle.sr_style_toggle:after {
  2025. content: "Use subreddit theme";
  2026. font-size: 12px;
  2027. }
  2028.  
  2029. form.toggle.flairtoggle:after {
  2030. content: "ENABLE YOUR FLAIR";
  2031. font-size: 12px;
  2032. font-weight: 500;
  2033. }
  2034.  
  2035. /*FLAIR TOGGLE*/
  2036. form.toggle.flairtoggle {
  2037. border-radius: 5px 5px 0px 0px;
  2038. margin-top: 30px;
  2039. margin-right: auto;
  2040. margin-left: auto;
  2041. padding: 10px;
  2042. color: white;
  2043. text-transform: uppercase;
  2044. text-align: center;
  2045. }
  2046.  
  2047. .titlebox .tagline {
  2048. background: #f4f4f4;
  2049. border-radius: 0px 0px 5px 5px;
  2050. border: none;
  2051. margin-top: 0px;
  2052. margin-bottom: 15px;
  2053. margin-right: 0px;
  2054. margin-left: 0px;
  2055. padding: 20px;
  2056. font-family: sans-serif;
  2057. font-size: 12px;
  2058. }
  2059.  
  2060. a.flairselectbtn {
  2061. text-transform: uppercase;
  2062. display: inline-block;
  2063. margin-top: 18px;
  2064. margin-left: auto;
  2065. margin-right: auto;
  2066. border-radius: 4px;
  2067. color: #FFF!important;
  2068. font-weight: bold;
  2069. padding: 5px;
  2070. }
  2071.  
  2072. a.flairselectbtn:hover {text-decoration: none;}
  2073.  
  2074. .titlebox .tagline {
  2075. text-align: center;
  2076. max-height: 50px;
  2077. }
  2078.  
  2079. .side .tagline {color: transparent;}
  2080.  
  2081. /*NO PRESET DEFAULT FLAIR*/
  2082. .linkflairlabel {
  2083. background: #666;
  2084. color: #FFF;
  2085. font-weight: bold;
  2086. padding: 2px 10px;
  2087. border-radius: 20px;
  2088. }
  2089.  
  2090. /*Colorful Link Flairs*/
  2091. /*This adds a colorful little tag to posts*/
  2092. /*Flairs*/
  2093. .linkflairlabel {
  2094. max-width: none;
  2095. border: 0px none;
  2096. }
  2097.  
  2098. .linkflair-red .linkflairlabel {
  2099. background: #fe506e;
  2100. color: white;
  2101. font-weight: Bold;
  2102. border-radius: 20px;
  2103. padding: 2px 10px;
  2104. }
  2105.  
  2106. .linkflair-purple .linkflairlabel {
  2107. background: #5d3ce9;
  2108. color: white;
  2109. font-weight: Bold;
  2110. border-radius: 20px;
  2111. padding: 2px 10px;
  2112. }
  2113.  
  2114. .linkflair-orange .linkflairlabel {
  2115. background: #f37735;
  2116. color: white;
  2117. font-weight: Bold;
  2118. border-radius: 20px;
  2119. padding: 2px 10px;
  2120. }
  2121.  
  2122. .linkflair-green .linkflairlabel {
  2123. background: #228b22;
  2124. color: white;
  2125. font-weight: Bold;
  2126. border-radius: 20px;
  2127. padding: 2px 10px;
  2128. }
  2129.  
  2130. .linkflair-blue .linkflairlabel {
  2131. background: #00aedb;
  2132. color: white;
  2133. font-weight: Bold;
  2134. border-radius: 20px;
  2135. padding: 2px 10px;
  2136. }
  2137.  
  2138. /* Flair Selector */
  2139. .flairselector.drop-choices.active {
  2140. border: 1px solid #D8D8D8;
  2141. border-radius: 8px !important;
  2142. visibility: visible;
  2143. background-color: #FFF;
  2144. padding: 20px !important;
  2145. }
  2146.  
  2147. .flairselector .flairselection {margin-bottom: 17px;}
  2148.  
  2149. .flairselector .customizer {
  2150. display: inline-block;
  2151. vertical-align: middle;
  2152. }
  2153.  
  2154. .side .flairselector {
  2155. position: fixed;
  2156. top: 150px!important;
  2157. left: 50%!important;
  2158. margin-left: -220px;
  2159. width: 400px !important;
  2160. border: none;
  2161. border-radius: 2px;
  2162. box-shadow: 0 0 16px rgba(0,0,0,0.64);
  2163. }
  2164.  
  2165. .flairselector h2 {
  2166. margin-bottom: 4px;
  2167. background-color: transparent;
  2168. color: #555 !important;
  2169. text-align: left;
  2170. text-transform: uppercase !important;
  2171. font-weight: bold;
  2172. font-size: 12px !important;
  2173. }
  2174.  
  2175. .flairselector form button {
  2176. text-transform: uppercase;
  2177. font-size: 10px;
  2178. font-weight: bold;
  2179. }
  2180.  
  2181. .side .flairselector:before {
  2182. display: block;
  2183. position: fixed;
  2184. top: 0px;
  2185. left: 0px;
  2186. z-index: -2;
  2187. overflow: hidden;
  2188. width: 100%;
  2189. height: 100%;
  2190. background-color: rgba(255, 255, 255, 0.75);
  2191. content: "";
  2192. cursor: default;
  2193. transition: all 0.25s ease;
  2194. pointer-events: none;
  2195. }
  2196.  
  2197. .flairselector.drop-choices.active {
  2198. visibility: visible !important;
  2199. background-color: #fff;
  2200. border: 1px solid #d8d8d8;
  2201. border-radius: 2px;
  2202. }
  2203.  
  2204. .flairselector h2 {
  2205. padding: 5px 5px 5px 5px;
  2206. background-color: #fff;
  2207. border-bottom: 1px solid #e5e5e5;
  2208. text-transform: capitalize;
  2209. }
  2210.  
  2211. .flairoptionpane {text-align: left;}
  2212.  
  2213. .flairoptionpane ul {visibility: visible !important;}
  2214.  
  2215. .flairoptionpane ul a.title {font-size: 100% !important;}
  2216.  
  2217. .flairselector li {
  2218. padding: 3px 0px 3px 0px;
  2219. width: 182px;
  2220. }
  2221.  
  2222. .flairselector li:hover {background-color: #efefef;}
  2223.  
  2224. .flairselector form {border-top: 1px solid #e5e5e5;}
  2225.  
  2226. .flairsample-left {text-align: left !important;}
  2227.  
  2228. .flairselector ul {overflow: visible;}
  2229.  
  2230. .flairselector li.selected {
  2231. background-color: #e5ebf8;
  2232. border: none;
  2233. }
  2234.  
  2235. /*LOGIN FORM*/
  2236. .login-form-side {
  2237. border: medium none;
  2238. padding: 16px;
  2239. margin-top: -10px;
  2240. }
  2241.  
  2242. .login-form-side input[type="text"], .login-form-side input[type="password"] {
  2243. font-size: 11px;
  2244. box-sizing: border-box;
  2245. border: 1px solid #999;
  2246. width: 258px;
  2247. }
  2248.  
  2249. .login-form-side #remember-me * {vertical-align: middle;}
  2250.  
  2251. .login-form-side .submit {
  2252. float: right;
  2253. margin-top: 5px;
  2254. margin-right: 5px;
  2255. }
  2256.  
  2257.  
  2258. /*THUMBNAILS*/
  2259. .thumbnail {border-radius: 5px; margin-right: 10px !important}
  2260.  
  2261. .stickied .thumbnail.self {
  2262. background: url(%%Sticky%%) !important;
  2263. background-repeat: no-repeat !important;
  2264. background-size: contain !important;
  2265. padding-bottom: 18px !important;
  2266. }
  2267.  
  2268. .thumbnail.nsfw {
  2269. background: url(%%NSFW%%);
  2270. background-repeat: no-repeat;
  2271. background-size: contain;
  2272. padding-bottom: 18px;
  2273. }
  2274.  
  2275. .thumbnail.self {
  2276. background: url(%%SelfPost%%);
  2277. background-repeat: no-repeat;
  2278. background-size: contain;
  2279. padding-bottom: 18px;
  2280. }
  2281.  
  2282. .thumbnail.default {
  2283. background: url(%%SelfPost%%); /*CREDITS TO VICON DESIGN, THE NOUN PROJECT*/
  2284. background-repeat: no-repeat;
  2285. background-size: contain;
  2286. padding-bottom: 18px;
  2287. }
  2288.  
  2289.  
  2290. body:not(.loggedin) .thumbnail.self {padding-bottom: 20px;}
  2291.  
  2292. body:not(.loggedin) .thumbnail.default {padding-bottom: 20px;}
  2293.  
  2294. /*STICKIED*/
  2295. body:not(.comments-page) .stickied a.title:link,
  2296. body:not(.comments-page) .stickied a.title:visited,
  2297. body:not(.comments-page) .stickied .link .tagline,
  2298. body:not(.comments-page) .stickied .tagline,
  2299. body:not(.comments-page) .stickied .entry .buttons li a,
  2300. body:not(.comments-page) .stickied .entry .buttons li + li,
  2301. body:not(.comments-page) .stickied .md p {color: #2B8B27 !important;}
  2302.  
  2303. /*NSFW*/
  2304. body:not(.comments-page) .over18 a.title:link,
  2305. body:not(.comments-page) .over18 a.title:visited,
  2306. body:not(.comments-page) .over18 .link .tagline,
  2307. body:not(.comments-page) .over18 .tagline,
  2308. body:not(.comments-page) .over18 .entry .buttons li a,
  2309. body:not(.comments-page) .over18 .entry .buttons li + li,
  2310. body:not(.comments-page) .over18 .md p {color: #D10023!important;}
  2311.  
  2312. /*UPPER RIGHT RES THINGY*/
  2313. .res #RESShortcutsEditContainer, .res #sr-more-link {
  2314. height: 23px!important;
  2315. max-height: 23px!important;
  2316. line-height: 23px;
  2317. padding-left: 8px;
  2318. background: none !important;
  2319. border: 0px;
  2320. font-weight: normal;
  2321. margin-right: 10px;
  2322. }
  2323.  
  2324. #sr-more-link {
  2325. position: absolute;
  2326. top: -3px;
  2327. }
  2328.  
  2329. #RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash {
  2330. height: 25px;
  2331. line-height: 25px!important;
  2332. margin-right: 4px;
  2333. background: transparent!important;
  2334. color: #fff !important;
  2335. }
  2336.  
  2337. .link .flat-list {
  2338. display: block;
  2339. padding: 1px 0px;
  2340. margin-top: 3px;
  2341. }
  2342.  
  2343. .flaircell, .flairlist .header {
  2344. display: inline-block;
  2345. text-align: center;
  2346. width: 30ex;
  2347. margin-right: 100px;
  2348. }
  2349.  
  2350. li.searchfacet {width: 20em}
  2351.  
  2352. /*LOADING MESSAGE AND ERROR FORMAT*/
  2353. .error {
  2354. font-size: 12px;
  2355. text-transform: uppercase;
  2356. font-weight: bold;
  2357. }
  2358.  
  2359. /*STYLESHEET EDITING PAGE FIX*/
  2360. .pretty-form {
  2361. font-size: larger;
  2362. margin-left: 25px;
  2363. }
  2364.  
  2365. #preview-table > table {
  2366. border-width: 0.2em;
  2367. border-style: dashed;
  2368. border-color: #D3D3D3;
  2369. padding: 5px;
  2370. margin: 5px;
  2371. width: 900px;
  2372. margin-left: 25px;
  2373. }
  2374.  
  2375. form#image-upload.image-upload {margin-left: 25px;}
  2376.  
  2377. /*FOOTER*/
  2378. .debuginfo {background-color: #333;}
  2379.  
  2380. .footer-parent {
  2381. font-size: 14px;
  2382. padding-top: 20px;
  2383. padding-bottom: 20px;
  2384. background-color: #333;
  2385. margin-top: 300px;
  2386. }
  2387.  
  2388. .footer .col {margin: 10px 0px 30px 0px;}
  2389.  
  2390. .footer {border: 0 solid;}
  2391.  
  2392. .col {border: none !important;}
  2393.  
  2394. .footer .flat-vert li a {
  2395. font-size: 11px;
  2396. font-weight: bold;
  2397. text-transform: uppercase;
  2398. color: #999 !important;
  2399. }
  2400.  
  2401. .footer .flat-vert li a:hover {
  2402. text-decoration: none !important;
  2403. color: #fff !important;
  2404. }
  2405.  
  2406. .footer .flat-vert .title {
  2407. font-size: 16px;
  2408. font-weight: 700;
  2409. transition: color .25s ease, background-color .25s ease;
  2410. text-transform: uppercase;
  2411. color: white;
  2412. }
  2413.  
  2414. .bottommenu {
  2415. font-size: 10px;
  2416. color: #FFF !important;
  2417. border: medium none !important;
  2418. text-transform: uppercase;
  2419. font-weight: bold;
  2420. }
  2421.  
  2422. .bottommenu a {
  2423. text-decoration: none;
  2424. color: #999;
  2425. }
  2426.  
  2427. /*NEW MAIL ANIMATION*/
  2428. /*TAKEN FROM /R/APPLE*/
  2429. #mail.havemail:before {
  2430. position: fixed;
  2431. bottom: 24px;
  2432. z-index: 100;
  2433. padding: 45px 0px 10px 0px;
  2434. background-color: rgba(0, 0, 0, 0.85);
  2435. border-radius: 6px;
  2436. box-shadow: 0 1px 5px rgba(0,0,0,0.5);
  2437. color: #fff;
  2438. width: 210px;
  2439. height: 15px;
  2440. left: 0px;
  2441. right: 0px;
  2442. content: "YOU HAVE NEW MESSAGES";
  2443. text-indent: 30px;
  2444. font-size: 11px;
  2445. line-height: 1;
  2446. -webkit-transform: translateY(112px);
  2447. transform: translateY(112px);
  2448. transition: background-color 0.25s ease, box-shadow 0.25s ease;
  2449. background-image: url(%%havemail%%);
  2450. background-position: 85px 14px;
  2451. margin: 0px auto;
  2452. background-size: 32px;
  2453. font-weight: bold;
  2454. background-repeat: no-repeat;
  2455. }
  2456.  
  2457. /*Animation */
  2458. #mail.havemail:before {
  2459. animation-name: toast;
  2460. animation-duration: 8s;
  2461. animation-iteration-count: 1;
  2462. animation-timing-function: ease;
  2463.  
  2464. -webkit-animation-name: toast;
  2465. -webkit-animation-duration: 8s;
  2466. -webkit-animation-iteration-count: 1;
  2467. -webkit-animation-timing-function: ease;
  2468. }
  2469.  
  2470. #mail.havemail:hover:before {
  2471. -webkit-animation-play-state: paused;
  2472. -moz-animation-play-state: paused;
  2473. -o-animation-play-state: paused;
  2474. animation-play-state: paused;
  2475. }
  2476.  
  2477.  
  2478. @-webkit-keyframes toast {
  2479. 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2480. 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2481. 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 0.8;}
  2482. 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
  2483. 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
  2484. 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 0.8;}
  2485. 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2486. }
  2487.  
  2488. @-o-keyframes toast {
  2489. 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2490. 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2491. 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 0.8;}
  2492. 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
  2493. 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
  2494. 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 0.8;}
  2495. 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2496. }
  2497.  
  2498.  
  2499. @-moz-keyframes toast {
  2500. 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2501. 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2502. 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 0.8;}
  2503. 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
  2504. 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
  2505. 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 0.8;}
  2506. 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2507. }
  2508.  
  2509.  
  2510. @keyframes toast {
  2511. 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2512. 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2513. 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 0.8;}
  2514. 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
  2515. 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 0.8;}
  2516. 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 0.8;}
  2517. 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;}
  2518. }
  2519.  
  2520. /*——————————————————————————————————————————————
  2521.  
  2522. SUBREDDIT COLOR SCHEME
  2523.  
  2524. For aesthetic purposes, please keep everything
  2525. of the same set in one color.
  2526.  
  2527. The text color for the buttons and backgrounds
  2528. is white. Please make sure the chosen background
  2529. color will provide enough contrast with the text
  2530. color.
  2531. ——————————————————————————————————————————————*/
  2532.  
  2533.  
  2534.  
  2535.  
  2536. /*SET ONE - BUTTONS AND BACKGROUNDS*/
  2537.  
  2538. button, /*GENERAL BUTTON*/
  2539. form.toggle.flairtoggle, /*FLAIR SELECTOR TOP*/
  2540. a.flairselectbtn, /*FLAIR SELECTOR EDIT BUTTON*/
  2541. .panestack-title a.title-button.gold, /*COMMENTS PAGE GOLD SHOW MORE BUTTON*/
  2542. .panestack-title a.title-button, /*COMMENTS PAGE SHOW 500 BUTTON*/
  2543. .RESSubscriptionButton, /*RES COMMENTS SUBSCRIBE*/
  2544. .fancy-toggle-button .remove, /*UNSUBSCRIBE BUTTON*/
  2545. .RESDashboardToggle.remove, /*RES REMOVE DASHBOARD*/
  2546. .RESshortcutside.remove, /*RES REMOVE SHORTCUT*/
  2547. .sidecontentbox a.helplink /*MESSAGE THE MODS BUTTON*/
  2548.  
  2549. {background: #5d3ce9;}
  2550.  
  2551. .error, /*ERROR AND OTHER MESSAGES COLOR*/
  2552. .submit-page .roundfield a, /*SUBMIT PAGE OTHER SUBREDDITS BUTTON*/
  2553. .entry .buttons .may-blank, /*COMMENTS BUTTON*/
  2554. .comment .flat-list li a:hover, /*COMMENT BUTTONS HOVER*/
  2555. .link .entry .buttons li a:hover, /*LINK BUTTONS HOVER*/
  2556. .link .domain a:hover, /*DOMAIN HOVER*/
  2557. .commentNavSortType:hover, /*COMMENTS PAGE BUTTON HOVER*/
  2558. .commentarea .menuarea .toggle a:hover /*COMMENTS PAGE RES BUTTON HOVER*/
  2559.  
  2560. {color: #5d3ce9 !important;} /*MAKE THIS THE SAME COLOR AS THE ONE ABOVE*/
  2561.  
  2562. .usertext-edit textarea:focus, /*TEXT FOCUS INDICATOR*/
  2563. .roundfield textarea:focus,
  2564. .roundfield input[type="url"]:focus,
  2565. .roundfield input[type="text"]:focus {
  2566. border-bottom: 3px solid #5D3CE9; /*STILL THE SAME COLOR AS ABOVE*/
  2567. }
  2568.  
  2569.  
  2570. /*SET ONE BUTTON HOVER*/
  2571.  
  2572. button:hover, /*GENERAL BUTTON HOVER*/
  2573. a.flairselectbtn:hover, /*EDIT BUTTON*/
  2574. .panestack-title a.title-button.gold:hover, /*COMMENTS PAGE GOLD SHOW MORE BUTTON*/
  2575. .panestack-title a.title-button:hover, /*COMMENTS PAGE SHOW 500 BUTTON*/
  2576. .comments-page.RESSubscriptionButton:hover, /*RES COMMENTS SUBSCRIBE*/
  2577. .fancy-toggle-button .remove:hover, /*UNSUBSCRIBE BUTTON*/
  2578. .RESDashboardToggle.remove:hover, /*RES REMOVE DASHBOARD*/
  2579. .RESshortcutside.remove:hover, /*RES REMOVE SHORTCUT*/
  2580. .sidecontentbox a.helplink:hover /*MESSAGE THE MODS BUTTON*/
  2581.  
  2582. {background: #37248b;} /*MAKE THIS THE DARKER SHADE OF SET ONE*/
  2583.  
  2584.  
  2585. /*SET TWO - SECONDARY COLOR BUTTONS AND BACKGROUNDS*/
  2586.  
  2587. .tabmenu, /*GENERAL TABMENU, NON HEADER*/
  2588. .morelink, /*SUBMIT BUTTONS*/
  2589. .side .titlebox .md h3 a /*SIDEBAR BUTTON LINK*/
  2590.  
  2591. {background: #444;}
  2592.  
  2593.  
  2594. /*SET TWO HOVER*/
  2595. .morelink:hover, /*SUBMIT BUTTONS HOVER*/
  2596. .side .titlebox .md h3 a:hover /*SIDEBAR BUTTON LINK HOVER*/
  2597.  
  2598. {background: #666;}
  2599.  
  2600.  
  2601.  
  2602. /*SET THREE - SIDEBAR BUTTONS*/
  2603.  
  2604. .fancy-toggle-button .add, /*SUBSCRIBE BUTTON*/
  2605. .RESshortcutside, /*RES ADD SHORTCUT*/
  2606. .RESDashboardToggle /*RES ADD DASHBOARD*/
  2607.  
  2608. {background: #80d04b;}
  2609.  
  2610. /*SET THREE - SIDEBAR BUTTONS HOVER*/
  2611.  
  2612. .fancy-toggle-button .add:hover, /*SUBSCRIBE BUTTON*/
  2613. .RESshortcutside:hover, /*RES ADD SHORTCUT*/
  2614. .RESDashboardToggle:hover /*RES ADD DASHBOARD*/
  2615.  
  2616. {background: #599134;}
  2617.  
  2618. /*END CHANGE COLOR SCHEME*/
  2619.  
  2620. /*Dark mode*/
  2621.  
  2622. html[lang="dm"] .comment .flat-list li a:hover,
  2623. html[lang="dm"] .link .entry .buttons li a:hover,
  2624. html[lang="dm"] .link .domain a:hover {
  2625. color: #fff !important;
  2626. }
  2627.  
  2628. html[lang="dm"] .content .entry .buttons li.reported-stamp, html[lang="dm"] body .content .stickied .entry .buttons li.reported-stamp {
  2629.  
  2630. background: #222 !important;
  2631. color: #d1d1d1 !important;
  2632.  
  2633. }
  2634. html[lang="dm"] .pretty-button.positive {color: #7DDC1F !important;}
  2635.  
  2636. html[lang="dm"] .pretty-button.neutral {color: #ccc;}
  2637.  
  2638. html[lang="dm"] .pretty-button.negative {color:#FE728B !important;}
  2639.  
  2640. html[lang="dm"] .nsfw-stamp {background: #FE728B;}
  2641.  
  2642. html[lang="dm"] .combined-search-page .search-result-group .search-header-label,html[lang="dm"] .combined-search-page .search-result .search-result-body,html[lang="dm"] .combined-search-page .search-result .search-result-header .search-title,html[lang="dm"] .combined-search-page .search-result .search-result-footer .search-link,html[lang="dm"] .combined-search-page .search-result .search-result-meta,html[lang="dm"] .combined-search-page .search-result .search-score,html[lang="dm"] .combined-search-page .search-result .search-comments,html[lang="dm"] .combined-search-page .search-result-group .search-result-group-header {color: #fff}
  2643.  
  2644. html[lang="dm"] .combined-search-page .search-result .search-expando.collapsed::before {background: transparent linear-gradient(to bottom,rgba(255,255,255,0) 0%,#444 100%) repeat scroll 0 0}
  2645.  
  2646. html[lang="dm"] .combined-search-page .search-result .search-expando-button {color: #A4D11B}
  2647.  
  2648. html[lang="dm"] body:not(.comments-page) .stickied a.title:link,html[lang="dm"] body:not(.comments-page) .stickied a.title:visited,html[lang="dm"] body:not(.comments-page) .stickied .link .tagline,html[lang="dm"] body:not(.comments-page) .stickied .tagline,html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li a,html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li + li,html[lang="dm"] body:not(.comments-page) .stickied .md p {color: #7ddc1f!important}
  2649.  
  2650. html[lang="dm"] body:not(.comments-page) .over18 a.title:link,html[lang="dm"] body:not(.comments-page) .over18 a.title:visited,html[lang="dm"] body:not(.comments-page) .over18 .link .tagline,html[lang="dm"] body:not(.comments-page) .over18 .tagline,html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li a,html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li + li,html[lang="dm"] body:not(.comments-page) .over18 .md p {color: #fe728b!important}
  2651.  
  2652. html[lang="dm"] body {background: #323232}
  2653.  
  2654. html[lang="dm"] div.content {background-color: #444;border:1px solid #4c4c4c}
  2655.  
  2656. html[lang="dm"] .entry .buttons li a {color: #ccc!important}
  2657.  
  2658. html[lang="dm"] .thing .title:visited {color: #ccc}
  2659.  
  2660. html[lang="dm"] .thing .title {color: #fff}
  2661.  
  2662. html[lang="dm"] input[name="uh"] ~ a:after {display: none}
  2663.  
  2664. html[lang="dm"] .entry .buttons .may-blank {color: #fff}
  2665.  
  2666. html[lang="dm"] a.comments::after {color: #ccc!important}
  2667.  
  2668. html[lang="dm"] .flair {border: none}
  2669.  
  2670. html[lang="dm"] .side {border: #4c4c4c;background:#444}
  2671.  
  2672. html[lang="dm"] div.leavemoderator {color: #ccc}
  2673.  
  2674. html[lang="dm"] .side .usertext-body {background-image: none;padding:0}
  2675.  
  2676. html[lang="dm"] .side .md p {color: #fff}
  2677.  
  2678. html[lang="dm"] .icon-menu a {color: #fff}
  2679.  
  2680. html[lang="dm"] .sidecontentbox .title h1 {color: #fff;font-weight:700}
  2681.  
  2682. html[lang="dm"] .side .titlebox .md h3 a {background: #323232}
  2683.  
  2684. html[lang="dm"] .titlebox span.subscribers,html[lang="dm"] .titlebox .users-online {color: #fff!important}
  2685.  
  2686. html[lang="dm"] #sr-header-area a,html[lang="dm"] h2 {color: #fff}
  2687.  
  2688. html[lang="dm"] body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub {color: #fff!important}
  2689.  
  2690. html[lang="dm"] .side .md h4 a {color: #fff!important}
  2691.  
  2692. html[lang="dm"] .side .md h4 {background: #323232}
  2693.  
  2694. html[lang="dm"] .link {border-bottom: 1px solid #888}
  2695.  
  2696. html[lang="dm"] .md a {color: #a4d11b}
  2697.  
  2698.  
  2699. html[lang="dm"] .link.promotedlink.promoted {background-color: #565656}
  2700.  
  2701. html[lang="dm"] .link .score.likes {color: #FF5F3F!important}
  2702.  
  2703. html[lang="dm"] .link .score.dislikes {color: #88c800;}
  2704.  
  2705. html[lang="dm"] .titlebox .tagline {background-color: #323232}
  2706.  
  2707. html[lang="dm"] .expando-button.video,html[lang="dm"] .expando-button.image,html[lang="dm"] .expando-button.selftext,html[lang="dm"] .expanded-button.video-muted {
  2708. background: url(%%expand-h%%)!important;
  2709. background-size: 20px 20px!important;
  2710. background-repeat: no-repeat!important
  2711. }
  2712.  
  2713. html[lang="dm"] .expando-button.video.expanded,html[lang="dm"] .expando-button.image.expanded,html[lang="dm"] .expando-button.selftext.expanded,html[lang="dm"] .expanded-button.video-muted.expanded {
  2714. background: url(%%collapse-h%%)!important;
  2715. background-size: 20px 20px!important;
  2716. background-repeat: no-repeat!important
  2717. }
  2718.  
  2719. html[lang="dm"] span.score,html[lang="dm"] .sidecontentbox .more a {color: #ccc!important}
  2720.  
  2721. html[lang="dm"] #progressIndicator,html[lang="dm"] .commentarea .panestack-title .title,html[lang="dm"] .commentingAs,html[lang="dm"] .md,html[lang="dm"] .linkinfo .date,html[lang="dm"] div.score,html[lang="dm"] span.totalvotes,html[lang="dm"] .linkinfo .shortlink {color: #fff!important}
  2722.  
  2723. html[lang="dm"] form.toggle.flairtoggle {background-color: #222}
  2724.  
  2725. html[lang="dm"] body.comments-page .link {background: #4c4c4c}
  2726.  
  2727. html[lang="dm"] .commentarea > .usertext {background-color: #444}
  2728.  
  2729. html[lang="dm"] .commentarea .thing,html[lang="dm"] .commentarea .child .thing.comment {background-color: #444!important;border:1px solid #666!important}
  2730.  
  2731. html[lang="dm"] button {background-color: #999;color:#000}
  2732.  
  2733. html[lang="dm"] .tagline a,html[lang="dm"] #RESShortcutsSort,html[lang="dm"] #RESShortcutsRight,html[lang="dm"] #RESShortcutsLeft,html[lang="dm"] #RESShortcutsAdd,html[lang="dm"] #RESShortcutsTrash {color: #fff}
  2734.  
  2735. html[lang="dm"] .shortlink .input {
  2736. background-color: #222;
  2737. color: #fff;
  2738. border: 1px solid #666!important;
  2739. }
  2740.  
  2741. html[lang="dm"] .side .titlebox .md h1,html[lang="dm"] .side .md ol,html[lang="dm"] .error,html[lang="dm"] .md del,html[lang="dm"] .dropdown.srdrop span.selected.title,html[lang="dm"] .menuarea,html[lang="dm"] #previoussearch label,html[lang="dm"] .search-page .searchfacets,html[lang="dm"] .searchfacet a,html[lang="dm"] .wiki-page-content .md h1,html[lang="dm"] .titlebox h1 a,html[lang="dm"] .wiki-page .wikititle,html[lang="dm"] .wiki-page .pageactions .wikiaction-current,html[lang="dm"] .generic-table,html[lang="dm"] .md pre code,html[lang="dm"] .formtabs-content .infobar,html[lang="dm"] .roundfield,html[lang="dm"] .wiki-page .wiki-page-content .wiki.md,html[lang="dm"] .wiki-page .wiki-page-content .wiki.md h2 {color: #fff!important}
  2742.  
  2743. html[lang="dm"] .search-page .searchfacets {background: #555}
  2744.  
  2745. html[lang="dm"] .roundfield,html[lang="dm"] .formtabs-content .infobar {background-color: #444}
  2746.  
  2747. html[lang="dm"] .md code {background-color: #222;border:1px solid #666!important}
  2748.  
  2749. html[lang="dm"] .md pre {padding: 0;background-color:transparent!important}
  2750.  
  2751. html[lang="dm"] .footer-parent {background: #222}
  2752.  
  2753. html[lang="dm"] .wiki-page div.content {background-color: transparent;border:none}
  2754.  
  2755. html[lang="dm"] .livePreview .md p {color: #000}
  2756.  
  2757. html[lang="dm"] .wiki-page .infobar {background: none;border:none}
  2758.  
  2759. html[lang="dm"] .wiki-page .wiki-page-content,html[lang="dm"] .wiki-page .pageactions,html[lang="dm"] .wiki-page .wikititle,html[lang="dm"] .content.submit .info-notice {background-color: #444!important}
  2760.  
  2761. html[lang="dm"] body:not(.search-page) #search input[type="text"] {
  2762. background: #222!important;
  2763. border: 1px solid #444;
  2764. color: #fff
  2765. }
  2766.  
  2767. html[lang="dm"] .submit-page .content a {color: #999 !important;}
  2768.  
  2769. html[lang="dm"] .md table,html[lang="dm"] .md ul {color: #fff!important}
  2770.  
  2771. html[lang="dm"] .side .titlebox {color: #fff}
  2772.  
  2773. html[lang="dm"] ::-moz-selection {background: #666;color:#fff}
  2774.  
  2775. html[lang="dm"] .linkinfo {background-color: #444}
  2776.  
  2777. html[lang="dm"] .debuginfo, .footer-parent {background: #222;}
  2778.  
  2779. html[lang="dm"] .gold-accent.comment-visits-box {color: #fff}
  2780.  
  2781. html[lang="dm"] ul#image-preview-list li {
  2782. background: #444;
  2783. border: 1px solid #666;
  2784. color: #fff
  2785. }
  2786.  
  2787. html[lang="dm"] .flairselector h2,html[lang="dm"] .flairselector .tagline a {color: #000!important}
  2788.  
  2789. html[lang="dm"] .wiki-page .wiki-page-content .md.wiki h4 {color: #fff!important}
  2790.  
  2791. html[lang="dm"] .comments-page .content .infobar {
  2792. background: #444;
  2793. color: #fff;
  2794. }
  2795.  
  2796. html[lang="dm"] .commentarea textarea:not(:focus):not(:hover) {
  2797. color: transparent;
  2798. background-color: #444 !important;
  2799. text-shadow: 0px 0px 12px #000;
  2800. }
  2801.  
  2802. html[lang="dm"] .commentarea textarea:hover,
  2803. html[lang="dm"] .roundfield textarea:hover,
  2804. html[lang="dm"] .roundfield input[type="url"]:hover,
  2805. html[lang="dm"] .roundfield input[type="text"]:hover {border: 1px solid #9f9f9f;}
  2806.  
  2807. html[lang="dm"] textarea,
  2808. html[lang="dm"] .roundfield input[type="text"],
  2809. html[lang="dm"] .roundfield input[type="url"] {
  2810. background-color: #222!important;
  2811. color:#fff!important;
  2812. transition: 300ms;
  2813. transition: 300ms;
  2814. border: 1px solid #666;
  2815. }
  2816.  
  2817. html[lang="dm"] .usertext-edit textarea:focus,
  2818. html[lang="dm"] .roundfield textarea:focus,
  2819. html[lang="dm"] .roundfield input[type="url"]:focus,
  2820. html[lang="dm"] .roundfield input[type="text"]:focus {
  2821. border: 1px solid #666;
  2822. transition: 0.1s ease;
  2823. border-bottom: 3px solid #999 !important;
  2824. }
  2825.  
  2826. /* ===============================================================================================================================
  2827.  
  2828.  
  2829. ADD SNIPPETS BELOW THIS LINE
  2830.  
  2831.  
  2832. ==================================================================================================================================*/
  2833. /*USER FLAIR LABELS*/
  2834. .flair-redflair[title]:before {content: 'Titan';}
  2835. .flair-purpleflair[title]:before {content: 'The Creator';}
  2836. .flair-greenflair[title]:before {content: 'Ghost';}
  2837. .flair-orangeflair[title]:before {content: 'Hunter';}
  2838. .flair-blueflair[title]:before {content: 'Supporter';}
  2839. /*END USER FLAIR LABELS*/
  2840.  
  2841. /*SUBREDDIT NAME*/
  2842. .titlebox h1.redditname a {
  2843. content: "";
  2844. font-size: 0;
  2845. }
  2846.  
  2847. .titlebox h1.redditname a::before {
  2848. font-size: 20px;
  2849. content:"The100.io";
  2850. }
  2851. /*END SUBREDDIT NAME*/
  2852.  
  2853. /*SUBSCRIBERS TEXT*/
  2854. .titlebox .word {display: none}
  2855.  
  2856. .titlebox .number:after {content: " amazing guardians";}
  2857.  
  2858. .titlebox .users-online span.number:after {content: " guardians in the tower";}
  2859. /*END SUBSCRIBERS TEXT*/
  2860.  
  2861. /*MODERATOR TAGS*/
  2862. .author[href$="/SifuPepe"]:before,
  2863. .author[href$="/muhuhaha"]:before,
  2864. .author[href$="/fear_broner"]:before
  2865. {
  2866. background: #2B8B27;
  2867. font-weight:Bold;
  2868. line-height: 20px;
  2869. padding: 0 4px;
  2870. color: #FFF !important;
  2871. display: inline-block;
  2872. border-radius: 3px;
  2873. font-size: 10px;
  2874. }
  2875.  
  2876. .author[href$="/SifuPepe"],
  2877. .author[href$="/muhuhaha"],
  2878. .author[href$="/fear_broner"]
  2879. {
  2880. background: #1A4B17;
  2881. font-weight:Bold;
  2882. line-height: 20px;
  2883. padding: 0 4px;
  2884. color: #FFF;
  2885. display: inline-block;
  2886. border-radius: 3px;
  2887. font-size: 10px;
  2888. }
  2889.  
  2890. .author[href$="/SifuPepe"]:before,
  2891. .author[href$="/muhuhaha"]:before,
  2892. .author[href$="/fear_broner"]:before {
  2893. content: "Mod ";
  2894. margin-right: .4em;
  2895. }
  2896.  
  2897. .comments-page .thing .tagline .author.moderator, .front-page .thing .tagline .author.moderator {background: #1A4B17 !important;}
  2898.  
  2899. .thing .tagline .author.moderator:before {background: #2B8B27 !important;}
  2900.  
  2901. /*END MODERATOR TAGS*/
  2902.  
  2903. /*MODERATOR BOX RENAME*/
  2904. .sidecontentbox .helplink + .title h1 {font-size: 0}
  2905.  
  2906. .sidecontentbox .helplink + .title h1:before {font-size: 13.5px; content: "THE GENIUS BAR"}
  2907.  
  2908. /*END MODERATOR BOX RENAME*/
  2909.  
  2910. /*DISABLE DOWNVOTING UNLESS SUBSCRIBED*/
  2911. body:not(.subscriber) .down
  2912. {
  2913. visibility: hidden !important;
  2914. }
  2915.  
  2916. /*MESSAGE*/
  2917. body:not(.subscriber) #siteTable::before {
  2918. content: "You are not subscribed to this subreddit. What are you waiting for? Click Subscribe and Join!";
  2919. display: block;
  2920. background-color: #444;
  2921. border: none;
  2922. font-size: 11px;
  2923. color: white;
  2924. text-align: center;
  2925. padding: 20px 15px;
  2926. text-transform: uppercase;
  2927. font-weight: bold;
  2928. border-radius: 4px 4px 0px 0px;
  2929. }
  2930. /*END DISABLE DOWNVOTING UNLESS SUBSCRIBED*/
  2931.  
  2932. /*UPVOTE AND DOWNVOTE HOVER MESSAGE*/
  2933.  
  2934. .arrow.down:hover:before {
  2935. position: absolute;
  2936. display: block;
  2937. z-index: 1000;
  2938. width: auto;
  2939. padding: 5px;
  2940. border: 0px solid #333;
  2941. background: #88c800;
  2942. content: "Not sure about this one...";
  2943. text-align: center;
  2944. font-size: 13px;
  2945. color: white;
  2946. margin-left: 40px;
  2947. margin-top: 0px;
  2948. -moz-border-radius: 4px;
  2949. border-radius: 4px;
  2950. -webkit-border-radius: 4px;
  2951. font-weight:bold;
  2952. }
  2953.  
  2954. .arrow.up:hover:before {
  2955. position: absolute;
  2956. display: block;
  2957. z-index: 1000;
  2958. width: auto;
  2959. padding: 5px;
  2960. border: 0px solid #333;
  2961. background: #5d3ce9;
  2962. content: "This needs to happen...";
  2963. text-align: center;
  2964. font-size: 13px;
  2965. color: white;
  2966. margin-left: 40px;
  2967. margin-top: 0px;
  2968. -moz-border-radius: 4px;
  2969. border-radius: 4px;
  2970. -webkit-border-radius: 4px;
  2971. font-weight:bold;
  2972. }
  2973.  
  2974. /*END UPVOTE AND DOWNVOTE HOVER MESSAGE*/
  2975.  
  2976. /*ENABLE SIDEBAR ON SUBMIT PAGE*/
  2977.  
  2978. .submit-page .footer {display: none;}
  2979.  
  2980. .submit-page div.content {
  2981. margin-top: 20px !important;
  2982. margin-bottom: 50px !important;
  2983. background: none;
  2984. border: none;
  2985. position: absolute;
  2986. left: calc(50% - 422px);
  2987. }
  2988.  
  2989. .submit-page .side {
  2990. display: block !important;
  2991. border: 1px solid #E1E1E1;
  2992. border-radius: 5px;
  2993. padding: 0px;
  2994. width: 300px;
  2995. background: #FFF none repeat scroll 0% 0%;
  2996. position: absolute;
  2997. margin-top: 65px;
  2998. left: calc(50% - -160px);
  2999. }
  3000.  
  3001. .submit-page .content::before, .submit-page .bottommenu,.submit-page .debuginfo, .submit-page .footer-parent, .submit-page .content h1 {display: none;}
  3002. .submit-page .side #search {top: -45px;}
  3003. .submit-page .sidecontentbox .content {width: 265px;}
  3004.  
  3005. .submit-page ul.tabmenu.formtab {
  3006. margin-left: 8px;
  3007. width: 572px;
  3008. }
  3009. /*END ENABLE SIDEBAR ON SUBMIT PAGE*/
  3010.  
  3011. /*HEADER*/
  3012.  
  3013. #header {
  3014. background : url(%%destiny-background%%);
  3015. background-size: 100% 250px;
  3016. }
  3017. /*END HEADER*/
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!