scuttlebrain

The following userscript skins a scuttle installation with an alternate skin developed by Andreas Gohr. You need Greasemonkey in order to use it.

For another scuttle skin converted into a userscript, see del.ight.ful - Greasemonkey Edition.

• The css incorporated into this skin was developed by Andreas Gohr and published on his blog.
• The userscript is based on "Simpl.icio.us" developed by Harsh Shah.

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

// ==UserScript==
// @name Scuttlebrain
// @namespace http://wiki.foosel.net/snippets/userscripts
// @description A skin for scuttle. Original css by Andreas Gohr from http://splitbrain.org, based on Simpl.icio.us by Harsh Shah
// @include http://scuttle.org/*
// ==/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: tahoma, sans-serif; font-size: 80%; }" +
	"a { text-decoration: none; color: #00f; }" +
	"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 { border-left: 4px solid #aca; padding-left: 0.5em; padding-top: 0.4em; }" + 
	"#bookmarks dt.private { border-left: 4px solid #dbb; }" +
	"#bookmarks dt.shared { border-left: 4px solid #db9; }" +
	"#bookmarks dt a { color: #00c; font-weight: bold; }" + 
	"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: 0; padding: 0 0 0 0.2em; line-height: 1em; font-size: 130%; }" +
	"p#sort { float: right; margin: -1em 0.2em 0 0; }" +
	"#search { margin: 0; padding: 0 0 0 1em; font-size: 80%; background-color: #eee; border-bottom: 1px solid #ccc; }" +
	"div#sidebar { font-size: 95%; position: absolute; right: 1em; top: 8em; 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; }";
 
 
 addGlobalStyle(cssStyle);
 
})()