Numb.

Avatar

Just another WordPress weblog

6 月 23, 2008

stylish 設定メモ

Category : Firefox / Tags : | |

Firefox 拡張の、Stylish 用 CSS。
自分用メモ。

del.icio.us 用　投稿日時を表示

PLAIN TEXT
CODE:
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2. @-moz-document domain("del.icio.us") {
  3.   span.date[title]::after {
  4.     content: attr(title);
  5.     padding-left: 1em;
  6.     color: #ccc;
  7.   }
  8. }

Gmail - display keyboard shortcuts

PLAIN TEXT
CODE:
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("mail.google.com") {
  4. #comp::after{
  5. content:"(c)";
  6. }
  7. span#ds_inbox::after,
  8. button#ac_ib::after{
  9. content:"(g i)";
  10. }
  11. span#ds_starred::after{
  12. content:"(g s)";
  13. }
  14. span#ds_drafts::after{
  15. content:"(g d)";
  16. }
  17. span#ds_all::after{
  18. content:"(g a)";
  19. }
  20. span#cont::after{
  21. content:"(g c)";
  22. }
  23. b#bk::after{
  24. content:"(u)";
  25. }
  26. button[id^="ac_rc"]::after{
  27. content:"(y)";
  28. }
  29. button#ac_sp::after{
  30. content:"(!)";
  31. }
  32. button#ac_tr::after{
  33. content:"(#)";
  34. }
  35. td#sm_2::after{
  36. content:"(r)";
  37. }
  38. span#r_3::after{
  39. content:"(a)";
  40. }
  41. span#r_4::after,
  42. td#sm_4::after{
  43. content:"(f)";
  44. }
  45. span#pt::after{
  46. content:"(k)";
  47. }
  48. span#nt::after{
  49. content:"(j)";
  50. }
  51. button#snd::after{
  52. content:"(Tab+Enter)";
  53. }
  54. button#d::after{
  55. content:"(Ctrl+s)";
  56. }
  57. }

Gmailのメール本文を等幅フォントに

PLAIN TEXT
CODE:
  1. @-moz-document domain(mail.google.com) {
  2.   div.msg> div.mb {
  3.     font-family: monospace !important;
  4.   }
  5. }

Google Calendar のフォントサイズを調整

PLAIN TEXT
CODE:
  1. /* SSL 接続 */
  2. @-moz-document url-prefix(https://www.google.com/calendar/) {
  3.     body {
  4.     font-size: 80% !important ;
  5.     }
  6. }
  7. /* SSLではない接続 */
  8. @-moz-document url-prefix(http://www.google.com/calendar/) {
  9.     body {
  10.     font-size: 80% !important ;
  11.     }
  12. }

Google Calendarの土日の色を変更して見やすくする

PLAIN TEXT
CODE:
  1. /* http://kengo.preston-net.com/archives/002841.shtml
  2. Google Calendarの土日の色を変更して見やすくする方法 */
  3.  
  4. @-moz-document url-prefix("https://www.google.com/calendar/") {
  5.   #dh6,#dh13,#dh20,#dh27,#dh34,#dh41,#dh48,#dh55 {
  6.     color: #660;
  7.     background-color: #DEC;
  8.     display: block;
  9.     padding: 0 0.4em 2px 0;
  10.     margin-bottom: -2em;
  11.   }
  12.   .dayNotInMonth> #dh6, .dayNotInMonth> #dh13,
  13.   .dayNotInMonth> #dh20, .dayNotInMonth> #dh27,
  14.   .dayNotInMonth> #dh34, .dayNotInMonth> #dh41,
  15.   .dayNotInMonth> #dh48, .dayNotInMonth> #dh55 {
  16.     color: #88F;
  17.     background-color: #DDF;
  18.   }
  19.   #dh0,#dh7,#dh14,#dh21,#dh28,#dh35,#dh42,#dh49 {
  20.     color: #C00;
  21.     background-color: #FDD;/*FCC*/
  22.     display: block;
  23.     padding: 0 0.4em 2px 0;
  24.     margin-bottom: -2em;
  25.   }
  26.   .dayNotInMonth> #dh0, .dayNotInMonth> #dh7,
  27.   .dayNotInMonth> #dh14, .dayNotInMonth> #dh21,
  28.   .dayNotInMonth> #dh28, .dayNotInMonth> #dh35,
  29.   .dayNotInMonth> #dh42, .dayNotInMonth> #dh49 {
  30.     color: #F88;
  31.     background-color: #FDD;
  32.   }
  33. }

Menu Editor - css

PLAIN TEXT
CODE:
  1. /* Hide Needless Menus */
  2. #main-menubar menu[label="編集"],
  3. #main-menubar menu[label="履歴"] {
  4.  display:none !important;
  5. }
  6.  
  7. /*コンテキストメニューから各種不要要素を消す*/
  8. /* リンクを新しいウィンドウで開く */
  9. #context-openlink {
  10. display: none !important;
  11. }
  12. /* このリンクをブックマーク */
  13. #context-bookmarklink {
  14. display: none !important;
  15. }
  16. /* このページをブックマーク */
  17. #context-bookmarkpage {
  18. display: none !important;
  19. }
  20. /* 名前を付けてページを保存 */
  21. #context-savepage {
  22. display: none !important;
  23. }
  24. /* 全体or表示部分を画像として保存 */
  25. #SaveVisiblePageImage,
  26. #SaveEntirePageImage {
  27. display: none !important;
  28. }
  29. /* 最近閉じたタブを復元の上のセパレーター */
  30. #tm-content-undoCloseSep {
  31. display: none !important;
  32. }
  33. /* 最近閉じたタブを復元 */
  34. #tm-content-undoCloseTab {
  35. display: none !important;