====== del.ight.ful - Greasemonkey Edition ======

The following userscript skins a scuttle installation with an alternate skin developed by [[http://www.hipsterfaq.com|hipsterfaq.com]] which is based on the [[http://tools.splitbrain.org/scuttle/scuttle.css|Splitbrain skin]] and the [[http://www.famfamfam.com/lab/icons/silk/|silk icon set]]. You need [[http://greasemonkey.mozdev.org/|Greasemonkey]] in order to use it.

For another scuttle skin converted into a userscript see [[scuttlebrain]].

===== Credits =====

  * The css ("Del.ight.ful") incorporated into this skin was developed by [[http://www.hipsterfaq.com|hipsterfaq.com]] and published on the [[http://scuttle.org/wiki/doku.php?id=css|scuttle wiki]].
  * The userscript is based on [[http://www.userscripts.org/scripts/show/2169|"Simpl.icio.us" developed by Harsh Shah]].

===== Download =====

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

===== Details =====

<code javascript>
// ==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);
 
})()
</code>

~~DISCUSSION~~