読者です 読者をやめる 読者になる 読者になる

ヤハタブ

Mac iPad Vape 水泳が好きな脱サラ30代の気ままな日記。

Nozbeクラシック(古いウェブ版アプリ)にStylish適用が快適過ぎる

f:id:sizx:20131121181140j:plain


OmniFocusは自分には重荷過ぎる事がわかったので、Nozbeに戻ってきた。Googleカレンダー連携とか考えると課金払っても結局これが一番コストダウンだなというと観念した。

ただ、Nozbeのアプリはプロジェクトが常に表示されている以前からのWebアプリ版(古いウェブ版アプリ)の良さが無くて微妙。しかしながら、古いウェブ版アプリ版は「ニューウェブアプリで物事をやり遂げましょう。 」のメッセージがうざいし、ボタンとか背景とかメリハリ無くて微妙な部分も多い。なのでStylishを用いてすっきりさせてみた。

無駄な記述もあるかもしれないけど、とりあえず自分はこれで特に問題ない。ちなみに環境はMacBook Pro Mid2012 Mountain Lion Chrome

以下作成したcss

body {
    font-family:"HiraKakuProN-W3", メイリオ, Meiryo, Georgia, "Times New Roman", ヒラギノ明朝 Pro, Times, serif;
}

.main_container {
    background: #ecf0f1;
    padding: 10px 10px 10px 10px;
}

.main_container, #loading span,.block {
    border: 1px solid #95a5a6;
    border-top: none;
}

.action_content {
    border: 1px #B3B3B3 solid;
    box-shadow: 3px 3px #F1F1F1;
}

#task .date, #task_done .date {
    background-color: #e9594a;
}

button.plus {
    border: 1px solid #888;
}
button.plus.task {
    border: 1px solid #ecf0f1;
    background-color: #3498db;
    font-size: 106%;
    letter-spacing: 4px;
}

#dropbox,#dropbox_h,#evernote,#evernote_h,#boxnet,#boxnet_h,#actinfo2 {display:none!important;}

#note_h {
    margin-top: 200px!important;
}

#task_summary_right {color:black;}

.side_header {
    border-bottom:none;
}
.side_main {
    background-color: #fff;
    border-top: 1px solid #888;
    margin-top: 6px;
    width: 206px;
}

#task .action_name, #task_done .action_name {
    font-size: 14px;
    padding-top: 7px;
    padding-left: 8px;
    height: 20px;
}

#project_side_list li {
    font-size:15px;
    font-weight:bold;
    padding-bottom:12px;
}

.item_add {
    border: 1px solid #B3B3B3;
}

.no_items_block {
    font-size: 108%;
}
.info_header {
    border: 1px solid #95a5a6;
}

#project_side_list>li.active {
    border: 1px solid #95a5a6;
    border-right: none;
    width: 206px;
    padding: 4px 0 11px 2px;
}

#menu_next.active, #menu_next:hover {
    border: 1px solid #95a5a6;
    border-right: none;
    width: 201px;
    padding: 4px 6px 4px 4px;
}
#inbox_side_cont>.inbox_side:hover {
    border: 1px solid #95a5a6;
    border-right: none;
    width: 201px;
    padding: 4px 6px 6px 4px;
}
#inbox_side_cont>.inbox_side {
    margin-right: -17px;
    padding: 5px 5px 7px 5px;
}
#project_side_list>li:hover {
    background-color: #ebeff6;
    border:1px solid #95a5a6;
    border-right: none;
    width:206px;
    padding: 4px 0 11px 2px;
}
#menu_review_cont {
    padding: 3px 6px 1px 5px;
    width: 201px;
}
#menu_review_cont:hover {
    background-color: #ebeff6;
    border: 1px solid #95a5a6;
    border-right: none;
    padding: 2px 6px 0px 4px;
    width: 201px;
}

p.no_items_block {color:#000;}

#footer {color:#2c3e50;}
#footer .floatcont {display:none;}

自分の場合は中途半端なDropboxEvernote連携は不要なので非表示。使う人は#dropbox,#dropbox_h,#evernote,#evernote_hのdisplae:none;を削除すればOKだと思う。

フッターもこんな風にすっきり。快適だ。

Stylish適用後
f:id:sizx:20131125181136j:plain

フッターのごちゃごちゃした表示も消せばとても快適。設定が必要な時に表示させてあげればそれでいい。普段は使わないし。