diff --git a/cache.manifest b/cache.manifest index 6ffcf324..b155915f 100644 --- a/cache.manifest +++ b/cache.manifest @@ -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: diff --git a/css/default.css b/css/default.css index 7497d04f..2c69408d 100644 --- a/css/default.css +++ b/css/default.css @@ -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 { diff --git a/js/config.js b/js/config.js index a69f3092..5e44319a 100644 --- a/js/config.js +++ b/js/config.js @@ -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" }; diff --git a/themes/blue-gray/ajax-loader-blue-gray.gif b/themes/blue-gray/ajax-loader.gif similarity index 100% rename from themes/blue-gray/ajax-loader-blue-gray.gif rename to themes/blue-gray/ajax-loader.gif diff --git a/themes/blue-gray/blue-gray.css b/themes/blue-gray/blue-gray.css index 12e19fae..f0abc607 100644 --- a/themes/blue-gray/blue-gray.css +++ b/themes/blue-gray/blue-gray.css @@ -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 { diff --git a/themes/night/ajax-loader.gif b/themes/night/ajax-loader.gif new file mode 100644 index 00000000..42113d4c Binary files /dev/null and b/themes/night/ajax-loader.gif differ diff --git a/themes/night/night.css b/themes/night/night.css new file mode 100644 index 00000000..c92ff18e --- /dev/null +++ b/themes/night/night.css @@ -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; +} +