div#container{
	font-family: terminus;
	background-color:#000000;
	color:#ffffff;
	h1, p{
		text-align: center;
	}
}

div#container .dataTables_wrapper, table#categoryIndex, table#storyIndex{
	max-width: 100vw;
	thead, thead > tr{
		max-width: 100vw;
	}
	tr, div.dataTables_info, label{
		background-color:#000000;
		color:#ffffff;
	}
	tr{
		cursor: pointer;
	}
	tr:hover{
		background-color:#ffffff;
		color:#000000;
	}
	tr > td{
		padding: 0;
		line-height: 32px;
	}
	tr > td > a{
		display: block;
		color: inherit;
		text-decoration: none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100vw;
	}
	tr > td:nth-child(2){
		text-align: right;
	}
}

#categoryIndex_paginate > span > a:not(.current), #categoryIndex_paginate > a:not(.disabled), #storyIndex_paginate > span > a:not(.current), #storyIndex_paginate > a:not(.disabled){
	color: #ffffff !important;
}

a#categoriesindex{
	text-align: center;
	display: block;
	color: inherit;
	text-decoration: none;
	margin: 8px 0;
	padding: 8px;
	&:hover{
		background-color: #ffffff;
		color: #000000;
	}
}