/*******************************
 *
 * Painted Black - FTP / File / Resource / (modified), with a little DeviantArt touch
 * From painted black - file / ftp by whatrevolution (http://userstyles.org/styles/4115)
 * Inspired by deviantART Google (navbar fixed) by Pirana / zilla774 (http://userstyles.org/styles/5939)
 * Modifications by Ze Thriller (http://userstyles.org/users/8065)
 * Version: 0.1
 * Last update: 30/05/2008
 *
 *******************************/

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("file:///"),
               url-prefix("ftp://"),
               url-prefix("resource://"),
               url("chrome://online-dom-browser/content/dom-browser.html"),
               url("chrome://online-dom-browser-unsafe/content/dom-browser.html")
{
	/* Better local-pages handling (*.htm*), I don't know if it worth keeping... */
	html:not([class]),
	html[class~="greasy-black"]
	{
		background: #000 url('data:image/png;base64,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') repeat-x center top fixed;
		/*color: #CCC;*/
	}

	html:not([class]) > body,
	html[class~="greasy-black"] > body
	{
		background: none !important;
		margin: 16px auto 32px auto;
		/*color: #CCC;*/
		border: none !important;
	}

	/* file:/// only */
	html:not([class]) > body > img:only-child
	{
		margin-left: 20px !important;
	}

	html:not([class]) > body > h1 + p + table > thead > tr > th,
	html[class~="greasy-black"] > body > h1 + p + table > thead > tr > th,
	html:not([class]) > body > h1 + p + table > tbody > tr > td,
	html[class~="greasy-black"] > body > h1 + p + table > tbody > tr > td,

	html:not([class]) > body > h1 + p + p + table > thead > tr > th,
	html[class~="greasy-black"] > body > h1 + p + p + table > thead > tr > th,
	html:not([class]) > body > h1 + p + p + table > tbody > tr > td,
	html[class~="greasy-black"] > body > h1 + p + p + table > tbody > tr > td
	{
		color: #CCC !important;
	}

	html:not([class]) > body > h1 + p + table > * > tr,
	html[class~="greasy-black"] > body > h1 + p + table > * > tr,

	html:not([class]) > body > h1 + p + p + table > * > tr,
	html[class~="greasy-black"] > body > h1 + p + p + table > * > tr
	{
		-moz-outline: none !important;
	}

	html > body > h1:first-child + p + p + table > thead > tr
	{
		margin-bottom: 2px !important;
	}

	/* Only internal FF tables have these special attributes */
	html > body > table[order] > thead > tr > th
	{
		-moz-border-radius: 2px !important;
		background-color: transparent !important;
		border: none !important;
	}

	html > body > h1:first-child + p + p + table > thead > tr > th:first-child
	{
		text-align: left !important;
	}

	html > body > h1:first-child + p + p + table > thead > tr > th:first-child + th + th,
	html > body > h1:first-child + p + p + table > thead > tr > th:first-child + th + th + th
	{
		text-align: center !important;
	}

	html > body > p#UI_goUp > a.up,
	html > body > table[order] > thead > tr > th > a[href=""]
	{
		color: #D3D7CF !important;
		text-decoration: none !important;
		background: none transparent !important;
		-moz-border-radius: 2px !important;
		padding-left: 2px !important;
		padding-right: 2px !important;
	}

	html > body > p#UI_goUp > a.up:hover,
	html > body > table[order] > thead > tr > th > a[href=""]:hover
	{
		color: #586608 !important;
		background-color: #AFC81C !important;
		text-decoration: none !important;
	}

	html > body > table[order] > thead > tr > th
	{
		padding: 0 !important;
		margin: 0 !important;
		border-bottom: 1px solid #ABA !important;
	}

	html > body > table[order] > thead > tr > th > a[href=""]
	{
		display: block !important;
		padding: 0 0 0 3px !important;
		margin-bottom: 2px !important;
	}

	html > body > table[order] > thead > tr > th:first-child > a[href=""]
	{
		padding-left: 4px !important;
	}

	html > body > table[order] > thead > tr > th + th > a[href=""]
	{
		text-align: center !important;
	}

	/* Header */
	html > body > h1:first-child
	{
		background: none transparent !important;
		border: none !important;
		font-size: 2em !important;
		left: 5px !important;
		margin: 0 0 5px 24px !important;
		overflow-x: auto !important;
		padding: 30px .25em .25em .25em !important;
		top: 0 !important;
		vertical-align: bottom !important;
		color: #DDD !important;
	}

	/* Main table, directory listing: I didn't manage to remove the border appearing when hovering cells... */
	html > body > table > tbody > tr:not(:first-child) > td[sortable-data]:not(:first-child)
	{
		color: #CAC9C9 !important;
	}

	html > body > table > tbody > tr:first-child > td[sortable-data]:first-child a:not([class~="dir"])
	{
		padding-left: 5px !important;
	}

	html > body > table > tbody > tr > td[sortable-data] > a,
	html > body > table > tbody > tr > td[sortable-data] + td > a
	{
		display: block !important;
		width: 100% !important;
		border: none !important;
		color: #DDD !important;
	}

	html > body > table > tbody > tr > td[sortable-data] > a:hover,
	html > body > table > tbody > tr > td[sortable-data] > a:focus,
	html > body > table > tbody > tr > td[sortable-data] + td > a:hover,
	html > body > table > tbody > tr > td[sortable-data] + td > a:focus
	{
		color: #AFC81C !important;
		background-color: transparent !important;
		text-decoration: none !important;
	}

	/* Directory List Icons */
	img[src="resource://gre/res/html/gopher-unknown.gif"]
	{
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMSSURBVHja7FU9SFtRFD55SV6S9yLx5zX+DIq2YCM6CE7SCCY0ZPAPRKgVJ9MpDiq0WOggGDKVDg6dlC7FLaPFqVBDrckuGodSHFJI1Jgo5v/dnvPyUqw1Jh26lB74yM17957vfud89z4NYwz+Zmj+E1QNIriOcgiCAHq9HpqamkCj0YBOpwOLxUKvhvv6+sLd3d3bteTU3TGJ1IlXV1cCJp8zGAwam63H7nA43ENDj2Br6wNEIhE3Tt2+S0BFAlQwYrfb30uSxPX394stLS0aQTABz/OQyWRgYGCA1A2dnp5u/1EPqBxarXZkbW0twHFaXhQFsFrvAU0rFguIIsiyDEajEdbXN04CgYANl53cLFE5uFtInV6v993s7Cx/cZGCg4MDODtLQDqdhlwu/5OAxm63W6qrq5u/S8FvBJ2dna/a29slv98P+/v7SkmwD5DP52lvpFFRQ/9xHrhcLi8+lGomiEajwd3dXTCZTNDR0aG4iMbYZHQVrxDq9ToFjMkwMTEuNTQ0zNdMkM1mP4qimBwcHISeHhu0tbVBfb0F8JliXSITBBF/BcAeQVfXfRgdHauoQlfJx83Nzco5oJrT7ukccFypPLJcxOey2kwG09NPpFDoy0YkcjReVQHGEZZoD52kkFitVlRQD9hMVGFWVJQUlMpGKlpbW8HjeTaGa921EERjsdgeDUrJLWA2m5WEpfII6tiIVjUoKBQK4HAMg9PpXMJlD6oRwOXl5V44HIbGxkal1pSQfE87JlCjed6ggBpP7+kamZl5+hid9boqAcbnUCgUowE1t7z7kpP0Cnhej8pEZRPxeBxWV32wuLj06fj4+EVNlx3uxI9KGEUul2V4FlgqlWLJZFIZn5+fs52dHebxzDHsEVMPyXeE65d8lQg4jnsZDAbZzUgkEmxzc5NNTU0xVFdOTMghkojnNRGQrxcWFuLlxIeHh8zn87He3t5ywgwird6mK6qDeLJ+rQRk05Xl5WU2OTkpYw+SatLrCY0qKpb91tv0WjxEvEUUEG/UMnxFfKv2Eft3vsk/BBgAZXqvPqfgs+oAAAAASUVORK5CYII=') !important;
		padding-left: 24px !important;
		padding-top: 24px !important;
		height: 0 !important;
		width: 0 !important;
	}

	img[src="resource://gre/res/html/gopher-menu.gif"]
	{
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAOOSURBVHja7JVNaCRFGIbfqv6Znp9mZrIxm+wETdwkm13YFRFk8SK6yIqHgKAXPe5hQTx6WQRPexa8KnrypAcFRRQFVwUREfEnxDUHJ5PsbHZmen57pnu6q6vLbzLjksN0jIfcLPjoruru76m36v2qmVIKJ9k4TridOEA/3HnnvTfxoPnj6zm79IrKrFjZXB6nrJZW2frsm58rpReffRzh9j0dmqjC4i4csZIXKoNZ8TkKbDuuZF5z3WEK167fnA4wZO3JRx596ub8+YukrUcjkmIJxYVzG3c+ePdDGRqv6lrhJZ3NposZXM7n5i7r9jKKuXX0y+8Hw73WtVhb/DRRwcPz6Tfm1y5Q8t+oF1MwijLs+TVsvPDyRujvXimlMlnNtMCkAyU6iKNtRJFAXFzGOrM/2W10PqaPnp8KWJ0bPAEjoLuRs4wJwKTYh2ZVEdTLWc2bgYo5mF6AkVmGkS0hlV5EYbaFpfxp7L99/blEBQErUHbXOhiOI8igDyl8+O0qursu5i7egGkXwDVr8qmgiMZecTYBX6LRlluJAE/OIG7fgVP+GkrmSEcGitnQrXWceewK9MxI0b0pXiG1LEDQ28FAZP9IBERBD63bm9BnnoG9eAmaqYEb1mQ/nMmM2XQz8gC+W0d/aIhEgBABWNpGYWkFPLU7Gf2n0tkRbtcIMITXq6LXj8rJAK8GablQqk297n+ow9F7Pga9BtyhuZMIUHIIrqfBFPmfrAd1TIBGCsI+ur0BDPuck+wiv4EoTJHHKXkcEoAd8zzQDwDtlis418pHKBAW1/MEiMaA4y6RpH0KPTSb/b+kt7edCJChcysS5lXQUiEkAEsAjI54NlE3uhp8ZEF0B5rXDWeSD7tUcPsW9PNXqfZpxw8puJ+Qja+cj00VU13KAcJmB/WdTQz46oXi6fUsPelMBTTNp62znHxPFYxQjAH3ExJE+jTTPrmlRevdwt2mwM5dgZqb/6kxvPRANyq9lcqqIFEBeBaGSRMY7cHBPlBCMUC746Dd7WKvHqNSU52Gv+DVugtf+ewMnYralojwZbqwaCFy+uOiTADQZNNyUIbj/ol6s4VKPR7uOcavDX+uXndX95X10A/DQFU1zfjeNIRHSxeneETiAiq1sB9DHf3DUcz64qPvOgv77XTccNe+hXnqlzAIf09lZgUzYhiaCcsgAyCkxZOUjh+q9OmN/f/T/7f2twADAJ7hlYGNEf1GAAAAAElFTkSuQmCC') !important;
		padding-left: 24px !important;
		padding-top: 24px !important;
		height: 0 !important;
		width: 0 !important;
	}
}

/* Skin for chrome elements/extensions */

/* Web developer */
html#webdeveloper-generated-content > body *
{
	background: none transparent !important;
}

html#webdeveloper-generated-content,
html#webdeveloper-generated-content > body

{
	background-color: inherit !important;
}

html#webdeveloper-generated-content > body > h2 > a,
html#webdeveloper-generated-content > body > h3 > a,
html#webdeveloper-generated-content > body > ul#tools > li > a
{
	color: #FC0 !important;
	text-decoration: none !important;
	border-bottom: 1px dotted rgba(0, 0, 0, 0) !important;
}

html#webdeveloper-generated-content > body > h2 > a:hover,
html#webdeveloper-generated-content > body > h3 > a:hover,
html#webdeveloper-generated-content > body > ul#tools > li > a:hover
{
	color: #FE0 !important;
	text-decoration: none !important;
	border-bottom: 1px dotted rgba(204, 204, 204, 100) !important;
}

html#webdeveloper-generated-content > body > div.output > pre
{
	line-height: 1.1em !important;
}

html#webdeveloper-generated-content > body span.pivot
{
	display: none !important;
}

/* Hypertext DOM Browser (just an old extension I have) */
@-moz-document url("chrome://online-dom-browser/content/dom-browser.html"),
               url("chrome://online-dom-browser-unsafe/content/dom-browser.html")
{
	html > body > *
	{
		font-family: 'Lucida Console', 'Courier New', Courier, monospace !important;
	}

	h1, h2, h3, h4, h5, h6
	{
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
	}

	html > body > h3
	{
		font-style: italic !important;
	}

	a
	{
		color: #FC0 !important;
		text-decoration: none !important;
	}

	a:hover,
	a:focus
	{
		color: #FF0 !important;
		text-decoration: underline !important;
	}
}