/* Stylish Extension - Dark gray Interface By Rommel
 Version: 1.1
   Added in the code from http://userstyles.org/styles/245 which changes the enabled/disabled icons
 Version: 1.2
   Made minor code changes, nothing major */

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Manage Styles window
-----------------------------------*/
@-moz-document url-prefix("chrome://stylish/content/manage.xul") {
  /* Remove margins around list */
  tree#styles {
	margin: 0 0 3px 0 !important; }

  /* Change list background to gray */
    treechildren#styles-children {
	color: white !important;
	background: #333 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAC%2BCAYAAAD0iWUpAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABESURBVHjaYmJgYPjHBCQYQMR%2FVAKbGLGyRBD%2FyFPyjypcIiSIYFGihFgJSrg0MZSKXiVJCekxSDGXknRKEkFaVgMIMAB0F7l%2BozlK6QAAAABJRU5ErkJggg%3D%3D") top repeat-x !important; }

  /* Info at top about changes possibly not showing until you reload */
  description#manage-info { 
	display: none !important; }

  /* Dialog font change */
  dialog{ 
        font-size:12px !important;
        font-family: Calibri,Tahoma, Arial, Helvetica, sans-serif !important; }

  /* Filter textbox color and font change */
  textbox#filter { 
	-moz-appearance: none !important;
	color: white !important;
	background: #333 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAATCAYAAABRC2cZAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAzSURBVHjaYmJgYPjPBCR%2BgIjvIOILnPgEIj6CiA9w4j0qgZAAq%2FvEDCQ4QQQziGAACDAAOA4PX2I5a5wAAAAASUVORK5CYII%3D") top repeat-x !important;
	margin: 2px !important;
	padding: 2px !important;
        font-size:16px !important;
        font-family: Calibri,Tahoma, Arial, Helvetica, sans-serif !important; }

  /* Changes the enabled/disabled icons */
  treechildren::-moz-tree-checkbox {
	list-style-image: url("data:image/gif;base64,R0lGODlhEAAOALMAAAAAAISChMTCxPz%2B%2FAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAAQAA4AAwQXEMhJq704681zCF0wfFwgkCXYrWzrbhEAOw%3D%3D") !important; }

  treechildren::-moz-tree-checkbox(checked) {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAABGUlEQVR42mNkoBAwjhqA3YDcbR7snH%2Ble7n5uKNevX%2FDeOvSg00P3r9uvN1%2F%2ByVQ%2BitBA0q3JE31s3bO%2BsLyneHm24cMl27dYDi9%2BuKuy7NvlQCl7yEbgtWApkO5H0wN9fnf%2FfrEcO%2F1E4Zbz%2B4zXNx34%2BelluvZQOkdQPwUrwE5G2M%2Bqegr8n7%2B8ZXh%2BbtXDPdfPWW4vu%2F27weTnvQApZcB8RW8Brg2WS6VtZCJ%2Bs3yh%2BHNpw8MDx8%2BZbiz5P7jX6d%2FLyHKAIVEBWU%2BdvYZjKKMdh8%2FfWZ8dvzVi1%2FXfx9k%2BMywDyi9i6AXgIALiBWB2AyIlaFid4D4FBDfB%2BLvhAwAAU4gFgRiASj%2FAxC%2FA%2BIfBKORFDDwBgAAWtdxEQkZYoQAAAAASUVORK5CYII%3D") !important; }
}


/* Code Editor
----------------------------------*/
@-moz-document url("chrome://stylish/content/edit.xul") {
  /* Dialog font change */
  dialog{ 
        font-size:12px !important;
        font-family: Calibri,Tahoma, Arial, Helvetica, sans-serif !important; }

  /* Description textbox color and font change */
  textbox#description { 
	-moz-appearance: none !important;
	color: white !important;
	background: #333 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAATCAYAAABRC2cZAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAzSURBVHjaYmJgYPjPBCR%2BgIjvIOILnPgEIj6CiA9w4j0qgZAAq%2FvEDCQ4QQQziGAACDAAOA4PX2I5a5wAAAAASUVORK5CYII%3D") top repeat-x !important;
	margin: 2px !important;
	padding: 2px !important;
        font-size:16px !important;
        font-family: Calibri,Tahoma, Arial, Helvetica, sans-serif !important; }

  /* Remove margins and padding around textbox and dialog
      Change text and background colors */
  textbox#code { 
	-moz-appearance: none !important;
	color: white !important;
	background: #333 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAC%2BCAYAAAD0iWUpAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABESURBVHjaYmJgYPjHBCQYQMR%2FVAKbGLGyRBD%2FyFPyjypcIiSIYFGihFgJSrg0MZSKXiVJCekxSDGXknRKEkFaVgMIMAB0F7l%2BozlK6QAAAABJRU5ErkJggg%3D%3D") top repeat-x !important;
	margin: 0 !important;
	padding: 0 !important;
        font-size:16px !important;
        font-family: Calibri,Tahoma, Arial, Helvetica, sans-serif !important; }

  dialog#stylish {
	padding: 0 !important; }

  /* Remove link to userstyles.org */
  label#style-url-link { 
	display: none !important; }

  /* Remove top margin on bottom buttons */
  .dialog-button { 
	margin-top: 3px !important;
	margin-right: 1px !important;
	margin-left: 1px !important; }

  /* Move Insert button to the left a little (couldn't figure out a good selector for this) */
  hbox + hbox > button { 
        margin-left: 1px !important;}
}