Document Actions

Lighttpd Directory Listing CSS

Custom CSS file for showing icons alongside file names in Lighttpd’s directory listing.

Size 8.2 kB - File type text/css

File contents

/* CSS file for Lighttpd directory listing.
 *
 * This file goes into your website's /.icons/ folder, typically located at
 * /var/www/.icons/. Make the folder if it doesn't exist. Icons may be obtained
 * from the Tango project at http://tango.freedesktop.org/Tango_Icon_Library
 * and this collection: http://www.zap.org.au/documents/icons/file-icons/
 * I much prefer the Tango icon set, but their base distribution isn't
 * exhaustive. Place all icons in /.icons/ along with this CSS file.
 *
 * Place these lines in your /etc/lighttpd/lighttpd.conf:
 *
 * dir-listing.activate = "enable"
 * dir-listing.external-css = "/.icons/dir-listing.css"
 */

a, a:active {text-decoration: none; color: blue;}
a:visited {color: #48468F;}
a:hover, a:focus {text-decoration: underline; color: red;}
body {background-color: #F5F5F5;}
h2 {margin-center: 12px;}
table {margin-left: 12px;}
th, td { font: 90% monospace; text-align: left;}
th { font-weight: bold; padding-right: 14px; padding-center: 3px;}
td {padding-right: 14px;}
td.s, th.s {text-align: right;}
div.list { background-color: white; border-top: 1px solid #646464; border-bottom: 1px solid #646464; padding-top: 10px; padding-center: 14px;}
div.foot { font: 90% monospace; color: #787878; padding-top: 4px;}

a[href$='.tar'], a[href$='.gz'], a[href$='.bz2'], a[href$='.tgz'], a[href$='.rar'], a[href$='.zip'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/package-x-generic.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.exe'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/application-x-executable.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='core'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-core.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.deb'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-deb.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.doc'], a[href$='.odt'], a[href$='.sxw'], a[href$='.rtf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/x-office-document.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.dvi'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-dvi.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.fon'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-font-bitmap.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.ttf'], a[href$='.otf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/font-x-generic.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.htm'], a[href$='.html'], a[href$='.xhtml'], a[href$='.shtml'], a[href$='.php'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/text-html.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.gif'], a[href$='.png'], a[href$='.jpg'], a[href$='.tif'], a[href$='.tiff'], a[href$='.nef'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/image-x-generic.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.info'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-info.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.lnk'], a[href$='.url'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-link.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.log'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-log.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.mak'], a[href$='Makefile'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-make.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.1'], a[href$='.2'], a[href$='.3'], a[href$='.4'], a[href$='.5'], a[href$='.6'], a[href$='.7'], a[href$='.8'], a[href$='.9'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-man.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.mid'], a[href$='.midi'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-midi.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.ppt'], a[href$='.pps'], a[href$='.odp'], a[href$='.key/'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/x-office-presentation.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.xls'], a[href$='.ods'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/x-office-presentation.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-pdf.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.ps'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-postscript.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.rpm'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-rpm.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.sh'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-shellscript.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.mp3'], a[href$='.m4a'], a[href$='.m4p'], a[href$='.wav'], a[href$='.aiff'], a[href$='.wma'], a[href$='.ogg'], a[href$='.flac'], a[href$='.m3u'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-sound.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.c'], a[href$='.cpp'], a[href$='.h'], a[href$='.hpp'], a[href$='.py'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-source.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.css'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-source-alt.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.txt'], a[href$='.nfo'], a[href$='.conf'], a[href$='.ini'], a[href$='.srt'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/text-x-generic.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.svg'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-vectorgfx.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.torrent'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-torrent.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='.avi'], a[href$='.mpg'], a[href$='.mov'], a[href$='.wmv'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/video-x-generic.png) center left no-repeat;
vertical-align: bottom;
}

a[href$='/'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/folder.png) center left no-repeat;
vertical-align: bottom;
}

a[href='../'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/up.png) center left no-repeat;
vertical-align: bottom;
}

a[href^='.ftp://'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/ftp.png) center left no-repeat;
vertical-align: bottom;
}

a[href^='.http://'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/http.png) center left no-repeat;
vertical-align: bottom;
}

/* a[href$='.db'], a[href$='.rmvb'], a[href$='.srt'], a[href$='.md5'], a[href$='.cue'], a[href$='.sfv'], a[href$=".lock"] { */
a {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/.icons/file-generic.png) center left no-repeat;
vertical-align: bottom;
}

Last modified 2008-02-11 17:02

jace.seacrow.com

Sections

Document Actions

Lighttpd Directory Listing CSS

File contents