TwiitterNotes自定义样式

Twitternotes是一个通过Twitter来发布笔记的服务。

无需注册，只需要通过Twitter的账户进行登录，之后便能够在线或者是通过Twitter来发布消息了，支持中文。发布的格式为：+ 笔记内容 #标签1,标签2

可是他的样式太丑了，因此利用Stylish给它作了下美容

CSS for Stylish
body {
    background:#4A7BB5 url(http://static.flickr.com/2417/2179868341_544d480c83_o.jpg) repeat-x ! important;
}

a:link, a:visited  {
    color:#039 ! important;
}

a:link:hover, a:visited, a:hover {
    text-decoration: underline ! important;
}
h1,h2,h3,h4,h5,h6 {
    color:#369 ! important;
}
ul #notes {
    padding:0 20px ! important;
}

li.note {
    padding: 0 ! important;
    margin:0 0 4px 0 ! important;
}

li.note:hover {
    background-color: #e2e2e2 ! important;
}

.note_text {
     margin:3px 3px 0 3px;
}

.tags_label {
    font-weight: bold;
     margin:0 0 0 3px;
}
.note_options {
     background-color:#EAF4FF;
     margin:3px 0 0 0;
     padding:0 3px 0 0;
}

.edit_note {
    padding: 0 ! important;   
    margin: 3px ! important;
}
#left {
    margin:0 7px 0 0;
}

#content {
    background:#fff url('../images/sep_top.png') scroll no-repeat top left ! important;
    color:#333 ! important;
    margin-top:18px;
    padding-bottom:10px;
}
#note_box {
    width: 500px ! important;
}
#tag_cloud {
    padding: 10px ! important;
    width: 160px ! important;
     font-size:150% ! important;
}

#right {
    float:left ! important;
    background-color:#EAF4FF ! important;
    height: 432px ! important;
}
#profile_avatar {
    border: 2px solid #369 ! important;
}

#profile_name {
    color: #369 ! important;
}
input {
    border: 1px solid #cdcccb ! important; 
    background-color: #EAF4FF ! important;
    color: #333 ! important;
}
div.separator {
     display:none;
}

#more{
    float:left;
    width:180px;
    position:absolute;
    left:52px;
    top:138px;
    height: 432px;
    background-color:#EAF4FF;
}

h2{
    color:#F97B1E;
}

.note_options a:link,.note_options a:visited,.note_options a:hover{
    color:#F97B1E
}

.refresh a:link,.refresh a:visited,.refresh a:hover{
    color:#F97B1E
}

#add_note_box a:link,#add_note_box a:visited,#add_note_box a:hover{
    color:#F97B1E
}

.banner,.pub{
    display:none;
}

.tags_label{
    background-color:#68804D;
    color:#fff;
    padding:0 2px 2px;
}

.note{
    border:1px solid #D3D3D3;
    width:455px
}

用Greasemonkey过滤了一些图片，换了下logo

// ==UserScript==
// @name          Twitternotes user style
// @namespace     http://diveintogreasemonkey.org/download/
// @description   force Twitternotes to use new style
// @include       http://twitternotes.com/*
// ==/UserScript==

var theImage;
theImage = document.getElementById('logo');
if (theImage) {
    theImage.src = 'http://farm3.static.flickr.com/2417/2180371328_f9f52dfcd6_o.png';
} 

var imgAvatar = document.getElementById('profile_avatar');
if (imgAvatar) {
    imgAvatar.parentNode.removeChild(imgAvatar);
}