.fileManager { margin: 15px 0 15px 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fileManager span {font-family: helvetica, arial, swiss, verdana; padding: 1px 3px; border-radius: 3px} .fileManager a {color: #eee; text-decoration: none; cursor: pointer} .fileManager .pft-directory, .fileManager .pft-file {list-style-image: url(../images/blank.gif)} .fileManager ul, .fileManager li {margin-left: 15px} /* Default file */ .fileManager LI.pft-directory:before, .fileManager LI.pft-file:before { position: absolute; display: block; width: 16px; height: 16px; content: ""; margin-top: -2px; margin-left: -20px; background:url(../images/file-folder-icons.png) no-repeat 0 0; } .fileManager LI.dirOpen:before {background-position: -16px 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: -32px 0} /* Additional file types */ .fileManager LI.ext-coffee:before {background-position: -48px 0} .fileManager LI.ext-css:before {background-position: -64px 0} .fileManager LI.ext-gif:before {background-position: -80px 0} .fileManager LI.ext-htm:before, .fileManager LI.ext-html:before {background-position: -96px 0} .fileManager LI.ext-jpg:before, .fileManager LI.ext-jpeg:before {background-position: -112px 0} .fileManager LI.ext-js:before {background-position: -128px 0} .fileManager LI.ext-less:before {background-position: -144px 0} .fileManager LI.ext-md:before {background-position: -160px 0} .fileManager LI.ext-php:before {background-position: -176px 0} .fileManager LI.ext-png:before {background-position: -192px 0} .fileManager LI.ext-py:before {background-position: -208px 0} .fileManager LI.ext-rb:before, .fileManager LI.ext-ruby:before {background-position: -224px 0} .fileManager LI.ext-txt:before {background-position: -240px 0} .fileManager LI.ext-zip:before {background-position: -256px 0}