Spliting IE/FF & Chrome/Safari CSS styles

IE & Firefox have different margin rendering to Chrome
Chrome & Safari hack to provide different margin-top
This commit is contained in:
Matt Pass
2012-06-01 17:52:11 +01:00
parent 5fd1c35d85
commit dfcf54d412

View File

@@ -38,7 +38,12 @@ body {margin: 0; overflow: auto}
/* Default file */
.fileManager LI.pft-directory:before, .fileManager LI.pft-file:before {
position: absolute; display: block; width: 16px; height: 16px; content: ""; margin-top: -19px; margin-left: -23px; background:url(../images/file-manager-icons.png) no-repeat 0 0;
position: absolute; display: block; width: 16px; height: 16px; content: ""; margin-top: -2px; margin-left: -23px; background:url(../images/file-manager-icons.png) no-repeat 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* hacked for chrome and safari */
.fileManager LI.pft-directory:before, .fileManager LI.pft-file:before {
margin-top: -19px;
}
}
.fileManager LI.pft-file:before {background-position: -16px 0}