mirror of
https://github.com/daniviga/django-ram.git
synced 2025-08-04 21:27:49 +02:00
Import WebThrottle-EX from ca33f6a
This commit is contained in:
226
ram/driver/static/wt/css/themes/dark.css
Normal file
226
ram/driver/static/wt/css/themes/dark.css
Normal file
@@ -0,0 +1,226 @@
|
||||
body{
|
||||
background: #111111;
|
||||
}
|
||||
.rendered-form{
|
||||
background: #1b1b1b;
|
||||
background-image: url(../../images/carbon_fibre.png);
|
||||
background-repeat: repeat;
|
||||
color: #fff;
|
||||
background-size: 16px;
|
||||
}
|
||||
.rs-control .rs-bg-color, #throttle-window{
|
||||
background: #1b1b1b;
|
||||
background-image: url(../../images/carbon_fibre.png);
|
||||
background-repeat: repeat;
|
||||
background-size: 16px;
|
||||
}
|
||||
.rs-control .rs-range-color{
|
||||
background-color: #00A3B9;
|
||||
}
|
||||
#throttle-window{
|
||||
border: 1px solid #303030;
|
||||
box-shadow: 0px 0px 10px 0px #0c0c0c;
|
||||
}
|
||||
label.formbuilder-text-label,
|
||||
label.formbuilder-select-label,
|
||||
label.formbuilder-textarea-label,
|
||||
label.formbuilder-file-label{
|
||||
color: #ffffff;
|
||||
}
|
||||
input.form-control, select.form-control, textarea.form-control {
|
||||
border: 1px solid #3b3b3b;
|
||||
border-radius: 4px;
|
||||
background: #282828;
|
||||
color: #ffffff;
|
||||
box-shadow: inset 0px 0px 2px #000000;
|
||||
}
|
||||
.formbuilder-button .btn, .server-button .btn, .fn-button .btn {
|
||||
box-shadow: 0px 0px 2px #000000;
|
||||
}
|
||||
.fn-button.field-button-fn .btn.press{
|
||||
border: 1px solid #3e8e41;
|
||||
box-shadow: 0px 0px 2px #000000;
|
||||
}
|
||||
.fn-button.field-button-fn button[aria-pressed="true"].btn.press{
|
||||
border: 1px solid #3e8e41;
|
||||
box-shadow: none;
|
||||
}
|
||||
.select-control {
|
||||
border: 1px solid #3b3b3b;
|
||||
border-radius: 4px;
|
||||
background: #282828;
|
||||
color: #ffffff;
|
||||
box-shadow: inset 0px 0px 2px #000000;
|
||||
}
|
||||
.btn-grey{
|
||||
background: #282828;
|
||||
border: 1px solid #3f3f3f;
|
||||
box-shadow: 0px 0px 2px #000000;
|
||||
color: #afafaf;
|
||||
}
|
||||
.btn-hide{
|
||||
background: #282828;
|
||||
border: 1px solid #3f3f3f;
|
||||
box-shadow: 0px 0px 2px #000000;
|
||||
color: #afafaf;
|
||||
}
|
||||
.btn-speed {
|
||||
background: #282828;
|
||||
border: 4px solid #3f3f3f;
|
||||
box-shadow: 0px 0px 2px #000000;
|
||||
color: #afafaf;
|
||||
}
|
||||
.btn-speed:hover {
|
||||
background: #3f3f3f;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.rotaryswitchPlugin.big .mark{
|
||||
background: #111111;
|
||||
box-shadow: inset 0px 0px 2px #000000;
|
||||
}
|
||||
|
||||
.slider{
|
||||
border: 1px solid #3b3b3b;
|
||||
background: #121212;
|
||||
box-shadow: inset 0px 0px 2px #000000;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
border-radius: 34px;
|
||||
}
|
||||
.slider:before {
|
||||
left: 3px;
|
||||
bottom: 2px;
|
||||
background: #484848;
|
||||
border: 1px solid #3f3f3f;
|
||||
box-shadow: 0px 0px 2px #000000;
|
||||
}
|
||||
input:checked + .slider:before{
|
||||
box-shadow: 0px 0px 2px #b40000;
|
||||
border: 1px solid #ff3a3a;
|
||||
}
|
||||
input + .slider,
|
||||
input:checked + .slider{
|
||||
box-shadow: inset 0px 0px 2px #000000;
|
||||
}
|
||||
input:checked + .slider.debug-slider{
|
||||
box-shadow: inset 0px 0px 2px #000000;
|
||||
}
|
||||
input:checked + .slider.debug-slider:before{
|
||||
box-shadow: 0px 0px 2px #00A3B9;
|
||||
border: 1px solid #01b3ca;
|
||||
}
|
||||
.slider.debug-slider:before {
|
||||
bottom: 1px;
|
||||
}
|
||||
.knob-value{
|
||||
text-shadow: 0 0px 1px #000000, 0px 0px 4px #31d9f3;
|
||||
}
|
||||
.log-msg{
|
||||
color: cyan;
|
||||
border: 1px solid #3b3b3b;
|
||||
background: #121212;
|
||||
box-shadow: inset 0px 0px 2px #000000;
|
||||
}
|
||||
.dir-toggle {
|
||||
background-color: #121212;
|
||||
-moz-box-shadow: inset 0 0 5px #000000;
|
||||
-webkit-box-shadow: inset 0 0 5px #000000;
|
||||
box-shadow: inset 0 0 5px #000000;
|
||||
border: 4px solid #141414;
|
||||
}
|
||||
.dir-toggle:before{
|
||||
-moz-box-shadow: 0 0 5px #000000;
|
||||
-webkit-box-shadow: 0 0 5px #000000;
|
||||
box-shadow: 0 0 5px #000000;
|
||||
}
|
||||
.em-btn button.em-stop{
|
||||
padding: 12px;
|
||||
box-shadow: 0 0 5px 2px #000000;
|
||||
border: 1px solid #ececec;
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
.rotaryswitchPlugin.big.light {
|
||||
margin: 36px;
|
||||
background: url(../../images/darkmkBigBackground.png) no-repeat;
|
||||
background-size: 100%;
|
||||
background-position: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.rotaryswitchPlugin.big.light .switch {
|
||||
background: url(../../images/darkmkBigFront.png) no-repeat;
|
||||
background-size: 93%;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.ui-slider .ui-slider-range {
|
||||
background: #282828;
|
||||
box-shadow: inset 0 0 5px 0px #000;
|
||||
|
||||
}
|
||||
.ui-widget.ui-widget-content {
|
||||
border: 4px solid #3f3f3f;
|
||||
box-shadow: 0px 0px 2px #000000;
|
||||
}
|
||||
.ui-slider-vertical .ui-slider-handle {
|
||||
border: 1px solid #3f3f3f;
|
||||
background-color: #282828;
|
||||
background: linear-gradient(to bottom,#3b3b3b, #282828);
|
||||
left: -6px;
|
||||
}
|
||||
hr {
|
||||
border-color: #3f3f3f;
|
||||
}
|
||||
.menu {
|
||||
box-shadow: 0 0px 10px #000000;
|
||||
border-right: 1px solid #2f2f2f;
|
||||
}
|
||||
.nav-btn, .btn-expand, .btn-info, .btn-hide{
|
||||
color: #afafaf;
|
||||
}
|
||||
.nav-btn:hover, .btn-expand:hover, .btn-info:hover{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.add-loco-form .add-loco-head,
|
||||
.add-loco-form .row label {
|
||||
color: #333;
|
||||
}
|
||||
.settings-group{
|
||||
border: 1px solid #3b3b3b;
|
||||
background: #121212;
|
||||
box-shadow: inset 0px 0px 2px #000000;
|
||||
}
|
||||
.settings-heading {
|
||||
border-bottom: 1px solid #000000;
|
||||
box-shadow: 0 1px 0px #464646;
|
||||
}
|
||||
.side-panel {
|
||||
border-right: 1px solid #000000;
|
||||
box-shadow: 1px 0 #464646;
|
||||
}
|
||||
.row.settings-group.fnhead{
|
||||
background: #232323;
|
||||
box-shadow: 0 1px 1px black;
|
||||
border: 1px solid #333;
|
||||
}
|
||||
a.edit-cur-loco, a.option-btn{
|
||||
background: #282828;
|
||||
border: 1px solid #3f3f3f;
|
||||
box-shadow: 0px 0px 2px #000000;
|
||||
color: #ffffff;
|
||||
}
|
||||
.loco-details p.ac-loco-name{
|
||||
text-shadow: 0 0 1px #000000;
|
||||
color: #00A3B9
|
||||
}
|
||||
.loco-details .sub-text p{
|
||||
background: #282828;
|
||||
}
|
||||
.loco-list-ctrl input{
|
||||
border: 1px solid #3b3b3b;
|
||||
background: #282828;
|
||||
color: #ffffff;
|
||||
box-shadow: inset 0px 0px 2px #000000;
|
||||
}
|
||||
Reference in New Issue
Block a user