あちこちで Sass のエントリーが増えてるので、私の環境も書いてみます。
Sass 使う時、より便利になる Compass というフレームワークを一緒に使っています。

• Compass Home | Compass Documentation

Compass って？

便利だなと思う機能満載なフレームワークで、これも一緒に使うことで Sass がさらに簡単になったり使い勝手がパワーアップしたりします。具体的に例をあげたほうが分かりやすいと思うので、いくつか書いてみます。

Compass はいろいろな Mixin が含まれている

@import “compass”; で呼び出して使えます。自分で書かなくていいから楽ちん。

@import "compass";
.ex1 {
  @include clearfix;
}
.ex2 {
  @include border-radius(5px);
}
.ex3 {
  @include opacity(0.5);
}

↓

.ex1 {
  overflow: hidden;
  *zoom: 1;
}
.ex2 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.ex3 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

他にどんなものがあるかは、「Compass Core Framework | Compass Documentation」を見ると分かります。

監視も簡単、流用も簡単

Sass では、.scss を監視して .css を書き出す場合以下のような感じですが、

sass --watch test.scss:test.css

Compass だと、config.rb という設定ファイルをルートに置いておけば

watch compass

これだけで OK。
config.rb の内容は以下のようにしてます。ここで書き出す css や scss のディレクトリや、書き出し方法など指定しています。

http_path = "/"
css_dir = "css"
sass_dir = "_scss"
images_dir = "/"
javascripts_dir = "js"
output_style = :expanded
line_comments = false

watch compass すら打つのが面倒なので（というか忘れちゃうので…）、バッチファイルを作ってます。

compass_start.bat とかそんな感じの名前で、以下の内容を保存。

watch compass

bat ファイルをダブルクリックすることでコマンドプロンプトが立ち上がり、watch が始まります。Ctrl＋C で watch は止められます。

このあたりは、「Compassを使ってSassのCSS出力を手軽にしよう｜Blog｜Skyward Design」を参考にさせていただいてます。

htdocs 内に config.rb と start.bat を置いてみた図。
一度、下図のようにサイトスケルトン（テンプレート）を作成してしまえばあとは使い回せるので便利です。

画像の縦横 px を取得でき、計算に使える

Compass は 画像のサイズも取得できます。ちょっと凄い。

img ディレクトリに 150*150 の 150.jpg がある場合、

  width: image-width("img/150.jpg") - 0px;
  min-width: image-width("img/150.jpg") - 20px;
  height: image-width("img/150.jpg") - 50px;

↓

  width: 150px;
  min-width: 130px;
  height: 100px;

これは素敵だなーと思ってます。詳しくは「Compass Image Dimension Helpers | Compass Documentation」。

その他の機能

他にも CSS スプライト用の画像を書き出せたりまでするようです。凄い。
参考：簡単に使える Compass のオススメ機能 – log

インストール

紹介はこれくらいにして、じゃあどうやって使うの？ということで。

まず、Ruby のインストールをする必要があります。以前書いたエントリー「Windows に Ruby と RubyGems を入れる | Numb.」を見て Ruby と RubyGems を入れてください。

Ruby を入れたら、以下のように打っていきます。

gem のアップデート

gem update --system

Sass のインストール

gem install sass

Compass のインストール

gem install compass

これだけです。

注意点

htdocs は、日本語の入るパスに置くとうまく動きません。そこだけ注意が必要。

Compass 便利ですので、ちょっとでも気になったようでしたら是非 :)

• Internet Explorer 8 開発者向け技術概要
• MSDN　What’s New in Internet Explorer 8

現時点で Dojo Toolkit が IE8 で上手く動いていません。次の Dojo の ver UP で直されそうなのでに期待。

ライブラリが動かない等、過去に制作したサイトが崩れたり問題が起きている場合、レンダリングモードを変更して過去の IE 互換レンダリングで表示させておくことが必要。

IE8 にはレンダリングモードが複数あります。詳細は以下のサイトで。

• 2. 実現可能な相互運用性と互換性 – Internet Explorer 8 開発者向け技術概要

1 年弱前の記事ですが、こちらも参考になりました。

• 【メモ】IE8の3レンダリングモードのまとめ / KOMOREBI || blog
• SummerWind – IE8のEmulateIE8/EmulateIE7モード

ただ、IE8 の互換モードと IE7 は全く同じではないということで、そのあたりも注意が必要ですね。

• IE8互換ビューとIE7はまったく同じではない | エンタープライズ | マイコミジャーナル
• IEBlog : Site Compatibility and IE8

正直レンダリングモードが複雑化しすぎている気がします。せっかく「 hasLayout から IE8 で逃れられた！（＝ IE の面倒なモノはなくなった！）」と思ったのになぁ。まだ面倒ですね。
とりあえず、「Internet Explorer 8 開発者向け技術概要」を片手にがんばります。

そんな私のような人に便利なのが、Firefox の add-on 「stylish （or Greasemonkey）」で利用できる「Gmail – display keyboard shortcuts」というもの。gmail　のショートカットキーを表示してくれるユーザースタイルです。本当に凄く便利で使わせてもらっていたのですが、Gmail2.0 になってからショートカットキーが表示されなくなってしまいました。

しばらくそのまま使っていたのですが、ふと内容をみたら結構簡単に表示させるようにできそうだったので手を加えてみました。

以下、私が手を加えた Gmail2.0 対応版の「Gmail – display keyboard shortcuts」です。stylish のコードに下の内容を登録することで利用できます。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mail.google.com") {
span.zD5BAe[id="1fbe"]::after,
span.zD5BAe[id=":r3"]::after,
#comp::after{
content:"(c)";
}
span.zD5BAe[title^="Inbox"]::after,
span#ds_inbox::after,
div.yyT6sf[id=":r2"]::after,
button#ac_ib::after{
content:"(g i)";
}
span.zD5BAe[title^="Starred"]::after,
div.yyT6sf[id=":r0"]::after,
span#ds_starred::after{
content:"(g s)";
}
span.zD5BAe[title^="Sent Mail"]::after,
div.yyT6sf[id=":qw"]::after{
content:"(g t)";
}
span.zD5BAe[title^="Drafts"]::after,
div.yyT6sf[id=":qu"]::after,
span#ds_drafts::after{
content:"(g d)";
}
span.zD5BAe[title^="All Mail"]::after,
div.yyT6sf[id=":qs"]::after,
span#ds_all::after{
content:"(g a)";
}
span.zD5BAe[id="1fbc"]::after,
span.zD5BAe[id=":q5"]::after,
span#cont::after{
content:"(g c)";
}
div.A5liqb[act="19"]::after,
div.vwcZUe[act="19"]::after,
b#bk::after{
content:"(u)";
}
button.BuNwUe[act="7"]::after,
button.Gjckbb[act="7"]::after,
button[id^="ac_rc"]::after{
content:"(y)";
}
button.BuNwUe[act="9"]::after,
button.Gjckbb[act="9"]::after,
button#ac_sp::after{
content:"(!)";
}
button.BuNwUe[act="10"]::after,
button.Gjckbb[act="10"]::after,
button#ac_tr::after{
content:"(#)";
}
div.SvrlRe::after,
div.cKWzSc span.qZkfSe::after,
td#sm_2::after{
content:"(r)";
}
div.K98VUe span.qZkfSe::after,
span#r_3::after{
content:"(a)";
}
div.XymfBd span.qZkfSe::after,
span#r_4::after,
td#sm_4::after{
content:"(f)";
}
span#pt::after{
content:"(k)";
}
span#nt::after{
content:"(j)";
}
div.c1I77d button[id] b::after,
button[id="1evq"]::after,
button#snd::after{
content:"(Tab-Enter)";
}
div.c1I77d button[style]::after,
button#d::after{
content:"(Ctrl+s)";
}
span[selector="all"]::after{
content:"(* a)";
}
span[selector="none"]::after{
content:"(* n)";
}
span[selector="read"]::after{
content:"(* r)";
}
span[selector="unread"]::after{
content:"(* u)";
}
span[selector="starred"]::after{
content:"(* s)";
}
span[selector="unstarred"]::after{
/* content:""; */
}

}

少し表示の違いはありますが、とりあえず使えるようになってはいます。

• Gmail – display keyboard shortcuts | userstyles.org

2009-02-04　なぜかこの記事にだけ凄い数のスパムが来るので、ちょっとこの記事はトラックバックとコメントを閉じてみます。

2009-02-22　テストのためトラックバックとコメントを開いてみます。

• del.icio.us 用　投稿日時を表示
• Gmailのメール本文を等幅フォントに
• Gmail – display keyboard shortcuts
• Google Calendar のフォントサイズを調整
• Google Calendarの土日の色を変更して見やすくする
• Stylish Manager striped style
• Stylish Manager: Tree Checkbox Images
• ★_blankなリンクのカーソルを変更
• ★Add Bookmark Dialog: Show Folder Tree
• ★Firefox見た目をカスタム
• ★Firefox コンテキストメニュー – css
• ★検索バーの右側に履歴を出すボタンを表示

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

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

Gmail – display keyboard shortcuts

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mail.google.com") {
#comp::after{
content:"(c)";
}
span#ds_inbox::after,
button#ac_ib::after{
content:"(g i)";
}
span#ds_starred::after{
content:"(g s)";
}
span#ds_drafts::after{
content:"(g d)";
}
span#ds_all::after{
content:"(g a)";
}
span#cont::after{
content:"(g c)";
}
b#bk::after{
content:"(u)";
}
button[id^="ac_rc"]::after{
content:"(y)";
}
button#ac_sp::after{
content:"(!)";
}
button#ac_tr::after{
content:"(#)";
}
td#sm_2::after{
content:"(r)";
}
span#r_3::after{
content:"(a)";
}
span#r_4::after,
td#sm_4::after{
content:"(f)";
}
span#pt::after{
content:"(k)";
}
span#nt::after{
content:"(j)";
}
button#snd::after{
content:"(Tab+Enter)";
}
button#d::after{
content:"(Ctrl+s)";
}
}

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

@-moz-document domain(mail.google.com) {
  div.msg > div.mb {
    font-family: monospace !important;
  }
}

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

/* SSL 接続 */
@-moz-document url-prefix(https://www.google.com/calendar/) {
	body {
	font-size: 80% !important ;
	}
}
/* SSLではない接続 */
@-moz-document url-prefix(http://www.google.com/calendar/) {
	body {
	font-size: 80% !important ;
	}
}

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

/* http://kengo.preston-net.com/archives/002841.shtml
Google Calendarの土日の色を変更して見やすくする方法 */

@-moz-document url-prefix("https://www.google.com/calendar/") {
  #dh6,#dh13,#dh20,#dh27,#dh34,#dh41,#dh48,#dh55 {
    color: #660;
    background-color: #DEC;
    display: block;
    padding: 0 0.4em 2px 0;
    margin-bottom: -2em;
  }
  .dayNotInMonth > #dh6, .dayNotInMonth > #dh13,
  .dayNotInMonth > #dh20, .dayNotInMonth > #dh27,
  .dayNotInMonth > #dh34, .dayNotInMonth > #dh41,
  .dayNotInMonth > #dh48, .dayNotInMonth > #dh55 {
    color: #88F;
    background-color: #DDF;
  }
  #dh0,#dh7,#dh14,#dh21,#dh28,#dh35,#dh42,#dh49 {
    color: #C00;
    background-color: #FDD;/*FCC*/
    display: block;
    padding: 0 0.4em 2px 0;
    margin-bottom: -2em;
  }
  .dayNotInMonth > #dh0, .dayNotInMonth > #dh7,
  .dayNotInMonth > #dh14, .dayNotInMonth > #dh21,
  .dayNotInMonth > #dh28, .dayNotInMonth > #dh35,
  .dayNotInMonth > #dh42, .dayNotInMonth > #dh49 {
    color: #F88;
    background-color: #FDD;
  }
}

Menu Editor – css

/* Hide Needless Menus */
#main-menubar menu[label="編集"],
#main-menubar menu[label="履歴"] {
 display:none !important;
}

/*コンテキストメニューから各種不要要素を消す*/
/* リンクを新しいウィンドウで開く */
#context-openlink {
display: none !important;
}
/* このリンクをブックマーク */
#context-bookmarklink {
display: none !important;
}
/* このページをブックマーク */
#context-bookmarkpage {
display: none !important;
}
/* 名前を付けてページを保存 */
#context-savepage {
display: none !important;
}
/* 全体or表示部分を画像として保存 */
#SaveVisiblePageImage,
#SaveEntirePageImage {
display: none !important;
}
/* 最近閉じたタブを復元の上のセパレーター */
#tm-content-undoCloseSep {
display: none !important;
}
/* 最近閉じたタブを復元 */
#tm-content-undoCloseTab {
display: none !important;
}
/* 背景画像を表示の上のセパレーター */
#context-sep-viewbgimage {
display: none !important;
}
/* 戻る */
#context-back {
display: none !important;
}
/* 進む */
#context-forward {
display: none !important;
}
/* 更新 */
#context-reload {
display: none !important;
}
/* 中止 */
#context-stop {
display: none !important;
}
/* 「中止」の下のセパレーター */
#context-sep-stop {
display: none !important;
}
/* コンテキストメニューから[リンクを送信][リンクURLをメールで送信]
[画像をメールで送信]を消す */
#context-sendlink, #context-sendpage, #context-sendimage {
display: none !important;
}
/* 全て選択 */
#context-selectall {
display: none !important;
}
/* ソース、インフォ、プロパティ */
#context-viewsource,
#context-viewinfo,
#context-metadata {
display: none !important;
}
/* プロパティの上のセパレーター */
#context-sep-properties {
display: none !important;
}
/* プロパティの下のセパレーター */
#spell-separator {
display: none !important;
}
/* dictionaryを追加 */
#spell-add-dictionaries-main {
display: none !important;
}

Stylish Manager striped style

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
treechildren#styles-children::-moz-tree-row(even) {
  background:#efefff;
  color:#000000;
  font-family:"メイリオ";
}

treechildren#styles-children::-moz-tree-row(odd) {
  background-color: #feffff;
  color:#000000;
}

Stylish Manager: Tree Checkbox Images

/* http://userstyles.org/styles/983 */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#stylish treechildren::-moz-tree-checkbox {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcCAYAAABRVo5BAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAASGSURBVDjLbVNpTFxVGH0wM48BZobN6E8DidGmCVQhII8BAkx5gJo2aauhJEXwxRoRGttCyYDlh7ZM/UFiWyCEAoKURlkKsYQEMFOwLMq+r7LLLm8YljYBPb7vWUiITHIyX77vnHfPvfdcBgBzAOmn0mg07jqdjnNxceEJWq2Wox7NjnAPChsbG21oaKhgMpnMJSUlYl1dHQjFxcViZmammWbEOSKkRlRUlLGsrEzs6enB8vIyNjc3ZVDd3d0NmhHnQMwolUrWYDAIpaWl1rGxMezu7mJ7extbW1vyP4F64+PjIA5xScNI/j0ke00NDQ2Yn5/H6uoqlpaWsLKyIq9GNfVo1tjYCOKShnF2duYKCwstra2tGBgYwOTkJKampjA9PS2DaurRjDgFBQUW0jCurq58eXk5Wlpa5L309/djaGgIIyMjGB0dlWsS0Yw4xCWNLKysrERXVxeGh4flvdBKMzMzMqimHs06OztRVVUFNzc3nnFycuKKioosfX19sqXZ2Vl5b+vr61hbW5P3ODc3h4mJCRCHuKRhpAv2yMrKampra8Pi4qIs2tjYgMVika+DaurRjDjEJQ2jUqlYnucFya6VrNHx7+zsHAH1yAlxiEuawwCcPXvWWFNTI5Ilure9vT0ZB3dIM+IcBuAgQra2ttrIyEghJyfHTKT29nbZWnV1tUg9mhHnf1l9ubJK8u9Om6eToxOnwFOPZseGnKBQ2KgcNY7uSpUdxzAKnmFseCVrxzlKr0OhsD1eyLKs1svLVzDw8eawyCRRH3YZgWEJOB2ZLErxNJ/y8hZYVnXUqlKp0J486WnU+8eKCZdLUPpDN+obxvBL4yq+fzCFxE8e4HTQRdHzhKdRpVT+dzjSV9i3fTjhVFCcNeaze3ja8RwdI3+juX8DT3v/RMeYFc3t+4gV8uAXEGN9x8eXVmYZZ52DR7ghrum1EyYk5o0jvXYRNypmcbNqAalVw7jxZADf/LyJpO9m8KpXOqIiPm5y0UmvQ+Og5vz1n1te8fkJXHI7wrP78UHuEM7ljuBM/iD4vB6cyfkDgde74czlw0//qUVjb88xrErJv+GfiNdj+uBn7EfwnS5E3OvFe5KYEHa3D4F3RuCXOgz3i414i0uA5JSXIqfg34xIgm/qND68v4DYonHEPxqFUDGJuIeTEH5cQHTJEj7KWQJ37Xd4G5Jgx0pCtZrlAqJTLGG3x5FYsYnU+g3cfLaGr9rWkPHMgrTmbVypt+KLxyLeN/XCcCHZ4qBWc4yT1tHjgpDSFJpWh8z2f5DZu49vh7Zxd/I57k8DpuE9fD2wh1u/7SI84wnOxyU3OWkcPRg7ybA+MEQ4n2iyXin7FQ/XgZotoFZ8gSrLC1TsAo/+2sP1CjOikjKt7+pDBDX78nUobBVa/4AQ46WU2+KXJbXIH1zC45V9lM3tIndwAVeLyxGTmiF6BwQbD4J+GDlKRHBwiBCfZDRHXzOJMWnZuJSejZirt8S4xBSzPihYUEkJOzbkSinITjqdu53anpOCzrOsmlfb2XM6rc5dqVAcCfm/gBaYxiih/BIAAAAASUVORK5CYII=") !important;
  -moz-image-region: rect(0, 14px, 14px, 0) !important;
}
#stylish treechildren::-moz-tree-checkbox(checked) {
  -moz-image-region: rect(14px, 14px, 28px, 0) !important;
}

★_blankなリンクのカーソルを変更

a[target="_blank"] {
  cursor: alias !important;
}

★Add Bookmark Dialog: Show Folder Tree

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://browser/content/bookmarks/addBookmark2.xul") {

#addBookmarkDialog {
  min-height: 40em !important; /* Adjust this value to change the default height */
}
#folder-tree {
  visibility: visible !important;
}
#keywordRow {
  display: -moz-grid-line !important;
}
button[dlgtype="extra2"] {
 display: -moz-box !important;
}
#expander, #keywordRow + row {
  display: none !important;
}

}

★Firefox見た目をカスタム

/* ストップ／リロードボタンを統合 */
#stop-button[disabled="true"] { display:none; }
#stop-button:not([disabled]) + #reload-button { display:none; }

/* ツールバーに背景 */
/*menubar, toolbox, toolbar, .tabbrowser-tabs {
background: #EEEEEE!important;
}*/

/* メニューをちょと変更 */
/*
menupopup, popup {
   background-color: #EEEEEE !important;
}
menubar > menu {
   background-color: #EEEEEE !important;
}
menubar > menu[_moz-menuactive="true"] {
   color: #EEE !important;
   background-color : #336699 !important;
}
*/

/* Bookmarkletのアイコンを変える */
/*.bookmark-item[statustext^="javascript:"] {
  list-style-image: url("bookmarklet.png") !important;
}*/

:-moz-any-link[target="_blank"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA/UlEQVR4nO2WzRWDIBCEd32eU1GOVGQDSgNUxDEVpYHJwZdEfgSFFS7OSRMffOzMrrIyIF92YhARKQMO/hTWENscAAH4gTQFaK0bIAtgJ8aVWRhzDwDr3sx/CMnuyAKkYCRAijMg1abjdpGzJwJAzIyaSozfhYhcn7e/+9eSciw4uokkzKAMmPnykb8PQLR63wsi6IKrvM4C9KpC1buAmauHkQPQowqnRvGe7ETZ4ChD0ZMFFhytgkT5owCttWtBrgr+6VPdm1oqCtDiazgJkNLzHQbOVgB0z0B3gKI5MM/u/bKkgyYO4GvbAVoTvR7xoRNTdwtugKIMaC0H8AGS/2Gff5XkmQAAAABJRU5ErkJggg=="), pointer !important;
}

:-moz-any-link[href$=".doc"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADJElEQVR4nO2WTWhUVxTHf3cmpOjChQshilDUVCgEg2hVKoKQmmgEoTVgcSOoOxURd9WFoO1Goii4sSIuUoRgXQSiLYGUdCdpoETSJhpFjTGaj04yZpL33r3nuHjT+UiiSXwvuvHA4925c+ad3zn/c88bU1WvTLWWE0YBqurVTPsyZkvMFFxVUdUcyAcF+ND2CWBWgJYTRheyF0pmc1ANYxuTh4jzdMwK8C6YOEDeuwfiOqYlhQ+Zb0aqijFGo1Si5P8HQbHOhftT13FakQRzDRInTKKqXo0xCz7y3w4AofYfC2LaKVgorWcF+FhViPQuMMZEHkZFkzBbBX0fGY5t6M79jxARVAVxmr0LgqCiXO/ZWAQ8r1E81S439gMvNOMn+evhEqw3xmBaGE07fM8jNeEz8DrNvSvV+E65fedPxloO65KqqzmIaQBzrYIxhsuN/RzZW1awWzbNb1FtE4ZQa8/zOPvDcU6dy0NE6oGMn6SxdYyz1x5w4EwH//QOcuBMB73Pxqk72sD5hkdZWgUDIsKpcxcBGGs5rPAOCeZyIjKeY/2aJN2PQG2G0tLF9L0cAtYy6ZIM9rcCy/i5uRuA7/fsYOnyclQNly78xFsB5trZE+kuXb2yjPR4wPPhDJ09g/Q+fcLttjUMp0b5rmYXF+78xsFdu7nW/C+osrXyc/7oeJKbN5EkSHnZ+1BY6lt32+l7NcAvzd2M9N3nq4qVAKiEfk5ARLGSzy8SwEiWYOS/UTKpx+zfuxOAzgft/Hj6UBjAH8ZJmK1oeFnJh40E8NoLU2tqe4F8towtX5YC8HXler79Zh0Azve58XvYA84pzoF1+bCR5sDo+BAAk3+fzO0F904X+Vg7zr7tX+A78K1iRfELJIgEkPKURbVNuc9u4mVunfCHcb4PwM3WHgCqN5VjHQQuJoAVFTVmRUW4rlveqntqajGAQnYkgxUlcBA4xWavQGKSoNCcOHwrgOHXtp4ZfbZVrgorEMRUgUJTESZ9wCg7N5eHFVCDE3AiYebOIKoEcTVhoYkIk1Zp73pOIAYriTBbSWDFYMUQWEMgBqfJ3O/eAAfHvnIlQGYzAAAAAElFTkSuQmCC"), pointer !important;
}

:-moz-any-link[href$=".xls"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADMElEQVR4nO2WS2hcVRjHf9+diErVjZsxKBGs1bqSpkFqC6lDsBIQoWgVuhAUi0gxNXQRat1ZX0hiVRTxUbpxoSWtIOmDMWoqkaZRdNM6jdIGsS2Ij7Y6ufe8Phcz3plJTJN2btqNH1zuueeex+/8v8e90tWvTLdiryhAV7/KjJcZW/Rfm6sqqpqCXFKAS23/A8wJUOwVXchYaJlrgGplb5EaRJbZMSfA+WCyALnoGMgqTVvqF7nQE6kqIqLNKNHy70LQ6Of6/untLK3BBfPdJEuYqKtfRWTBS/7sAFDx/eWCmJEFC+XrOQEulwpNfQtEpOli1FAJqyroxbjh6eWl9D8ihIBqIHit3gOBgAZlx7GOBuALKsXTbeOeDTj/mDqTsOt4jE3KJMkUJiljkimsiXE2Yei5SYxXdu89yNniE3pd17spxAyA+aogImzcs4G3135w3nHtm65FqPg6SRKef3YTW7fVIJpSAODNgwN8d/J7fv/jNINP7uObiXG2D78MQGd+DXgBURAIIbB122sAqRKzAswnI4yJWXvHwxApR1quoPBKB8tuXEnuqhwnT//M3d0reWuf8N5QqTLhmjZ6evtQFV4feJFZFZhvZJv4QW29vpVVNxS4MrqaM+VzjB7dS/yrMPDUOyy9aSliIh7vvh3nlJ0HSqy682a++HYyrTdNuWCqfA6AL08U+XpylM4lqwE48dcYu8d20ZZvA5vj/aEf0jkhKC7UztckwFm2D7/Kx/vfIMTKjq8OsX79M/z25ykOj3/CSL4djPDovbdhPXz4WYmg4EKt/DStQE9hMz2FzWnfSx+9wJmfjuPKjuGxIpiInQdK6XvvwfmMAJL47xl9feu20LduS/rccX+eR+5ZgvFgnFaurFxgTVzJcy+oE8TmwAiYCGwEJkJchPFgnfLp6ASF9sVYnxHAovwpWVRtP9T6uT5wXycCKFRLMrigDI4cY81diwFwXrFZxUC9+eAxLjA4MtHQ372isvH+Qz/WAGxGCtSbhkBsoHvFrahWFVAhsbB62S04r/ggeFVsVkFYbyEEYqeMH/kFGwQXIpwHGyJcEFwQrBNsELzm0nn/AJbctY9ofHKEAAAAAElFTkSuQmCC"), pointer !important;
}

:-moz-any-link[href$=".exe"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADGUlEQVR4nO2Vz2sdVRTHP2funffyfqRtaLooWBciaUhFCpUuAuLm1UXBH4gI3fgXuLHgQujOjQtJF6ILBRctLVIUQRdFGtQWF5aCATG1UaO1JZGm1TTm/ZiZO3OPi+ePpkkzHTNpNx4YGOYO537u+Z7zvdKaUG6PycOiAK0JlVWLJUew1uaqiqr+A3JPAe51/A+QCzB5WHQze8Hm/aDa31vkX4gypyMXYD2YMkD+cw+UNab21iRFT6SqiIhupBL270SwUudbv9/+XmaskOBuNykTJmhNqIhsuuXfGQD62t8viFVTsFla5wLcryps6C4QkQ2b0Qon/KsKup4M1zsJVWtBM5Y6KZk6VUkxCg7PbBuOnGzcNVQhKwZoVoQwDDCk9F1DSaWG6ZsSs1mCPtbRPeZ3Lp7flQuyCiCvCt4raIK4CmklwQI2AxSyIMV1hYW5gLmLFR4Yyj9Q4R7wgWAIcUGbm70epz+Y5lI8x40gJcssI1uEdw6GvPbcMDuuHs8dqTsCiMiaD66/9rV/ky/jY3wx/yHj58Y4OPskbTx1axlpBuzdIfRuLuYeaM0eWK+zQ030WzfF6+5t9tXHuTKS0LnWZer6WV5unuKt7c+TZvBH4JHqcC5AYQnUWKKozvI8fNz7nJ/2fMXWUUttsc782S6RWCIP3geEnUb5AFGa8mhzNw81X+LHjwbpXI05Vm3w6firPH7hONEPB+jFCd5YApcvQXEjysC6lDeGX+H0C5c4EY/SiquM1R4mmbmCvj+JzDxBnHVxlS3lA8RkOMAEyqgawu8W8dssVo/y4jNtqrsCvnnvFy4vgRmolQ+gXkkMLHuDQ6jtPcLUuzHdc9Nsa3eY+cywMH6UwWYFDWZy8xV2QsjIPIgqUSVjYORpPhlr8ODlM5yfH2LgQIvd+/cxFFpslH+zFgaIUgi9QTMhNuAaTQ4depYbnaeIlj2PbLcsKLjfUtTkXwnFK+AVjwBKmEIaZEhm2WmUwWHBeWGngKtCYPK9uDDA9M/XOHPhe9IlRfB4GwIQ9pZx9QFEHF2GkMix1f7KQk6+PwESrmO3YdIoyAAAAABJRU5ErkJggg=="), pointer !important;
}

:-moz-any-link[href^="javascript:"], :-moz-any-link[href="#"][onclick] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABhElEQVR4nO2XQZKCMBBF/7dceyKrzIITeYF0X4ATuQhVnsgL9CxCRhSYJICymd6QEir96P87jWxaw3vcrjQAaFrj6ObGcZhKbmYws1+QrwJ8O/4BsgC3K+2TXjjmHjCLucknxJbdkQX4C2YLkMUe2KpNj8NNat/IzEDS1lTimDYCXnUe/v6+3jJeJChNsiXMoWmN5MeP/HkAIGq/F8SoCz6ldRZgryqsmgUkVx9GLwB7VGH3aTiaBX0VLGfGYfnPDx09fD/5olJWDaOpOD/UvBcABoAADF3XQVzZET0LkPNC0xpjcg9V6ZMDznVwzkFEINc8xCRACXlKDgDxEt88JXfO5baYB6gJ1cRKiMSV9ItVEpQF4f1T+1T+mrNhMcD95KkK855QBZIHQghwhQYEAE79M6qJuS4orcSqgyj1v6qAjJVQJS6XC0IIRZ9siyVIXTB0voj005QAQtE+iyR4tiBBRtcPZei6UCzBYg+cH2qp10MIEBGEEACgqhNWmXBO45o2/AE4E97aK8fuiAAAAABJRU5ErkJggg=="), pointer !important;
}

:-moz-any-link[href^="mailto:"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADYUlEQVR4nO2WXW8UZRTHf8922u1uX3aXvrh9sTQYbRuUCkSo0RjRBvgApomXxBuv+QyN0Rh7oZ9AufBGk3KhRtMLiKaGFERBbFVCqW0DpV3YbfZtZp7nOV6sQnfbsridwo0nmWQyz8z5/+Z/znlm1OiEUBlTp5UAjE6I2rQYcIS2EhcRROQ+yGMFeNzxP0BVgKnTSnazF5xqN4iUtJV6ABHkdFQFeBhMECA190BQY+psTPJf30hEUErJTpxw/k0E5XXeeL3yPMgoK8GjigQJExqdEKXUrm/52wNAqfZPCmLTFOxWrasCPCkXdvQtUErteDMq2wn/cUFqKcPY8DvyUv4pIm40n3KblqezL346lX3lI6Maio8MUGt8duBjwTlK4+AQdZHmaEcu/WzvX7PjwzcvvX1m/a1Tt1T/zHbPqu1+yaq5oJTiywspkunveK47Rn2iG6t9rPURo0EM3t3brP521fsq8/IH5+yJcVH1XiAAbmqes1fmODlynNW0x58LGZSbpi1SIBYuEnFcHOWD9TG+x8qvc/yx4lw+y9iptbq+Xzbm2rYED5uIxW/eZ098jNZIHa2RCM90RcgXO1haKbC85pJac8nmNa5r8Iywnh9gqPXiwXczH06P80lTVYBqnW3Ne9LPdfxsjPrmPQA0huvo7W4m0dlMXvPg8GHh4jUOxWD5RzdaqVjbGBrN3v0DrM5MUkwtYQWKG0U3iEt6kVcbztHeFcUauylVTQDWWOqjUTqPHOPOhUnu3ZwlryFXKb4yR8/vn9OxL4kK2S0BahpDYwyIxgk30PP6SRa+ncT0pfGkjuL8z3idA4gTIbn4NcnDB1DKINrD6qAc0BYwiGhCIeh74zjupS+IZWbZ/+Zr9DtLxC+foefwC/fFxXgl8IqoyQFrLCIajI/xCtyaPk/XyAnanj+E4JE8MkK4JcKdK9doH+xHoUsOBFUCaywYH13IsjIzTXzoKC19+xA8MAWsm6WlO0lIedy9Pk+8N45SOlgAP7dO6upPtB88RmNbR5m4dXNYN0tDUwOxpzvI3r5HNBHasgdqA9CW3OINEoPDOGFBry8h1sX6RcQrYP0C4hewfpEQLtFECC9PcA7k/frMjR++b7XmPMaUxssai9UGsUZZbTFWxGpbtp73jK7M9Td98fR3PJ7sCwAAAABJRU5ErkJggg=="), pointer !important;
}

:-moz-any-link[href$=".pdf"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACn0lEQVR4nO2Xv08UQRTHP0NoZqbbsNdcolfYqLHj+AuojKVSkaAJFmCwQEOMFaFSMRQ2FhQSYoW2nA0WWHKx0XAUUhzGa26S7WYnsRmLOe4XhwfeHjS+ZDOT2dl5n3nf92Z3xeSap9t2FoUHmFzz4sTNjG2kl3PvPd77JsiFAly0/QfoC7CzKPwwc2G03wTvg28hWhBZVkdfgL/BZAHyzzmQVZmOti9y3h157xFC+EEiMXq8EHTq3D7e3c/SOiQ4q5MsYUYm17wQYuhH/ukAELS/LIgTVTAsrfsCXFYUznUQdZsQolm6b+4c+MPqEVh7ymzNRHGc6a2xjl12SDBIFJK6IVIxUrcu0LgUvlWOuHXzBnvlXdanfnZoPFAEfj9fgYNZj7HwBaibxp0U0tCr1av8eDRHvhADRfbKZdan8A+3roieAI0o+H7JKIQIAPsVMAaMpem1IUMN2AOSehjPF2ImKPK9XOb9A+Wn342JgSKAOQrO260rB34B+VzMs+UVsCC1Ioo114wBxk6X4Cy5cLhd4lM3QJc5YHbmLjVjcNbi0hSpYpK6Aa73Bjjry+VxW3954quPcgpnQ7gjHeOWFuDVCxxh51IrknpKlFPUqgF8MAm6TCodWjRRHJMAKB2cA0lqkbo1DzL+JpTHbaxwpgp1gyztItGgFVETRuHsEABAIZUm0ho2Nom2P4M1uFIpjKFOPJGpBGiQKJL9KlQquFIJcldhY5Nk4y1ojSyOI+efDgdAErRNVheQ80+QhQLEMfLebRJroVzBffiIo1WqmQI4a3BLK8hiEVksBkfW4myKA1whxs3P4Ew6JIDV18hYIe/PBRiAFBy2WZ7OWpxu5UKGAJb86kuAEG6tkDbFKZCppqEOrnlShlb0+j2/SPsD1aEhpodv3zwAAAAASUVORK5CYII="), pointer !important;
}

:-moz-any-link[href$=".xpi"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADTUlEQVR4nO2WvW9bZRSHn+OPGzsfKooVy00hkkmF0jY4qkirChQJIbcLYikRC0NZqg6IpQM7EnM6IPgH+BBCwAJKS7FggYEhED5CUmhVkjSAo6SlsW/u93sYAqFO7TpxnHbhTFf3fXXe5z2/3zn3SnFC2Rql86IAxQmVuxbbHLF6h6sqqroJcl8B7nf8D9AUoHRedC+9kGi2QXXjbJH/INrZHU0B7gXTDpCWPdCuNk3cmWSnN1JVRER3U4nEv4mgVuc73299bmfUSLDdQ9oJEytOqIjs+chvDAAb2j8oiLu6YK+0bgrwoKqwq2+BiOx6GNVMwn+qoDuVIVZ4RhMxi0gURXGDdVJiIT9cSkdiudsGaDWGcoc43v8ES9VFvNChr2M/b37/FrkmhwNIo1+yZlWoV/6T469pV6KHd6bfpXtualvStOSBkxeQetp3xCx6Ej1UHXvbuRpKcM+OeBt9sv8EXuSjakjHOzk78hJXbpW5UbnB84VxPkwdUpEYP/3xM6fzp1mb/qhuwroAzZzdmX9OXxk9h+1XsUObsrPMr7fn8IyHY1wqboWxgVGseIqeZDf7kvtYa5CrJRP6kc/k1c+YWvqOkVyBh3tzuKFLYEIiE+GENm64TjJu4YYeSUkCMJvP6sFUnuTsN5sXbMkDl65d5sfLb4g185X4tx1WK39hRPEij8D4hFFAoBFVv8rRvsNc937h98GD+mz+FGV/tSZX3S7YaSwPDWvx0TFuOqsEkYejHn7o4oYeKoZMR4a4WCza17FtITM3vVmBtswBXwO8yMGNHHwT4BmP0ISEBAShz7KWMUZRjYi22KslCfTI0zVlO9CVpeJXEBGS8QRxiRGoRxgF5NIHiIdpbMcjk8riRc7uAeb9BbzhExo/fEorQ8f0sUweMQlmlq9R+u1rFm6W6U32YcUtpsuz7JcBXuw/w9Lan/hB7YxoCSAd7+T4IyMcGywwOjCMawLen/mAM7kXODp/S55KF/j06uf0pbO4oUO39RCTpVdlamGWc4Mv1+RqyQNGDfP2IuuBjaphxa4wtqJy8cuN9SvfvievFx/XT1Y+RmNKYHwAimsqpS9qc7X4OTaIKqAgkO3sJTs6XuOLi+VJulJpZGNXw/gb/8mZPYEOwCQAAAAASUVORK5CYII="), pointer !important;
}

:-moz-any-link[href^="https:"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACnklEQVR4nO2WP2gTURjAfy+53DVJA5qKi4hSKOjgpFJLJ7GC6KCCLq6OgkPdxMHBxcEOTi5CJxHEQUSk0MFFaS3WDqK2aK3UNtJYaasmd8m99zm0qWnzt82lXfzgeO/eu/u+3/v+3amePmG9DPYqAejpE1WyGbCEyhkXEURkFWRLAbZa/gPUBBjsVdLMXLBqPSCybFupfxBBVkdNgGowQYBsOgeCKlOrWMlGTyQiKKWkEU9YBUWwNs7F6+vnQcqaENRrJEiYUE+fKKWa3vIrA8By7LcLoqQKmhXrmgDb5YWGvgVKqYab0ZpOuOIF2WgYTp24J+0/D7CY+kXEtmhNJPgcG+f5yOWacBtqxeXkdOd9OZc8T2xPlESnQ3p+gXg8xqHfHVgzD+Tp7KWqECUA9XpBKcXNd7fp8roYn5jkxdgrPDuDaIXtOhw/2k33wcOk7TsyNHWtIkRDHrCHk2Q6MjwZfcan8C1FvrABS29uyMXOszgziao6KiahUqrqBeC4UYZHxlC7/ZL3nXYYev2WKC1VAcp6oN7MTs/dFddzCbfYJXthY/Flapq2ZBJ2Vtahyv2W1yNX7KiEPRdjwBiQldHo5VEXreUth4c73LKH2nQOhD2XM1cHCFlHAAUIYABdNDcY/ZH+6ycr6tk0gDGAToH1HZN7CX4KMQbBAK1YsWMQagN/FqMr62kIwOQnCTkdYL4hJoXx8xgvixifsNOKYj+5pVHENAFADGhvAivejeR+4Gem0Z6H0RpUBDs3AdEw3sIHdDMAjIHM3FfspCEU3UfEiRMRHyQP4oN4YNJod345XIEDaND5RZA/KGsvSnYBWSCLSAYkCzKH7803JwfykRYGHr9HHl1YLcVCGcpKGRbu/YgTPEC/k1VU1lu3/AVm70nZSOAEBgAAAABJRU5ErkJggg=="), pointer !important;
}

:-moz-any-link[href$=".js"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABiUlEQVR4nO2WzbHDIAyEdzPpKxxSURqQaCAV5QAtpQG9Ayb4HyfGyeVpxjOMjb0f0grD690wjseNBgDXu3HysHGc5sTNDGb2AvkqwLfjH6AK8LjRjvTCuTbBLGmTBaJld1QB1mBagHzsgVZteu5/5N0VmRlI2p5MnPOHgGGd+/fH45YxKMFWkZYwp+vdSB6+5S8DAKn2v4KYdMFRta4C/CoLu/4FJHdvRhwfSPJ5YC289x8LquoA+q2tuB8iMrk3B9afF2OcPJ8AdF6oZmFOXEQBGAACMMQYQXLV2B9nYCou8F47ccC5COccVHUVYtGEJBevOXEAEAFEDM6Fl7hzbhV+NgNVZz/9ZDne51cI1TTSbnB4CQBCpNQ+p3+Lj3YDpNoDIkRqgpSJEELVgE0AhhCK0gWXTRBNTsW5/71Pjvc+eeJyKRBLsTsDuQtiLG2nqt2qCSCsvr8rA6UF+RIXKeIxhqoZdwGk2nvEGBBCAACQacvdIg406oJxjfPmc2gb9n8sefVrc5biD8A+6QoHDBcQAAAAAElFTkSuQmCC"), pointer !important;
}

:-moz-any-link[href$=".rdf"], :-moz-any-link[href$=".atom"], :-moz-any-link[href$=".xml"], :-moz-any-link[href$=".rss"], :-moz-any-link[href*="rss"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACX0lEQVR4nO2Xr1fjQBCAv+UVkzGYrr34aLAXgWr+CXQN7yGqazDHe7iio0FzCtGzydmcQOUEZmPOTMyJPZHyo9CkFFIwN+/lZZOdnfl2ZnbyYg7PPc/l5sR4gMNzb15M9iw7q5x77/HeP4B8KMBHy3+AtQA3J8ZvsxYG6xS8b3wb8wjR5+lYC9AF0wfIm2ugr2M6eGpk0x157zHG+PdEYnBvCJbz/PT983GfspSC1zrpE2bn8NwbY7be8tsBoMn9Z0G8OAXbyvVagM+Kwru+BcaYdzejJYDPiMJGrfhe7k73oFJujwfwe7e1aAKAoXAU/Gnd1QuARRR8WzHene41gzghGO4jgFCjVYboL5BlfVcoab3n2yA2j0Cl2H1LqUKYTB5eC4DL0HzagCzEhoLLHXxZba4VoK0Wbo8HUCuBzilmIxSQYUR4cISEB0jyHZ2PkfLqYU3dsZ+VAJ2Vvci5FQWXMwSs5LjLFKIjJJ4i8QXuGmx11WrmXjY/hmVzcw7spMJOKhjNkShBihllGoMqNrlAiZbW9AMA4BRbK1rOcWUBNkKSFD2YEmqBu542evEUnHaaensjCkDSEcz2mU9jUEXiCWoTyGdoWSBhjBJuAaBuLqdgBWIysrOkmYunWAHN0uY5SvoHcAqMc+xZDeMcHISa4coCCaNmvsoBUJVOW28CqLFgFwVmI5yAVRCtAKhKsK+0tXEjCgCp3CLHEbgCu6gzTUfoMCIUcGVGffmNoCo67ZlVf8ddcvXzsfeXDkILErTraw2Vwvjr35W9ZWMAgIsfuz6gu8NBE62aducA/wDonQqMQIfJuwAAAABJRU5ErkJggg=="), pointer !important;
}

:-moz-any-link[href^="skype:"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACr0lEQVR4nO2Xz0sVURTHP/e+6fWev9LCCnmaGNkPirDIaBchCIFBxKttq1rnpqX2D9iqRdAiaFFoi2jRyoXLhJIKM4IkkecPeqn5441v3nXmtLDMH+N72ozaogMDw9yZcz73e865h1FNHcJq625VAtDUIWrNYsim/YKLCCKyBLKtANtt/wEKAnS3KtnKWrAKvSCyGFupPxBhdkdBgHwwYYD8dQ2E1abWcieb3ZGIoJSSIEpYvx3Byjwvf776PkxbkYKNBgkTRjd1iFJqy4/89QFgMfc7BbGmC7Yq1wUBdkqFQLNAKRX4MFoBsBMq/HvTcKMqhCE/bHIY+dmF49IZr8slp4xQHIEyS+F4MPLZ6hr8GrlnXD7m+37dFCil8l4AtQelveqoSVbHNfUlGkExZAv9My5DlU4y0mj3V+332vMB+CqwUWnrzjpSYmnmXGEiJ9QVKa4fiQJwfzDHs5Shb1+m7ZIUM57WviCBinDKCFlPmMwJ1THNjUR0ae3O4ShXqyyMCB+qMm3r+QgEMJ2yesayi7s/VqoREW6/z3Kl1+bugIPtwqG4Zs6FaEySoQPEIwoBSi3FWNYjqhUPT8d4eb6IREzxfMTwadYjZXtYFcYXIFAXzGdIxzSMO8LjYcPywrlVG+VcRYRrvTYZFxYcnQodIDOrBvp+uIxmheYDFp0jhhdjCxhXmG4po2FPhJq4ZtK42OVOszW5NlygFHxL6wdZD2YWBE/gUUOc75dLmW4pY96DrlHDF9sjquGd5Z7w8xFIAYG087roZLxhrv/VuAGgvkQT1ZCaF56mctTENR5C5VxkwM+H8vs73qzt3sXF0lPZJ1axJPSvQtAKYhqMB3ZGpSfexM54sKYOAh/FAI6hx+mLVStFbcVe96YIlCdMMlvhnSjRwvDb4kbxCQ7wE9rcK0pIZQvNAAAAAElFTkSuQmCC"), pointer !important;
}

:-moz-any-link[href$=".zip"], :-moz-any-link[href$=".lzh"], :-moz-any-link[href$=".7z"], :-moz-any-link[href$=".rar"], :-moz-any-link[href$=".cab"], :-moz-any-link[href$=".tgz"], :-moz-any-link[href$=".tar"], :-moz-any-link[href$=".gz"], :-moz-any-link[href$=".tbz"], :-moz-any-link[href$=".bz2"], :-moz-any-link[href$=".dmg"], :-moz-any-link[href$=".sit"], :-moz-any-link[href$=".hqx"]  {
cursor: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABfElEQVR4nO2Xv3XCMBCHv+O5ywTJGnKPClbICqZnAWABerMCrUsK6NEcmYD6UjiA/wiEsYyb/BrZlp/u093p7klmG6Wp/UIUYLZRaU1G1sRnXFVR1SvIWwHerX+AIMB+ITpkLiShH1RL2yI3iJinIwjwCCYGyMs5EOuYJtVFuu5IVRER7eOJ5LIQ1ONc/d58jqlaCJ41EhNmMtuoiAxe8u8DQBn7sSBap2CoWAcBxvJCr14gIr2LUQ1gDC+M3g1bveDPCxpKRhEhzwHqxWt37haSTs2oqjyHLFNgy3r9w3L5WU5sRbtA3AV4lAt5DsZkODenKL6w1iJiOZ0yjMnA+ZuUD8wLEM5sUWMyAIqiYDqdAiVUdbzJ4ZxjnrYb18shuCwMcDwea+93fvOq9ymw1mKt5XA4+I06wAwMsFqtsNbWJ0zF+JAeuOz86oHmzt/hgerY2vkoHnjSeH8A1/BAR+MA4rsdh/T9casDXZSm21aNeakO7M4q8zTObekXbT+v6MUjt/QAAAAASUVORK5CYII="), pointer !important;
}

:-moz-any-link[href*=".2ch.net"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADoUlEQVR4nO2WX2hbVRzHP+ck29ImaVDWTcfGEBe2lcp0GmzY9CGgpTJnKVSHD90YtDBQ0YGMgDAKxSJsTHyYD9mTgg8OM5FqYIKCe2h8KFjErpBNt6JUyOzazbnW5p6fD7c3ubfJmibN9uT3Kefc3znf7/n9jZrMC8uxq1UJwGReVNnHBkNXIhcRRKQo5IEKeND4X0BVAbtaldzPXPBXMxCxuZUqiWhkdVQVsJKYRgipOwcaVaZ+9yW1vkhEUErJWjzhdy4Cb5zd+8t/NxKeEKyWpJFi9GRelFL3veXfE36wY6+UPQPWgh17W4RIAQBV8JG7dLvqy5QzDZ0hVCvOxHZybO+miXX5W20qtgXSY+iZO/AQLN4QfNsjsLmZ3NmrFcUo9ziuR8R0/AnCzBMazRX3zHAXzN2FSBMAOpnBfPASXJ4hdyrrEVJTI1oO09fDptGfUQ6pG73H4eLHxaU+8Q1iLKI9eyR3brwowlMFtSSkGe5Cf5LGB+Ai18kMOpkpkutkpvhNaR9sbSE6sLvoZrX8H9FqwmCSz0FLyLPnEJl3O+Fh7SEGkN9HUFsP2DYn4kwPnH3178hT58ta8aq84CIvvhgw73V6xABYr+3DHIsjE7+Wzg9eJPxDuhfqyAEn1m6SYvyDGj20JOZoAhb/AkJw+it0cyuOX3UgTOhadmUB9/KClXoeffRcad2zBxXbUvLC6/shOA+0oD4d9ySZ58aATV1RwIrDJdUl6KhNHtuGTM+iziQxB5+EjeuQoMGXGis7ZoY6kOwcvpHL9kbQpqhrHIsY2+13/wER5NBxiIQguhFfagzzZjdmqKNEnozDH4uojkhp/9YMUGcfkAuH7eYyFYMrs6jEDm/Wb/4TaMYMJex1sAk9PAqA1Rn1iCsrw2oIL/zW+8gX73yu3/qysoGxZ4H17OPIzTn8V2bLTKwXtqES7eT6M6rmENze8Nj5fxeCE2W8byQwR57GvP8iaD++H6+imkJYB3cCIJTGuP56vHiurhCsL8y0mZMH0IMj9ou6o3AHfN+W5gHaDwGgsB4zn0cHWpGlypLTfeT6MwrqTMJcf0YxM2eTP/MoXLvpIbcS28EUUN9nUa/sg1MvA3YZmrfjTB3+rN2xrTkH3IimuoR0FnPDQve1oQezmI+OwNQ0dO9G7//QY29OJpgauNC+sCHyS0MEOCIkPQ4oCNsR9X133Uu81Ckdt7uxZgFuIQBy6SdAYN6CUAAVb69I7OA/OguKvKSqek4AAAAASUVORK5CYII="), pointer !important;
}

:-moz-any-link[href$=".mpg"], :-moz-any-link[href$=".mpeg"], :-moz-any-link[href$=".wmv"], :-moz-any-link[href$=".avi"], :-moz-any-link[href$=".mp4"], :-moz-any-link[href$=".asf"], :-moz-any-link[href$=".mov"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACO0lEQVR4nO2WMWvbQBTH/yer1LIhFl46FQwhyV6Eqi6dTEuh802lDvkAGfJBPOQDmLgUas5rkzQhU0uwIkShW8nQTxAcvJRItnUZVMuOT9Y5spQsfSA4/Jff/fTe+59E6k2O+TjbIxwA6k1OBDHjUOI255yDcx6BPCjAQ8d/ACnA2R7hec6CKruB83BvQqYQWbpDCpAEkwVI6hnIyqbqbJL7PhHnHIQQvkol1Eki4G6fZ3+fX2cZd1qw7CZZwij1JieE5H7kLwYAwt4/FoTggrx6LQV4rCqs9C4ghKx8GJH5D5LJ90BStFqtaF19sQNFARQOBAQIAqD/c6p/GewkAt7rKJ5EoVBAo9FAu93G4Fd7od7pdIBBci4B4N8sJFZB0zQwxqBpGr5+p4L+/jUDYwyKIu9w6hmglELXK3i+DuHS9QoopSgWn0rzLGxBkiO63S6cix70yhpqG6KuV9bgXPQQBHJLxwLIJrtcOuTmy1dwHRu1LVFXrgkM08LR0WE6AFmUyyW4jg0A2Hgm6lfXgOvYKBWL+QA8UVUYpgXXsXH12469xzAt9M5/5APgD4dRBfY/WYK++9GG69gYLzEDqVzg+0MYZrhxnAuAsALejSfNla4C/rQCcS4Awhm48eUAqSrg+X74hJ6H2haEy/M8GKYF3/OluVJVYDQa4fTkGACwGeOCyz9/cXpyjNF4nA8AALx5+w6MMTjfWKxOKQVj8dpsCG/DZeJD9SD602V/W9A3qwfR+nN/O/FQuwVEjeeATzKaJgAAAABJRU5ErkJggg=="), pointer !important;
}

:-moz-any-link[href$=".mp3"], :-moz-any-link[href$=".mid"], :-moz-any-link[href$=".midi"], :-moz-any-link[href$=".rm"], :-moz-any-link[href$=".wma"], :-moz-any-link[href$=".wav"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACSElEQVR4nO1Wy27TQBQ9t3IkL+IP4B9gwyoqIIUqrdT+SjZRF8giWcwiLoNJo2zyK61UqlJCCCkgxH+wceUsRrKlyyKNseP4VTvthiNFHjvje899nTG1hox1XB4TA0BryBT7s2LsbHLOzGDmgMiDEnho/CeQSeDymHibvaBlbWBe+ib6R6LK6cgkkEamCiL37oGqxlQLGykaETODiLhMJrSVISBa5/Dz9XWViJQgr5Mqyey0hkxEW5f8ZALAsvaPRSI2BduqdSaBx8pCqbOAiEqLEa1/kKy+B7Jgf7DhKg+GXku8ftTeZJIrJMVhuMqD6JlQvoKu6bHr1dUn4JfNWSRiJcjbC4ZeS3SufAWjbqDdaWPft1PTWSoDo76E0nRIIeAoJ0Li1e7L0O4uNwfexqgSm5CIUn8AIISAFAJfZlNIOYq87ygHjnJwdnGeGsjGDKR1dmNhse4riJ4Jsy8hATx7/hSTyecgetGXED0TAGDUjeIEkrDv2/zHvYV8/w6YziGFwNnFOXRNh6u8iHPlq1w2cxNoLCzu3kWF6Tx4PpndYG/vdXBvmp1grWt6pt3cQqTc24jjFaQQy66/m4rxaAzRlxiPxlC+grtwU+3mzsDvJzahWVuO1IkF7L4AgFgJ2p12ZBqyeqCQFDcHHplCAG+7wOwrcH2No4PDyJ7wNOTpg8JnwbzepebAo4DEiRWptWl2cDo4BZCvB2JnQV40FhZLIYJ75auNijibfMPRwSGShOjeShh2ulpvkuVKdWAdP77/LPM6AOAvMkc6axLsBrkAAAAASUVORK5CYII="), pointer !important;
}

:-moz-any-link[href$=".png"], :-moz-any-link[href$=".gif"], :-moz-any-link[href$=".jpeg"], :-moz-any-link[href$=".jpg"], :-moz-any-link[href$=".bmp"]  {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACp0lEQVR4nO2Wz0sVURTHP3fem/yBypMkNJMQaWXlysraSLhpFwTVf+CiTbgxqEVLgzCiRUG7lgUtahdKQT9cVJDZKpKESClJRbPeuzPnnhbvqe+p742OT910YGDuzHDO537Pj7mmZ1BZbUN9RgF6BtWseVlm89YLrqqo6jLIjgLstP0HiAQY6jO6nbWQjPpANRvbmBWIcnZHJEApmHKAxK6BcrVpMt/JZnekqhhjdCtKJJccQWGe85+vvi+nFaRgo0HKCeP1DKoxZttHfnEAyOZ+tyDWdMF25ToSYLdU2NK/wBiz5WFkVh9Ils4DpWzg4fj6zjyPMJ0msWcPw9/bNgS2qVGcb1fOtxWsVSFUCB3cfjxO15EFnXp2n4mmvpIga1IQpxbyg1uBYWlmZNrna+tFTmbulZQzdg0EQbBucCsw0FHJQEclvS0pjNfCudSjohBFAYwxRS8A5xx0ephjHv5xjw/XrzE2A78t7DsAqSY4fKKaU93dfP4yUXQj69ZAdGWPq3NueWVJ0j9/mldPs+sbnXCmGWwaEklldmYWGjapQJSJrAD0pm4xlWhcXve/hckFJVQQBZtLV1kBghzAnKkrCL5k739CICBSuqVjtWGYyRCEjk93xkj4Pq+fNyJVhrq6b8zPtwCw13eELoGLmOyxAJy1BOKob28nELiasIy2XqChapK7D15yNiXsr60gcBBumwLiINd2vZWXqBl/wnRFBZePtvNCRvETHkEALkKCWDUg1hKGDiuQ/DuCt/iGX5lDePMHqVWfNrnJnyA7G0JX2ldsBaw4nMBisouJ+jFsqLmABsEgDnAgEQrEAlhSQHLTz096YMAIqIBz2ctKFqDUaI+ngM3w7uMCEszhnKBO8cTiRFAnqDicCOlgEcSjpqaaH0V8/QMjbmaJsUdefQAAAABJRU5ErkJggg=="), pointer !important;
}

:-moz-any-link[href$=".txt"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABiklEQVR4nO2XO3LCMBCGv83QhQvABUgveihoU6bhAKInB/D4AvTWAdLQUtLQW31oUuILmHpTMLwfAttAwz/jsca2tJ/+XUlj6Y2UQ02HogC9kcrRy4r1diq4qqKqG5CHAjxaL4AgwHQoes9aqIU+UF3FFtlCVLk6ggCXYKoAKVwDVS3T2u4gt85IVRERLeNEbT0Q7Od59/lhu0rtpeDaIFXCvPVGKiJ33/LPA8Aq98+COFoF98p1EOBZLpQ6C0Sk9Ga0B/AMF27ainflXZs0NXjXVgwYA94ZjPV4Z8DAeJkEZ3OUgmtdcD7BuQQAg2Uy+aTV7+O9odXvA/D17oIVXagGBgOPtWAYYJMU7x1RFDH/+cbaZHPPsiw41lkAETl7rWWT9OL9Gp2sgWBl//rKNovCRbhWHMebdrfbpdPpPBYgiqJS/St1AG534eXA0x0o/WMSxzGz2axw/8IO5HkO7DvgvSfPc+bzOQCNRgOWdwD4+zBSr3t1zpFlGYvFAoBms7kNDIyXNnio/AOsk6/QCMxiuQAAAABJRU5ErkJggg=="), pointer !important;
}

:-moz-any-link[href^="ftp:"] {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABxElEQVR4nO2XO3LCMBRF72OomUlJ2jTp5TqV02Ud0LMBWRugt9dBF1cMpbyNUDJDnZmbwvhvY2EbaHIrf2S9o/eTLP6WqCveCAHA31IaLyfWrM04SZDMQR4K8Gj9A/QCxBvhPXNh3jeATG2LFBBTVkcvwDWYKUAG58BUZTovT3LrikhCRDjGE/NsIqAa5/Lz+vWUqoTA1ciUMDN/SxG5e8vvBgDS2D8LolEF94p1L8CzvDBqLxCR0c2o0gkvXuCtYTh9ePkHL3t7E9BNrbguZRVO8GiVhUAAAwBC9UO8vMMJpAHg6gUv8ZAZLoynShSgEtAFYlwOmMv8mfElgSWhEiCJ3CLRGYJrFRFawioLTwGJkdRwTUEA4Jy29sOiO1FbARwyO7eoNJFEQHAsPgkiwJZCaEyxx9RhBidh5n6lieAo0LrsBQEQ5Xdah8Wb2u4pbf8FfYrPQuj0OjCA/lo1xphdF8C64uFBHvAXlNgUEFAhyisGAK2qRskQbRp3Kjb9Q/o0OAf8BSU+ux/JRNbTAmQQcISgXeFzHzaqaxRArqR9dWWJFwGIGqfp0QBvv9nk19XVWwaV4TV9f6xpdq84LLRTL/4DrmzGrC9PddEAAAAASUVORK5CYII="), pointer !important;
}

★検索バーの右側に履歴を出すボタンを表示

#searchbar .autocomplete-history-dropmarker {
display: -moz-box !important;
-moz-binding: url("chrome://global/content/bindings/autocomplete.xml#history-dropmarker");
}

現象：position を使っている要素のすぐ後ろの要素で、背景やボーダーが表示されなくなることがある。

対処方法：「position: relative;」を背景やボーダーがある要素に指定してあげる。

この現象が起きる場所付近をコメントアウトしながら原因を探して、position をコメントアウトするとこの現象が起きないことを確認。
ということで、おそらく原因は position 。
position が関係してるならと position: relative; を背景・ボーダーが消える要素に付けたらキチンと表示されるようになったので OK。

でも具体的に原因がよく分からないからスッキリしない…なんだろな。
CSS バグリストざっと見た限りだと該当しそうなものがないような、後でもう一度確認しよう。

Internet Explorer (Windows) CSSバグリスト

参考にしたのは以下のサイトです。

• Chrome element names and IDs – MozillaZine Knowledge Base
  の一覧表
• 不要なメニューアイテムを非表示（JLP適用済みFirefox用）
  メニューバーの設定（日本語で分かりやすいです）

userChrome.css に直接書いてももちろん OK ですが、
Stylish を使っているならグローバルスタイルの css として保存しておくのも手軽です。
私は Stylish に「Menu Editor – css」という感じの名前で以下の内容を設定しました。

長いので以下、全文表示ページで。

/* メニューバーから各種不要要素を消す */
/* Hide Needless Menus */
#main-menubar menu[label="編集"],
#main-menubar menu[label="履歴"] {
 display:none !important;
}

/* コンテキストメニューから各種不要要素を消す */
/* リンクを新しいウィンドウで開く */
#context-openlink {
display: none !important;
}
/* このリンクをブックマーク */
#context-bookmarklink {
display: none !important;
}
/* このページをブックマーク */
#context-bookmarkpage {
display: none !important;
}
/* 名前を付けてページを保存 */
#context-savepage {
display: none !important;
}
/* 全体・表示部分を画像として保存 */
#SaveVisiblePageImage,
#SaveEntirePageImage {
display: none !important;
}
/* [最近閉じたタブを復元]の上のセパレーター */
#tm-content-undoCloseSep {
display: none !important;
}
/* 最近閉じたタブを復元 */
#tm-content-undoCloseTab {
display: none !important;
}
/* [背景画像を表示]の上のセパレーター */
#context-sep-viewbgimage {
display: none !important;
}
/* 戻る */
#context-back {
display: none !important;
}
/* 進む */
#context-forward {
display: none !important;
}
/* 更新 */
#context-reload {
display: none !important;
}
/* 中止 */
#context-stop {
display: none !important;
}
/* [中止]の下のセパレーター */
#context-sep-stop {
display: none !important;
}
/* リンクを送信、リンクURLをメールで送信、画像をメールで送信 */
#context-sendlink,
#context-sendpage,
#context-sendimage {
display: none !important;
}
/* 全て選択 */
#context-selectall {
display: none !important;
}
/* ソース、インフォ、プロパティ */
#context-viewsource,
#context-viewinfo,
#context-metadata {
display: none !important;
}
/* [プロパティ]の上のセパレーター */
#context-sep-properties {
display: none !important;
}
/* [プロパティ]の下のセパレーター */
#spell-separator {
display: none !important;
}
/* dictionaryを追加 */
#spell-add-dictionaries-main {
display: none !important;
}

参考にさせていただいたサイトの設定をベースに、自分の好みで非表示にする要素を色々追加してあります。
参考サイトの一覧の表に消したい要素が載っていないこともあったので、
そういったものは DOM Inspector で調べて書きました。

コメントにどこの部分を消しているか書いてありますので、参考にしつつ好みで変えると良いかなと思います。
ただ、私が書いた部分は大雑把にコメントを入れてあり、メニュー名も略称で書いています。
例えば「ページのソース」というメニュー名であっても、コメントには「ソース」としか書いてなかったりします。
特に「○○の上 or 下セパレーター」の部分は「大体この辺り」という目安程度です。
その辺りは推測してください。

右クリックメニューが長いと見にくいし重いしでイヤなのですが、これで大分スッキリしました :mrgreen:

ez-HTML

高機能すぎるほど高機能なので、使いこなすには最初に「ん、これどういうもの？どうするの？」
と多少ヘルプを見ないといけないかもしれません。
でも、自分が便利と思う機能だけ使いこなせればいいと思うので、そんなにたくさん学ばなくてはいけないわけでもないし、
なにより便利なので最初のヘルプを見る作業を加味しても十分使ってみる価値ありかも。

基本的には分かりやすく使いやすいソフトだと思います。
寄与歓迎のフリーウェアとなっていますが、下手な製品よりよほど良さそう :D

Dreamweaver のような WYSIWYG ではないのですが、それがまた気にいってます。
WYSIWYG エディタは、時として意図しないコードが勝手に入ったりするのがどうも苦手。
テーブルを作るときなんかは WYSIWYG 最高だと思うんですが、普段は HTML や CSS を手で書くほうが好きです。

ez-HTML の気に入っている特長はこんなかんじ。

• 文字コード・改行コードが多種に対応
• 文字コード:
  JIS / EUC / SJIS / Unicode16LE / Unicode16BE / UTF8 / UTF8N
• 改行コード:
  CR / LF / CRLF
• CSS 編集では、使っている ID や CLASS 名を一覧に表示させることが可能 ( 長くなっても検索を使わずとも探しやすい )
• HTML 編集では、コメント一覧からジャンプ可能
• HTML の仕様と文法を選択可能 ( XHTML 1.0 Transitional や、XHTML 1.1、i-mode HTML ver5.0 等 )
• リンク先の CSS 等も読み込んでのプレビュー可能 ( DW みたいだ )
• タブ ( タブでぱっぱっと見れるの便利だと思っています )

HTML が長くなるとコメントで該当箇所を探すことも多くなり、その際使い勝手よかったです。

CSS の ID や CLASS の一覧。
対応箇所にダブルクリックで飛べます。

そのほか、プレビューやタグ入力支援も充実しており、本当に高機能。

ちなみに、シンプルな汎用エディタとしては、TeraPad が文字コード等の指定種類も多くシンプル＆機能は押させており、おすすめです。
ini ファイルとかペペッと開くには、TeraPad がいいかんじ。なにかテキスト系ファイル開くなら、とりあえず TeraPad で開いてみようか、というかんじ。安心の対応力というか…（笑。

シンプルな HTML エディタなら、Crescent Eve がおすすめ。Eve のほうが、HTML や CSS を書くことに特化してます。
※UTF-8はShift_JISに変換可能な文字にのみ対応　←ここが惜しい！

HTML や XTHML、CSS を大量に作業する場合には、DW や ez-html がファイルの繋がりを見てくれて作業しやすいですが、
単体でページを編集するのでであれば Eve も中々いいです。トリプルクリックで１行選択とか好きですね…そういう痒いとこに手が届く感じが素敵だなと思います。それぞれ、そのうち紹介できたらいいな。