eddb.io Dark Stylish Style

eddb.io.css

/* More Accurate Elite Orange: FD831E */
/* Elite Hover: #F6AF3D */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);

html.site-eddb, body.site-eddb, .wrap {
	background-color: #000;
}

html, body {
    font: 14px/20px 'Roboto', sans-serif;
	color: #FD831E;
}

hr {
    border-top: 1px solid #FD831E;
}

.panel-eddb>.panel-heading {
    color: #FD831E;
    font-weight: bold;
}

.page-header {
	color: #FD831E;
	border: none;
}

.page-header h1 i, h1 .prefix, .breadcrumb > .active {
	color: #fff;
}

.page-header h1, .page-header .h1 {
	border: none;
}

a {
	color: #FF7E00;
}

/* more like elite interface */
.panel {
	background-color: #000;
	border: 1px solid #FD831E;
}

.panel-eddb>.panel-heading,
.panel-subheading {
	background-color: #000;
	border-bottom: 1px solid #FD831E;
	border-top: 2px solid #FD831E;
	text-transform: uppercase;
}

.quick-links {
    padding-top: 2px;
	border-top: 4px solid #FD831E;
	border-bottom: 4px solid #FD831E;
}

.quick-links .quick-box {
	background-color: transparent;
	border: none;
	border-radius: 0;
	margin-top: 3px;
	margin-bottom: 0;
	height: 20px;
	min-width: 175px;
	width: 16%;
}

.quick-links .quick-box > .headline {
    padding: 1px 5px 4px 5px;
    margin-bottom:5px;
	background-color: transparent;
	color: #FD831E;
	text-transform:uppercase;
    font-size: 16px;
}

.quick-links .quick-box > .headline:hover {
    background-color: #F6AF3D;
    color: #5b0500;
}

.quick-links .quick-box > .body { 
	display: none;
}

#commodities-table tr.group {
    color: #fff;
}

/* Table */
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: none;
}

.table-bordered {
	border: 1px solid #ef7b25;
}

.table-wrap {
	overflow-x: hidden;
}

.table .table {
	background-color: #000;
}

table.dataTable thead th,
.panel table.panel-table .route-result-item td, 
.FixedHeader_Header table.panel-table .route-result-item td {
	background-color: #000 !important;
}

th.sorting, 
table.dataTable thead th.sorting:after {
	color: #FD831E;
	text-transform: uppercase;
}

table.dataTable thead th.sorting_asc:after {
	color: #fff;
}
/* Highlight selected column */
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
	background-color: #FF7E00 !important;
	color: #fff;
	text-transform: uppercase;
}

table thead th, table.dataTable thead th,
table thead td, table.dataTable thead td {
	border-left: 1px solid #FD831E !important;
	border-bottom: 1px solid #FD831E !important;
}

.panel table.panel-table .route-result-item .result-total, 
.FixedHeader_Header table.panel-table .route-result-item .result-total {
	color: #0BACF2;
}

table.dataTable tbody tr {
	background-color: #150900 !important;
}

#closestListingTable {
    font-size: 13px;
}

.panel-eddb .table>tbody>tr>td {
	border-top: 3px solid #000 !important;
	border-bottom: 3px solid #000 !important;
	padding: 15px 10px;
	border-right: 2px solid #411400;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #150900;
}

table.dataTable tbody tr.group {
	text-transform: uppercase;
}

table.dataTable tbody tr.group strong {
	font-weight: normal;
}

ul.pagination {
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #FF7E00;
	background-color: #000;
	border-color: #FF7E00;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	color: #fff;
	background-color: #FF7E00;
	border-color: #FF7E00;
}

.pagination > li > a, .pagination > li > span {
	padding: 6px 12px;
	margin-left: -1px;
	color: #FF7E00;
	background-color: #000;
	border: 1px solid #FF7E00;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #fff;
	background-color: #341600;
	border-color: #FF7E00;
}

.footer {
	background-color: #000;
	border-top: 1px solid #FD831E;
}


/** Panel is Loading **/
.panel-loading-drop.panel-is-loading:before {
	opacity: 0.4;
	top: -3px;
	bottom: 0;
	right: 0;
	left: 0;
}

.panel-loading-drop:before {
	content: "";
	opacity: 0;
	z-index: 1000;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: 100ms;
	transition-duration: 100ms;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	background-color: #FD831E;
	border-radius: 4px;
}

.filter-group .filter-label {
    background-color: #000;
    text-transform: uppercase;
}

.filter-group td:first-child:before {
    background: #FD831E linear-gradient(to right, #fff 0%, #FD831E 100%);
}

.filter-group .filter-value {
    background-color: #FD831E;
	color: #5B0500;
}

.filter-group .filter-value:hover {
    background-color: #F6AF3D;
    color: #5B0500;
}

.table tbody tr:hover * {
    background-color: #F6AF3D;
    color: #5B0500;
}

.panel-eddb .table>tbody>tr>td {
	padding: 0px 10px;
}

.result .location-what {
    padding: 2px 10px;
    border-left: 3px solid #3D2714;
    border-right: 3px solid #3D2714;
    border-bottom: 3px solid #3D2714;
}

.result .result-credits-unit-profit {
    font-weight: 400;
    font-size:14px;
}


.result .location-where, .result .result-total, .result .result-nothing {
    background-color: #3D2714;
}


.result .location .location-what {
    background-color: #232323;
}

.result .hop-space .hop-space-distance {
    color: #2C0F0E;
}

.result .hop-space {
    padding: 8px;
}

.result .result-total {
   font-size: 20px; 
}

/* -- Select2 Mods -- */

.select2-drop-active {
    border-color: #FD831E;
}
.select2-drop {
    background: #232323;
    background-color: #232323;
    border: 1px solid #FD831E;
    color: #FD831E;
}
.select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice, .select2-container .select2-choices {
    background-color: #232323;
    color: #FD831E;
    border-color: #FD831E;
}
.select2-search input, .select2-container.select2-container-disabled .select2-choice, .form-group input {
    border-color: #FD831E;
    background-color: #232323;
    color: #cccccc;
}
.select2-results .select2-highlighted {
    color: #5B0500;
    background-color: #FD831E;
}

.modal-content {
    background-color: #000;
    border: 1px solid #FD831E;
}

.modal-header {
    border-bottom: 1px solid #FD831E;
}

.modal-footer {
    border-top: 1px solid #FD831E;
}