スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Firefox 29 タブ・ツールバーの高さを変える


Firefox29 のタブ・ツールバーが、がっかりするくらいでかいので
ユーザースタイルシートを使って小さくします。


■ スタイル適用前

  cafx01s.png

■ スタイル適用後

  cafx02ds.png
  

※ タイトルバー・メニューバーは非表示で使用してください。
※ 適当な感じでやってるので修正の可能性大です。[最終修正日:5/22]
自分環境用なので数値は適当に変えてください。
※ もっといじくりたい方は ブラウザの中にブラウザを開きFirebug調査 してください。




■ タブ・ツールバーの高さを小さくするスタイル(Stylishにコピペして使ってください)
  
/* タブ位置・高さ */
/* #titlebar {height: 0px !important;} */
/* 最大化時 */
#main-window[sizemode="maximized"] #toolbar-menubar {
margin-bottom: 6px !important;
}
#main-window:not([sizemode="maximized"]) #toolbar-menubar {
margin-bottom: -15px !important;
}
#navigator-toolbox {
margin-top: -6px !important;
}

/* 全画面表示時 */
#main-window[inFullscreen="true"] > #tab-view-deck > #browser-panel > #navigator-toolbox {
margin-top: 0px !important;
}
/* 全画面時 バーが隠れてくれないので(不具合ある場合削除) */
#main-window[inFullscreen="true"] > #tab-view-deck > #browser-panel > #navigator-toolbox {
min-height: 1px !important;
height: 1px !important;
}
#main-window[inFullscreen="true"] > #tab-view-deck > #browser-panel > #navigator-toolbox:hover {
height: 54px !important;
}
/* #fullscr-toggler {height: 0px !important;} */

/* タブバー */
#TabsToolbar.toolbar-primary > #tabbrowser-tabs.tabbrowser-tabs {
min-height: 27px !important;
height: 27px !important;
}
#TabsToolbar {
margin-left: -7px !important;
}

/* ツールバー */
#nav-bar {
height: 27px !important;
}
#urlbar {
min-height: 24px !important;
height: 24px !important;
margin-top: 0px !important;
margin-right: 0px !important;
padding-top: 1px !important;
}

/* ロケーションバー内 */
#identity-box {
min-height: 20px !important;
height: 20px !important;
margin-top: -2px !important;
}

/* ------------------------------------------------------ */
/* アイコンスペース */
/* ツールバーボタン */
#nav-bar .toolbarbutton-1:not([type=menu-button]),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin: -1px 0px 0px 0px !important;
}

#nav-bar :-moz-any(
#back-button,
#forward-button,
#home-button,
#print-button,
#downloads-button,
#bookmarks-menu-button,
#new-tab-button,
#new-window-button,
#fullscreen-button,
#sync-button,
#feed-button,
#tabview-button,
#webrtc-status-button,
#social-share-button,
#open-file-button,
#find-button,
#developer-button,
#preferences-button,
#privatebrowsing-button,
#save-page-button,
#switch-to-metro-button,
#add-ons-button,
#history-panelmenu,
#nav-bar-overflow-button,
#PanelUI-menu-button,
#characterencoding-button,
#email-link-button,
#sidebar-button,
#zoom-out-button,
#zoom-reset-button,
#zoom-in-button,
#cut-button,
#copy-button,
#paste-button),
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
padding-left: 2px !important;
padding-right: 2px !important;
}

/* ツールメニューボタン(右端の 三 ボタン) */
#PanelUI-menu-button.toolbarbutton-1 {
padding-top: 2px !important;
padding-bottom: 2px !important;
padding-left: 4px !important;
}

/* メニュータイプボタン */
#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button
):not(#social-provider-button):not(#PanelUI-menu-button) {
padding-left: 2px !important;
padding-right: 2px !important;
}
/* メニュータイプボタン内 */
#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button
):not(#social-provider-button):not(#PanelUI-menu-button) > .toolbarbutton-icon {
padding-left: 4px !important;
padding-right: 4px !important;
}

/* アイコン内スペース */
#nav-bar .toolbarbutton-1:not(:-moz-any(#back-button,#forward-button)) > .toolbarbutton-icon {
padding-left: 3px !important;
padding-right: 3px !important;
}

/* メニューボタン(ブックマーク) */
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
padding-left: 3px !important;
padding-right: 3px !important;
}
/* ドロップダウンボタン(ブックマークメニュー) */
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
padding-left: 3px !important;
padding-right: 3px !important;
}

/* テキストタイプボタン */
#nav-bar .toolbarbutton-1 > .toolbarbutton-text {
margin: 0px 0px 0px 0px !important;
padding: 1px 2px 1px 2px !important;
min-height: 24px !important;
height: 24px !important;
}

/* セパレーター */
/* #nav-bar-customization-target.customization-target toolbarseparator {
margin-left: 0px !important;
margin-right: -1px !important;
} */

/* ??? */
/* #nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container {
padding-left: 2px !important;
padding-right: 2px !important;
} */

/* ------------------------------------------------------ */
/* 戻るボタン */
#back-button.toolbarbutton-1 {
padding: 0px 0px 0px 4px !important;
margin-top: -2px !important;
margin-bottom: -2px !important;
}
#back-button > .toolbarbutton-icon {
padding: 4px 5px 4px 4px !important;
/* border-radius: 2px !important; *//* 四角ボタン */
/* padding: 2px 3px 2px 3px !important; *//* 四角ボタン */
}

/* 進むボタン */
#forward-button.toolbarbutton-1 {
padding: 0px 0px 0px 0px !important;
margin-right: 0px !important;
}
#forward-button > .toolbarbutton-icon {
padding-right: 2px !important;
}




■ 旧・タブ・ツールバーの高さを小さくするスタイル [最終修正日:5/19]
  



関連記事
プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。