ManuelW/OctoPrint-Estop
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

separate out css

Browse Source 
separate out the colours of the button from the text size and font
This commit is contained in:
ntoff 2017-03-24 16:17:10 +10:00
parent 7a33bc6bc1
commit 59cc2cadd2
1 changed files with 36 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
octoprint_estop/static/css/estop.css
View File

@ -1,21 +1,34 @@
.estop_sidebar { .estop_sidebar {
width:100%; width:100%;
height:28px; height:28px;
background-image: repeating-linear-gradient( background-image: repeating-linear-gradient(-45deg, #000, #000 4px, #ff0 4px, #ff0 8px);
-45deg,
#000,
#000 4px,
#ff0 4px,
#ff0 8px
);
text-align: center; text-align: center;
vertical-align: middle; 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 { .btn-estop {
width: 80%; width: 80%;
height: 28px; height: 28px;
color: #ffffff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); 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-color: #eb0000;
background-image: -moz-linear-gradient(top, #ff0000, #cc0000); background-image: -moz-linear-gradient(top, #ff0000, #cc0000);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#cc0000)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#cc0000));
@ -26,16 +39,7 @@
border-color: #cc0000 #cc0000 #800000; border-color: #cc0000 #cc0000 #800000;
border-width: 0; border-width: 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ffcc0000', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ffcc0000', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 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;
} }
.btn-estop:hover { .btn-estop:hover {
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
@ -57,7 +61,19 @@
} }
.btn-estop:disabled { .btn-estop:disabled {
text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0); text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0);
color: #555; color: #000;
opacity: 0.8; opacity: 0.9;
cursor: not-allowed; 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;
} }