Added Night theme

This commit is contained in:
benweet 2013-05-24 00:27:55 +01:00
parent 025792d95d
commit a683716138
7 changed files with 219 additions and 5 deletions

View File

@ -93,8 +93,10 @@ lib/MathJax/jax/output/HTML-CSS/fonts/TeX/AMS/Regular/MiscTechnical.js
lib/MathJax/jax/output/HTML-CSS/fonts/TeX/AMS/Regular/PUA.js
lib/MathJax/jax/output/HTML-CSS/fonts/TeX/AMS/Regular/SpacingModLetters.js
lib/MathJax/jax/output/HTML-CSS/fonts/TeX/AMS/Regular/SuppMathOperators.js
themes/blue-gray/ajax-loader-blue-gray.gif
themes/blue-gray/ajax-loader.gif
themes/blue-gray/blue-gray.css
themes/night/ajax-loader.gif
themes/night/night.css
NETWORK:

View File

@ -393,7 +393,7 @@ div.dropdown-menu i {
}
.working-indicator {
background-image: none;
background-image: none !important;
width: 43px;
height: 11px;
background-position: 0 0;
@ -401,7 +401,7 @@ div.dropdown-menu i {
}
.working-indicator.show {
background-image: url("../img/ajax-loader.gif");
background-image: url("../img/ajax-loader.gif") !important;
}
.ui-layout-toggler-north .caret, .ui-layout-toggler-south .caret {

View File

@ -46,5 +46,6 @@ if(location.hostname.indexOf("benweet.github.io") === 0) {
var THEME_LIST = {
"": "Default",
"blue-gray": "Blue-Gray"
"blue-gray": "Blue-Gray",
"night": "Night"
};

View File

Before

Width:  |  Height:  |  Size: 404 B

After

Width:  |  Height:  |  Size: 404 B

View File

@ -56,7 +56,7 @@ div.jGrowl div.jGrowl-notification {
}
.working-indicator.show {
background-image: url("ajax-loader-blue-gray.gif");
background-image: url("ajax-loader.gif") !important;
}
.viewer .navbar-inner {

Binary file not shown.

After

Width:  |  Height:  |  Size: 404 B

211
themes/night/night.css Normal file
View File

@ -0,0 +1,211 @@
body,
.btn,
.well,
.modal-footer,
input[disabled],
select[disabled],
textarea[disabled],
.input-prepend .add-on {
background-color: #222;
color: #fff;
}
input,
select,
textarea,
.input-prepend .btn,
.input-prepend
.add-on {
border-color: #444 !important;
}
input[readonly], select[readonly], textarea[readonly] {
background-color: #fff;
}
textarea, input, .dropdown-menu, .modal {
background: #111;
color: #fff;
}
.modal-header, .modal-footer {
border-color: #222;
}
a {
color: #f73;
}
a:hover,
a:focus {
color: #ffab81;
text-decoration: underline;
}
#file-title:hover {
color: #fff;
}
blockquote {
border-color: #333;
}
.well {
color: #ccc;
}
.well blockquote {
border-color: #444;
}
.muted {
color: #aaa;
}
[class^="icon-"], [class*=" icon-"] {
background-image: url("../../img/glyphicons-halflings-white.png");
}
.navbar-inner {
background-color: #444 !important;
}
.navbar-inner .btn {
background-color: #444;
}
.navbar-inner .btn:hover,
.navbar-inner .btn:focus,
.navbar-inner .btn:active,
.navbar-inner .btn.active,
.btn-group.open .btn.dropdown-toggle {
background-color: #555;
}
.btn:hover {
background-color: #333;
}
.btn:hover, .btn:focus {
color: #fff;
}
.btn-primary {
background-color: #444;
}
.btn-primary:hover {
background-color: #555;
}
.navbar-inner .btn.disabled,
.navbar-inner .btn[disabled] {
background-color: #444;
}
.navbar .nav > li > a {
color: #bbb;
}
.dropdown-menu {
border-color: #333 !important;
}
.dropdown-menu > li > a {
color: #aaa;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
div.jGrowl div.jGrowl-notification {
background-color: #444;
}
.dropdown-menu .divider {
background-color: #111 !important;
border-color: #111 !important;
color: #555 !important;
}
.dropdown-menu:before {
border-bottom-color: #333 !important;
}
.navbar .nav > li > .dropdown-menu:after {
border-bottom-color: #111;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #444;
}
.modal textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus
{
-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0), 0 0 8px rgba(255, 255, 255, 1) !important;
-moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0), 0 0 8px rgba(255, 255, 255, 1) !important;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0), 0 0 8px rgba(255, 255, 255, 1) !important;
}
.error {
background-color: #ffbca8 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(255, 134, 97, 0), 0 0 8px rgba(255, 255, 255, 1) !important;
-moz-box-shadow: inset 0 1px 1px rgba(255, 134, 97, 0), 0 0 8px rgba(255, 255, 255, 1) !important;
box-shadow: inset 0 1px 1px rgba(255, 134, 97, 0), 0 0 8px rgba(255, 255, 255, 1) !important;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
color: #fff;
background-color: #222;
border-color: #222;
border-bottom-color: transparent;
}
.nav-tabs {
border-bottom-color: #222;
}
.nav > li > a:hover,
.nav > li > a:focus {
background-color: #333;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
border-color: #333 #333 #222;
}
.nav .dropdown-toggle .caret, .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
border-top-color: #888;
border-bottom-color: #888;
}
.working-indicator.show {
background-image: url("ajax-loader.gif") !important;
}
.viewer .navbar-inner {
background-color:rgba(80,80,80,0.75) !important;
}