TeachBoost Night Theme: Raven

nighthawk.raven.css

/* Global */

header {
    background: #26292C;
}

body {
    background: #4b4b4b;
    color: #ddd;
}

a {
    color: #99c7dc;
}

a:hover,
a:active {
    color: #55acd4;
}

.color-gray {
    color: #bbb;
}

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

h3 {
    color: #bbb;
}

h4 {
    color: #ccc;
}

blockquote, 
pre {
    background: #3b3b3b;
    border-left: 5px solid #2b2b2b;
    color: #eee;
}


/* Navigation */

.left-nav {
    text-shadow: 0 1px 0 #000;
}

.left-nav #user-search {
    border-right: 1px solid #222;
    border-bottom: 1px solid #1b1b1b;
    background: #2d2d2d;
}

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

.left-nav > .nav .item {
    border-bottom: 1px solid #2b2b2b;
    color: #ddd;
}

.left-nav > .nav > li > a:focus, 
.left-nav > .nav > li > a:hover {
    background-color: #2b2b2b !important;
    border-top: 1px solid #1e1e1e;
    border-bottom-color: #1e1e1e !important;
    color: #fff !important;
    margin-top: -1px;
}

.left-nav > .nav .item > .fa,
#left .tab i {
    color: #ddd;
}

.with-left .left-nav {
    border-top: .25em solid #111;
}

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

.with-left footer {
    border-top: 1px solid #777;
}


/* Forms */

.form-control,
.list-length,
textarea {
    background-color: #333 !important;
    border: 1px solid #222;
    color: #fff !important;
}

textarea {
    box-shadow: none;
}

.form-control:focus {
    background-color: #2b2b2b;
}

.tt-input {
    background-color: #333 !important;
	border: 1px solid #111;
}

.dropdown-menu {
    background-color: #282828;
    text-shadow: 0 1px 0 #111;
}

.top-nav .user-dropdown h5 {
    background: #1b1b1b;
}

.top-nav .user-dropdown .email {
    background: #1b1b1b;
    border-bottom: 2px solid #111;
}

.form-horizontal .form-group {
    border-bottom: 1px solid #222;
}

.control-label {
    color: #ccc;
}


/* Lists */

#usermanager .navbar {
    border-bottom: 1px solid #383838;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {
    color: #eee;
    background-color: #4b4b4b;
    border: 1px solid #383838;
    border-bottom: 1px solid #4b4b4b;
}

.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
    background-color: #3b3b3b;
    color: #eee;
}

.nav-tabs > li > a:hover {
    border-color: #2b2b2b #2b2b2b #333;
}

.list-container {
    border: 1px solid #2b2b2b;
}

.list-container .list-header {
    color: #ccc;
    background: #4b4b4b;
    border-bottom: 1px solid #2b2b2b;
}

.sort {
    border-left: 1px solid #222
}

.list-container .heading {
    background: #3b3b3b;
    border-bottom: 1px solid #2b2b2b;
}

.list-group-item {
    background-color: #4b535a;
}

.list-container .item-row, 
.list-container .item > .row {
    background: #4b535a;
    border-bottom: 1px solid #2b2b2b;
}

.list-container .item-row:hover, 
.list-container .item > .row:hover {
    background-color: #3b434a;
}

.module.tasks ul.list.empty,
.module.goals ul.empty {
    background-color: #3b3b3b;
}

.module.tasks .task:not(:last-child) {
    border-bottom: 1px solid #666;
}


/* Quicklist */

.module.quicklist {
    border: 1px solid #2b2b2b;
}

.module.quicklist h2 {
    color: #ccc;
    background-color: #3b3b3b;
}

.module.quicklist .search {
    background-color: #4b4b4b;
    border-bottom: 1px solid #2b2b2b;
}

.module.quicklist .search input {
    border-color: #222;
}

.module.quicklist .listbox li {
    border-bottom: 1px solid #222;
    background: #4b535a;
}

.module.quicklist .listbox li:hover {
    background-color: #3b434a;
}

.module.quicklist h2 .badge {
    background-color: #007db6;
    box-shadow: 0 1px 0 #222;
}


/* Activity */

.module.activity .activity-item .meta-row {
    color: #ccc;
    border-left: .25em solid #3b3b3b;
}

.module.activity .activity-item .meta-row a {
    color: #ccc;
}

.module .load-more {
    color: #99c7dc;
    border: 1px solid #2b2b2b;
    background-color: #3b3b3b;
}

.module .load-more:hover {
    background-color: #333;
    border-color: #222;
    color: #55acd4;
}

section.datatable .load-more {
    border: 1px solid #333;
    border-bottom: 2px solid #222;
    background-color: #333;
}
section.datatable .load-more:hover {
    border: 1px solid #2b2b2b;
    border-bottom: 2px solid #1b1b1b;
    background-color: #2b2b2b;
}


/* Cards */

.card.icon > .caption > a {
    border-bottom: 1px solid #ccc;
    color: #ccc;
}

.card.icon > .caption > a:hover {
    border-bottom-color: #aaa;
    color: #aaa;
}


/* Buttons */

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

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

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

.btn.white {
    border-color: #1e1e1e;
}

.btn.black {
    background-color: #2b2b2b;
}


/* Pagination */

.pagination > .disabled > a, 
.pagination > .disabled > a:focus, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > span, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > span:hover {
    color: #777;
    background-color: #3b3b3b;
    border-color: #222;
}

.pagination > .active>a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
    background-color: #007db6;
    border-color: #0e2b38;
}

.pagination > li > a, 
.pagination > li > span {
    color: #a6bfd4;
    background-color: #444;
    border: 1px solid #222;
}

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


/* Tables */

.table > thead > tr > th {
    background: #383838;
    border-bottom: 3px solid #2b2b2b;
}

section.datatable table {
    border-bottom: 1px solid #2b2b2b;
}

.ft-container {
    border-bottom: 1px solid #2b2b2b;
}

.ft-c td,
td.competency,
section.datatable td,
.list-container .none > .row {
    background: #4b535a;
}

.table tr.sm-text td .color-five {
    color: #ccc;
}

.table > tbody > tr > td, 
.table > tfoot > tr > td, 
.table > thead > tr > td {
    border-top: 1px solid #2b2b2b;
}


.table.table-hover > tbody > tr:hover td,
#modal-add-users .table.table-hover > tbody > tr:hover td {
    background-color: #4b535a;
}

.module.targets td.action, 
.module.targets td.status,
section.datatable td {
    border-left: 1px solid #2b2b2b;
}

.module.targets td.action {
    border-right: 2px solid #2b2b2b;
}

.module.targets td.completion.not-started {
    background-color: rgba(220,220,220,.15);
}

.module.targets td.data {
    border-left: 1px solid #2b2b2b;
}

.module.targets td.completion.not-started:hover {
    background-color: #444;
}

.module.targets td.completion.started {
    background-color: rgba(214,167,14,.75);
}

.module.targets td.completion.done {
    background-color: rgba(77,167,77,.75);
}


/* Goals */

.module.goals .goal {
    background-color: #3b3b3b;
    color: #ddd;
}

.module.goals .goal-description {
    color: #ddd;
}

.module.goals .goal-meta {
    color: #ccc;
    background-color: #2e2e2e;
}

.module.goals .color-seven {
    color: #aaa;
}


/* Calendar */

.clndr .clndr-grid .header-day {
    color: #ccc;
    background: #3b3b3b;
    border-bottom: 2px solid #2b2b2b;
}

.clndr .clndr-grid .day.last-month, 
.clndr .clndr-grid .day.next-month {
    background: #444;
}

.clndr .with-events .day {
    border-top: 1px solid #2b2b2b;
    border-right: 1px solid #2b2b2b;
    color: #eee;
    background-color: #3b3b3b;
}

.clndr .with-events .day.event {
    color: #eee;
    background-color: #3b3b3b;
}

.clndr .with-events .day.today {
    background-color: #536065;
}

.clndr .with-events .day .day-number {
    color: #ccc !important;
}

.clndr-footer .color-seven {
	color: #ccc;
}

.clndr .initials {
    background-color: rgba(0,0,0,.2) !important;
}

/* Charts */

.chart-container {
    border: 1px solid #1e1e1e;
    box-shadow: 0 2px 2px #333;
}

.highcharts-container rect.highcharts-background {
    fill: #2d2d2d !important;
}

.highcharts-legend-item text {
    color: #ddd !important;
    fill: #ddd !important;
}


/* Modals */

.modal-content {
    background-color: #444 !important;
}

#modal-new-goal .modal-body, 
#modal-new-task .modal-body {
    background: none;
}

.modal-content .control-label,
.modal-content .color-seven {
    color: #ccc;
}

.modal-header {
    border-color: #1e1e1e !important;
    background-color: #2b2b2b !important;
}

.modal-footer h4, 
.modal-header h4 {
    color: #ccc;
}

.progress-nav a.disabled {
    background-color: #555 !important;
}

.progress-nav a {
	box-shadow: 2px 0 0 2px #2b2b2b !important;
}

.selections-list .help-block {
    color: #fff;
    background: #2b2b2b;
}

#modal-new-form .form-meta {
    color: #ccc;
    background-color: #3b3b3b;
    border-left: 3px solid #2b2b2b;
}

#modal-new-form .form-meta .nav-buttons {
    border-bottom: 3px solid #2b2b2b;
}

#modal-new-form .form-meta span {
    color: #ccc;
    background: #2b2b2b;
}

.modal .tt-menu {
    background: #2b2b2b;
    border: 1px solid #1b1b1b;
    box-shadow: 0 1px 10px 0 #222;
}

#modal-new-form .template.folder {
    color: #eee;
    border-color: #222;
    background-color: #333;
}

.template {
    color: #eee;
    background-color: #333;
}

.template i {
    color: #eee;
}

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

.close {
    color: #fff;
    text-shadow: 0 1px 0 #111;
}

#modal-new-form .form-meta .nav-buttons button.disabled {
    color: #777 !important;
    background-color: #555 !important;
    border-bottom: 3px solid #484848 !important;
}

.modal-help {
    background-color: #333;
    border-left: 2em solid rgba(171,81,196,1);
}

.modal-help h4 {
    color: #aaa;
}

.modal-help:before {
    color: rgba(255,255,255,.75);
}

#resource-results .resource-result {
    background: #333;
    color: #eee;
}

#resource-results .resource-result:hover {
    background: #2b2b2b;
}


/* Reports */

.panel-default {
    border-color: #222;
}

/* need to clean this up and figure out what .panel needs the bg color */
.panel:not(.letter):not(.group-view) {
    background-color: #383838;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default > .panel-heading {
    color: #ddd;
    background-color: #282828;
    border-color: #222;
}

.alert {
    background: #383838;
    border-left: 5px solid #222;
    color: #eee;
    text-shadow: 0 1px 0 #111;
}

.alert.alert-info {
    background: #007db6;
    border-left: 5px solid #006291;
}


/* Alerts */

#app-alert, 
#app-confirm {
    background-color: #2b2b2b;
    color: #eee !important;
    box-shadow: 0 5px 25px #111;
}

#app-alert p, 
#app-confirm p {
    color: #eee;
}


/* Live user search */

.tt-menu {
    background: #2d2d2d;
    border: 1px solid #222;
}

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

.tt-suggestion .result {
    border-bottom: 1px solid #222;
    color: #99c7dc;
}

.tt-suggestion .actions {
    background-color: #2d2d2d;
}

.tt-suggestion:hover,
.tt-suggestion:hover .actions { 
    background-color: #222
}


.tt-suggestion .actions button { 
    color: #333;
    background-color: #888;
}

.tt-suggestion:hover .actions button {
    background-color: #777;
}
    

/* Summative */

#summative .help-info.intro {
    color: #eee;
}

#summative .score-box {
    background-color: #333;
    box-shadow: 4px 4px 0 #222;
}

#summative tfoot td {
    background-color: #3b3b3b;
}

#summative .scale table td {
    color: #ccc !important;
}


/* Random */

.left-nav .survey-wrap:hover .survey-question {
    color: #ccc;
}

.help-info {
    color: #ddd;
}