/* /txt/ CSS
Contact: ctrlz [at] 8chan [dot] co */

// Hides unimportant elements
.unimportant { display: none; }
div.unimportant {display: none; }
#thread_stats { display: none; }
.board-owners-feel-free-to-hide-this { display: none; }
img.banner, img.board_image { border: none; display: none; }
#delete_file { display: none; }
label[for=spoiler], label[for=delete_file], input[name=spoiler] { display: none; }
.form.post-actions#delete-file { display: none; }

/* Basic stuff that applies to all devices regardless of screen size or orientation. */
body {
	background-image:url(data:image/gif;base64,R0lGODlhPAA8AJEAANzAptCznMWtmbOekiH5BAQUAP8ALAAAAAA8ADwAAAL/nI+py+0YnpzUCRGyDnjzC4bipXWeBgBnKaRuNgpDmKll4Oa6jvN1ihNFLCJEa4WDeWIjgOmzAX1InOGhukxJe5kBVChLopwmgPcyw8hmwC11YBsOhVjOK5neeGGdq9ZUBJUWRhU11uLEpsfSZdBDwjQV0RFWc6Li1dZyoVVlcoCoBsk0ShN1RPby9KVm9SgVGanEh2HzstfDVnhwBznDMUi6Uhu34VLowQtUEmww8ru62pMCZ+tsA+ioCUJWSdo6RaxyV6PtXOVHJgkCFz6yVOWUM0VtkEir7XQjdYYmSzvtxzhsJKAByxSnVIRJ336FG/hD3CJP9pbBYgcwRBpc/8bI2fnYQR+MitigYaSlUdoYS4XaRNmIUBK+byqn7ZhHjGWimGocQqlzCUU5aM7QgHpwZFAwGUybzqgAVcGfNVEdzBuzbEUORDyW3bxpLMw8dYUIcc0qRoOjjh62TkszsN6sUn/qFJMzrFJatSSAYOJ44giXjoiA0nGXsnCudjfi3NWK5CLDZzX6TrrbCahWGoLfIPb1g48ueEhuoET2E6XS0GYuG3pUOrLk0884qZBhpsVGSj4js4C0RBihNl5MBos9CyUjd3xEc9bNeJClzcOWewPjrxbL6DWnnxL1ZMvvIi0bkTkOA+3E5r+/u7myBI4/rYBFav4YWKZRwSy6tf/CtpByyVUXGBUh2FKCDbjcZl9bsQECj4ELCoVbcv6FJgZ/SliECxP2CERIWjsIdFc0irlyHzpwLHDQUjRld04RCVC1AI0yOqPAi+LpiBpJX/2oQ0hADvlVcLPF0EiAnTTk0EXasHPbczEopUw3/Xii1h7NfJhHhsC5xw58UUrzSVl9YMARIAYCFA4CW+kVTXIpSacmKS5SNc1zknQZJlPSJQTeB/34h6NHA7525hrL7cPORYEg9JiRkdhzWHs0sYHQgSM9qEc/RmX0DhOtbZMlWYFg1Od4l9KQaYqiLVrKOaoiOVlxobAXHG1uMHXKZ3aKFWmuBpYSqodTNlqNJgUpircnsWBmd6qfXMCC3EiiZASqKVMWNxhyJuKaWh1SOsqterI5apkUBQAAOw==);
        background-repeat: repeat;
	
}

header,form,.blotter,.boardlist,.pages {
	padding: 7px;
	border: 1px outset #808080!important;
}

header,form[name=post],.blotter,.boardlist,.pages { 
	background-color:#cfc!important;
}

h1,form[name=postcontrols] div {
	margin-bottom:0px;
}

.op .subject {
	color: #f00!important;
	display: block;
	font-size: 25px;
        padding-bottom: 10px;
        padding-top: 2px;
        margin-top: -3px;
        margin-left: 2%;
}

form[name=postcontrols]>div {
	float: none;
	border: 1px inset #808080;
	padding: 3px;
}

#quick-reply {
	width: 30%!important;
}

form[name=post] table tbody th,.reply {
	background-color: transparent!important;
	border: none!important;
}

form[name=post] table tbody th,.reply { 
	background-color: transparent!important;
	border: none!important;
}

form[name=postcontrols], .post-hover {
	background-color: #efefef!important;
}

.post-hide-link, .post-show-link {
  float: left !important;
  margin-right: 5px;
  position: relative;
  right: 0px;
}

/* POST BUTTON */
li#filter-menu-hide.post-item {
background-color: #333333;
color: #FFFFFF;
}
li#filter-menu-add.post-submenu {
background-color: #333333;
color: #FFFFFF;
}
	li#filter-add-post-plus.post-item {
	background-color: #333333;
color: #FFFFFF;
	}
	li#filter-add-id.post-item {
	background-color: #333333;
color: #FFFFFF;
	}
	li#filter-add-id-plus.post-item {
	background-color: #333333;
color: #FFFFFF;
	}
	li#filter-add-name.post-item {
	background-color: #333333;
color: #FFFFFF;
	}
li#delete_post_menu.post-item {
background-color: #333333;
color: #FFFFFF;
}
li#delete_file_menu.post-item {
background-color: #333333;
color: #FFFFFF;
}
li#report_menu.post-item {
background-color: #333333;
color: #FFFFFF;
}
li#global_report_menu.post-item {
background-color: #333333;
color: #FFFFFF;
}
*/ POST BUTTON END */

/* for anything greater than a phone screen */
@media all and (min-device-width: 480px){
	html {
		-webkit-text-size-adjust: none;
		}
	h1,.subtitle,form table {
		border: 1px inset #808080;
	}

	form[name=post] table,.pages{}
	
	.post-hover {
		border: 1px outset #808080!important;
	}

	form[name=post] table tbody tr {}
	form[name=post] table tbody tr:nth-child(3), form[name=post] table tbody tr:nth-child(4){}
	form[name=postcontrols]>div {
		border: 1px inset #808080;
	}
	
	div,textarea,th,input {
		font-family: "ＭＳ Ｐゴシック", "Everson Mono", "Mona", "IPA モナー Pゴシック", "IPAMonaPGothic", "Monapo",sans-serif;
		font-size: 14px;
	}

	.post_no {
		float: left;
	}

        div.post-menu {
                background: #efefef;
                color: #FFFFFF;
        }

	.name {
		margin-left: .5em;
	}

	.highlighted .post_no {
		color: #f00 !important;
	}

	input[name=post]{
		min-width: 100px;
	}

	.highlighted {
		background: #BCE !important;
		border-radius: 6px !important;
	}
	
	.subtitle {
		font-size: 16px !important;
	}

	form.post-actions {
		border:none !important;
	}

	hr {
		border: 0px !important;
	}

	.desktop-style div.boardlist:not(.bottom){
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		margin-top: 0;
		z-index: 30;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
		border-bottom: 1px solid;
	}

	form[name="post"] table {
		width: 0;
	}
	
	form[name="postcontrols"], .blotter, .boardlist {
		margin-left: 10%;
		margin-right: 10%;
	}

	header {
		margin-left: 35%;
		margin-right: 35%;
	}

	form[name="post"]{
		margin-left: -5%;
		margin-right: -5%;
	}

	.pages {
		display: inline !important;
		text-align: center;
		margin-left: 20%;
	}

	a.unimportant {
		display: none;
	}

	form[name="postcontrols"]{
		margin-bottom: 10px;
	}

	form {
		margin-bottom: 2em;
	}

	form table, .subtitle, h1 {
		border: none;
	}
	
	textarea[name="body"]{
		min-width: 100% !important;
		min-height: 100% !important;
	}

        table.post-table {
                margin-bottom: 2%;

       }

#thread-interactions {
display: inline;!important
}

/* Portrait orientation on tablets */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait){
  	form[name="post"]{
		margin-left: 20%;
		margin-right: 20%;
	}
}

/* portrait orientation of phones */
@media only screen and (max-device-width: 480px) and (orientation:portrait){ 
	html {
		-webkit-text-size-adjust: none;
		}
	form[name=postcontrols], .post-hover {
		background-color:#efefef!important
	}

	form[name=post] table tbody th, .reply {
		background-color:transparent!important;
		border:none!important;
	}
}