OctoPrint-Estop/octoprint_estop/static/css/estop.css

.estop_sidebar {
    width:100%;
    height:28px;
    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;
    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));
    background-image: -webkit-linear-gradient(top, #ff0000, #cc0000);
    background-image: -o-linear-gradient(top, #ff0000, #cc0000);
    background-image: linear-gradient(to bottom, #ff0000, #cc0000);
    background-repeat: repeat-x;
    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);  
}
.btn-estop:hover {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
    background-color: #eb0000;
    background-image: -moz-linear-gradient(top, #dd0000, #cc0000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd0000), to(#cc0000));
    background-image: -webkit-linear-gradient(top, #dd0000, #cc0000);
    background-image: -o-linear-gradient(top, #dd0000, #cc0000);
    background-image: linear-gradient(to bottom, #dd0000, #cc0000);
    background-repeat: repeat-x;
    border-color: #cc0000 #cc0000 #800000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ffcc0000', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-decoration: none;
    
}
.btn-estop:active {
    text-decoration: overline underline;
}
.btn-estop:disabled   {
    text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0);
    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;
}
.estop-warning-icon {
    color: #eb0000;
    font-size: 2em !important;
}
.estop-warning {
    font-style: italic;
}