アドオン「Stylish」のユーザースタイル

Stylish :: Add-ons for Firefox

低スペック小型ノートPCゆえ、ページスクロール量削減を主たる目的としている。

browserui

タブバーを変更する。Syntax Error | FirefoxがChrome色に染まった日の内容。

/* http://syntaxerror445.blog21.fc2.com/blog-entry-110.html
 Syntax Error | FirefoxがChrome色に染まった日: 2014 May 02
*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/*------------------------------------------------
Clear.
------------------------------------------------*/
#TabsToolbar .tab-background {
  margin: 0 !important;
  background: transparent !important;
}
#TabsToolbar .tabbrowser-tab:after,
#TabsToolbar .tabbrowser-tab:before,
#TabsToolbar .tab-background-start,
#TabsToolbar .tab-background-end {
  display: none !important;
}
#TabsToolbar .tabbrowser-tab[selected] .tab-background-middle[selected=true] {
  background: transparent !important;
}
#TabsToolbar:not(:-moz-lwtheme)::after{
  display:none !important;
}
#TabsToolbar:not(:-moz-lwtheme) > .titlebar-placeholder{
  margin-left: 0 !important;
}
/*------------------------------------------------
Parent.
------------------------------------------------*/
#TabsToolbar {
  margin: 2px 0 -1px 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
}
#TabsToolbar .arrowscrollbox-scrollbox {
  padding: 0 6px !important;
}
#TabsToolbar .tabbrowser-tabs {
  height: 21px !important;
  min-height: 21px !important;
  text-align: center !important;
}
/* When the window size is maximum */
#main-window[sizemode="maximized"] #TabsToolbar .tabbrowser-tabs {
  height: 18px !important;
  min-height: 18px !important;
}
/*------------------------------------------------
Tabs.
------------------------------------------------*/
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabs-newtab-button {
  background: #EAEAE3 !important;
  background-clip: padding-box !important;
  -moz-border-top-colors: none !important;
  -moz-border-left-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-bottom-colors: none !important;
  border-style: solid !important;
  border-color: rgba(0,0,0,0.2) !important;
  border-width: 1px 1px 0 1px !important;
  border-radius: 3px 3px 0 0 !important;
}
#TabsToolbar .tabbrowser-tab[fadein]:not([pinned]) {
  width: auto !important;
  min-width: 40px !important;
  max-width: 256px !important;
}
/* New tab */
#TabsToolbar .tabs-newtab-button {
  width: auto !important;
  margin: 2px 0 !important;
  padding: 0 5px !important;
  opacity: 0.4 !important;
}
/* Selected tab */
#TabsToolbar .tabbrowser-tab[selected] {
  /* none */
}
#TabsToolbar .tabbrowser-tab:not([selected=true]) {
  opacity: 0.4 !important;
}
/* Hovered tab */
#TabsToolbar .tabbrowser-tab:hover:not([selected=true]),
#TabsToolbar .tabs-newtab-button:hover:not([selected=true]) {
  opacity: 0.6 !important;
}
/*------------------------------------------------
Contents in tab.
------------------------------------------------*/
#TabsToolbar .tab-throbber,
#TabsToolbar .tab-label,
#TabsToolbar .tab-close-button,
#TabsToolbar .tab-icon-image {
  margin: -2px 0 -3px 0 ;
}
#TabsToolbar .tab-text {
  margin: -2px 0 -1px 1px !important;
  text-shadow: 1px 1px 0 #FEFEFE !important;
}
/*
#TabsToolbar .tab-throbber {
list-style-image: url("chrome://browser/skin/places/searching_16.png") !important;
}
*/ 

GyaO!の広告を隠す

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gyao.yahoo.co.jp") {
  /* カテゴリーページ右 */
  #lrec{
    display: none;
  }
  /* 注目の情報 */
  #adsqm-sub-module{
    display: none;
  }
  /* Yahoo Adsense */
  div[id^="yads"]{
    display: none;
  }
}

Togetterの広告を隠す

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("togetter.com") {
  .ad_custom /* まとめリストに挿入される広告を隠す */
  , .ad_rectangle /* 右の柱に挿入される広告を隠す */
  {
    display: none;
  }

}

Togetterの小さいモニター向け表示調整

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("togetter.com") {
  /* 上部メニューバー追従阻止 */
  #fixed_header > div.fixed{
    position: relative;
  }
  /* 追従するツイートボタン他を非表示 */
  #social_floating_box{
    display: none;
  }
  /* 注目のまとめ非表示 */
  .topics_box{
    display: none;
  }
  /* フッター非表示 */
  #footer {
    display: none;
  }
  /* 右バー非表示 */
  .right {
    display: none;
  }
}

CaveTubeの広告を隠す

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gae.cavelis.net") {
  /* Amazon アフィリエイト */
  #amazon_affiliate_area{
    display: none;
  }

}