User stylesheet for Snipplr


/ Published in: CSS
Save to your folder(s)

For use with the Firefox Stylish add-on. I put this up on userstyles.org as well - http://userstyles.org/styles/9213.

When you edit a snippet, especially with the comment box, the font is large and fancy. This style changes them to a normal, *readable* font. It also makes the comments & source boxes bigger.

If you happen to have the Envy Code R font, it is used for the code on both the editing and viewing pages.

Hides ads.


Copy this code and paste it in your HTML
  1. @-moz-document url-prefix("http://snipplr.com/") {
  2.  
  3. code {
  4.  
  5. font-family:"Envy Code R", "Consolas", "DejaVu Sans Mono", "Anonymous Pro", "Courier New", monospace !important;
  6.  
  7. font-size:0.9em !important;
  8.  
  9. background-color:#E0E0E0 !important;
  10.  
  11. }
  12.  
  13. #meerkat-wrap, a.adhere, a.ad1, ins, #top-banner {
  14.  
  15. display:none !important; /*remove ads*/
  16.  
  17. }
  18.  
  19. }
  20.  
  21. @-moz-document url-prefix("http://snipplr.com/edit/"), url-prefix("http://snipplr.com/new/") {
  22.  
  23. #title, #tags, #url, #comment {
  24.  
  25. font-family:Arial, sans serif !important;
  26.  
  27. font-size:1em !important;
  28.  
  29. font-style:normal !important;
  30.  
  31. }
  32.  
  33. #source {
  34.  
  35. font-family:"Envy Code R", "Consolas", "DejaVu Sans Mono", "Anonymous Pro", "Courier New", monospace !important;
  36.  
  37. font-size:0.9em !important;
  38.  
  39. height:26em !important;
  40.  
  41. }
  42.  
  43. #comment {
  44.  
  45. height:11em !important;
  46.  
  47. }
  48.  
  49. #sidecol {
  50.  
  51. display:none !important;
  52.  
  53. }
  54.  
  55. #maincol {
  56.  
  57. margin-right:0 !important;
  58.  
  59. padding-right:0 !important;
  60.  
  61. border-right:0 !important;
  62.  
  63. }
  64.  
  65. #maincol p {
  66.  
  67. padding-right:15px !important;
  68.  
  69. }
  70.  
  71. #comment, #source {
  72.  
  73. width:100% !important;
  74.  
  75. }
  76.  
  77. }
  78.  
  79. @-moz-document url-prefix("http://snipplr.com/view/"), url-prefix("http://snipplr.com/view.php?codeview") {
  80.  
  81. div.description pre, .comments pre {
  82.  
  83. color:#000000 !important;
  84.  
  85. background-color:#E0E0E0 !important;
  86.  
  87. margin:1.4em !important;
  88.  
  89. border:1px dashed #E0E0E0 !important;
  90.  
  91. font-size:0.9em !important;
  92.  
  93. }
  94.  
  95. #innersource pre, #viewsource textarea {
  96.  
  97. font-family:"Envy Code R", "Consolas", "DejaVu Sans Mono", "Anonymous Pro", "Courier New", monospace !important;
  98.  
  99. font-size:13px !important;
  100.  
  101. }
  102.  
  103. #comment {
  104.  
  105. font-family:Arial, sans serif !important;
  106.  
  107. font-size:1em !important;
  108.  
  109. font-style:normal !important;
  110.  
  111. }
  112.  
  113. #viewsource .sourcenav {
  114.  
  115. text-align:right !important;
  116.  
  117. }
  118.  
  119. #viewsource .sourcenav .rgt {
  120.  
  121. float:none !important;
  122.  
  123. }
  124.  
  125. #viewsource .sourcenav ins { /*remove ads*/
  126.  
  127. visibility:hidden !important;
  128.  
  129. }
  130.  
  131. #sidecol h2:first-child, #sidecol ins { /*remove ads*/
  132.  
  133. /*display:none !important;*/
  134.  
  135. }
  136.  
  137. hr.dotted.marg + table, center ins { /*remove ads*/
  138.  
  139. display:none !important;
  140.  
  141. }
  142.  
  143. }
  144.  
  145. @-moz-document url-prefix("http://snipplr.com/") {
  146.  
  147. #sponsored-search { /*remove ads*/
  148.  
  149. display:none !important;
  150.  
  151. }
  152.  
  153. }

URL: http://userstyles.org/styles/9213

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.