Question

I have this CSS:

.opera .lb-overlay:target {
width: auto;
height: auto;
bottom: 0px;
right: 0px;
padding: 8px 400px 12px 400px;
}

.lb-overlay:target {
width: auto;
height: auto;
bottom: 0px;
right: 0px;
padding: 8px 100px 12px 100px;
}

what i want to do is this, when its opera do this padding
else do other padding ,
but its not working for me
can anyone advise me with this
I really appreciate

Regards

Answer 1

This css hack for opera may work for you
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
#id {css rule} /put your class or id which you want for opera/
}