TeachBoost Night Theme: Titan

nighthawk.titan.css

/* Inputs */

input[type=date], 
input[type=number], 
input[type=password], 
input[type=text], 
textarea,
select,
.aj-th-filter .aj-th-filter-field {
    background: #333;
    color: #eee;
    border: 1px solid #111;
    border-bottom: 1px solid #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input.header:focus, 
input.header:hover {
	background: #222;
    border: 1px solid #007db6;
}

/* Navigation */

#left {
    background: #3b3b3b;
    border-right: 1px solid #222;
}

#left .nav {
    border-bottom: 1px solid #222;
}

#left .tab {
    background-color: #3b3b3b;
    text-shadow: 0 1px 0 #111;
    border-top: 1px solid #2b2b2b;
    border-bottom: 1px solid #3b3b3b;
    color: #eee !important;
}

#left .tab.active, 
#left .tab:hover {
    background-color: #2b2b2b;
	border-top: 1px solid #1e1e1e;
    border-bottom: 1px solid #1e1e1e;
    margin-bottom: -1px;
    padding-bottom: 11px;
    position: relative;
    color: #eee !important;
    z-index: 10000;
    text-shadow: 0 1px 0 #1e1e1e;
}

#form-tabs .row {
    border-bottom: 1px solid #2b2b2b;
}

#form-tabs .row.top {
    border-top: 1px solid #3b3b3b;
    border-bottom: none;
}

#form-dirty.saved .saved, 
#letter-dirty.saved .saved {
    color: #ccc;
}

#form-dirty div, 
#letter-dirty div {
    color: #ccc;
    background-color: #2b2b2b;
}

.actions {
	background: #3b3b3b;
    border-bottom: 1px solid #222;
}

.actions .divider .left-line {
    background: #1b1b1b;
}

.actions .divider .right-line {
    background: #3b3b3b;
}

#footer {
    border-top: 1px solid #777;
    color: #bbb;
}

/* Goals */

.goal-description,
#container .competency,
.selections-list.edit .object-row {
	background-color: #3b3b3b;
    color: #ddd;
}

.evidence-table .piece {
    border-bottom: 1px solid #666;
}

/* Forms */

#aj-modal input[type=file], 
#aj-modal input[type=text], 
#aj-modal select, 
#aj-modal textarea {
    background-color: #333 !important;
    border: 1px solid #222 !important;
    color: #fff !important;
}

#aj-modal select {
    box-shadow: none;
}


/* Buttons */

.button.gray {
    color: #ddd;
    text-shadow: 0 1px 0 #000;
    background-color: #2b2b2b;
    border-bottom: 3px solid #1e1e1e;
}

.aj-button.gray.active, 
.aj-button.gray:active, 
.aj-button.gray:focus, 
.aj-button.gray:hover, 
.button.gray.active, 
.button.gray:active, 
.button.gray:focus, 
.button.gray:hover {
    color: #eee !important;
    background-color: #222 !important;
    border-bottom: 3px solid #111;
}

.button.disabled, 
.button.disabled.active, 
.button.disabled:active, 
.button.disabled:focus, 
.button.disabled:hover, 
.button[disabled], 
.button[disabled].active, 
.button[disabled]:active, 
.button[disabled]:focus, 
.button[disabled]:hover {
	color: #555 !important;
    background-color: #888 !important;
    border-bottom: 3px solid #666 !important;
    text-shadow: 0 1px 0 #aaa;
}


/* Form Pages */

.page.forms h1 {
    border-color: #777;
}

.page.forms h2 {
    border: none;
    color: #D6A70D; /* yellow */
}

.page.forms .input-container {
    border-bottom: 1px solid #777;
}

.page.forms .panel .description {
    color: #eee;
}

.page.forms .field-list li.field-wrap {
    background: #4b4b4b;
    color: #eee;
}

.page.forms .input-container h4 {
    color: #fff;
}

.page.forms .input-container h5 {
    color: #eee;
}

.show-more-text {
    border-left: 4px solid #333;
    color: #eee;
}

/* Form Overview */

.form-view td {
    border-bottom: 1px solid #777;
}

.form-view td.label .short-link {
    color: #99c7dc;
}

#form-discussions {
    background: #3b3b3b;
    border-left: 1px solid #222;
}

.discussions li {
    background: #2b2b2b;
    color: #ddd;
    border-bottom: 1px solid #1b1b1b;
    border-top: none;
}

.discussions .controls {
    background: #333;
}

.discussions span.none-gray {
    background: #2b2b2b;
    border-bottom: 1px solid #1b1b1b;
    border-top: 1px solid #2b2b2b;
}

#lifecycle .block {
    background-color: #333;
    color: #fff;
}

#lifecycle .block.in_progress {
    background-color: #D6A90B;
    color: #fff;
}

#lifecycle .block.complete {
    background-color: #2BA02B;
    color: #fff;
}

#lifecycle .block .status {
    background: #4b4b4b;
    color: #eee;
    border-bottom: 1px solid #111;
    border-top: 1px solid #333;
}

#lifecycle .block.in_progress .status {
    border-top: 1px solid #D6A90B;
    background: #e6c85e;
    border-bottom-color: #9c7d10;
    text-shadow: 0 1px 0 #9c7d10;
}

#lifecycle .block.complete .status {
    border-top: 1px solid #2BA02B;
    background: #60bb60;
    border-bottom-color: #0f770f;
    text-shadow: 0 1px 0 #0f770f;
}

#lifecycle .block i {
    color: #fff !important;
}

#lifecycle .block i {
    text-shadow: 0 1px 0 #333;
}


/* Modals */

#aj-modal {
    background-color: #444 !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.5)
}

#aj-modal h1 {
    color: #ccc;
    border-bottom: 1px solid #777;
}

#aj-modal span.none-gray {
    color: #ccc;
    background: #2b2b2b;
}

#aj-confirm {
    background-color: #2b2b2b;
    color: #eee !important;
    box-shadow: 0 5px 25px #111;
    border-bottom: none;
    border-top: none;
}

#aj-modal input[type=file], 
#aj-modal input[type=text], 
#aj-modal select, 
#aj-modal textarea {
    box-shadow: none;
}

#aj-modal .big-form .question {
    color: #ccc;
}

/* Admin */

h1,
h2.border {
    border-bottom: 1px solid #777;
}

.input-container h4 {
	color: #999;
}

#admin-page .panel {
    background: #4b4b4b;
}

table.grid {
    border: 1px solid #2b2b2b;
    border-bottom: none;
    border-radius: 3px;
}

.grid-th, 
th {
    background: #3b3b3b;
}

.aj-th-filter {
    background: #4b4b4b;
    border-bottom: 1px solid #2b2b2b;
    border-top: 1px solid #2b2b2b;
}

table.grid td,
table.grid tr.alt td {
    background-color: #4b535a;
    border-right: 1px solid #2b2b2b;
    border-bottom: 1px solid #2b2b2b;
    box-shadow: none;
}

table.grid tr:not(.skip-hover):hover td {
    background: #3B434A;
    border-right: 1px solid #2b2b2b;
}

table.grid td.no-data {
    background: #4b535a;
}

span.none-gray {
    background: #3b3b3b;
}