separate out css
separate out the colours of the button from the text size and font
This commit is contained in:
parent
7a33bc6bc1
commit
59cc2cadd2
@ -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;
|
||||
}
|
Loading…
Reference in New Issue
Block a user