Status-4-EvarをCSSで

2017/11/18
余ってるツールバーを代わりに使います(メニューバーか、ブックマークツールバー)

Status-4-Evarもどき(Firefox57から)

メニューバーVer

:root{
  --addonbar-height: 22px; /* バーの高さ */
}
#main-window:not([inFullscreen]) {
  margin-bottom: var(--addonbar-height) !important;
}
#toolbar-menubar {
  visibility: visible !important;
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  direction: rtl !important;
  height: var(--addonbar-height) !important;
  min-height: var(--addonbar-height) !important;
  max-height: var(--addonbar-height) !important;
  padding: 0 !important;
  border: solid var(--toolbox-border-bottom-color) !important;
  border-width: 1px 0 0 !important;
  -moz-window-dragging: no-drag !important;
}
#toolbar-menubar:-moz-lwtheme {
  background-position: bottom left !important;
  background-image: var(--lwt-header-image) !important;
}
#toolbar-menubar toolbarbutton,
#toolbar-menubar toolbaritem {
  direction: ltr !important;
  height: var(--addonbar-height) !important;
}
#toolbar-menubar toolbarbutton:not(.bookmark-item) > .toolbarbutton-icon,
#toolbar-menubar toolbarbutton > .toolbarbutton-badge-stack {
  padding: 0px var(--toolbarbutton-inner-padding) !important;
}
#toolbar-menubar #menubar-items {
  display: none !important;
}
#main-window:not([inFullscreen]) statuspanel {
  position: fixed !important;
  bottom: 0 !important;
  left: 0px !important;
  max-width: 80% !important;
}
#main-window:not([inFullscreen]) .statuspanel-inner {
  -moz-box-align: center !important;
  height: var(--addonbar-height) !important;
}
#main-window:not([inFullscreen]) .statuspanel-label {
  background: transparent !important;
  border: none !important;
  color: #000 !important;
}
#main-window:not([inFullscreen]) statuspanel:-moz-lwtheme-brighttext .statuspanel-label {
  color: white !important;
}
#main-window:not([inFullscreen]) .statuspanel-label[mirror] {
  margin-left: unset !important;
}

ブックマークツールバーVer

:root{
  --addonbar-height: 22px; /* バーの高さ */
}
#main-window:not([inFullscreen]) {
  margin-bottom: var(--addonbar-height) !important;
}
#PersonalToolbar {
  visibility: visible !important;
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  direction: rtl !important;
  height: var(--addonbar-height) !important;
  min-height: var(--addonbar-height) !important;
  max-height: var(--addonbar-height) !important;
  padding: 0 !important;
  border: solid var(--toolbox-border-bottom-color) !important;
  border-width: 1px 0 0 !important;
  -moz-window-dragging: no-drag !important;
}
#PersonalToolbar:-moz-lwtheme {
  background-position: bottom left !important;
  background-image: var(--lwt-header-image) !important;
}
#PersonalToolbar toolbarbutton,
#PersonalToolbar toolbaritem {
  direction: ltr !important;
  height: var(--addonbar-height) !important;
}
#main-window:not([inFullscreen]) statuspanel {
  position: fixed !important;
  bottom: 0 !important;
  left: 0px !important;
  max-width: 80% !important;
}
#main-window:not([inFullscreen]) .statuspanel-inner {
  -moz-box-align: center !important;
  height: var(--addonbar-height) !important;
}
#main-window:not([inFullscreen]) .statuspanel-label {
  background: transparent !important;
  border: none !important;
  color: #000 !important;
}
#main-window:not([inFullscreen]) statuspanel:-moz-lwtheme-brighttext .statuspanel-label {
  color: #fff !important;
}
#main-window:not([inFullscreen]) .statuspanel-label[mirror] {
  margin-left: unset !important;
}

更新履歴

2017-12-10
強制表示とテーマによってはステータスが見えなかったので
2017-11-19
ボタンが潰れてた
2017-11-18
Firefox57でS4Eが死んでたので
2013-11-01
25で色々変わったから直した
2012-09-04
2011-11-28
公開

プロフィール

豆腐

Author:豆腐

最新記事

最新コメント

カテゴリ

月別アーカイブ

FC2カウンター

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