TeachBoost Night Theme: Proteus

nighthawk.proteus.css

/* Scrollbar */

.tree::-webkit-scrollbar,
fieldset.settings::-webkit-scrollbar,
fieldset.list::-webkit-scrollbar,
section::-webkit-scrollbar,
.tt-menu::-webkit-scrollbar{
    width: 15px;
}
 
.tree::-webkit-scrollbar-thumb,
fieldset.settings::-webkit-scrollbar-thumb,
.tt-menu::-webkit-scrollbar-thumb {
    background: #282828;
}
fieldset.list::-webkit-scrollbar-thumb,
section::-webkit-scrollbar-thumb {
    background: #2b2b2b;
}

.tree::-webkit-scrollbar-track,
fieldset.settings::-webkit-scrollbar-track,
.tt-menu::-webkit-scrollbar-track {
    background: #4b4b4b;
}
fieldset.list::-webkit-scrollbar-track,
section::-webkit-scrollbar-track {
    background: #5b5b5b;
}

.tree::-webkit-scrollbar-button,
fieldset.settings::-webkit-scrollbar-button,
fieldset.list::-webkit-scrollbar-button,
section::-webkit-scrollbar-button,
.tt-menu::-webkit-scrollbar-button {
    background: #222;
    height: 15px;
    border-radius: 50%;
}


/* Page */

.dashboard-page {
    background: #4B4B4B;
}

.groups-page #tree {
    background: #3b3b3b;
    border-right: .1875em solid #222;
}

.groups-page #tree h2 {
    color: #aaa;
    background-color: #2d2d2d;
    border-bottom: 1px solid #222;
}

.groups-page #nav {
    background: #2d2d2d;
    border-bottom: .1875em solid #222;
}

.groups-page #nav .tabs {
    border-bottom: 2px solid #222;
}

.groups-page #nav .sub-page {
    background: #3b3b3b;
}

.groups-page #nav .nav-pills > li.active > a, 
.groups-page #nav .nav-pills > li.active > a:focus, 
.groups-page #nav .nav-pills > li.active > a:hover {
    color: #ddd;
    background-color: #222;
}

.nav > li > a:focus, 
.nav > li > a:hover {
    background-color: #262626;
}

legend {
    color: #ccc;
    border-bottom: 1px solid #666;
}

fieldset.settings,
fieldset.sidebar { /* right fold out page */
    background: #3b3b3b !important;
}

.groups-page #stage .help {
    background: rgba(0,0,0,.25);
}

.gray-modal-background {
    background: #333;
}

.groups-page #tree .tree li.selected > a {
	border-radius: 3px;
}


/* Forms */

.dashboard-page .results {
    background: #333;
    border: 1px solid #111;
}

.dashboard-page .results .result a:hover {
    background-color: #222;
}


/* Overwrites */

.help.danger h2 {
	border-bottom: 0;
    color: #333;
}