separate out css

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

View File

@ -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;
}