diff --git a/octoprint_estop/static/css/estop.css b/octoprint_estop/static/css/estop.css index ed5a20f..43f72df 100644 --- a/octoprint_estop/static/css/estop.css +++ b/octoprint_estop/static/css/estop.css @@ -1,21 +1,34 @@ .estop_sidebar { width:100%; height:28px; - background-image: repeating-linear-gradient( - -45deg, - #000, - #000 4px, - #ff0 4px, - #ff0 8px - ); + background-image: repeating-linear-gradient(-45deg, #000, #000 4px, #ff0 4px, #ff0 8px); text-align: center; vertical-align: middle; } +.estop_sidebar_disabled { + width:100%; + height:28px; + background-image: repeating-linear-gradient(-45deg, #555, #555 4px, #ff0 4px, #ff0 8px); + text-align: center; + vertical-align: middle; + opacity: 0.8; + cursor: not-allowed; +} .btn-estop { width: 80%; height: 28px; - color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); + display: inline-block; + padding: 0px; + margin-bottom: 0; + font-size: 14px; + font-weight: bold; + line-height: 20px; + color: #fff; + text-align: center; + vertical-align: middle; +} +.btn-estop { background-color: #eb0000; background-image: -moz-linear-gradient(top, #ff0000, #cc0000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#cc0000)); @@ -26,16 +39,7 @@ border-color: #cc0000 #cc0000 #800000; border-width: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ffcc0000', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - display: inline-block; - padding: 0px; - margin-bottom: 0; - font-size: 14px; - font-weight: bold; - line-height: 20px; - color: #fff; - text-align: center; - vertical-align: middle; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-estop:hover { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8); @@ -57,7 +61,19 @@ } .btn-estop:disabled { text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0); - color: #555; - opacity: 0.8; + color: #000; + opacity: 0.9; cursor: not-allowed; + background-color: #a5a5a5; + background-image: -moz-linear-gradient(top, #a5a5a5, #a5a5a5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a5a5a5), to(#a5a5a5)); + background-image: -webkit-linear-gradient(top, #a5a5a5, #a5a5a5); + background-image: -o-linear-gradient(top, #a5a5a5, #a5a5a5); + background-image: linear-gradient(to bottom, #a5a5a5, #a5a5a5); + background-repeat: repeat-x; + border-color: #a5a5a5 #a5a5a5 #a5a5a5; + border-width: 0; +} +#sidebar_plugin_estop { + display: block !important; } \ No newline at end of file