body {
  background: #1D1F21 none repeat scroll 0% 0%;
  color: #C5C8C6;
  width: 97%;
background-image: url("https://media.8ch.net/tripfags/src/1437663032261.gif");
background-position: right bottom;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: Auto 180px;
}

.diceroll tbody tr td img{
display: none;

}
.diceroll tbody tr td{
float: left !important;
text-align: left !important;
font-weight: bold;
}
.diceroll {
margin-left: 10px;
}
.announcement {
 display: none;
}

h1,div.subtitle {
  color:#C5C8C6!important
}
a:link,a:visited,p.intro a.email span.name {
  color:#81a2be
}
a:link:hover {
  color:#5F89AC
}
a.post_no {
  color:#C5C8C6
}
a.post_no:hover {
  color:#5F89AC!important
}
div.banner {
  background: #1D1F21 none repeat scroll 0% 0%;
}
div.post.reply {
  background: #282A2E none repeat scroll 0% 0%;
  border:1px solid #282a2e;
  margin-bottom:2px;
  margin-left:16px;
  margin-top:2px;
  border-radius: 5px;
}
div.post.reply.highlighted {
  background-color:#1d1d21;
  border:1px solid #111
}
div.post.reply div.body a {
  color:#81a2be
}
div.post.reply div.body a:hover {
  color:#5F89AC
}
div.post-hover {
  border:1px solid #000!important;
  box-shadow:none!important
}
.theme-catalog div.thread:hover {
  background-color:#1d1f21;
  border-color:#111
}
p.intro span.subject {
  color:#b294bb
}
p.intro span.name {
  color: #FFF;
}

p.intro span.trip {
  color: #FFF;
  margin-left: 3px;
}

a span.name {
  color: #FFF !important;
  border-bottom: 1px solid #5F89AC;
}

a span.trip {
  color: #FFF !important;
  border-bottom: 1px solid #5F89AC;
}
.quote {
  color:#adbd68
}
span.heading {
  color:#F20
}
div#post-form-inner form {
border: 2px solid #364041;
float: left;
margin: 20px;
padding: 8px 20px 5px;
background: #282A2E none repeat scroll 0% 0%;
font-size: 13px;
line-height: 18px;
width: 700px;
}
div.ban h2 {
  background:#282A2E;
  color:inherit
}
div.ban {
  border-color:#282A2E;
}
div.ban {
  color:#C5C8C6;
  background-color: inherit;
}
div.pages {
  background:#1d1f21;
  border-color:#1d1f21
}
div.pages a.selected {
  color:#81a2be;
  font-weight:700
}
.boardlist {
  background: black none repeat scroll 0% 0% !important;
  color:#C5C8C6;
  border-bottom: 0px solid !important;

}
.boardlist.bottom {
  color:#81a2be;
  display: none;
}
hr {
  background-color: black;
  border:0;
  height:1px
}
div#options_div {
  background-color:#282a2e
}
div.options_tab_icon {
  color:#AAA
}
div.options_tab_icon:hover {
  background-color:#111
}
div.options_tab_icon.active {
  color:#F20
}
div.blotter {
  color:#F20
}
span.omitted {
  color:#707070
}
p.intro a,span.omitted a {
  text-decoration:none
}
form#quick-reply {
  padding-right:1px;
  border: 1px solid #111
}
span.capcode {
  background-color: #000;
  padding:2px 5px;
  border-radius: 10px
}
div#watchlist,div#alert_div {
  border:1px solid #111;
  background-color:#282a2e
}
div#watchlist a,a.watchThread {
  color:#81a2be;
  text-decoration:none
}
div#watchlist a:hover,a.watchThread:hover {
  color:#5F89AC
}

/* Remove the following parts if those annoy you */
/* Keep small thumbnails in replies */
.post.reply a:not([data-expanded="true"]) .post-image{
  width:auto!important;
  height:auto!important;
  max-height:160px;
  max-width:160px
}

.modlog tr:nth-child(even), .modlog th {
	background-color: #282A2E;
}

.board_image {
 position: absolute !important;
margin-left: 81% !important;
margin-top: 2.7% !important;
}



.box {
	background: #282a2e;
	border-color: #111;
	color: #C5C8C6;
}
.box-title {
	background: #282a2e;
	color: #C5C8C6;
}

table thead th {
	background: #282a2e;
	border-color: #111;
	color: #C5C8C6;
}
table tbody tr:nth-of-type( even ) {
	background-color: #282a2e;
}

table.board-list-table .board-uri .board-sfw {
	color: #81a2be;
}
tbody.board-list-omitted td {
	background: #282a2e;
	border-color: #111;
}

table.board-list-table .board-tags .board-cell:hover {
	background: #1d1f21;
}
table.board-list-table tr:nth-of-type( even ) .board-tags .board-cell {
	background: #282a2e;
}


#expand-all-images {
display: none;
}
#gallery-views {
display: none;
}

body {
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

header {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
margin: -20px;
background-color: black;
margin-bottom: 1px;
margin-right: -30px;
}
header h1 {
    float: left !important;
    margin-left: 20px;
    margin-bottom: 1px;

}
div.banner  {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    display: none;
}

form  {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
 
}

div#yeelmao  {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
    display: none !important;
}

div#post-form-outer  {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;

}
div#8ch-bottom  {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    box-ordinal-group: 6;
  
}
footer  {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    box-ordinal-group: 7;

}

a#thread-catalog {
display: none;
}

a#thread-top {
display: none;
}

.theme-catalog {
display: block !important;
}

div.subtitle p::before {
    content: "[ ";
} 

div.subtitle p::after {
    content: " ]";
} 
.subtitle {
    margin-left: 30px !important;
    margin-bottom: -15px;
    margin-top: -7px;
text-align: left !important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

header {
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

header h1  {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    text-align: left !important;

}

.subtitle {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;

}
.mentioned {
display: block !important;
}

.mentioned::before {
content: "Quoted by";
margin-left: 10px;
}

footer {
display: none;
}

div#post-form-outer {
text-align: left !important;
}

form table tbody tr th {
border: 1px solid #494949 !important;
text-shadow: none;
background-color: #1D1F21;
color: #E6E6E6;
border-radius: 2px 0px 0px 2px;
min-height: 24px;
}
form table tbody tr td input {
border: 1px solid #494949 !important;
text-shadow: none;
background-color: #1D1F21;
color: #E6E6E6;
border-radius: 2px 0px 0px 2px;
min-height: 24px;
}

#treeview {
display: none;
}
#gallery-view{
display: none;
}

form::before {
content: "Tripcode is required and post only in main thread.";
color: #3E89C7;
font-weight: bold;
margin-left: 3px;

}