del.ight.ful - Greasemonkey Edition

The following userscript skins a scuttle installation with an alternate skin developed by hipsterfaq.com which is based on the Splitbrain skin and the silk icon set. You need Greasemonkey in order to use it.

For another scuttle skin converted into a userscript see scuttlebrain.

Credits

Download

Right click, Install User Script: http://wiki.foosel.net/download/delightful.user.js

Details

// ==UserScript==
// @name Del.ight.ful
// @namespace http://wiki.foosel.net/snippets/userscripts
// @description A skin for scuttle. Original css by http://hipsterfag.com. Packed into a userscript by Gina Häussge
// @include http://scuttle.org/*
// @exclude http://scuttle.org/wiki/*
// ==/UserScript==
 
(function(){ 
 
function addGlobalStyle(css) {
    var head, style, stylesheet;
 
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
 
    head.removeChild(head.getElementsByTagName("link")[1]);
 
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}
 
 
 var cssStyle = "body { font-family: verdana, sans-serif; font-size: 70%; line-height: 1.4em; }" +
	"a { text-decoration: none; color: #336699; }" +
	"a:hover { text-decoration: underline; }" +
	"a img { border: 0; }" +
	"body { }" +
	"#bookmarks dl { padding-right: 21%; }" +
	"#bookmarks dt { font-size: 110%; }" +
	"#bookmarks dd.tags { color: #333; font-size: 90%; }" +
	"#bookmarks dt { padding-top: 0.8em; margin-right: 2em; border-top: 1px solid #cccccc; }" +
	"#bookmarks dt:first-child { border: 0; }" +
	"dd[class=\"tags\"], dd[class=\"tags private\"] { padding-bottom: 0.8em; }" +
	"#bookmarks dt.shared { border-left: 4px solid #db9; }" +
	"#bookmarks dt a { padding-left: 1.8em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKfSURBVDjLpZPrS1NhHMf9O3bOdmwDCWREIYKEUHsVJBI7mg3FvCxL09290jZj2EyLMnJexkgpLbPUanNOberU5taUMnHZUULMvelCtWF0sW/n7MVMEiN64AsPD8/n83uucQDi/id/DBT4Dolypw/qsz0pTMbj/WHpiDgsdSUyUmeiPt2+V7SrIM+bSss8ySGdR4abQQv6lrui6VxsRonrGCS9VEjSQ9E7CtiqdOZ4UuTqnBHO1X7YXl6Daa4yGq7vWO1D40wVDtj4kWQbn94myPGkCDPdSesczE2sCZShwl8CzcwZ6NiUs6n2nYX99T1cnKqA2EKui6+TwphA5k4yqMayopU5mANV3lNQTBdCMVUA9VQh3GuDMHiVcLCS3J4jSLhCGmKCjBEx0xlshjXYhApfMZRP5CyYD+UkG08+xt+4wLVQZA1tzxthm2tEfD3JxARH7QkbD1ZuozaggdZbxK5kAIsf5qGaKMTY2lAU/rH5HW3PLsEwUYy+YCcERmIjJpDcpzb6l7th9KtQ69fi09ePUej9l7cx2DJbD7UrG3r3afQHOyCo+V3QQzE35pvQvnAZukk5zL5qRL59jsKbPzdheXoBZc4saFhBS6AO7V4zqCpiawuptwQG+UAa7Ct3UT0hh9p9EnXT5Vh6t4C22QaUDh6HwnECOmcO7K+6kW49DKqS2DrEZCtfuI+9GrNHg4fMHVSO5kE7nAPVkAxKBxcOzsajpS4Yh4ohUPPWKTUh3PaQEptIOr6BiJjcZXCwktaAGfrRIpwblqOV3YKdhfXOIvBLeREWpnd8ynsaSJoyESFphwTtfjN6X1jRO2+FxWtCWksqBApeiFIR9K6fiTpPiigDoadqCEag5YUFKl6Yrciw0VOlhOivv/Ff8wtn0KzlebrUYwAAAABJRU5ErkJggg==) left center no-repeat; color: #3b8a2f; font-weight: bold; }" +
	"#bookmarks dt a:hover { text-decoration: none; }" +
	"#bookmarks dt a:hover:after { content: \" > VIEW\"; }" +
	"#bookmarks dt.private a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) left center no-repeat; color: #c74d3d }" +
	"div#header { height: 1em; }" +
	"div#header p { float: left; margin: 0; padding: 0.5em; }" +
	"div#header p span { display: none; }" +
	"div#header p#access { float: right; }" +
	"div#header h1 { margin: 0; padding: 0; float: left; line-height: 1em; }" +
	"div#header h1 a { color: #000; }" +
	"div#header #navigation a { margin-left: 1em; }" +
	"h2 { clear: both; background-color: #eee; border-top: 1px solid #ccc; margin: 1em 0 0 0; padding: 0.5em; line-height: 1em; font-size: 130%; }" +
	"p#sort { float: right; margin: -1em 1em 0 0; }" +
	"#search { margin: 0; padding: 0.5em 0 0.5em 1em; font-size: 80%; background-color: #eee; border-bottom: 1px solid #ccc; }" +
	"div#sidebar { position: absolute; right: 1em; top: 9em; width: 20%; }" +
	"input, textarea, select { border: 1px solid #ccc; font-size: 100%; }" +
	"input[type=text] { width: 250px; }" +
	"ul { list-style: none; padding-left: 1em; }" +
	"p.success { position: absolute; top: 3em; left: 25em; width: 300px; font-size: 80%; background-color: #cec; text-align: center; }" +
	"#recent { font-size: 1em; }" +
	"#recent tr, #popular tr { display: block; border-top: 1px solid #eeeeee; }" +
	"#recent tr:first-child, #popular tr:first-child { border: 0; }" +
	"#recent tr a, #popular tr a { padding: 0.4em; }" +
	"#recent tr a:hover, #popular tr a:hover { color: #c74d3d; text-decoration: none; }" +
	"#recent td[align=\"right\"], #popular td[align=\"right\"] { padding-left: 2.2em; padding-right: .4em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHcSURBVDjLhZPZihpBFIbrJeY2wbcQmjxdIGSSTC4zQxLyAK4o7igoKm7TPW49LoiYjqLG3DWpZmx7/tQpsR1xycW5qTr/9/+n+jTTdR3dbhftdhutVgvNZhOapkFVVTQajSsA7FKxTqcDx3GOajqdSki1Wr0IYeRMAsMwpPNkMnEhdCZSoFQqnYUwikzN5EYH9XpdNU0Ttm3LcwJWKhXk8/mTEEauu0YhfhKRDcuysDBt5H5tk4zHYxSLReRyuSMII+dd5M1mAxL//uvgw8Mz3t4DWWN7NxqNKAXS6fQBhIkZ+Wq1kk3r9Rpz4XytPeNLF/iqAx8f9pDhcEgpEI/HXQir1WpvxIx8uVzKps7Kls53AvCjB3x7PIQMBgNKgUgkIiGSUi6XFTEjXywWsunxj433qoM7fQ+51oDMzy2k1+tRCoRCoSt3lkKhoIgZ+Xw+P4J8F4DPTeDm3oK92aZIJpMIBAKvD15UzKdks1k+m81cyDsB+SRGuG2tYVpPL8Ued4SXlclklFQqxWkTCaILyG3bgWXvnf1+v8d9xFPLkUgklFgsxmkTd5+YxOL8QHwWQBWNRr3ipTktWL/fPym+CKAKh8PeYDDISezz+TwnV/l/v6tw9Qrxq3P3/wBazDrstPR7KQAAAABJRU5ErkJggg==) left center no-repeat; }" +
	"#tags dt { border-bottom: 1px solid #eeeeee; padding-bottom: 0.5em; margin-top: 1.6em; font-weight: bold; }";
 
 addGlobalStyle(cssStyle);
 
})()

Discussion

Enter your comment (wiki syntax is allowed):
MNMUC
snippets/userscripts/delightful.txt · Last modified: 2008/03/26 12:35 (external edit)