gavin19

Dark Style

Jun 20th, 2011
157
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.76 KB | None | 0 0
  1. div[class="organic-listing"] ul[class="tabmenu"], div[id="header-bottom-left"] {
  2. background-color: #666 ;
  3. }
  4.  
  5. ::-moz-selection {
  6. background: orangered;
  7. }
  8.  
  9. body {
  10. background-color: #222 ;
  11. }
  12.  
  13. .infobar {
  14. background-color: #222 ;
  15. color: black ;
  16. }
  17.  
  18. .side {
  19. background: none ;
  20. color: #fff ;
  21. margin-left: 10px ;
  22. }
  23.  
  24. h2, .tagline a, .content a, .footer a, .wired a, .side a, .subredditbox li a {
  25. color: #8AD ;
  26. }
  27.  
  28. .rank .star {
  29. color: orangered ;
  30. }
  31.  
  32. .content {
  33. color: #CCC ;
  34. }
  35.  
  36. .thing .title.loggedin, .link .title {
  37. color: #DFDFDF ;
  38. }
  39.  
  40. .link .midcol, .linkcompressed .midcol, .comment .midcol {
  41. background: none ;
  42. margin-right: 6px ;
  43. margin-top: 4px ;
  44. }
  45.  
  46. .link .midcol {
  47. width: 29px ;
  48. }
  49.  
  50. .link .midcol .arrow {
  51. margin-left: 7px ;
  52. margin-right: 7px ;
  53. }
  54.  
  55. .arrow {
  56. height: 14px ;
  57. margin-top: 0 ;
  58. width: 15px ;
  59. }
  60.  
  61. .arrow.up {
  62. background: url(http://thumbs.reddit.com/t5_2qlyl_0.png?v=zs9q49wxah08x4kpv2tu5x4nbda7kmcpgkbj) -15px 0 no-repeat ;
  63. }
  64.  
  65. .arrow.down {
  66. background: url(http://thumbs.reddit.com/t5_2qlyl_0.png?v=10999ad3mtco31oaf6rrggme3t9jdztmxtg6) -15px -14px no-repeat ;
  67. }
  68.  
  69. .arrow.up:hover {
  70. background: url(http://thumbs.reddit.com/t5_2qlyl_0.png?v=9oeida688vtqjpb4k0uy93oongrzuv5j7vcj) -30px 0 no-repeat ;
  71. }
  72.  
  73. .arrow.down:hover {
  74. background: url(http://thumbs.reddit.com/t5_2qlyl_0.png?v=cmsw4qrin2rivequ0x1wnmn8ltd7ke328yqs) -30px -14px no-repeat ;
  75. }
  76.  
  77. .arrow.upmod {
  78. background: url(http://thumbs.reddit.com/t5_2qlyl_0.png?v=8oarqkcswl255wrw3q1kyd74xrty50a7wr3z) 0 0 no-repeat ;
  79. }
  80.  
  81. .arrow.downmod {
  82. background: url(http://thumbs.reddit.com/t5_2qlyl_0.png?v=90eauq018nf41z3vr0u249gv2q6651xyzrkh) 0 -14px no-repeat ;
  83. }
  84.  
  85. .link .score.likes, .linkcompressed .score.likes {
  86. color: orangered ;
  87. }
  88.  
  89. .link .score.dislikes, .linkcompressed .score.dislikes {
  90. color: #8AD ;
  91. }
  92.  
  93. .linkcompressed .entry .buttons li a, .link .usertext .md, .thing .compressed, organic-listing .link, .organic-listing .link.promotedlink, .link.promotedlink.promoted {
  94. background: none ;
  95. }
  96.  
  97. .message.new > .entry {
  98. background-color: #444444;
  99. border: 1px solid #E9E9E9;
  100. padding: 6px;
  101. }
  102.  
  103. .subredditbox li a:before {
  104. content: "#" ;
  105. }
  106.  
  107. .subredditbox li {
  108. font-weight: bold ;
  109. text-transform: lowercase ;
  110. }
  111.  
  112. .side h3:after {
  113. content: " (#reddit on freenode)" ;
  114. font-size: 85% ;
  115. font-weight: normal ;
  116. }
  117.  
  118. #subscribe a {
  119. color: #8AD ;
  120. }
  121.  
  122. .dropdown.lightdrop .drop-choices {
  123. background-color: #333 ;
  124. }
  125.  
  126. .dropdown.lightdrop a.choice:hover {
  127. background-color: #111 ;
  128. }
  129.  
  130. .side h4, .side h3 {
  131. color: #ddd ;
  132. }
  133.  
  134. .side h5 {
  135. color: #aaa ;
  136. margin-top: 5px ;
  137. }
  138.  
  139. .side p {
  140. margin-top: 5px ;
  141. }
  142.  
  143. .sidebox, .subredditbox, .subreddit-info, .raisedbox, .login-form-side {
  144. background-color: #393939 ;
  145. border: 2px solid #151515 ;
  146. color: #aaa ;
  147. border-radius: 8px ;
  148. -moz-border-radius: 8px ;
  149. -webkit-border-radius: 8px ;
  150. }
  151.  
  152. .login-form-side {
  153. background: #e8690a ;
  154. border-bottom: 0 ;
  155. border-color: #e8690a ;
  156. padding-bottom: 1px ;
  157. position: relative ;
  158. }
  159.  
  160. .login-form-side input {
  161. width: 125px ;
  162. }
  163.  
  164. .login-form-side label {
  165. color: #111 ;
  166. }
  167.  
  168. .login-form-side a {
  169. color: #FFFFFF ;
  170. font-size: 11px ;
  171. }
  172.  
  173. .login-form-side .error {
  174. color: #660000 ;
  175. }
  176.  
  177. .subreddit-info .label {
  178. color: #aaa ;
  179. }
  180.  
  181. .subreddit-info {
  182. padding: 10px ;
  183. }
  184.  
  185. .subreddit-info .spacer a {
  186. background-color: #222;
  187. border: none ;
  188. margin-right: 3px ;
  189. }
  190.  
  191. .subredditbox ul {
  192. padding: 10px 0px 10px 3px ;
  193. width: 140px ;
  194. }
  195.  
  196. .subredditbox ul a:hover {
  197. text-decoration: underline ;
  198. }
  199.  
  200. .morelink {
  201. background: none ;
  202. border: 0 ;
  203. border-radius-bottomleft: 6px ;
  204. -moz-border-radius-bottomleft: 6px ;
  205. -webkit-border-radius-bottomleft: 6px ;
  206. -moz-border-radius-topright: 6px ;
  207. -webkit-border-radius-bottom-left-radius: 6px ;
  208. -webkit-border-radius-top-right-radius: 6px ;
  209. }
  210.  
  211. .morelink.blah:hover {
  212. background: none ;
  213. color: #369 ;
  214. }
  215.  
  216. .morelink.blah {
  217. background: none ;
  218. border: 0 ;
  219. color: #369 ;
  220. }
  221.  
  222. .morelink:hover {
  223. border: 0 ;
  224. color: white ;
  225. }
  226.  
  227. .sidebox {
  228. padding-left: 60px ;
  229. }
  230.  
  231. .sidebox.submit {
  232. background: #393939 url(http://thumbs.reddit.com/t5_2qlyl_2.png?v=0s1s9iul2umpm0bx46cioc7yjwbkprt7r2qr) no-repeat 6px 50% ;
  233. }
  234.  
  235. .sidebox .spacer, .linkinfo {
  236. background-color: #393939 ;
  237. }
  238.  
  239. .nub {
  240. background: none ;
  241. }
  242.  
  243. .sidebox.create {
  244. background: #393939 url(http://thumbs.reddit.com/t5_2qlyl_1.png?v=gl82ywfldj630zod4iaq56cidjud4n79wqw8) no-repeat 6px 50% ;
  245. }
  246.  
  247. .sidebox .subtitle {
  248. color: #aaa ;
  249. }
  250.  
  251. h1 {
  252. border-bottom: 1px solid #444 ;
  253. }
  254.  
  255. button.btn {
  256. background: none ;
  257. border: 2px solid black ;
  258. color: black ;
  259. position: relative ;
  260. width: auto ;
  261. }
  262.  
  263. .commentreply .buttons button {
  264. margin-left: 0 ;
  265. margin-top: 5px ;
  266. }
  267.  
  268. .commentreply .textarea {
  269. color: black ;
  270. }
  271.  
  272. .menuarea {
  273. margin-right: 315px ;
  274. }
  275.  
  276. .permamessage {
  277. background-image: url(http://thumbs.reddit.com/t5_2qlyl_3.png?v=uza2aq80cb2x2e90ojhdqooj1wazax4jjzfc) ;
  278. border-color: #369 ;
  279. }
  280.  
  281. .commentbody.border {
  282. background-color: #369 ;
  283. }
  284.  
  285. .commentreply .help tr {
  286. background: none ;
  287. }
  288.  
  289. .commentreply table.help {
  290. margin: 2px ;
  291. }
  292.  
  293. #newlink th {
  294. padding-top: 5px ;
  295. vertical-align: top ;
  296. }
  297.  
  298. .pretty-form.long-text input[type="text"], .pretty-form.long-text textarea, .pretty-form.long-text input[type="password"], .commentreply textarea {
  299. background-color: #333 ;
  300. border: 2px solid black ;
  301. color: #CCC ;
  302. padding: 4px ;
  303. }
  304.  
  305. input#title {
  306. height: 5em ;
  307. }
  308.  
  309. .spam, .reported {
  310. background: none ;
  311. border: 2px dotted ;
  312. padding: 4px ;
  313. }
  314.  
  315. .spam {
  316. border-color: orangered ;
  317. }
  318.  
  319. .reported {
  320. border-color: goldenrod ;
  321. }
  322.  
  323. .organic-listing .linkcompressed {
  324. background: none ;
  325. }
  326.  
  327. .organic-listing .nextprev img {
  328. opacity: .7 ;
  329. }
  330.  
  331. .organic-listing .nextprev img:hover {
  332. opacity: .85 ;
  333. }
  334.  
  335. #search input[type="text"] {
  336. background-color: #222 ;
  337. color: gray ;
  338. }
  339.  
  340. #search input[type="text"]:focus {
  341. color: white ;
  342. }
  343.  
  344. #sr-header-area, #sr-more-link {
  345. background: #c2d2e2 ;
  346. }
  347.  
  348. #sr-header-area {
  349. border-bottom: none ;
  350. }
  351.  
  352. #header-bottom-left .tabmenu .selected a {
  353. border-bottom: none ;
  354. padding-bottom: 0 ;
  355. }
  356.  
  357. #ad-frame {
  358. opacity: .8 ;
  359. }
  360.  
  361. .comment.unread {
  362. background-color: #4A473B ;
  363. }
  364.  
  365. .raisedbox .flat-list a {
  366. background-color: #222 ;
  367. -moz-border-radius: 2px ;
  368. -webkit-border-radius: 2px ;
  369. }
  370.  
  371. .raisedbox .flat-list a:hover {
  372. background-color: #336699 ;
  373. color: white ;
  374. }
  375.  
  376. .instructions {
  377. background-color: transparent;
  378. }
  379.  
  380. .instructions .preftable th, .instructions .pretty-form {
  381. color: black ;
  382. }
  383.  
  384. #feedback {
  385. padding: 10px ;
  386. }
  387.  
  388. span[class="hover pagename redditname"] a {
  389. font-size: 1.7em ;
  390. }
  391.  
  392. .thing .title.loggedin:visited, .link .title:visited {
  393. color: #666666 ;
  394. }
  395.  
  396. legend {
  397. background-color: black ;
  398. }
  399.  
  400. a.author.moderator, a.moderator {
  401. color: #3F4 ;
  402. }
  403.  
  404. a.author.friend, a.friend {
  405. color: rgb(255, 139, 36) ;
  406. }
  407.  
  408. a.submitter {
  409. color: #36F ;
  410. }
  411.  
  412. a.author.admin, a.admin {
  413. color: #f22 ;
  414. }
  415.  
  416. a.author.submitter {
  417. }
  418.  
  419. table[class="markhelp md"] tr td {
  420. background-color: #555 ;
  421. }
  422.  
  423. div.infobar {
  424. color: #ccc ;
  425. }
  426.  
  427. table[class="markhelp md"] tr[style="background-color: rgb(255, 255, 153); text-align: center;"] td {
  428. background-color: #36c ;
  429. }
  430.  
  431. form[class="usertext border"] div.usertext-body {
  432. background-color: transparent ;
  433. border-width: 2px ;
  434. border-style: solid ;
  435. border-color: #999 ;
  436. }
  437.  
  438. div[class="midcol likes"], div[class="midcol dislikes"], div[class="midcol unvoted"] {
  439. padding: 0px 7px 0px 0px ;
  440. }
  441.  
  442. form[class="usertext border"] div.usertext-body div.md {
  443. background-color: transparent ;
  444. }
  445.  
  446. form#form-t1_c0b71p54yc div {
  447. color: black ;
  448. }
  449.  
  450. a[rel="tag"], a.dsq-help {
  451. color: #8AD ;
  452. }
  453.  
  454. div[class="post-body entry-content"], div.dsq-auth-header {
  455. color: #ccc ;
  456. }
  457.  
  458. div#siteTable div[onclick="click_thing(this)"] {
  459. background-color: #222 ;
  460. }
  461.  
  462. .md p {
  463. color: #ddd ;
  464. }
  465.  
  466. .mail .havemail img, .mail .nohavemail img {
  467. visibility: hidden;
  468. }
  469.  
  470. .havemail {
  471. background: url('http://i.imgur.com/2Anoz.gif') bottom left no-repeat;
  472. }
  473.  
  474. .mail .nohavemail {
  475. background: url('http://imgur.com/6WV6Il.gif') bottom left no-repeat;
  476. }
  477.  
  478. #header-bottom-right {
  479. background-color: #BBBBBB ;
  480. }
  481.  
  482. .expando-button.image {
  483. background: none ;
  484. background-image: url(http://thumbs.reddit.com/t5_2s10b_2.png) ;
  485. }
  486.  
  487. .expando-button.image.collapsed {
  488. background-position: 0px 0px ;
  489. }
  490.  
  491. .expando-button.image.collapsed:hover {
  492. background-position: 0px -24px ;
  493. }
  494.  
  495. .expando-button.image.expanded, .eb-se {
  496. margin-bottom: 5px;
  497. background-position: 0px -48px ;
  498. }
  499.  
  500. .expando-button.image.expanded:hover, .eb-seh {
  501. background-position: 0px -72px ;
  502. }
  503.  
  504. .expando-button.selftext {
  505. background: none ;
  506. background-image: url(http://thumbs.reddit.com/t5_2s10b_2.png) ;
  507. }
  508.  
  509. .expando-button.selftext.collapsed {
  510. background-position: 0px -96px ;
  511. }
  512.  
  513. .expando-button.selftext.collapsed:hover {
  514. background-position: 0px -120px ;
  515. }
  516.  
  517. .expando-button.selftext.expanded, .eb-se {
  518. margin-bottom: 5px;
  519. background-position: 0px -144px ;
  520. }
  521.  
  522. .expando-button.selftext.expanded:hover, .eb-seh {
  523. background-position: 0px -168px ;
  524. }
  525.  
  526. .expando-button.video {
  527. background: none ;
  528. background-image: url(http://thumbs.reddit.com/t5_2s10b_2.png) ;
  529. }
  530.  
  531. .expando-button.video.collapsed {
  532. background-position: 0px -192px ;
  533. }
  534.  
  535. .expando-button.video.collapsed:hover {
  536. background-position: 0px -216px ;
  537. }
  538.  
  539. .expando-button.video.expanded, .eb-se {
  540. margin-bottom: 5px;
  541. background-position: 0px -240px ;
  542. }
  543.  
  544. .expando-button.video.expanded:hover, .eb-seh {
  545. background-position: 0px -264px ;
  546. }
  547.  
  548. .expando-button {
  549. background-color: transparent;
  550. }
  551.  
  552. .keyHighlight, .keyHighlight div.md {
  553. background-color: #666666 ;
  554. }
  555.  
  556. .keyHighlight .title.loggedin:visited {
  557. color: #dfdfdf ;
  558. }
  559.  
  560. .side .titlebox {
  561. padding-left: 5px;
  562. }
  563.  
  564. .user b {
  565. color: #444;
  566. }
  567.  
  568. .drop-choices {
  569. background-color: #C2D2E2;
  570. }
  571.  
  572. .drop-choices a {
  573. color: black;
  574. }
  575.  
  576. .subreddit .usertext .md {
  577. background-color: #222;
  578. color: #CCC;
  579. }
  580.  
  581. .toggle .option {
  582. color: #FFF;
  583. }
  584.  
  585. .formtabs-content {
  586. border-top: 6px solid #111;
  587. }
  588.  
  589. form#newlink.submit ul.tabmenu> li.selected a {
  590. background-color: #111;
  591. color: #88AADD;
  592. }
  593.  
  594. a.link-button, a.text-button {
  595. color: #444;
  596. }
  597.  
  598. form#newlink.submit button.btn {
  599. background-color: #111;
  600. color: #88AADD;
  601. }
  602.  
  603. #sr-autocomplete-area {
  604. z-index: 1;
  605. }
  606.  
  607. form#newlink.submit textarea, form#newlink.submit input#url, form#newlink.submit input#sr-autocomplete {
  608. background-color: #666;
  609. color: #CCC;
  610. }
  611.  
  612. .create-reddit {
  613. border: none;
  614. }
  615.  
  616. .create-reddit span.title {
  617. background-color: #111;
  618. color: #88AADD;
  619. }
  620.  
  621. .linefield .linefield-content {
  622. border-color: #111;
  623. }
  624.  
  625. .create-reddit input#title, .create-reddit input#name.text, .create-reddit input#domain.text {
  626. height: 1.2em;
  627. background-color: #666;
  628. color: #CCC;
  629. }
  630.  
  631. .linefield .delete-field {
  632. background-color: transparent;
  633. }
  634.  
  635. .instructions .preftable th {
  636. color: #CCC;
  637. }
  638.  
  639. .icon-menu a, FORM.leavemoderator-button {
  640. background-color: #222;
  641. }
  642.  
  643. #pref-delete .delete-field {
  644. background-color: transparent;
  645. }
Add Comment
Please, Sign In to add comment