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

Stylishも常用しなくていい気がする。

StylishもuserChrome.cssとuserContent.cssで代用できるし常用は要らない気がする。普段はオフでCSSを頻繁に書き換えテストしたいときだけDOM Inspectorと一緒にオンにすればいいと思った。

というわけで、Stylishは無効にした。

常用していたユーザースタイルシートはuserChrome.cssに統一した。一つ前の記事に添付したSSみたいになる。userContent.cssは秘密。

==userChrome.css==
@charset "utf-8";
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul){
/* AddON ---------------------------------------------------------------------------------------- */
/* 右クリックメニューにAdblockPlusに追加を表示しない */
menuseparator[id="Adblock"],menuitem[label^="Adblock"]{display: none !important;}
/* All-in-One SidebarのトグルボタンにAeroを適用する */
#aios-toggle-button:hover{
-moz-appearance:none!important;
background-color:rgba(233,233,0,1)!important;
border:2px rgba(213,213,0,1) solid!important;
}
#aios-toggle-toolbox,#aios-toggle-toolbar,#aios-toggle-button{
-moz-appearance:-moz-win-glass!important;
background-color:transparent!important;
border:none!important;
width:6px!important;
}
/* Findbar,Addonbarを上に ------------------------------------------------------------------------ */
#browser-bottombox{-moz-box-ordinal-group:2!important;}
#browser {-moz-box-ordinal-group:3!important;}
#addon-bar {-moz-box-ordinal-group:1!important;}
#findtoolbar {-moz-box-ordinal-group:2!important;}
/* メインウィンドウいろいろ ---------------------------------------------------------------------- */
/* blankページの背景色 */
#main-window:not([onclose^="PrintUtils"]) #content browser:not([src]){
background-color:ActiveBorder!important;
}
/* タイトルバー・メインウィンドウにAero適用 */
#TabsToolbar,#PersonalToolbar{
-moz-appearance:-moz-win-glass!important;
}
#main-window[inFullscreen="true"]{
-moz-appearance:-moz-win-borderless-glass!important;
background:none!important;
}
/* サイドパネルでペルソナの画像が途切れないようにする */
#main-window{
background-repeat:repeat!important;
}
/* タブバーの下の境界線を目立たなくする */
#navigator-toolbox::after{
background:transparent!important;
height:1px!important;
border:none!important;
}
/* ブラウザの境界線を表示しない */
#browser-topbox,#browser-bottombox{
border:none!important;
}
.sidebar-placesTree,#browser-border-start,#browser-border-end{
display:none!important;
}
#appcontent{
-moz-appearance:none!important;
}
#sidebar-splitter{
background-color:transparent!important;
border:none!important;
}
/* IME-MODE -------------------------------------------------------------------------------------- */
/* URLバーでIMEをオフ、検索とサーチバーでオン*/
#urlbar *|input{
ime-mode:inactive!important;
}
/*
#searchbar *|input,findbar *|input{
ime-mode:active!important;
}
*/
/* Fx button ------------------------------------------------------------------------------------ */
/* Firefoxボタンを16x16のFirefoxアイコンにする */
#appmenu-button .button-menu-dropmarker,#appmenu-button .button-text{display:none!important;}
#main-window[tabsontop=true][sizemode="maximized"] #appmenu-button-container{margin-bottom:-2px!important;}
#main-window[chromemargin] #appmenu-button{
background:transparent no-repeat right bottom url("chrome://branding/content/icon16.png")!important;
border:none!important;
min-width:16px!important;
max-width:16px!important;
min-height:20px!important;
max-height:20px!important;
padding:0!important;
margin:0 0 0 5px!important;
box-shadow:none!important;
}

/* ロケーションバーや検索バー -------------------------------------------------------------------- */
/* URLバー、サーチバー、オートコンプリートのフォントを変更 */
#urlbar,.searchbar-textbox,#FindToolbar,#mainPopupSet,#PopupAutoCompleteRichResult{
font-family:'Marugo-AA-SR'!important;
font-size:13px!important;
background:-moz-linear-gradient(rgba(232,232,232,0.66),rgba(256,256,256,0.9235))!important;
box-shadow:2px 2px 2px rgba(30,20,50,0.47) inset;
}
/* 検索バーを縦に細く */
#FindToolbar{
height:27px!important;
padding:0!important;
margin:-1px 0 0 0!important;
border-top:none!important;
border-bottom:1px solid #202d31!important;
width:100%!important;
}
/* 検索バーのラベルを非表示 */
.findbar-closebutton+label{
display:none!important;
}
/* 検索バーのアイコンテキストを非表示
.findbar-find-next.tabbable>.toolbarbutton-text
,.findbar-find-previous.tabbable>.toolbarbutton-text
,.findbar-highlight.tabbable>.toolbarbutton-text
,.findbar-find-fast.find-status-icon
,.findbar-find-fast.findbar-find-status
,.findbar-container>checkbox>hbox{
display:none!important;
}
/*
/*大文字/小文字の区別のチェックボックスを削除
#FindToolbar checkbox{display:none;}
*/
/* オートコンプリートのテキスト */
.ac{background-color:#e8efe2!important;}
.ac-comment{font-size:1em!important;color:#444444!important;}
.ac-url-text{font-size:1em!important;color:#000077!important;}
.ac-comment[selected="true"]{ color:#FFFFFF!important;}
.ac-url-text[selected="true"]{ color:#FFFFFF!important;}

/* タブとナビゲーションバーを細く --------------------------------------------------------------- */
/* Aero表示時のタブ一体化型タイトルバーの細さ */
window[sizemode="maximized"] #tabbrowser-tabs{
margin-top:2px!important;
}
window[sizemode="normal"] #tabbrowser-tabs{
margin-top:2px!important;
}
/* Classic表示時のタブ一体化型タイトルバーの細さ
window[sizemode="maximized"] #tabbrowser-tabs{
margin-top:-2px!important;
}
window[sizemode="normal"] #tabbrowser-tabs{
margin-top:-2px!important;
}
*/
/* 非選択タブのテキスト */
.tab-text:not([selected="true"]){
/* Classic
color:rgba(256,256,256,0.91)!important;
*/
color:rgba(36,36,46,0.8)!important;
}
/* 選択タブのテキスト */
.tabbrowser-tab[selected]{
font-weight:normal!important;
text-shadow:#787878 1px 1px 4px!important;
}
.tab-text.tab-label{
margin-top:-2px!important;
}
.tab-icon-image{
margin-top:-1px!important;
}
/* ナビゲーションバーを細く */
#nav-bar{
height:21px!important;
max-height:21px!important;
min-height:21px!important;
padding:1px 0 0 0!important;
margin:0!important;
}
/* URLバーの本体を細く */
#urlbar-container{
height:25px!important;
max-height:25px!important;
min-height:25px!important;
margin-top:-2px!important;
}
/* URLバー、サーチバー入力欄の角を丸く */
textbox#urlbar,textbox.searchbar-textbox{
border-radius:8px!Important;
border-top:0!important;
border-bottom:0!important;
border-left:1px solid #888!important;
border-right:1px solid #a0a0a0!important;
}
/* サーチバーの入力欄を細く */
textbox.searchbar-textbox{
height:21px!important;
max-height:21px!important;
min-height:21px!important;
margin-top:-1px!important;
}
/* URLバー、サーチバー入力欄にフォーカスがあるとき、色を変える */
textbox[focused="true"]#urlbar
,textbox[focused="true"].searchbar-textbox{
background:-moz-linear-gradient(rgba(256,256,256,0.66),rgba(256,256,256,0.98))!important;
box-shadow:2px 2px 2px rgba(0,0,50,0.38) inset;
border-left:1px solid #8a8a8a!important;
}
/* ナビゲーションバーに配置したボタン、ブックマークツールバーの項目の位置を調整する */
#nav-bar .toolbarbutton-1
,#PlacesToolbarItems{
margin-top:-4px!important;
padding:0!important;
}
/* [▼] */
#PlacesChevron
,#nav-bar>#personal-bookmarks>.toolbarbutton-menu-dropmarker
,#nav-bar>#abp-toolbarbutton>.toolbarbutton-menu-dropmarker
/* ,#nav-bar>#dta-button>.toolbarbutton-menubutton-dropmarker */
/* ,.urlbar-history-dropmarker */
{
display:none!important;
}

}
/* ブックマークパネル、履歴パネルの背景を色分け ------------------------------------------------- */
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul){
#search-box *|input{
ime-mode:inactive!important;
}
#bookmarks-view{
background-repeat:no-repeat;
background-position:right bottom;
}
treechildren{
background-color:transparent;
}
treechildren:-moz-tree-row(odd){
background-color:rgba(256,256,256,0);
}
treechildren:-moz-tree-row(even){
background-color:rgba(256,256,256,0.3);
}
}

@-moz-document url(chrome://browser/content/history/history-panel.xul){
#search-box *|input{
ime-mode:inactive!important;
}
#historyTree{
background-image:url(file:///C:/Program%20Files%20%28x86%29/Mozilla%20FirefoxBeta/chrome/icons/default/firefox_jr_trans.png)!important;
background-repeat:no-repeat;
background-position:right bottom;
}
treechildren{
background-color:transparent;
}
treechildren:-moz-tree-row(odd){
background-color:rgba(256,256,256,0);
}
treechildren:-moz-tree-row(even){
background-color:rgba(256,256,256,0.3);
}
}