1471 lines
45 KiB
CSS
1471 lines
45 KiB
CSS
.btn {
|
|
display: inline-block;
|
|
*display: inline;
|
|
/* IE7 inline-block hack */
|
|
*zoom: 1;
|
|
padding: 4px 12px;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
color: #333333;
|
|
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
background-color: #f5f5f5;
|
|
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
|
|
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
|
|
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
|
|
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
|
|
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
*background-color: #e6e6e6;
|
|
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
border: 1px solid #cccccc;
|
|
*border: 0;
|
|
border-bottom-color: #b3b3b3;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
*margin-left: .3em;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
|
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
|
}
|
|
.btn:hover,
|
|
.btn:focus,
|
|
.btn:active,
|
|
.btn.active,
|
|
.btn.disabled,
|
|
.btn[disabled] {
|
|
color: #333333;
|
|
background-color: #e6e6e6;
|
|
*background-color: #d9d9d9;
|
|
}
|
|
.btn:active,
|
|
.btn.active {
|
|
background-color: #cccccc \9;
|
|
}
|
|
.btn:first-child {
|
|
*margin-left: 0;
|
|
}
|
|
.btn:hover,
|
|
.btn:focus {
|
|
color: #333333;
|
|
text-decoration: none;
|
|
background-position: 0 -15px;
|
|
-webkit-transition: background-position 0.1s linear;
|
|
-moz-transition: background-position 0.1s linear;
|
|
-o-transition: background-position 0.1s linear;
|
|
transition: background-position 0.1s linear;
|
|
}
|
|
.btn:focus {
|
|
outline: thin dotted #333;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
.btn.active,
|
|
.btn:active {
|
|
background-image: none;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
|
|
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
|
|
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
|
|
}
|
|
.btn.disabled,
|
|
.btn[disabled] {
|
|
cursor: default;
|
|
background-image: none;
|
|
opacity: 0.65;
|
|
filter: alpha(opacity=65);
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.btn-large {
|
|
padding: 11px 19px;
|
|
font-size: 17.5px;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
.btn-large [class^="icon-"],
|
|
.btn-large [class*=" icon-"] {
|
|
margin-top: 4px;
|
|
}
|
|
.btn-small {
|
|
padding: 2px 10px;
|
|
font-size: 11.9px;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
.btn-small [class^="icon-"],
|
|
.btn-small [class*=" icon-"] {
|
|
margin-top: 0;
|
|
}
|
|
.btn-mini [class^="icon-"],
|
|
.btn-mini [class*=" icon-"] {
|
|
margin-top: -1px;
|
|
}
|
|
.btn-mini {
|
|
padding: 0 6px;
|
|
font-size: 10.5px;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
.btn-block {
|
|
display: block;
|
|
width: 100%;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.btn-block + .btn-block {
|
|
margin-top: 5px;
|
|
}
|
|
input[type="submit"].btn-block,
|
|
input[type="reset"].btn-block,
|
|
input[type="button"].btn-block {
|
|
width: 100%;
|
|
}
|
|
.btn-primary.active,
|
|
.btn-warning.active,
|
|
.btn-danger.active,
|
|
.btn-success.active,
|
|
.btn-info.active,
|
|
.btn-inverse.active {
|
|
color: rgba(255, 255, 255, 0.75);
|
|
}
|
|
.btn-primary {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #006dcc;
|
|
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
|
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
|
|
border-color: #0044cc #0044cc #002a80;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
*background-color: #0044cc;
|
|
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
}
|
|
.btn-primary:hover,
|
|
.btn-primary:focus,
|
|
.btn-primary:active,
|
|
.btn-primary.active,
|
|
.btn-primary.disabled,
|
|
.btn-primary[disabled] {
|
|
color: #ffffff;
|
|
background-color: #0044cc;
|
|
*background-color: #003bb3;
|
|
}
|
|
.btn-primary:active,
|
|
.btn-primary.active {
|
|
background-color: #003399 \9;
|
|
}
|
|
.btn-warning {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #faa732;
|
|
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
|
|
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
|
|
background-image: -o-linear-gradient(top, #fbb450, #f89406);
|
|
background-image: linear-gradient(to bottom, #fbb450, #f89406);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
|
|
border-color: #f89406 #f89406 #ad6704;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
*background-color: #f89406;
|
|
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
}
|
|
.btn-warning:hover,
|
|
.btn-warning:focus,
|
|
.btn-warning:active,
|
|
.btn-warning.active,
|
|
.btn-warning.disabled,
|
|
.btn-warning[disabled] {
|
|
color: #ffffff;
|
|
background-color: #f89406;
|
|
*background-color: #df8505;
|
|
}
|
|
.btn-warning:active,
|
|
.btn-warning.active {
|
|
background-color: #c67605 \9;
|
|
}
|
|
.btn-danger {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #da4f49;
|
|
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
|
|
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
|
|
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
|
|
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
|
|
border-color: #bd362f #bd362f #802420;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
*background-color: #bd362f;
|
|
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
}
|
|
.btn-danger:hover,
|
|
.btn-danger:focus,
|
|
.btn-danger:active,
|
|
.btn-danger.active,
|
|
.btn-danger.disabled,
|
|
.btn-danger[disabled] {
|
|
color: #ffffff;
|
|
background-color: #bd362f;
|
|
*background-color: #a9302a;
|
|
}
|
|
.btn-danger:active,
|
|
.btn-danger.active {
|
|
background-color: #942a25 \9;
|
|
}
|
|
.btn-success {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #5bb75b;
|
|
background-image: -moz-linear-gradient(top, #62c462, #51a351);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
|
|
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
|
|
background-image: -o-linear-gradient(top, #62c462, #51a351);
|
|
background-image: linear-gradient(to bottom, #62c462, #51a351);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
|
|
border-color: #51a351 #51a351 #387038;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
*background-color: #51a351;
|
|
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
}
|
|
.btn-success:hover,
|
|
.btn-success:focus,
|
|
.btn-success:active,
|
|
.btn-success.active,
|
|
.btn-success.disabled,
|
|
.btn-success[disabled] {
|
|
color: #ffffff;
|
|
background-color: #51a351;
|
|
*background-color: #499249;
|
|
}
|
|
.btn-success:active,
|
|
.btn-success.active {
|
|
background-color: #408140 \9;
|
|
}
|
|
.btn-info {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #49afcd;
|
|
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
|
|
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
|
|
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
|
|
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
|
|
border-color: #2f96b4 #2f96b4 #1f6377;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
*background-color: #2f96b4;
|
|
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
}
|
|
.btn-info:hover,
|
|
.btn-info:focus,
|
|
.btn-info:active,
|
|
.btn-info.active,
|
|
.btn-info.disabled,
|
|
.btn-info[disabled] {
|
|
color: #ffffff;
|
|
background-color: #2f96b4;
|
|
*background-color: #2a85a0;
|
|
}
|
|
.btn-info:active,
|
|
.btn-info.active {
|
|
background-color: #24748c \9;
|
|
}
|
|
.btn-inverse {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #363636;
|
|
background-image: -moz-linear-gradient(top, #444444, #222222);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
|
|
background-image: -webkit-linear-gradient(top, #444444, #222222);
|
|
background-image: -o-linear-gradient(top, #444444, #222222);
|
|
background-image: linear-gradient(to bottom, #444444, #222222);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
|
|
border-color: #222222 #222222 #000000;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
*background-color: #222222;
|
|
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
}
|
|
.btn-inverse:hover,
|
|
.btn-inverse:focus,
|
|
.btn-inverse:active,
|
|
.btn-inverse.active,
|
|
.btn-inverse.disabled,
|
|
.btn-inverse[disabled] {
|
|
color: #ffffff;
|
|
background-color: #222222;
|
|
*background-color: #151515;
|
|
}
|
|
.btn-inverse:active,
|
|
.btn-inverse.active {
|
|
background-color: #080808 \9;
|
|
}
|
|
button.btn,
|
|
input[type="submit"].btn {
|
|
*padding-top: 3px;
|
|
*padding-bottom: 3px;
|
|
}
|
|
button.btn::-moz-focus-inner,
|
|
input[type="submit"].btn::-moz-focus-inner {
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
button.btn.btn-large,
|
|
input[type="submit"].btn.btn-large {
|
|
*padding-top: 7px;
|
|
*padding-bottom: 7px;
|
|
}
|
|
button.btn.btn-small,
|
|
input[type="submit"].btn.btn-small {
|
|
*padding-top: 3px;
|
|
*padding-bottom: 3px;
|
|
}
|
|
button.btn.btn-mini,
|
|
input[type="submit"].btn.btn-mini {
|
|
*padding-top: 1px;
|
|
*padding-bottom: 1px;
|
|
}
|
|
.btn-link,
|
|
.btn-link:active,
|
|
.btn-link[disabled] {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.btn-link {
|
|
border-color: transparent;
|
|
cursor: pointer;
|
|
color: #0088cc;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.btn-link:hover,
|
|
.btn-link:focus {
|
|
color: #005580;
|
|
text-decoration: underline;
|
|
background-color: transparent;
|
|
}
|
|
.btn-link[disabled]:hover,
|
|
.btn-link[disabled]:focus {
|
|
color: #333333;
|
|
text-decoration: none;
|
|
}
|
|
.clearfix {
|
|
*zoom: 1;
|
|
}
|
|
.clearfix:before,
|
|
.clearfix:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
}
|
|
.clearfix:after {
|
|
clear: both;
|
|
}
|
|
.hide-text {
|
|
font: 0/0 a;
|
|
color: transparent;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
border: 0;
|
|
}
|
|
.input-block-level {
|
|
display: block;
|
|
width: 100%;
|
|
min-height: 30px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
#navbar .navbar-inner {
|
|
background-color: #ebebeb;
|
|
background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
|
|
background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
|
|
background-image: -o-linear-gradient(top, #ffffff, #cccccc);
|
|
background-image: linear-gradient(to bottom, #ffffff, #cccccc);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner .brand,
|
|
#navbar .navbar-inner .nav > li > a {
|
|
text-shadow: 0 1px 0 #cccccc;
|
|
color: #333333;
|
|
}
|
|
#navbar .navbar-inner .brand .caret,
|
|
#navbar .navbar-inner .nav > li > a .caret {
|
|
border-bottom-color: #939393;
|
|
border-top-color: #939393;
|
|
}
|
|
#navbar .navbar-inner .brand:hover .caret,
|
|
#navbar .navbar-inner .nav > li > a:hover .caret,
|
|
#navbar .navbar-inner .brand:focus .caret,
|
|
#navbar .navbar-inner .nav > li > a:focus .caret {
|
|
border-bottom-color: #636363;
|
|
border-top-color: #636363;
|
|
}
|
|
#navbar .navbar-inner .brand span {
|
|
background-image: url(../img/tentacle-20x20.png);
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
#navbar .navbar-inner .brand span {
|
|
background-image: url(../img/tentacle-20x20@2x.png);
|
|
}
|
|
}
|
|
#navbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle,
|
|
#navbar .navbar-inner .nav li.dropdown.active > .dropdown-toggle,
|
|
#navbar .navbar-inner .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background-color: #e0e0e0;
|
|
background-image: -moz-linear-gradient(top, #cccccc, #ffffff);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#ffffff));
|
|
background-image: -webkit-linear-gradient(top, #cccccc, #ffffff);
|
|
background-image: -o-linear-gradient(top, #cccccc, #ffffff);
|
|
background-image: linear-gradient(to bottom, #cccccc, #ffffff);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffffffff', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.red {
|
|
background-color: #e36565;
|
|
background-image: -moz-linear-gradient(top, #f9a0a0, #c20c0c);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9a0a0), to(#c20c0c));
|
|
background-image: -webkit-linear-gradient(top, #f9a0a0, #c20c0c);
|
|
background-image: -o-linear-gradient(top, #f9a0a0, #c20c0c);
|
|
background-image: linear-gradient(to bottom, #f9a0a0, #c20c0c);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9a0a0', endColorstr='#ffc20c0c', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.red .brand,
|
|
#navbar .navbar-inner.red .nav > li > a {
|
|
text-shadow: 0 1px 0 #f67070;
|
|
color: #f2f2f2;
|
|
}
|
|
#navbar .navbar-inner.red .brand .caret,
|
|
#navbar .navbar-inner.red .nav > li > a .caret {
|
|
border-bottom-color: #f28d8d;
|
|
border-top-color: #f28d8d;
|
|
}
|
|
#navbar .navbar-inner.red .brand:hover .caret,
|
|
#navbar .navbar-inner.red .nav > li > a:hover .caret,
|
|
#navbar .navbar-inner.red .brand:focus .caret,
|
|
#navbar .navbar-inner.red .nav > li > a:focus .caret {
|
|
border-bottom-color: #f2bfbf;
|
|
border-top-color: #f2bfbf;
|
|
}
|
|
#navbar .navbar-inner.red .brand span {
|
|
background-image: url(../img/tentacle-20x20-light.png);
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
#navbar .navbar-inner.red .brand span {
|
|
background-image: url(../img/tentacle-20x20-light@2x.png);
|
|
}
|
|
}
|
|
#navbar .navbar-inner.red .nav li.dropdown.open > .dropdown-toggle,
|
|
#navbar .navbar-inner.red .nav li.dropdown.active > .dropdown-toggle,
|
|
#navbar .navbar-inner.red .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background-color: #d84747;
|
|
background-image: -moz-linear-gradient(top, #c20c0c, #f9a0a0);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c20c0c), to(#f9a0a0));
|
|
background-image: -webkit-linear-gradient(top, #c20c0c, #f9a0a0);
|
|
background-image: -o-linear-gradient(top, #c20c0c, #f9a0a0);
|
|
background-image: linear-gradient(to bottom, #c20c0c, #f9a0a0);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc20c0c', endColorstr='#fff9a0a0', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.orange {
|
|
background-color: #e39665;
|
|
background-image: -moz-linear-gradient(top, #f9c3a0, #c2530c);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9c3a0), to(#c2530c));
|
|
background-image: -webkit-linear-gradient(top, #f9c3a0, #c2530c);
|
|
background-image: -o-linear-gradient(top, #f9c3a0, #c2530c);
|
|
background-image: linear-gradient(to bottom, #f9c3a0, #c2530c);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9c3a0', endColorstr='#ffc2530c', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.orange .brand,
|
|
#navbar .navbar-inner.orange .nav > li > a {
|
|
text-shadow: 0 1px 0 #f6a570;
|
|
color: #f2f2f2;
|
|
}
|
|
#navbar .navbar-inner.orange .brand .caret,
|
|
#navbar .navbar-inner.orange .nav > li > a .caret {
|
|
border-bottom-color: #f2b58d;
|
|
border-top-color: #f2b58d;
|
|
}
|
|
#navbar .navbar-inner.orange .brand:hover .caret,
|
|
#navbar .navbar-inner.orange .nav > li > a:hover .caret,
|
|
#navbar .navbar-inner.orange .brand:focus .caret,
|
|
#navbar .navbar-inner.orange .nav > li > a:focus .caret {
|
|
border-bottom-color: #f2d3bf;
|
|
border-top-color: #f2d3bf;
|
|
}
|
|
#navbar .navbar-inner.orange .brand span {
|
|
background-image: url(../img/tentacle-20x20-light.png);
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
#navbar .navbar-inner.orange .brand span {
|
|
background-image: url(../img/tentacle-20x20-light@2x.png);
|
|
}
|
|
}
|
|
#navbar .navbar-inner.orange .nav li.dropdown.open > .dropdown-toggle,
|
|
#navbar .navbar-inner.orange .nav li.dropdown.active > .dropdown-toggle,
|
|
#navbar .navbar-inner.orange .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background-color: #d88047;
|
|
background-image: -moz-linear-gradient(top, #c2530c, #f9c3a0);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c2530c), to(#f9c3a0));
|
|
background-image: -webkit-linear-gradient(top, #c2530c, #f9c3a0);
|
|
background-image: -o-linear-gradient(top, #c2530c, #f9c3a0);
|
|
background-image: linear-gradient(to bottom, #c2530c, #f9c3a0);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc2530c', endColorstr='#fff9c3a0', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.yellow {
|
|
background-color: #e3d765;
|
|
background-image: -moz-linear-gradient(top, #f9f0a0, #c2b00c);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f0a0), to(#c2b00c));
|
|
background-image: -webkit-linear-gradient(top, #f9f0a0, #c2b00c);
|
|
background-image: -o-linear-gradient(top, #f9f0a0, #c2b00c);
|
|
background-image: linear-gradient(to bottom, #f9f0a0, #c2b00c);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f0a0', endColorstr='#ffc2b00c', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.yellow .brand,
|
|
#navbar .navbar-inner.yellow .nav > li > a {
|
|
text-shadow: 0 1px 0 #c2b00c;
|
|
color: #333333;
|
|
}
|
|
#navbar .navbar-inner.yellow .brand .caret,
|
|
#navbar .navbar-inner.yellow .nav > li > a .caret {
|
|
border-bottom-color: #93892e;
|
|
border-top-color: #93892e;
|
|
}
|
|
#navbar .navbar-inner.yellow .brand:hover .caret,
|
|
#navbar .navbar-inner.yellow .nav > li > a:hover .caret,
|
|
#navbar .navbar-inner.yellow .brand:focus .caret,
|
|
#navbar .navbar-inner.yellow .nav > li > a:focus .caret {
|
|
border-bottom-color: #635e30;
|
|
border-top-color: #635e30;
|
|
}
|
|
#navbar .navbar-inner.yellow .brand span {
|
|
background-image: url(../img/tentacle-20x20.png);
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
#navbar .navbar-inner.yellow .brand span {
|
|
background-image: url(../img/tentacle-20x20@2x.png);
|
|
}
|
|
}
|
|
#navbar .navbar-inner.yellow .nav li.dropdown.open > .dropdown-toggle,
|
|
#navbar .navbar-inner.yellow .nav li.dropdown.active > .dropdown-toggle,
|
|
#navbar .navbar-inner.yellow .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background-color: #d8ca47;
|
|
background-image: -moz-linear-gradient(top, #c2b00c, #f9f0a0);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c2b00c), to(#f9f0a0));
|
|
background-image: -webkit-linear-gradient(top, #c2b00c, #f9f0a0);
|
|
background-image: -o-linear-gradient(top, #c2b00c, #f9f0a0);
|
|
background-image: linear-gradient(to bottom, #c2b00c, #f9f0a0);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc2b00c', endColorstr='#fff9f0a0', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.green {
|
|
background-color: #98f064;
|
|
background-image: -moz-linear-gradient(top, #c8ffa7, #50da00);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c8ffa7), to(#50da00));
|
|
background-image: -webkit-linear-gradient(top, #c8ffa7, #50da00);
|
|
background-image: -o-linear-gradient(top, #c8ffa7, #50da00);
|
|
background-image: linear-gradient(to bottom, #c8ffa7, #50da00);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc8ffa7', endColorstr='#ff50da00', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.green .brand,
|
|
#navbar .navbar-inner.green .nav > li > a {
|
|
text-shadow: 0 1px 0 #50da00;
|
|
color: #333333;
|
|
}
|
|
#navbar .navbar-inner.green .brand .caret,
|
|
#navbar .navbar-inner.green .nav > li > a .caret {
|
|
border-bottom-color: #55992e;
|
|
border-top-color: #55992e;
|
|
}
|
|
#navbar .navbar-inner.green .brand:hover .caret,
|
|
#navbar .navbar-inner.green .nav > li > a:hover .caret,
|
|
#navbar .navbar-inner.green .brand:focus .caret,
|
|
#navbar .navbar-inner.green .nav > li > a:focus .caret {
|
|
border-bottom-color: #446630;
|
|
border-top-color: #446630;
|
|
}
|
|
#navbar .navbar-inner.green .brand span {
|
|
background-image: url(../img/tentacle-20x20.png);
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
#navbar .navbar-inner.green .brand span {
|
|
background-image: url(../img/tentacle-20x20@2x.png);
|
|
}
|
|
}
|
|
#navbar .navbar-inner.green .nav li.dropdown.open > .dropdown-toggle,
|
|
#navbar .navbar-inner.green .nav li.dropdown.active > .dropdown-toggle,
|
|
#navbar .navbar-inner.green .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background-color: #80e943;
|
|
background-image: -moz-linear-gradient(top, #50da00, #c8ffa7);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#50da00), to(#c8ffa7));
|
|
background-image: -webkit-linear-gradient(top, #50da00, #c8ffa7);
|
|
background-image: -o-linear-gradient(top, #50da00, #c8ffa7);
|
|
background-image: linear-gradient(to bottom, #50da00, #c8ffa7);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff50da00', endColorstr='#ffc8ffa7', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.blue {
|
|
background-color: #6498f0;
|
|
background-image: -moz-linear-gradient(top, #a7c8ff, #0050da);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a7c8ff), to(#0050da));
|
|
background-image: -webkit-linear-gradient(top, #a7c8ff, #0050da);
|
|
background-image: -o-linear-gradient(top, #a7c8ff, #0050da);
|
|
background-image: linear-gradient(to bottom, #a7c8ff, #0050da);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa7c8ff', endColorstr='#ff0050da', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.blue .brand,
|
|
#navbar .navbar-inner.blue .nav > li > a {
|
|
text-shadow: 0 1px 0 #74a7ff;
|
|
color: #f2f2f2;
|
|
}
|
|
#navbar .navbar-inner.blue .brand .caret,
|
|
#navbar .navbar-inner.blue .nav > li > a .caret {
|
|
border-bottom-color: #8db5f9;
|
|
border-top-color: #8db5f9;
|
|
}
|
|
#navbar .navbar-inner.blue .brand:hover .caret,
|
|
#navbar .navbar-inner.blue .nav > li > a:hover .caret,
|
|
#navbar .navbar-inner.blue .brand:focus .caret,
|
|
#navbar .navbar-inner.blue .nav > li > a:focus .caret {
|
|
border-bottom-color: #bfd3f5;
|
|
border-top-color: #bfd3f5;
|
|
}
|
|
#navbar .navbar-inner.blue .brand span {
|
|
background-image: url(../img/tentacle-20x20-light.png);
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
#navbar .navbar-inner.blue .brand span {
|
|
background-image: url(../img/tentacle-20x20-light@2x.png);
|
|
}
|
|
}
|
|
#navbar .navbar-inner.blue .nav li.dropdown.open > .dropdown-toggle,
|
|
#navbar .navbar-inner.blue .nav li.dropdown.active > .dropdown-toggle,
|
|
#navbar .navbar-inner.blue .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background-color: #4380e9;
|
|
background-image: -moz-linear-gradient(top, #0050da, #a7c8ff);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0050da), to(#a7c8ff));
|
|
background-image: -webkit-linear-gradient(top, #0050da, #a7c8ff);
|
|
background-image: -o-linear-gradient(top, #0050da, #a7c8ff);
|
|
background-image: linear-gradient(to bottom, #0050da, #a7c8ff);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0050da', endColorstr='#ffa7c8ff', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.violet {
|
|
background-color: #9864f0;
|
|
background-image: -moz-linear-gradient(top, #c8a7ff, #5000da);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c8a7ff), to(#5000da));
|
|
background-image: -webkit-linear-gradient(top, #c8a7ff, #5000da);
|
|
background-image: -o-linear-gradient(top, #c8a7ff, #5000da);
|
|
background-image: linear-gradient(to bottom, #c8a7ff, #5000da);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc8a7ff', endColorstr='#ff5000da', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.violet .brand,
|
|
#navbar .navbar-inner.violet .nav > li > a {
|
|
text-shadow: 0 1px 0 #a774ff;
|
|
color: #f2f2f2;
|
|
}
|
|
#navbar .navbar-inner.violet .brand .caret,
|
|
#navbar .navbar-inner.violet .nav > li > a .caret {
|
|
border-bottom-color: #b58df9;
|
|
border-top-color: #b58df9;
|
|
}
|
|
#navbar .navbar-inner.violet .brand:hover .caret,
|
|
#navbar .navbar-inner.violet .nav > li > a:hover .caret,
|
|
#navbar .navbar-inner.violet .brand:focus .caret,
|
|
#navbar .navbar-inner.violet .nav > li > a:focus .caret {
|
|
border-bottom-color: #d3bff5;
|
|
border-top-color: #d3bff5;
|
|
}
|
|
#navbar .navbar-inner.violet .brand span {
|
|
background-image: url(../img/tentacle-20x20-light.png);
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
#navbar .navbar-inner.violet .brand span {
|
|
background-image: url(../img/tentacle-20x20-light@2x.png);
|
|
}
|
|
}
|
|
#navbar .navbar-inner.violet .nav li.dropdown.open > .dropdown-toggle,
|
|
#navbar .navbar-inner.violet .nav li.dropdown.active > .dropdown-toggle,
|
|
#navbar .navbar-inner.violet .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background-color: #8043e9;
|
|
background-image: -moz-linear-gradient(top, #5000da, #c8a7ff);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5000da), to(#c8a7ff));
|
|
background-image: -webkit-linear-gradient(top, #5000da, #c8a7ff);
|
|
background-image: -o-linear-gradient(top, #5000da, #c8a7ff);
|
|
background-image: linear-gradient(to bottom, #5000da, #c8a7ff);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5000da', endColorstr='#ffc8a7ff', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.black {
|
|
background-color: #4f4f4f;
|
|
background-image: -moz-linear-gradient(top, #787878, #121212);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#787878), to(#121212));
|
|
background-image: -webkit-linear-gradient(top, #787878, #121212);
|
|
background-image: -o-linear-gradient(top, #787878, #121212);
|
|
background-image: linear-gradient(to bottom, #787878, #121212);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff787878', endColorstr='#ff121212', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner.black .brand,
|
|
#navbar .navbar-inner.black .nav > li > a {
|
|
text-shadow: 0 1px 0 #5e5e5e;
|
|
color: #f2f2f2;
|
|
}
|
|
#navbar .navbar-inner.black .brand .caret,
|
|
#navbar .navbar-inner.black .nav > li > a .caret {
|
|
border-bottom-color: #959595;
|
|
border-top-color: #959595;
|
|
}
|
|
#navbar .navbar-inner.black .brand:hover .caret,
|
|
#navbar .navbar-inner.black .nav > li > a:hover .caret,
|
|
#navbar .navbar-inner.black .brand:focus .caret,
|
|
#navbar .navbar-inner.black .nav > li > a:focus .caret {
|
|
border-bottom-color: #c4c4c4;
|
|
border-top-color: #c4c4c4;
|
|
}
|
|
#navbar .navbar-inner.black .brand span {
|
|
background-image: url(../img/tentacle-20x20-light.png);
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
#navbar .navbar-inner.black .brand span {
|
|
background-image: url(../img/tentacle-20x20-light@2x.png);
|
|
}
|
|
}
|
|
#navbar .navbar-inner.black .nav li.dropdown.open > .dropdown-toggle,
|
|
#navbar .navbar-inner.black .nav li.dropdown.active > .dropdown-toggle,
|
|
#navbar .navbar-inner.black .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background-color: #3b3b3b;
|
|
background-image: -moz-linear-gradient(top, #121212, #787878);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#121212), to(#787878));
|
|
background-image: -webkit-linear-gradient(top, #121212, #787878);
|
|
background-image: -o-linear-gradient(top, #121212, #787878);
|
|
background-image: linear-gradient(to bottom, #121212, #787878);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff121212', endColorstr='#ff787878', GradientType=0);
|
|
}
|
|
#navbar .navbar-inner .brand span {
|
|
background-size: 20px 20px;
|
|
background-position: left center;
|
|
padding-left: 24px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.octoprint-container {
|
|
margin-top: 20px;
|
|
/** OctoPrint application tabs */
|
|
/** Accordions */
|
|
}
|
|
.octoprint-container .tab-content {
|
|
padding: 9px 15px;
|
|
border-left: 1px solid #DDD;
|
|
border-right: 1px solid #DDD;
|
|
border-bottom: 1px solid #DDD;
|
|
-webkit-border-bottom-right-radius: 4px;
|
|
-moz-border-radius-bottomright: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
-webkit-border-bottom-left-radius: 4px;
|
|
-moz-border-radius-bottomleft: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.octoprint-container .nav {
|
|
margin-bottom: 0px;
|
|
}
|
|
.octoprint-container .tab-content h1 {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 20px;
|
|
font-size: 21px;
|
|
line-height: 40px;
|
|
color: #333;
|
|
border: 0;
|
|
border-bottom: 1px solid #E5E5E5;
|
|
font-weight: normal;
|
|
}
|
|
.octoprint-container .accordion-heading .accordion-heading-button {
|
|
float: right;
|
|
}
|
|
.octoprint-container .accordion-heading .accordion-heading-button a {
|
|
display: inline-block;
|
|
padding: 8px 15px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
color: #000;
|
|
text-decoration: none;
|
|
background: none;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.octoprint-container .accordion-heading a.accordion-toggle {
|
|
display: inline-block;
|
|
}
|
|
.octoprint-container .accordion-heading [class^="icon-"],
|
|
.octoprint-container .accordion-heading [class*=" icon-"] {
|
|
color: #000;
|
|
}
|
|
.print-control .btn {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
.upload-buttons .btn {
|
|
margin-right: 0;
|
|
}
|
|
/** Tables */
|
|
table {
|
|
table-layout: fixed;
|
|
}
|
|
table .popover-title {
|
|
text-overflow: ellipsis;
|
|
word-break: break-all;
|
|
}
|
|
table th,
|
|
table td {
|
|
overflow: hidden;
|
|
}
|
|
table th.gcode_files_name,
|
|
table td.gcode_files_name {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
}
|
|
table th.gcode_files_action,
|
|
table td.gcode_files_action {
|
|
text-align: center;
|
|
width: 90px;
|
|
}
|
|
table th.gcode_files_action a,
|
|
table td.gcode_files_action a {
|
|
text-decoration: none;
|
|
color: #000;
|
|
}
|
|
table th.gcode_files_action a.disabled,
|
|
table td.gcode_files_action a.disabled {
|
|
color: #ccc;
|
|
cursor: default;
|
|
}
|
|
table th.timelapse_files_name,
|
|
table td.timelapse_files_name {
|
|
text-overflow: ellipsis;
|
|
text-align: left;
|
|
}
|
|
table th.timelapse_files_size,
|
|
table td.timelapse_files_size {
|
|
text-align: right;
|
|
width: 55px;
|
|
}
|
|
table th.timelapse_files_action,
|
|
table td.timelapse_files_action {
|
|
text-align: center;
|
|
width: 45px;
|
|
}
|
|
table th.timelapse_files_action a,
|
|
table td.timelapse_files_action a {
|
|
text-decoration: none;
|
|
color: #000;
|
|
}
|
|
table th.timelapse_files_action a.disabled,
|
|
table td.timelapse_files_action a.disabled {
|
|
color: #ccc;
|
|
cursor: default;
|
|
}
|
|
table th.settings_users_name,
|
|
table td.settings_users_name {
|
|
text-overflow: ellipsis;
|
|
text-align: left;
|
|
}
|
|
table th.settings_users_active,
|
|
table td.settings_users_active,
|
|
table th.settings_users_admin,
|
|
table td.settings_users_admin {
|
|
text-align: center;
|
|
width: 55px;
|
|
}
|
|
table th.settings_users_actions,
|
|
table td.settings_users_actions {
|
|
text-align: center;
|
|
width: 60px;
|
|
}
|
|
table th.settings_users_actions a,
|
|
table td.settings_users_actions a {
|
|
text-decoration: none;
|
|
color: #000;
|
|
}
|
|
table th.settings_users_actions a.disabled,
|
|
table td.settings_users_actions a.disabled {
|
|
color: #ccc;
|
|
cursor: default;
|
|
}
|
|
table th.settings_logs_name,
|
|
table td.settings_logs_name {
|
|
text-overflow: ellipsis;
|
|
text-align: left;
|
|
}
|
|
table th.settings_logs_size,
|
|
table td.settings_logs_size {
|
|
text-align: right;
|
|
width: 70px;
|
|
}
|
|
table th.settings_logs_date,
|
|
table td.settings_logs_date {
|
|
text-align: left;
|
|
width: 130px;
|
|
}
|
|
table th.settings_logs_action,
|
|
table td.settings_logs_action {
|
|
text-align: center;
|
|
width: 70px;
|
|
}
|
|
table th.settings_logs_action a,
|
|
table td.settings_logs_action a {
|
|
text-decoration: none;
|
|
color: #000;
|
|
}
|
|
table th.settings_logs_action a.disabled,
|
|
table td.settings_logs_action a.disabled {
|
|
color: #ccc;
|
|
cursor: default;
|
|
}
|
|
/** Temperature tab */
|
|
#temperature-graph {
|
|
height: 350px;
|
|
width: 100%;
|
|
background-image: url("../img/graph-background.png");
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.tab-content,
|
|
.tab-pane {
|
|
overflow: visible;
|
|
}
|
|
.tempInput {
|
|
width: 50px;
|
|
}
|
|
#temp_newTemp,
|
|
#temp_newBedTemp,
|
|
#speed_innerWall,
|
|
#speed_outerWall,
|
|
#speed_fill,
|
|
#speed_support,
|
|
#webcam_timelapse_interval,
|
|
#webcam_timelapse_postRoll {
|
|
text-align: right;
|
|
}
|
|
ul.dropdown-menu li a {
|
|
cursor: pointer;
|
|
}
|
|
/** Connection settings */
|
|
#connection_ports,
|
|
#connection_baudrates {
|
|
width: 100%;
|
|
}
|
|
/** Offline overlay */
|
|
#offline_overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 10000;
|
|
display: none;
|
|
}
|
|
#offline_overlay_background {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #000000;
|
|
filter: alpha(opacity=50);
|
|
-moz-opacity: 0.5;
|
|
-khtml-opacity: 0.5;
|
|
opacity: 0.5;
|
|
}
|
|
#offline_overlay_wrapper {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding-top: 60px;
|
|
}
|
|
#offline_overlay_wrapper .container {
|
|
margin: auto;
|
|
}
|
|
/** Webcam */
|
|
#webcam_container {
|
|
width: 100%;
|
|
}
|
|
#webcam_container .flipH {
|
|
-webkit-transform: scaleX(-1);
|
|
-moz-transform: scaleX(-1);
|
|
}
|
|
#webcam_container .flipV {
|
|
-webkit-transform: scaleY(-1);
|
|
-moz-transform: scaleY(-1);
|
|
}
|
|
#webcam_container .flipH.flipV {
|
|
-webkit-transform: scaleX(-1) scaleY(-1);
|
|
-moz-transform: scaleX(-1) scaleY(-1);
|
|
}
|
|
/** GCODE file manager */
|
|
#files .gcode_files {
|
|
padding-right: 7px;
|
|
}
|
|
#files .gcode_files .entry {
|
|
padding: 5px;
|
|
line-height: 20px;
|
|
border-bottom: 1px solid #ddd;
|
|
position: relative;
|
|
}
|
|
#files .gcode_files .entry:hover {
|
|
background-color: #f5f5f5;
|
|
}
|
|
#files .gcode_files .entry .title {
|
|
text-overflow: ellipsis;
|
|
word-break: break-all;
|
|
}
|
|
#files .gcode_files .entry .uploaded,
|
|
#files .gcode_files .entry .size,
|
|
#files .gcode_files .entry .additionalInfo {
|
|
font-size: 85%;
|
|
color: #999;
|
|
}
|
|
#files .gcode_files .entry .action-buttons {
|
|
position: absolute;
|
|
bottom: 5px;
|
|
right: 5px;
|
|
}
|
|
#files .gcode_files .entry .additionalInfo {
|
|
padding-bottom: 22px;
|
|
}
|
|
#files .upload-buttons {
|
|
margin-top: 10px;
|
|
}
|
|
#files .form-search {
|
|
text-align: center;
|
|
margin-bottom: 5px !important;
|
|
}
|
|
/** Control tab */
|
|
#control {
|
|
overflow: hidden;
|
|
}
|
|
#control .jog-panel {
|
|
float: left;
|
|
margin-right: 19px;
|
|
}
|
|
#control h1 {
|
|
text-align: left;
|
|
}
|
|
#control .jog-panel > div {
|
|
text-align: center;
|
|
}
|
|
#control .jog-panel > div.distance {
|
|
text-align: left;
|
|
}
|
|
#control .box {
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
padding-left: 8px;
|
|
}
|
|
#control .control-box {
|
|
display: block;
|
|
height: 30px;
|
|
margin-bottom: 10px;
|
|
}
|
|
#control .btn-group {
|
|
margin-bottom: 10px;
|
|
}
|
|
#control .btn-group.distance > .btn {
|
|
width: 43px;
|
|
padding: 3px 0;
|
|
height: 30px;
|
|
}
|
|
/** GCODE viewer */
|
|
#gcode .progress {
|
|
width: 582px;
|
|
}
|
|
#gcode .progress .bar {
|
|
-webkit-transition: width 0s linear;
|
|
-moz-transition: width 0s linear;
|
|
-o-transition: width 0s linear;
|
|
transition: width 0s linear;
|
|
}
|
|
#gcode #gcode_layer_slider {
|
|
height: 568px;
|
|
float: right;
|
|
}
|
|
#gcode #gcode_layer_slider .slider-handle {
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-left: -3px;
|
|
margin-top: -7px;
|
|
}
|
|
#gcode #gcode_command_slider .slider-handle {
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-left: -7px;
|
|
margin-top: -3px;
|
|
}
|
|
/** Terminal output */
|
|
#term #terminal-output {
|
|
min-height: 340px;
|
|
}
|
|
/** Settings dialog */
|
|
/** Footer */
|
|
.footer ul {
|
|
margin: 0;
|
|
}
|
|
.footer ul li {
|
|
display: inline;
|
|
margin-left: 1em;
|
|
font-size: 85%;
|
|
}
|
|
.footer ul li:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.footer ul li a {
|
|
color: #555;
|
|
}
|
|
/** Notifications */
|
|
.ui-pnotify .alert a {
|
|
color: #c09853;
|
|
}
|
|
.ui-pnotify .alert-error a,
|
|
.ui-pnotify .alert-danger a {
|
|
color: #b94a48;
|
|
}
|
|
.ui-pnotify .alert-success a {
|
|
color: #468847;
|
|
}
|
|
.ui-pnotify .alert-info a {
|
|
color: #3a87ad;
|
|
}
|
|
.pnotify_additional_info .pnotify_more {
|
|
font-size: 85%;
|
|
}
|
|
/** General helper classes */
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
.overflow_visible {
|
|
overflow: visible !important;
|
|
}
|
|
#drop_overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 10000;
|
|
display: none;
|
|
}
|
|
#drop_overlay.in {
|
|
display: block;
|
|
}
|
|
#drop_overlay #drop_overlay_background {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #000000;
|
|
filter: alpha(opacity=50);
|
|
-moz-opacity: 0.5;
|
|
-khtml-opacity: 0.5;
|
|
opacity: 0.5;
|
|
}
|
|
#drop_overlay #drop_overlay_wrapper {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding-top: 60px;
|
|
}
|
|
#drop_overlay #drop_overlay_wrapper #drop,
|
|
#drop_overlay #drop_overlay_wrapper #drop_background {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -200px;
|
|
margin-top: -200px;
|
|
}
|
|
#drop_overlay #drop_overlay_wrapper #drop_locally,
|
|
#drop_overlay #drop_overlay_wrapper #drop_locally_background {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -425px;
|
|
margin-top: -200px;
|
|
}
|
|
#drop_overlay #drop_overlay_wrapper #drop_sd,
|
|
#drop_overlay #drop_overlay_wrapper #drop_sd_background {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: 25px;
|
|
margin-top: -200px;
|
|
}
|
|
#drop_overlay #drop_overlay_wrapper .dropzone {
|
|
width: 404px;
|
|
height: 404px;
|
|
z-index: 10001;
|
|
color: #ffffff;
|
|
font-size: 30px;
|
|
}
|
|
#drop_overlay #drop_overlay_wrapper .dropzone i {
|
|
font-size: 50px;
|
|
}
|
|
#drop_overlay #drop_overlay_wrapper .dropzone .centered {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 400px;
|
|
height: 400px;
|
|
line-height: 40px;
|
|
filter: alpha(opacity=100);
|
|
-moz-opacity: 1.0;
|
|
-khtml-opacity: 1.0;
|
|
opacity: 1.0;
|
|
}
|
|
#drop_overlay #drop_overlay_wrapper .dropzone_background {
|
|
width: 400px;
|
|
height: 400px;
|
|
border: 2px dashed #eeeeee;
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
border-radius: 10px;
|
|
background-color: #000000;
|
|
filter: alpha(opacity=25);
|
|
-moz-opacity: 0.25;
|
|
-khtml-opacity: 0.25;
|
|
opacity: 0.25;
|
|
}
|
|
#drop_overlay #drop_overlay_wrapper .dropzone_background.hover {
|
|
background-color: #000000;
|
|
filter: alpha(opacity=50);
|
|
-moz-opacity: 0.5;
|
|
-khtml-opacity: 0.5;
|
|
opacity: 0.5;
|
|
}
|
|
#drop_overlay #drop_overlay_wrapper .dropzone_background.fade {
|
|
-webkit-transition: all 0.3s ease-out;
|
|
-moz-transition: all 0.3s ease-out;
|
|
-ms-transition: all 0.3s ease-out;
|
|
-o-transition: all 0.3s ease-out;
|
|
transition: all 0.3s ease-out;
|
|
opacity: 1;
|
|
}
|
|
.icon-sd-black-14 {
|
|
background: url("../img/icon-sd-black-14.png") 0 3px no-repeat;
|
|
width: 11px;
|
|
height: 17px;
|
|
display: inline-block !important;
|
|
}
|
|
.center {
|
|
float: none;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
/** Styles for Bootstrap Slider */
|
|
.slider .slider-selection {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #006dcc;
|
|
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
|
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
|
|
border-color: #0044cc #0044cc #002a80;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
*background-color: #0044cc;
|
|
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
}
|
|
.slider .slider-selection:hover,
|
|
.slider .slider-selection:focus,
|
|
.slider .slider-selection:active,
|
|
.slider .slider-selection.active,
|
|
.slider .slider-selection.disabled,
|
|
.slider .slider-selection[disabled] {
|
|
color: #ffffff;
|
|
background-color: #0044cc;
|
|
*background-color: #003bb3;
|
|
}
|
|
.slider .slider-selection:active,
|
|
.slider .slider-selection.active {
|
|
background-color: #003399 \9;
|
|
}
|
|
.slider.slider-disabled .slider-selection {
|
|
background-image: none;
|
|
opacity: 0.65;
|
|
filter: alpha(opacity=65);
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.slider .slider-track {
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #e3e3e3;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
}
|
|
.slider.slider-disabled .slider-track {
|
|
background-image: none;
|
|
opacity: 0.65;
|
|
filter: alpha(opacity=65);
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.slider .slider-handle {
|
|
display: inline-block;
|
|
*display: inline;
|
|
/* IE7 inline-block hack */
|
|
*zoom: 1;
|
|
padding: 4px 12px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
color: #333333;
|
|
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
background-color: #f5f5f5;
|
|
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
|
|
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
|
|
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
|
|
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
|
|
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
*background-color: #e6e6e6;
|
|
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
|
border: 1px solid #cccccc;
|
|
*border: 0;
|
|
border-bottom-color: #b3b3b3;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
*margin-left: .3em;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
|
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
|
padding: 0;
|
|
margin-bottom: 0;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.slider .slider-handle:hover,
|
|
.slider .slider-handle:focus,
|
|
.slider .slider-handle:active,
|
|
.slider .slider-handle.active,
|
|
.slider .slider-handle.disabled,
|
|
.slider .slider-handle[disabled] {
|
|
color: #333333;
|
|
background-color: #e6e6e6;
|
|
*background-color: #d9d9d9;
|
|
}
|
|
.slider .slider-handle:active,
|
|
.slider .slider-handle.active {
|
|
background-color: #cccccc \9;
|
|
}
|
|
.slider .slider-handle:first-child {
|
|
*margin-left: 0;
|
|
}
|
|
.slider .slider-handle:hover,
|
|
.slider .slider-handle:focus {
|
|
color: #333333;
|
|
text-decoration: none;
|
|
background-position: 0 -15px;
|
|
-webkit-transition: background-position 0.1s linear;
|
|
-moz-transition: background-position 0.1s linear;
|
|
-o-transition: background-position 0.1s linear;
|
|
transition: background-position 0.1s linear;
|
|
}
|
|
.slider .slider-handle:focus {
|
|
outline: thin dotted #333;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
.slider .slider-handle.active,
|
|
.slider .slider-handle:active {
|
|
background-image: none;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
|
|
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
|
|
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
|
|
}
|
|
.slider .slider-handle.disabled,
|
|
.slider .slider-handle[disabled] {
|
|
cursor: default;
|
|
background-image: none;
|
|
opacity: 0.65;
|
|
filter: alpha(opacity=65);
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.slider .slider-handle.hide {
|
|
display: none;
|
|
}
|
|
.slider .slider-handle.round {
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|