myUserChrome.css

myUserChrome.css

@charset "UTF-8";
/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 1 !important;
  box-shadow: none !important;
}
#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { /* tab bar */
  -moz-box-ordinal-group: 3 !important;
  padding-top: 0 !important;
}

/* Clean up spacing */
.titlebar-placeholder {
  display: none !important;
}
toolbarbutton.bookmark-item {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* サイドバーのアイコンのサイズ */
#sidebar-icon{
	height: 12px !important;
}
/* サイドバーのアイコンのタイトル */
#sidebar-title{
	font-size: 12px !important;
}
/* フォルダを無理やり消す(上に2つある想定) */
#bookmarks-view treechildren{
	margin-top: -55px;
	margin-left: -18px;
}

/* ブックマークフォルダアイコン透明化 */
:-moz-any(
#bookmarks-view, 
#editBMPanel_folderTree, 
#placesList, 
#placeContent) treechildren::-moz-tree-image(container){
  fill: transparent !important; /* slightly muted gold */
}

/* 重なってる要素を無理やり隠す */
#sidebar-search-container {
	position: relative;
  background-color: white;
}

/* 以下タブのサイズ */
.tabbrowser-tab {
	width: 120px !important;
  height: 28px !important;
  min-width: 20px !important;
	-moz-box-flex: 0 !important;
}

#tabbrowser-tabs {
	--tab-min-height: 28px;
  --tab-min-width: 20px;
}

/* ナビゲーションバーの色 */
#nav-bar{
  background-color: transparent !important;
  color: white !important;
}

/* 以下タブの色 */
#back-button > .toolbarbutton-icon{
  background-color: transparent !important;
}

/* 非選択タブ かつ 読み込み待ちタブ */
.tabbrowser-tab[pending="true"]:not([selected]) {
  background-color: rgba(0,0,0,0.5) !important;
  color: #CC0 !important;
}

/* 非選択タブ */
.tabbrowser-tab:not([selected]):not([pending="true"]) {
  background-color: rgba(0,0,0,0.5) !important;
  color: #FEFEFE !important;
}

/* 選択タブ */
:root:-moz-lwtheme{
  --toolbar-bgcolor: transparent !important;
}

.tabbrowser-tab[selected] {
  background-color: rgba(200,170,85,0.3) !important;
   color: #FEFEFE !important;    
}

#tabbrowser-tabs:-moz-lwtheme{
  --tab-line-color: transparent !important;
}

/* 移動タブ(https://www.userchrome.org/what-is-userchrome-css.html) */
#TabsToolbar[movingtab] {
  padding-bottom: 0 !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#TabsToolbar[movingtab] + #nav-bar {
  margin-top: 0 !important;
}