Advanced Search

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.

Expand | Embed | Plain Text

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.