html.no-grayscale { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0); filter: grayscale(0);
filter: grayscale(0%);
filter: gray;
-moz-filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}
.black-ribbon {
position: fixed;
top: 0;
left: 0;
width: 132px;
z-index: 99999;
}
.admin-bar .black-ribbon {
top: 32px;
}
.remove-filter {
position: fixed;
top: 0;
right: 0;
z-index: 99999;
}
.admin-bar .remove-filter {
top: 32px;
}
.btn-remove-filter {
display: block;
padding: 6px 20px;
margin-top: 18px;
margin-right: 20px;
background-color: #333;
color: #fff;
font-size: 14px;
font-weight: normal;
} @media only screen and (max-width : 1200px) {
} @media only screen and (max-width : 992px) {
} @media only screen and (max-width : 768px) {
.black-ribbon {
width: 96px;
}
} @media only screen and (max-width : 480px) {
.black-ribbon {
width: 64px;
}
.admin-bar .black-ribbon {
top: 46px;
}
.admin-bar .remove-filter {
top: 46px;
}
} @media only screen and (max-width : 320px) {
.black-ribbon {
width: 64px;
}
.admin-bar .black-ribbon {
top: 46px;
}
.admin-bar .remove-filter {
top: 46px;
}
}