Advertisement
Birkholz

Holo Dark Subreddit style

Jan 27th, 2012
1,129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.51 KB | None | 0 0
  1. body {
  2.     background: #222;
  3.     color: #F4F4F4;
  4. }
  5.  
  6. .side {
  7.     background: #222;
  8.     margin: 0;
  9.     padding: 0 .5em;
  10.     border-left: #484848 1px solid;
  11. }
  12.  
  13. button {
  14.     margin: 0.1em;
  15.     font-size: 20px;
  16.     cursor: pointer;
  17.     background: #404143;
  18.     -webkit-border-radius: 2px;
  19.     -moz-border-radius: 2px;
  20.     border-radius: 2px;
  21.     border-top: #7E7F80 solid 1px;
  22.     border-bottom: #393A3A 1px solid;
  23.     border-right: #515354 solid 1px;
  24.     border-left: #515354 solid 1px;
  25. }
  26.  
  27. button:hover, button:focus {
  28.     background: #2D9Fc9;
  29.     -webkit-border-radius: 2px;
  30.     -moz-border-radius: 2px;
  31.     border-radius: 2px;
  32.     border-top: #73BFDB solid 1px;
  33.     border-bottom: #227898 1px solid;
  34.     border-right: #2D9Fc9 solid 1px;
  35.     border-left: #2D9Fc9 solid 1px;
  36. }
  37.  
  38. input, textarea, #search input[type="text"], .linkinfo .shortlink input {
  39.     background: 0;
  40.     border: #0099CC solid;
  41.     border-width: 0 0 2px;
  42.     -webkit-border-radius: 5px;
  43.     -moz-border-radius: 5px;
  44.     border-radius: 5px;
  45.     color: #FFF;
  46. }
  47.  
  48. input:focus, textarea:focus {
  49.     border-color: #0099CC;
  50.     border-width: 0 0 2px;
  51. }
  52.  
  53. a {
  54.     color: #37C3F7;
  55. }
  56.  
  57. a:visited {
  58.     color: #b357ff;
  59. }
  60.  
  61. #sr-more-link {
  62.     color: #33B5E5;
  63.     background-color: #000;
  64.     font-weight: normal;
  65. }
  66.  
  67. #sr-header-area {
  68.     background-color: #000;
  69.     border: 0;
  70. }
  71.  
  72. #header {
  73.     background: #222;
  74.     border-bottom: #2787AA 2px solid;
  75. }
  76.  
  77. .pagename {
  78.     font-size: 24px;
  79.     line-height: 64px;
  80.     font-family: 'Roboto', sans-serif;
  81.     font-weight: normal;
  82.     font-variant: normal;
  83.     vertical-align: middle;
  84. }
  85.  
  86. .pagename a {
  87.     color: #33B5E5;
  88.     height: 64px;
  89.     display: inline-block;
  90. }
  91.  
  92. .pagename a:hover {
  93.     text-decoration: none;
  94.     border-bottom: #2787AA 6px solid;
  95.     height: 58px;
  96. }
  97.  
  98. .tabmenu {
  99.     text-transform: uppercase;
  100.     margin-top: 0;
  101. }
  102.  
  103. .tabmenu li {
  104.     border-left: #2787AA 1px solid;
  105.     margin: 0;
  106. }
  107.  
  108. .tabmenu li a, .tabmenu.formtab a {
  109.     color: #0099CC;
  110.     background: 0;
  111.     border: 0;
  112.     display: inline-block;
  113.     height: 64px;
  114.     line-height: 64px;
  115. }
  116.  
  117. .tabmenu li.selected a, .tabmenu.formtab .selected a {
  118.     color: #0099CC;
  119.     background: 0;
  120.     border: 0;
  121.     font-size: 100%;
  122.     border-bottom: #2787AA 6px solid;
  123.     height: 58px;
  124. }
  125.  
  126. .tabmenu li a:hover, .tabmenu.formtab a:hover {
  127.     color: #0099CC;
  128.     background: 0;
  129.     border: 0;
  130.     font-size: 100%;
  131.     border-bottom: #2787AA 6px solid;
  132.     height: 58px;
  133. }
  134.  
  135. .formtabs-content {
  136.     border-top: 2px solid #99CC00;
  137. }
  138.  
  139. .morelink {
  140.     font-size: 24px;
  141.     letter-spacing: 0;
  142.     line-height: 36px;
  143.     font-weight: normal;
  144. }
  145.  
  146. .morelink a {
  147.     color: #FFF;
  148.     background: #404143;
  149. }
  150.  
  151. .submit .morelink a, div.sidebox.create {
  152.     background: #404143;
  153.     -webkit-border-radius: 2px;
  154.     -moz-border-radius: 2px;
  155.     border-radius: 2px;
  156.     border-top: #7E7F80 solid 1px;
  157.     border-bottom: #393A3A 1px solid;
  158.     border-right: #515354 solid 1px;
  159.     border-left: #515354 solid 1px;
  160. }
  161.  
  162. .morelink a:hover, .morelink a:focus, div.sidebox.create:hover, div.sidebox.create:focus {
  163.     background: #2D9Fc9;
  164.     -webkit-border-radius: 2px;
  165.     -moz-border-radius: 2px;
  166.     border-radius: 2px;
  167.     border-top: #73BFDB solid 1px;
  168.     border-bottom: #227898 1px solid;
  169.     border-right: #2D9Fc9 solid 1px;
  170.     border-left: #2D9Fc9 solid 1px;
  171.     cursor: pointer;
  172. }
  173.  
  174. .fancy-toggle-button .remove, .RESshortcutside.remove {
  175.     background: #474747 ;
  176. }
  177.  
  178. .fancy-toggle-button .add, .RESshortcutside, .RESDashboardToggle {
  179.     background: #227EAF ;
  180. }
  181.  
  182. .fancy-toggle-button .active, .RESshortcutside, .RESDashboardToggle {
  183.     color: #FFF ;
  184.     border: 0 ;
  185.     border-radius: 0 ;
  186. }
  187.  
  188. .link {
  189.     border-bottom: 1px #D5D5D5 solid ;
  190.     padding: 8px 3px;
  191.     margin: 0;
  192. }
  193.  
  194. .link .usertext .md {
  195.     background: 0;
  196.     border: 0;
  197. }
  198.  
  199. .infobar {
  200.     border: 0;
  201. }
  202.  
  203. .create .morelink a, .titlebox form.toggle, .morelink, .morelink:hover, #header-bottom-right, .sidebox .spacer, .linkinfo, .sidecontentbox .content, .login-form-side, .roundfield, #RESShortcutsEditContainer, #RESShortcutsLeft, #RESShortcutsRight, #RESShortcutsAdd, #userbarToggle, .icon-menu a {
  204.     background: 0 ;
  205.     border: 0 ;
  206. }
  207.  
  208. .nub, .sidebox .subtitle, .sidebox.submit .spacer a {
  209.     display: none;
  210. }
  211.  
  212. div.titlebox {
  213.     background-color: #222;
  214. }
  215.  
  216. div.usertext-edit div textarea {
  217.     border-style: solid;
  218. }
  219.  
  220. .comment {
  221.     background-color: #222;
  222. }
  223.  
  224. div.thing {
  225.     border: 0;
  226.     background-color: #222;
  227. }
  228.  
  229. span.flair {
  230.     background-color: #222;
  231.     border: 1px solid #373737;
  232.     color: #777;
  233. }
  234.  
  235. span.rank {
  236.     color: #555;
  237. }
  238.  
  239. div.score.unvoted {
  240.     color: #CCC;
  241. }
  242.  
  243. div.footer.rounded {
  244.     border-style: none;
  245. }
  246.  
  247. .footer .col {
  248.     border-left: 0;
  249. }
  250.  
  251. tr td {
  252.     border-color: #454545;
  253. }
  254.  
  255. thead tr th {
  256.     border-color: #454545;
  257. }
  258.  
  259. div.md ul li {
  260.     list-style-type: none;
  261. }
  262.  
  263. div.thing.even .comment, div.thing.comment.comment.comment,div.thing.comment.comment.comment.comment, div.thing.comment.comment.comment.comment.comment, div.thing.comment.comment.comment.comment.comment.comment, div.thing.comment.comment.comment.comment.comment.comment.comment, div.thing.comment.comment.comment.comment.comment.comment.comment.comment {
  264.     background-color: #222;
  265. }
  266.  
  267. div.expando-button {
  268.     background-color: #222;
  269. }
  270.  
  271. a.author.submitter {
  272.     background-color: #0036a3;
  273.     color: #d6d6d6;
  274. }
  275.  
  276. a.voteWeight {
  277.     background-color: #222;
  278. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement