WebScrap

July 12, 2009

Gmailを見やすくするStylish

CSS適用後のGmail

Globex Designs Inc. - Gmail Redesigned

デザインはカッコイイので使っていたのだが、いかんせん動作がもたつくので削除。という訳で自分で制作。詳細は以下の通り。


  • 文字リンクホバー色にオレンジ色を追加
  • メールホバー時に背景をオレンジ色にして強調
  • メール選択時の色を薄緑色に変更
  • 「受信トレイ」ラベルを薄青色に変更
  • チャット、招待、広告を非表示

@-moz-document domain("mail.google.com"), domain("mail.google.co.jp"){ *{text-decoration: none !important;} a:hover{color: #ff3300 !important;} #gbar, #guser{font-size: 0.8em !important;} .aC{margin-bottom: 12px !important;} .a9.Rgky9{margin-top: 12px !important;} .cf.d{margin: 25px 0 0 7px !important;} .bQ.nr{ margin: 0 !important; padding: 1px !important; border: 1px solid #bcbcb1 !important; background-color: #F3F3E7 !important; } .tELAdc{max-width: 617px !important;} .nH.qi.pk a{color: #ffffff !important;} .nH.qi.pk a:hover, .goog-imageless-button-content:hover, .AP:hover, .e:hover, .yU :hover, .x2:hover, .AO:hover, .gD:hover, .iD:hover, .hE:hover, .mG:hover, .ag.ca:hover, U:hover, .bN.bR > SPAN:hover, .iA.g6:hover, .g3:hover, .x0:hover, .n4:hover, .p9:hover, .pw:hover, .cg:hover, .oJ:hover, .pU:hover, .el:hover, .eu:hover{color: #ff3300 !important;} .oJ, .oD{ border-color: #ffffff !important; background: none !important; } .mG{ padding: 6px 6px 4px 22px !important; margin: 0 -6px 0 -22px !important; } U{ margin-left: -20px !important; padding: 0 0 1px 20px !important; background: none !important; } .zA.zE.x7, .zA.yO.x7{background-color: #c9edcc !important;}

.au {padding: 0 !important;} DIV[style="border-color: rgb(238, 238, 238); background-color: rgb(238, 238, 238);"][class="at"], DIV[style="border-color: rgb(238, 238, 238);"][class="au"] {border-color: #e0ecff !important;} DIV[style="color: rgb(34, 34, 34);"][class="av"] {background-color: #e0ecff !important;} .zA.yO:hover, .zA.yO.x7:hover, .zA.zE:hover, .zA.zE.x7:hover, .vC:hover, #manager-group-list > DIV > DIV:hover, #manager-contact-list > DIV > DIV:hover, .id .il{ color: #ffffff !important; background-color: #ff9900 !important; } #manager-new-contact2:hover, #manager-new-group2:hover, #manager-edit-view-group2:hover, #manager-edit-groups-menu:hover, #manager-delete-view-group2:hover, #manager-edit-contact2:hover, #manager-edit-contact-switchmine:hover, #manager-delete-contact2:hover{ color: #ff3300 !important; border-color: #ff3300 !important; } .rightsep{border-right: 1px solid #bcbcb1 !important;} .row.selected{background-color: #6694e3 !important;} .row.selected > *{color: #ffffff !important;} .checkable-list.scroll-content{padding: 0 !important;} #manager-contact-list > DIV > .row{padding: 2px !important;} .u5.wr, .nH.u8, .mn, .ad.b9{display: none !important;} }


2009/08/26 追記:記事の加筆、ラベルの表示を変更。

2009/10/14 追記:記事の整理のため改題。

0 Coment:

Post a Comment