@charset "utf-8";
/* タブバーをツールバーの下に表示
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/tabs_on_bottom_v2.css */
@import "userChrome_tabs_on_bottom.css";
/* 変数 */
:root {
--shima-bd-color : #0f649f; /* 枠線の色 */
--shima-sp-color : #9ea4a8; /* 境界線の色 */
--shima-bk-color : #f0f0f0; /* ページ内検索バーの背景色 */
--shima-bk-opacity : 0.75; /* タブ背景の不透明度 */
}
/* UIのフォントサイズ
※タブグループ編集画面の色ラベル文字が設定された上でサイズ「0」指定されているため、これを除外
※コンテンツ内のoptionタグとtitle属性にもこの設定が反映される */
*:not(.tab-group-editor-swatch) {
font-size : 9pt !important;
}
/* 操作域と閲覧域の境界線 */
#navigator-toolbox {
border-bottom : 1px solid var(--shima-sp-color) !important;
}
/* ツールバー内の配置調整 */
#nav-bar {
padding : 2px 3px 5px 3px !important;
}
/* ツールバーのボタンの間隔を狭く */
#nav-bar toolbarbutton {
padding-inline : 0px !important;
}
/* アドレスバーの高さ */
:root {
--urlbar-min-height : 26px !important;
}
/* アドレスバーの枠線 */
#urlbar-background {
border : 1px solid var(--shima-bd-color) !important;
box-shadow : none !important;
}
:root {
--toolbar-field-focus-border-color : var(--shima-bd-color) !important;
}
/* アドレスバーにフォーカスしたときは英数字入力モードに */
#urlbar *|input {
ime-mode : inactive !important;
}
/* タブの高さ */
:root {
--tab-min-height : 28px !important;
--tab-block-margin : 0px !important;
}
/* タブを四角に */
.tab-background {
border-radius : 0px !important;
box-shadow : none !important;
}
/* タブグループのラベルを四角に */
.tab-group-label {
border-radius : 0px !important;
}
/* タブグループラインの位置を調整 */
:root {
--tab-group-line-toolbar-border-distance : 0px !important;
}
/* タブの枠線（垂直タブにした時に見苦しいので、あえて除外条件付与）*/
#TabsToolbar:not([position="side"]) .tabbrowser-tab {
padding-inline : 0px !important;
border-top : 1px solid var(--shima-bd-color) !important;
&:not(tab-group[collapsed] > .tabbrowser-tab) {
border-right : 1px solid var(--shima-bd-color) !important;
}
&:is(tab-group[collapsed] + .tabbrowser-tab,
tab-group:not([collapsed]) > .tabbrowser-tab:first-of-type) {
border-left : 1px solid var(--shima-bd-color) !important;
}
#tabbrowser-tabs[movingtab] &:is(:active, [multiselected]) {
border-left : 1px solid var(--shima-bd-color) !important;
}
}
/* アクティブタブの強調枠線を非表示、背景色を明るく */
.tab-background:is([selected], [multiselected]) {
outline : none !important;
background : #ffffff !important;
opacity : var(--shima-bk-opacity) !important;
}
/* タブグループの折畳・展開時のアニメーションを無効化 */
tab-group > .tabbrowser-tab {
transition : none !important;
}
/* プライベートウィンドウのタブバーの「プライベートブラウジング」文字を非表示 */
.private-browsing-indicator-with-label > label {
display : none !important;
}
/* ピン留めタブと通常タブの間の空白を排除 */
.tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
margin-left : 0px !important;
}
/* ピン留めタブ以外のタブのアイコンを非表示、ただし再生・消音中のピン留めアイコンは非表示 */
.tabbrowser-tab:not([pinned]) .tab-icon-image,
.tabbrowser-tab[pinned]:is([soundplaying], [muted]) .tab-icon-image {
display : none !important;
}
/* ピン留めタブのスピーカーアイコンを大きく表示、背景を透過 */
.tab-icon-overlay[pinned]:is([soundplaying], [muted]) {
position : unset !important;
scale : 1.2 !important;
background-image : none !important;
background-color : transparent !important;
}
/* 通常タブのスピーカーアイコンのサイズと位置を調整 */
.tab-audio-button {
--icon-size-default : 13px !important;
margin-left : -6px !important;
}
/* マウスオーバー時に「閉じる」ボタンを表示 */
.tabbrowser-tab:not(:hover) .tab-close-button {
display : none !important;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
display : block !important;
}
/* スロバーのアイコンを変更 */
.tab-throbber[busy] {
background-image : url("tabthrobber_classic_loading.png") !important;
}
/* 拡張機能リストのアイコンを小さく */
#unified-extensions-view {
--uei-icon-size : 16px !important;
}
/* ドロップダウン・コンテキストメニューの行間を狭く
※コンテンツ内のselectタグにも影響があるため「.in-menulist」を除外 */
:root {
--arrowpanel-menuitem-padding-block : 4px !important;
}
menupopup:not(.in-menulist) > menu:not(.bookmark-item),
menupopup:not(.in-menulist) > menuitem:not(.bookmark-item, menuitem.unified-nav-forward, menuitem.unified-nav-back) {
padding-block : 3px !important;
}
.bookmark-item, menuitem.unified-nav-forward, menuitem.unified-nav-back {
padding-block : 1.6px !important;
min-height : 0px !important;
}
.unified-extensions-item-menu-button.subviewbutton {
padding : 0px !important;
}
/* ブラウジングライブラリー画面とサイドバーの行間を狭く */
treechildren::-moz-tree-row {
min-height : 18px !important;
}
/* サイドバーの検索ボックスを非表示 */
#sidebar-search-container {
visibility : collapse !important;
}
/* ページ内検索バーを上に移動、背景を無地に */
findbar {
order : -1 !important;
border-top : none !important;
background : var(--shima-bk-color) !important;
}
/* ページ内検索バーの「閉じる」ボタンを左端に移動 */
.findbar-closebutton {
order : -1 !important;
}
/* ページ内検索バーの入力欄の枠線 */
.findbar-textbox:not(focus) {
border : 1px solid var(--shima-bd-color) !important;
}
.findbar-textbox:focus {
outline : none !important;
border : 2px solid var(--shima-bd-color) !important;
box-shadow : none !important;
}
/* フォーカス時の強調点線枠を非表示（ブラウジングライブラリー画面、サイドバーなど）*/
:root {
--default-focusring-width : 0px !important;
}
/* ブラウジングライブラリー画面の検索ボックスの、フォーカス時の影を非表示 */
:root {
--organizer-toolbar-field-focus-box-shadow : none !important;
}
/* タブグループ編集画面入力欄、アドレスバー、ページ内検索バーの案内文字列を非表示 */
#tab-group-name::placeholder,
#urlbar-input::placeholder,
.findbar-textbox::placeholder {
color : transparent !important;
}
/* コンテキストメニューの（アドオンの）アイコンをモノクロ表示 */
#contentAreaContextMenu > :is(menuitem, menu) > .menu-icon {
filter : grayscale(100%) !important;
}
/* コンテキストメニューにアイコン領域を確保（アドオンのアイコン表示にあわせるため）*/
#contentAreaContextMenu > menu:not([icon], .menu-iconic),
#contentAreaContextMenu > menuitem:not([checked], [icon], .menuitem-iconic) {
padding-left : 36px !important;
}
/* 履歴ボタンのドロップダウンメニューの「履歴を管理」を最上位に移動、他配置微調整 */
#nav-bar #PanelUI-historyMore {
order : 1 !important;
margin : 8px 9px -1px 11px !important;
}
#nav-bar #PanelUI-history > .panel-subview-body + toolbarseparator {
order : 2 !important;
}
#nav-bar #PanelUI-history > .panel-subview-body {
order : 3 !important;
margin : -6px 0px 8px 3px !important;
overflow-y : hidden !important;
}
/* ドロップダウン・コンテキストメニューの以下を非表示 */
/* タブバー */
#toolbar-context-reloadSelectedTab, /* 選択したタブを再読み込み */
#toolbar-context-bookmarkSelectedTab, /* 選択したタブをブックマーク */
#toolbar-context-selectAllTabs, /* すべてのタブを選択 */
/* タブ */
#context_reloadTab, /* タブを再読み込み */
#context_moveTabOptions, /* タブを移動 */
.share-tab-url-item, /* 共有 */
#context_selectAllTabs, /* すべてのタブを選択 */
#context_closeTabOptions, /* 複数のタブを閉じる */
#sidebarRevampSeparator, /* セパレータ */
#toolbar-context-toggle-vertical-tabs, /* 垂直タブをオンにする */
/* アプリケーションメニュー */
#appMenu-bookmarks-button, /* ブックマーク */
#appMenu-history-button, /* 履歴 */
#appMenu-downloads-button, /* ダウンロード */
#appMenu-passwords-button, /* パスワード */
#appMenu-zoom-controls, /* ズーム */
#appmenu-developer-tools, /* ブラウザーツール */
#appMenu_helpSwitchDevice, /* 新しい端末に切り替え */
/* コンテンツエリア */
#context-video-fullscreen, /* 全画面表示 */
#context-sendimage, /* 画像のURLをメールで送信 */
#context-sendvideo, /* 動画のURLをメールで送信 */
#context-print-selection, /* 選択した部分を印刷 */
#context-printframe, /* フレームを印刷 */
#context-printframe + menuseparator, /* セパレータ */
menuitem[label="クイズを出す"] , /* ChatGPTのサブメニュー */
/* 履歴ボタン */
#appMenuSearchHistory, /* 履歴を検索 */
#panelMenu_recentHistory, /* 最近の履歴 */
/* ブックマークボタン */
#BMB_viewBookmarksSidebar, /* ブックマークサイドバーを表示 */
#BMB_searchBookmarks, /* ブックマークを検索 */
menuseparator.hide-if-empty-places-result, /* セパレータ */
#BMB_bookmarksShowAll, /* ブックマークを管理（最下部） */
.bookmarks-actions-menuseparator, /* セパレータ */
.openintabs-menuitem, /* タブですべて開く */
/* タブの一覧表示ボタン */
#allTabsMenu-searchTabs, /* タブを検索 */
#allTabsMenu-closeDuplicateTabs, /* 全ての重複タブを閉じる */
#allTabsMenu-containerTabsButton + toolbarseparator, /* セパレータ */
/* */
shima_dmy {
display : none !important;
}