daily pastebin goal
5%
SHARE
TWEET

Sponge night theme CSS

a guest Nov 3rd, 2014 180 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. #bottom hr {
  2.     background-color: #383738;
  3. }
  4.  
  5. #main-outlet {
  6.     background-color: #383738;
  7. }
  8.  
  9. #period-popup {
  10.     background-color: #383738;
  11.     color: #383738;
  12. }
  13.  
  14. #suggested-topics h3 {
  15.     color: #ffffff;
  16. }
  17.  
  18. #topic-progress {
  19.     background-color: #323f42;
  20.     color: #ffffff;
  21.     text-transform: none;
  22. }
  23.  
  24. #topic-progress-expanded {
  25.     background-color: #323f42;
  26.     border-style: none;
  27. }
  28.  
  29. ,i.fa.fa-comment {
  30.     color: #F7C41D;
  31. }
  32.  
  33. .active {
  34.     background-color: #6e6e6e;
  35. }
  36.  
  37. .group-support .topic-body {
  38.     border-bottom-width: 2px;
  39.     border-color: #F7C41D;
  40.     border-left-width: 0;
  41.     border-right-width: 2px;
  42.     border-style: solid;
  43.     border-top-width: 2px;
  44. }
  45.  
  46. .topic-list > tbody > tr:nth-child(2n) {
  47.     background-color: #595959;
  48. }
  49.  
  50. .topic-list > tbody > tr:nth-child(2n+1) {
  51.     background-color: #666666;
  52. }
  53.  
  54. a p span {
  55.     color: #ffce6b;
  56. }
  57.  
  58. a.badge-category.category-dropdown-button.home:hover {
  59.     background-color: #F7C41D;
  60. }
  61.  
  62. a.badge-category.home {
  63.     background-color: #383738;
  64.     color: #ffffff;
  65. }
  66.  
  67. a.badge-category.home:hover {
  68.     background-color: #F7C41D;
  69. }
  70.  
  71. a.badge-link {
  72.     color: #F7C41D;
  73. }
  74.  
  75. a.badge-link:hover {
  76.     background-color: #474747 ;
  77.     color: #ffffa6;
  78. }
  79.  
  80. a.badge-posts.heatmap- {
  81.     color: #c2c2c2;
  82. }
  83.  
  84. a.badge.badge-notification {
  85.     color: #c2c2c2;
  86. }
  87.  
  88. a.badge.new-posts.badge-notification {
  89.     background-color: #F7C41D;
  90.     color: #383738;
  91.     font-weight: bold;
  92. }
  93.  
  94. a.badge.new-topic.badge-notification {
  95.     background-color: #383738;
  96.     color: #F7C41D;
  97.     font-weight: bold;
  98. }
  99.  
  100. a.badge.unread.badge-notification {
  101.     background-color: #F7C41D;
  102.     color: #383738;
  103.     font-weight: bold;
  104. }
  105.  
  106. a.faq-link {
  107.     color: #F7C41D;
  108. }
  109.  
  110. a.faq-link:hover {
  111.     background-color: #474747 ;
  112.     color: #ffffa6;
  113. }
  114.  
  115. a.icon {
  116.     background-color: #142833;
  117. }
  118.  
  119. a.keyboard-shortcuts-link {
  120.     color: #F7C41D;
  121. }
  122.  
  123. a.keyboard-shortcuts-link:hover {
  124.     background-color: #474747 ;
  125.     color: #ffffa6;
  126. }
  127.  
  128. a.latest-topics-link {
  129.     color: #F7C41D ;
  130. }
  131.  
  132. a.latest-topics-link:hover {
  133.     background-color: #474747 ;
  134.     color: #ffffa6;
  135. }
  136.  
  137. a.mention {
  138.     background-color: transparent;
  139.     color: #F7C41D;
  140. }
  141.  
  142. a.title {
  143.     color: #ffffff;
  144. }
  145.  
  146. a.title font font {
  147.     color: #ffffff;
  148. }
  149.  
  150. a.toggler {
  151.     color: #d4ae17;
  152. }
  153.  
  154. aside.quote blockquote {
  155.     background-color: #474747;
  156. }
  157.  
  158. body.docked {
  159.     background-color: #383738;
  160.     border-style: none;
  161. }
  162.  
  163. button.btn.btn-default {
  164.     background-color: #383738;
  165.     color: #F7C41D;
  166. }
  167.  
  168. button.btn.btn-default:hover {
  169.     background-color: #F7C41D;
  170.     color: black;
  171. }
  172.  
  173. button.btn.standard.dropdown-toggle {
  174.     background-color: #474747;
  175. }
  176.  
  177. button.btn.standard.dropdown-toggle:hover {
  178.     background-color: #ffffa6;
  179.     color: black;
  180. }
  181.  
  182. button.create {
  183.     background-color: #F7C41D;
  184.     color: #080808;
  185. }
  186.  
  187. button.show-replies {
  188.     background-color: #4d4f3b;
  189. }
  190.  
  191. code.lang-auto.hljs.css {
  192.     background-color: #3d3d3d;
  193.     color: #ffffff;
  194. }
  195.  
  196. div.bg {
  197.     background-color: #4d4f3b;
  198.     color: #0f0e0f;
  199. }
  200.  
  201. div.bottom-round.contents.regular {
  202.     background-color: #363636;
  203. }
  204.  
  205. div.cat {
  206.     background-color: #383738;
  207. }
  208.  
  209. div.contents {
  210.     background-color: #666466;
  211. }
  212.  
  213. div.contents.clearfix {
  214.     background-color: transparent;
  215. }
  216.  
  217. div.cooked {
  218.     background-color: #383738;
  219.     color: #c2c2c2;
  220. }
  221.  
  222. div.cooked blockquote {
  223.     background-color: #474747;
  224. }
  225.  
  226. div.cooked details {
  227.     color: #ffffa6;
  228. }
  229.  
  230. div.cooked p {
  231.     background-color: transparent;
  232.     color: #ffffff;
  233. }
  234.  
  235. div.cooked pre code {
  236.     background-color: #7d797d;
  237.     color: #ffffff;
  238. }
  239.  
  240. div.cooked ul li {
  241.     color: #ffffa6;
  242. }
  243.  
  244. div.draft-text {
  245.     color: #c9c9c9;
  246. }
  247.  
  248. div.education p a {
  249.     color: #F7C41D;
  250. }
  251.  
  252. div.education p a:hover {
  253.     color: #ffffa6;
  254. }
  255.  
  256. div.ember-view.d-dropdown {
  257.     background-color: #474747;
  258.     border-style: none;
  259. }
  260.  
  261. div.ember-view.notification-options.btn-group p {
  262.     color: #ffffa6;
  263. }
  264.  
  265. div.ember-view.private_message.category- {
  266.     background-color: #363636;
  267. }
  268.  
  269. div.ember-view.processed.open.hide-preview {
  270.     background-color: #7a7a7a;
  271. }
  272.  
  273. div.ember-view.processed.open.show-preview {
  274.     background-color: #6b6b6b;
  275. }
  276.  
  277. div.ember-view.processed.show-preview.open {
  278.     background-color: #666466;
  279. }
  280.  
  281. div.ember-view.title a {
  282.     background-color: #142833;
  283. }
  284.  
  285. div.grippie {
  286.     background-color: #4a4a4a;
  287. }
  288.  
  289. div.inner h1 {
  290.     color: #ffffff;
  291. }
  292.  
  293. div.inner h1 a {
  294.     color: #ffffff;
  295. }
  296.  
  297. div.item {
  298.     background-color: #474747;
  299.     color: #ffffff;
  300. }
  301.  
  302. div.item.notification {
  303.     background-color: #474747;
  304. }
  305.  
  306. div.nums {
  307.     color: #3b393b;
  308. }
  309.  
  310. div.nums h4 {
  311.     color: #f5f5f5;
  312. }
  313.  
  314. div.nums span {
  315.     color: #ffffff;
  316. }
  317.  
  318. div.nums span h4 {
  319.     color: #ffffff;
  320. }
  321.  
  322. div.nums span span {
  323.     color: #ffffff;
  324. }
  325.  
  326. div.post-action {
  327.     color: #856a19;
  328. }
  329.  
  330. div.search-context label {
  331.     color: #cf9e38;
  332. }
  333.  
  334. div.title {
  335.     background-color: #474747;
  336.     color: #bdbbbd;
  337. }
  338.  
  339. div.topic-excerpt {
  340.     color: #ffffff;
  341. }
  342.  
  343. div.topic-excerpt a {
  344.     color: #c7c149;
  345. }
  346.  
  347. footer.topic-list-bottom h3 {
  348.     color: #856a19;
  349. }
  350.  
  351. h2.ember-view {
  352.     color: #F7C41D;
  353. }
  354.  
  355. html.desktop-view.not-mobile-device.js.no-touch.discourse-no-touch {
  356.     background-color: #383738;
  357. }
  358.  
  359. i.fa.fa-bars {
  360.     color: #F7C41D;
  361. }
  362.  
  363. i.fa.fa-caret-down {
  364.     color: #F7C41D;
  365. }
  366.  
  367. i.fa.fa-comment {
  368.     color: #F7C41D;
  369. }
  370.  
  371. i.fa.fa-search {
  372.     color: #F7C41D;
  373. }
  374.  
  375. i.fa.fa-sort {
  376.     color: #ffffff;
  377. }
  378.  
  379. input.ember-view.ember-text-field {
  380.     background-color: #d3d3d3;
  381.     color: #383738;
  382. }
  383.  
  384. li.ember-view a {
  385.     background-color: #474747;
  386.     color: #F7C41D;
  387. }
  388.  
  389. li.ember-view a:hover {
  390.     background-color: #F7C41D;
  391.     color: black ;
  392. }
  393.  
  394. li.ember-view.no-glyph a {
  395.     background-color: #474747;
  396.     color: #F7C41D;
  397. }
  398.  
  399. li.ember-view.no-glyph.active a {
  400.     color: #c2c2c2 ;
  401. }
  402.  
  403. li.ember-view.read {
  404.     background-color: #474747;
  405. }
  406.  
  407. li.ember-view.read a {
  408.     background-color: #474747;
  409. }
  410.  
  411. li.ember-view.read a p {
  412.     background-color: transparent;
  413.     color: #d2d2d2;
  414. }
  415.  
  416. li.ember-view.read a p:hover {
  417.     color: black;
  418. }
  419.  
  420. li.read.last a {
  421.     background-color: #474747;
  422. }
  423.  
  424. li.read.last a p {
  425.     background-color: #474747;
  426. }
  427.  
  428. li.read.last a:hover {
  429.     color: #ffffa6;
  430. }
  431.  
  432. p.excerpt {
  433.     color: #ffffff;
  434. }
  435.  
  436. section.d-dropdown {
  437.     background-color: #474747;
  438.     border-style: none;
  439. }
  440.  
  441. section.user-navigation h3 {
  442.     color: #F7C41D;
  443. }
  444.  
  445. span.badge.new-posts.badge-notification {
  446.     background-color: #F7C41D;
  447.     color: #000000;
  448.     font-weight: bold;
  449. }
  450.  
  451. span.ember-view {
  452.     color: #000000;
  453. }
  454.  
  455. span.fa.fa-chevron-right {
  456.     background-color: transparent;
  457. }
  458.  
  459. span.number {
  460.     color: #e0e0e0;
  461. }
  462.  
  463. span.number.null {
  464.     color: #8f8f8f;
  465. }
  466.  
  467. span.time {
  468.     color: #fcfcfc;
  469. }
  470.  
  471. span.title a {
  472.     color: #ebb923;
  473. }
  474.  
  475. span.username a {
  476.     color: #F7C41D;
  477. }
  478.  
  479. table.topic-list {
  480.     background-color: #000000;
  481. }
  482.  
  483. tbody tr td {
  484.     color: #ffffff;
  485. }
  486.  
  487. td.ember-view.num.activity {
  488.     background-color: #292829;
  489. }
  490.  
  491. td.star {
  492.     background-color: #292829;
  493. }
  494.  
  495. textarea.ember-view.ember-text-area {
  496.     background-color: #a6a6a6;
  497. }
  498.  
  499. th.category {
  500.     background-color: #292829;
  501.     border-top-width: 1px;
  502.     border-color: #292829;
  503.     border-style: none;
  504. }
  505.  
  506. th.default {
  507.     background-color: #292829;
  508. }
  509.  
  510. th.ember-view.category.sortable {
  511.     background-color: #292829;
  512. }
  513.  
  514. th.ember-view.default.sorting.sortable {
  515.     background-color: #292829;
  516. }
  517.  
  518. th.ember-view.num.activity.sortable {
  519.     background-color: #292829;
  520. }
  521.  
  522. th.ember-view.num.posts.sortable {
  523.     background-color: #292829;
  524. }
  525.  
  526. th.ember-view.num.views.sortable {
  527.     background-color: #292829;
  528. }
  529.  
  530. th.num.activity {
  531.     background-color: #292829;
  532. }
  533.  
  534. th.num.posts {
  535.     background-color: #292829;
  536. }
  537.  
  538. th.num.views {
  539.     background-color: #292829;
  540. }
  541.  
  542. thead tr th {
  543.     background-color: #292829;
  544. }
  545.  
  546. ul.clearfix {
  547.     background-color: #454345;
  548.     color: #382838;
  549. }
  550.  
  551. div.ember-view.show-badges.hidden {
  552.     background-color: #474747;
  553. }
  554.  
  555. span.user-badge.badge-type-bronze {
  556.     background-color: transparent;
  557. }
  558.  
  559. span.user-badge {
  560.     background-color: transparent;
  561. }
  562.  
  563. a.ember-view.btn {
  564.     background-color: #007bff ;
  565. }
  566.  
  567. a.ember-view.btn:hover {
  568.     background-color: #787878;
  569. }
  570.  
  571. a.ember-view.btn.more-user-badges {
  572.     border-style: none;
  573.     background-color: transparent;
  574. }
  575.  
  576. a.ember-view.btn.more-user-badges:hover {
  577.     background-color: #787878;
  578. }
  579.  
  580. ul.dropdown-menu li a {
  581.     background-color: #c9c9c9;
  582. }
  583.  
  584. ul.dropdown-menu li a:hover {
  585.     background-color: #ffffa6;
  586. }
  587.  
  588. button.ember-view.btn.standard {
  589.     background-color: #c9c9c9;
  590. }
  591.  
  592. button.ember-view.btn.standard:hover {
  593.     background-color: #F7C41D;
  594.     color: black;
  595. }
  596.  
  597. button.ember-view.btn:hover {
  598.     background-color: #F7C41D;
  599. }
  600.  
  601. button.ember-view.btn.btn-primary.create.standard:hover {
  602.     background-color: #F7C41D;
  603. }
  604.  
  605. button.ember-view.flag-topic.btn.standard:hover {
  606.     background-color: #F7C41D;
  607.     color: black;
  608. }
  609.  
  610. button.ember-view.share.btn.standard:hover {
  611.     color: black;
  612. }
  613.  
  614. button.ember-view.star.btn.standard:hover {
  615.     color: black;
  616.     background-color: #F7C41D;
  617. }
  618.  
  619. div.ember-view.show-badges {
  620.     background-color: #474747;
  621. }
  622.  
  623. li.ember-view.no-glyph a:hover {
  624.     color: black;
  625.     background-color: #F7C41D;
  626. }
  627.  
  628. img.logo-big {
  629.     background-color: #142833;
  630. }
  631.  
  632. span.user-title {
  633.     color: #ffffff;
  634.     background-color: #0073ff;
  635.     border-style: solid;
  636.     border-width: 0;
  637.     text-transform: none;
  638.     font-variant: normal;
  639.     font-weight: normal;
  640.     padding-left: 6px;
  641.     border-radius: 2px;
  642.     padding-right: 6px;
  643. }
  644.  
  645. a.user-group {
  646.     color: #ffffff;
  647. }
  648.  
  649. header.ember-view.d-header.clearfix {
  650.     background-color: #142833;
  651.     border-bottom: #007bff solid 2px ;
  652.     border-color: #007bff;
  653. }
  654.  
  655. a.badge-category.restricted {
  656. }
  657.  
  658. li.ember-view a p {
  659.     color: #000000;
  660. }
  661.  
  662. div.secondary dl dd {
  663.     color: #ffffff;
  664. }
  665.  
  666. section.about p {
  667.     color: #ffffff;
  668. }
  669.  
  670. section.about h2 {
  671.     color: #ffffff;
  672. }
  673.  
  674. section.about.admins h3 {
  675.     color: #ffffff;
  676. }
  677.  
  678. section.about.moderators h3 {
  679.     color: #ffffff;
  680. }
  681.  
  682. section.about.stats h3 {
  683.     color: #ffffff;
  684. }
  685.  
  686. tbody tr th {
  687.     color: #ffffff;
  688. }
  689.  
  690. div.container {
  691.     border-color: #292829 ;
  692.     border-bottom-width: 1pxpx;
  693. }
  694.  
  695. span.relative-date.date {
  696.     color: #ffffff;
  697. }
  698.  
  699. div.secondary dl dt {
  700.     color: #ebb923 ;
  701. }
  702.  
  703. a.ember-view.active {
  704.     background-color: transparent;
  705. }
  706.  
  707. a.ember-view.btn.active {
  708.     background-color: #007bff ;
  709. }
  710.  
  711. .user-navigation {
  712.     margin-top: 0px;
  713.     width: 257px;
  714. }
  715.  
  716. div.secondary dl {
  717.     color: #ffffff;
  718.     background-color: #474747;
  719.     border-bottom: 2px solid #007bff ;
  720. }
  721.  
  722. .badge-section {
  723.     border-style: none ;
  724. }
  725.  
  726. a.ember-view {
  727.     color: #F7C41D;
  728. }
  729.  
  730. a.ember-view:hover {
  731.     background-color: transparent;
  732.     color: #ffffa6;
  733. }
  734.  
  735. ember-view:hover {
  736.     background-color: #ff00ff;
  737. }
  738.  
  739. ul.action-list.nav-stacked {
  740.     background-color: #474747;
  741. }
  742.  
  743. badge-type-bronze {
  744. }
  745.  
  746. badge-type-silver {
  747.     border: 2px solid #9c9c9c ;
  748. }
  749.  
  750. user-badge {
  751.     border: 2px solid #ffd700 ;
  752. }
  753.  
  754. span.ember-view.user-badge.badge-type-gold {
  755.     color: #ffffff;
  756. }
  757.  
  758. .user-badge {
  759.     border: 2px solid #ffd700 ;
  760. }
  761.  
  762. span.ember-view.user-badge.badge-type-silver {
  763.     border: 2px solid #c0c0c0 ;
  764.     color: #ffffff;
  765. }
  766.  
  767. span.ember-view.user-badge.badge-type-bronze {
  768.     border: 2px solid #cd7f32 ;
  769.     color: #ffffff;
  770. }
  771.  
  772. td.description a {
  773.     color: #F7C41D;
  774. }
  775.  
  776. div.container.badges h1 {
  777.     color: #ffffff;
  778. }
  779.  
  780. i.fa.fa-check {
  781.     color: #F7C41D ;
  782. }
  783.  
  784. section.ember-view.post-menu-area.clearfix {
  785.     background-color: #363636;
  786. }
  787.  
  788. section.ember-view.information {
  789.     background-color: #878787;
  790. }
  791.  
  792. div.cooked p a {
  793.     color: #F7C41D;
  794. }
  795.  
  796. div.title-wrapper h1 a {
  797.     color: #F7C41D;
  798. }
  799.  
  800. ul li code {
  801.     background-color: #7d797d;
  802.     color: #ffffff;
  803. }
  804.  
  805. a.badge-category {
  806.     color: #ffffff;
  807. }
  808.  
  809. li.ember-view.active a {
  810.     color: #ffffff;
  811. }
  812.  
  813. .moderator .topic-body {
  814.     background-color: transparent;
  815. }
  816.  
  817. div.ember-view.pinned-options.btn-group p {
  818.     color: #ffffff;
  819. }
  820.  
  821. i.fa.fa-shield {
  822.     color: #d1d1d1;
  823. }
  824.  
  825. i.fa.fa-lock {
  826.     color: #F7C41D;
  827. }
RAW Paste Data
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
 
Top