Ładne eftepe w Firefoksie
Jakiś czas temu, na forum, użytkownik innej przeglądarki zwrócił uwagę na ascetyczny sposób wyświetlania zawartości serwerów FTP przez Firefoksa. Za sprawą mojej znajomej, temat wrócił kilka dni temu, a że akurat piłem kawę (co z reguły wprowadza mnie w doby nastrój) oraz pod naporem argumentacji (której nie sposób się oprzeć), napisałem styl zmieniający ten stan rzeczy.
Aby odmienić wygląd zasobów FTP wyświetlanych w Firefoksie, wystarczy do pliku userContent.css (zwykły plik tekstowy znajdujący się w profilu) dołączyć poniższe linijki.
@-moz-document url-prefix(ftp://), url-prefix(file://) {
* {
margin: 0;
padding: 0;
border: 0;
}
html {
background: -moz-Dialog;
font: 3mm tahoma,arial,helvetica,sans-serif;
}
body {
border: 1px solid THreeDShadow;
-moz-border-radius: 10px;
color: -moz-fieldText;
font: message-box;
margin: 10em 3em 2em 3em;
background: -moz-Field;
}
h1 {
position: relative;
top: -2em;
bottom: 2em;
border: 1px solid ThreeDShadow;
-moz-border-radius: 10px;
padding: 2em;
-moz-padding-start: 2.6em;
-moz-padding-end: .3em;
margin: -4em auto 0 auto;
font-size: 160%;
background: InfoBackground;
}
table {
padding: 3em;
border-spacing: 0;
width: 100%;
background: url("chrome://mozapps/skin/downloads/downloadsBG.png") 99% 99% no-repeat;
}
table tr:hover, table td:hover {
background: -moz-Dialog;
-moz-user-focus: normal;
}
img[alt="File: "] {
width: 0 !important;
height: 0 !important;
padding: 18px 0 0 18px !important;
background: url("chrome://browser/skin/Bookmarks-folder.png") 1px 1px no-repeat;
}
img[alt="Directory: "] {
width: 0 !important;
height: 0 !important;
padding: 18px 0 0 18px !important;
background: url("chrome://global/skin/icons/folder-item.png") -16px 1px no-repeat;
}
table tr:first-child td a {
padding: 0 0 0.3em 18px;
background: url(chrome://global/skin/console/console-error-caret.gif) 6px 2px no-repeat;
}
}
Uprzedzając utyskiwania estetów, wygląd został dostosowany do sposobu prezentacji kanałów RSS z Firefoksa 2.0, dla domyślnego motywu. Działa poprawnie zarówno pod Windows jak i Linuksem, nie wymaga dogrywania żadnych dodatkowych plików, obejmuje także zmianę w wyświetlaniu lokalnych zasobów.
Uaktualnienie: jak słusznie zauważył Mazdac zapomniałem o jakiejś wizualizacji - dobrze że nie o samym kodzie. ;)
2006-08-20 22:28:59 Edytuj
