Project

General

Profile

Forums » Development »

Alternative CSS Theme for Directory Listings

Added by toni almost 12 years ago

Hi!

I made a new directory listing style and wanted to share it here in case anyone wants to use it.
To use, put this in your config:

dir-listing.external-css    = "yourserver/lighttpd-dir.css"

It can be a relative path to your directory or full URL.

You can preview it here: http://dev.hackers.fi/

Here's the css: https://raw.githubusercontent.com/lahdekorpi/lighttp-dir-listing-themes/master/dev.hackers.fi/lighttpd-dir.css

@import url(http://fonts.googleapis.com/css?family=Raleway:200,400,600);
body, html { background: #222; margin:0; }
html { font: 14px/1.4 Raleway, 'Helvetica Neue', Helvetica, sans-serif; color: #ddd; font-weight: 400; }

h2 { font-weight: 200; font-size: 45px; margin: 20px 35px; }

div.list { background: #111; padding: 20px 35px; }
div.foot { color: #777; margin-top: 15px; padding: 20px 35px; }

td { padding: 0 20px; line-height: 21px; }
tr:hover { background: black; }

a { color: #32C6FF; }
a:visited { color: #BD32FF; }
a:hover { color: #B8EBFF; }

If anyone is interested, I can also share my custom error-pages: http://dev.hackers.fi/notfound


Replies (3)

RE: Alternative CSS Theme for Directory Listings - Added by toni almost 12 years ago

And here's a lighter version with white background: http://dev.hackers.fi/white.html

CSS: https://raw.githubusercontent.com/lahdekorpi/lighttp-dir-listing-themes/master/dev.hackers.fi/lighttpd-white-dir.css

@import url(http://fonts.googleapis.com/css?family=Raleway:200,400,600);
body, html { background: #EEE; margin:0; }
html { font: 14px/1.4 Raleway, 'Helvetica Neue', Helvetica, sans-serif; color: #2B2B2B; font-weight: 400; }

h2 { font-weight: 200; font-size: 45px; margin: 20px 35px; }

div.list { background: white; padding: 20px 35px; }
div.foot { color: #777; margin-top: 15px; padding: 20px 35px; }

td { padding: 0 20px; line-height: 21px; }
tr:hover { background: #EEE; }

a { color: #32C6FF; }
a:visited { color: #BD32FF; }
a:hover { color: #B8EBFF; }

RE: Alternative CSS Theme for Directory Listings - Added by darix almost 12 years ago

nice work! thanks for sharing.

RE: Alternative CSS Theme for Directory Listings - Added by m.schwarzbauer over 11 years ago

Add it to lighttpd release : It's a modern theme ... i really like it!

thanks for sharing!

    (1-3/3)