/*
4chan Slideout, Floating Postbox by Zixaphir
Special thanks to Mikan !Yuuki/C.8Y
Made in Notepad++ using Firebug

This text is free. It comes without any warranty, to
the extent permitted by applicable law. You can redistribute it
and/or modify it under the terms of the Do What The Fuck You Want
To Public License, Version 2, as published by Sam Hocevar. See
http://sam.zoy.org/wtfpl/COPYING for more details.
*/
@-moz-document domain("4chan.org") {

/* OPTIONS */
/* UNCOMMENT BEFORE CHANGING OPTIONS, THEN --
	IF FOR ANY REASON THESE OPTIONS ARE NOT WORKING FOR YOU, ADD
    !important TO THE END OF THE OPTION, BEFORE THE SEMICOLON (;) */
	#postForm input[type=text],
	#postForm input[type=password],
	#postForm input[type=file],
	#postForm textarea,
	#postForm input[type=submit] {
		-moz-appearance: none;
/*		BACKGROUND COLOR OF TEXTBOXES */
//		background: transparent;
	}

	#postForm input:focus,
	#postForm textarea:focus,
	textarea#message:focus {
/*		BACKGROUND COLOR OF TEXTBOXES WHEN CLICKED */
//		background-color: #fff;
	}
	
	#postForm input[type=text],
	#postForm input[type=password],
	#postForm input[type=file],
	textarea,
	#postForm input[type=submit],
	.recaptcha_image_cell>center>#recaptcha_image,
	.recaptchatable #recaptcha_response_field {
/*		BORDER COLOR */
//		border-color: inherit;
/*		FONT COLOR */
//		color: inherit;
	}
/* IF FOR ANY REASON THESE OPTIONS ARE NOT WORKING FOR YOU, ADD
    !important TO THE END OF THE OPTION, BEFORE THE SEMICOLON (;) */
/* END OF OPTIONS */

/* Style Compatibility Hack (overrides styles which make the postarea invisibible or otherwise try to hide it) */
	html>body>div#postForm {
		opacity: 1 !important;
		display: block !important;
	}

/* Post Form Cleanup */
	#postForm .rules,
	#postForm small,
	#postForm td[style="padding: 4px 7px 12px;"],
	#postForm td[style="padding: 4px 7px 12px 7px;"],
	#postForm td[style="padding: 10px 7px 7px 7px;"],
	#postForm td[style="padding: 18px 7px 18px 7px;"],
	#postForm td[style="padding: 10px 7px 7px;"],
	#postForm td[style="padding: 18px 7px;"],
	#postForm #recaptcha_logo,
	#postForm #recaptcha_tagline,
	#postForm .postblock {
		display: none !important;
	}
/* Post Form */
	#postForm {
		max-width: 306px !important;
		min-width: 306px !important;
		padding-left: 5px;
		position: fixed;
		top: auto;
		right: -270px;
		left: auto;
		bottom: 40px;
		z-index: 5;
		margin: 0 !important;
		-webkit-transition: right .3s ease-in-out 3s;
		-moz-transition: right .3s ease-in-out 3s;
		-o-transition: right .3s ease-in-out 3s;
	}

	#postForm:hover {
		right: 0;
		-webkit-transition: right .3s linear;
		-moz-transition: right .3s linear;
		-o-transition: right .3s linear;
	}

	#postForm input[name='sub'] + input[type='submit'],
	input#postFile > input[type=button],
	input#postFile {
		font: 200 7pt "Verdana" !important;
	}

	#postForm input[type=text],
	#postForm input[type=password],
	input#postFile > input[type=text],
	input#postFile > input[type=button],
	#postForm textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		border-color: #aaa;
		border-width: 1px !important;
		border-style: solid !important;
		width: 302px !important;
		height: 19px !important;
		padding: 1px 0 1px 0 !important;
		z-index: 1;
	}

	input#postFile {
		z-index: 1;
	}

	#postForm input[name='sub'],
	input#postFile > input[type=text] {
		width: 251px !important;
		margin: 0 1px 0 0 !important;
		vertical-align: middle;
	}

	#postForm input[name='sub'] + input[type='submit'],
	input#postFile > input[type=button] {
		width: 50px !important;
		height: 23px !important;
		margin: 0 0 0 0 !important;
		padding: 1px 0 !important;
		vertical-align: middle;
	}
	
	input#postFile::-webkit-file-upload-button {
		-moz-appearance: none;
		background: transparent;
		border-color: #aaa;
		border-width: 1px !important;
		border-style: solid !important;
		height: 19px !important;
		padding: 0 !important;
	}

	#postForm textarea {
		height: auto !important;
		font-size: 10pt !important;
	}

	#postForm input[type='submit'] {
		-moz-appearance: none;
		border-color: #aaa;
		border-width: 1px !important;
		border-style: solid !important;
	}

	#postForm td, .reply td {
		z-index: 0;
		padding: 0 !important;
	}
/* Spoiler Image Checkbox */
	html>body>#postForm>form>table>tbody>tr:nth-of-type(3)>td:nth-of-type(3) {
		font-size: 0 !important;
	}
	
	html>body>#postForm>form>table>tbody>tr:nth-of-type(3)>td:nth-of-type(3)>label {
		position: fixed;
		font-size: 10pt !important;
		top: auto;
		left: auto;
		bottom: 63px;
	}
	
	html>body>#postForm:hover>form>table>tbody>tr:nth-of-type(3)>td:nth-of-type(3)>label,
	div#postForm:hover #autonoko {
		right: 10px;
		-webkit-transition: right .3s linear;
		-moz-transition: right .3s linear;
		-o-transition: right .3s linear;
	}
	
	html>body>#postForm:not(:hover)>form>table>tbody>tr:nth-of-type(3)>td:nth-of-type(3)>label,
	div#postForm:not(:hover) #autonoko {
		right: -240px;
		-webkit-transition: right .3s ease-in-out 3s;
		-moz-transition: right .3s ease-in-out 3s;
		-o-transition: right .3s ease-in-out 3s;
	}
/* Captcha */
	#postForm td.recaptcha_image_cell,
	td[style="padding-left: 7px;"] {
		padding: 0 !important;
	}

	#postForm .recaptcha_image_cell>center>#recaptcha_image {
		border-color: #aaa;
		border-width: 1px !important;
		border-style: solid !important;
	}

	#postForm .recaptchatable #recaptcha_response_field {
		border-color: #aaa;
		border-width: 1px !important;
		border-style: solid !important;
	}

	#postForm .recaptcha_input_area {
		padding: 2px 0 0 0 !important;
	}

	#postForm tr[height="73"], tr[height="73"] td {
		height: 59px !important;
	}
}