====== scuttlebrain ======

The following userscript skins a scuttle installation with an alternate skin developed by [[http://splitbrain.org|Andreas Gohr]]. You need [[http://greasemonkey.mozdev.org/|Greasemonkey]] in order to use it.

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

===== Credits =====

  * The css incorporated into this skin was developed by [[http://splitbrain.org|Andreas Gohr]] and published on his [[http://www.splitbrain.org/blog/2006-01/19-scuttle|blog]].
  * 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/scuttlebrain.user.js]]

===== Details =====

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

})()
</code>

~~DISCUSSION~~