"small_modern"をこっそり配布してみる試み
-Trial to distribute small_modern for mozilla-

/* ***** small_modernをこっそり配布してみる試み ***** */
/* ***** trial to distribute small_modern for mozilla ***** */


/* ***** ツールバーボタンを小さくする ***** */
/* ***** A tool bar button is made small. ***** */
.toolbarbutton-1 {
  list-style-image: url("chrome://navigator/skin/icons/btn1-small.gif")
!important;
}

#back-button {
  margin: 8px -12px -35px -12px !important;
  -moz-image-region: rect(0 19px 19px 0) !important;
}

#back-button[buttonover="true"] {
  margin: 8px -12px -35px -12px !important;
  -moz-image-region: rect(0 38px 19px 19px) !important;
}

#back-button[buttondown="true"] {
  margin: 8px -12px -35px -12px !important;
  -moz-image-region: rect(0 57px 19px 38px) !important;
}

#back-button[disabled="true"] {
  display: none;
/*
  margin: 8px -12px -35px -12px !important;
  -moz-image-region: rect(0 76px 19px 57px) !important;
*/
}

#forward-button {
  margin: 8px -12px -35px -12px !important;
  -moz-image-region: rect(19px 19px 38px 0) !important;
}

#forward-button[buttonover="true"] {
  margin: 8px -12px -35px -12px !important;
  -moz-image-region: rect(19px 38px 38px 19px) !important;
}

#forward-button[buttondown="true"] {
  margin: 8px -12px -35px -12px !important;
  -moz-image-region: rect(19px 57px 38px 38px) !important;
}

#forward-button[disabled="true"] {
  display: none;
/*
margin: 8px -12px -35px -12px !important;
-moz-image-region: rect(19px 76px 38px 57px) !important;
*/
}

#reload-button {
  margin: 8px 0px -35px 0px !important;
  -moz-image-region: rect(38px 19px 57px 0) !important;
}

#reload-button:hover {
  margin: 8px 0px -35px 0px !important;
  -moz-image-region: rect(38px 38px 57px 19px) !important;
}

#reload-button:hover:active {
  margin: 8px 0px -35px 0px !important;
  -moz-image-region: rect(38px 57px 57px 38px) !important;
}

#reload-button[disabled="true"] {
  margin: 8px 0px -35px 0px !important;
  -moz-image-region: rect(38px 76px 57px 57px) !important;
}

#stop-button {
  margin: 8px 0px -35px 1px !important;
  -moz-image-region: rect(57px 19px 76px 0) !important;
}

#stop-button:hover {
  margin: 8px 0px -35px 1px !important;
  -moz-image-region: rect(57px 38px 76px 19px) !important;
}

#stop-button:hover:active {
  margin: 8px 0px -35px 1px !important;
  -moz-image-region: rect(57px 57px 76px 38px) !important;
}

#stop-button[disabled="true"] {
  margin: 8px 0px -35px 1px !important;
  -moz-image-region: rect(57px 76px 76px 57px) !important;
}


/* ***** この設定でツールバーボタンは消える ***** */
/* ***** A tool bar button disappears by this setup. ***** */
/*
#back-button{
  display: none;
}

#forward-button{
  display: none;
}

#reload-button{
  display: none;
}

#stop-button{
  display: none;
}
*/


/* ***** アニメーションロゴの設定 ***** */
/* ***** A setup of throbber ***** */
/*
#throbber-box{
  display: none;
}
*/

#navigator-throbber {
  margin: -4px 3px -8px 3px !important;
  list-style-image:
url("chrome://communicator/skin/brand/throbber16-single.gif") !important;
}

#navigator-throbber[busy="true"] {
  list-style-image:
url("chrome://communicator/skin/brand/throbber16-anim.gif") !important;
}



/* ***** アドレスバーの設定 ***** */
/* ***** A setup of urlbar. ***** */
#urlbar {
  margin: -2px 3px -2px 3px !important;
  border: 0px solid !important;
  -moz-border-top-colors: #A2AFBD #000000 #A7BACA;
  -moz-border-right-colors: #D2DAE1 #000000 #768C9F;
  -moz-border-bottom-colors: #D2DAE1 #000000 #768C9F;
  -moz-border-left-colors: #A5ACB5 #000000 #A7BACA;
  background: none !important;
}

#nav-bar-inner[buttonstyle="text"] {
  margin: 0px 0px 0px 0px !important;
  border: 0px !important;
}

#nav-bar-buttons {
  margin: 0px 0px 0px 0px !important;
}

#nav-bar > .toolbar-primary-grippy {
  display: none;
}


/* ***** グリップの設定 ***** */
/* ***** A setup of grippy. ***** */
toolbargrippy {
  -moz-box-orient: vertical;
  -moz-box-align: center;
  -moz-box-pack: end;
  -moz-box-direction: reverse;
  border-top: 0px solid #EEF0F3 !important;
  border-right: 1px solid #86929E !important;
  border-bottom: 0px solid #86929E !important;
  border-left: 0px solid #EEF0F3 !important;
  list-style-image: none !important;
}

toolbargrippy:hover:active {
  border-color: #67737E;
  background-color: #9DA9B6;
  list-style-image: none !important;
}

.toolbargrippy-arrow {
  margin: 0px 1px 3px 1px;
  width: 4px !important;
  height: 2px !important;
}

toolbargrippy[tbgrippy-collapsed="true"] {
  -moz-box-orient: horizontal;
  -moz-box-pack: start;
  -moz-box-direction: normal;
  height: 4px !important;
  width: 100px !important;
  list-style-image: none !important;
}

toolbargrippy[tbgrippy-collapsed="true"] > .toolbargrippy-arrow {
  margin: 0px 0px 0px 0px !important;
  width: 2px !important;
  height: 1px !important;
}

toolbargrippy[tbgrippy-collapsed="true"]:hover:active > .toolbargrippy-arrow
{
  list-style-image: none !important;
}

/* ***** タブの設定 ***** */
/* ***** A setup of tab. ***** */
.tabs-closebutton {
  margin: 0px 0px !important;
  padding: 0px 0px !important;
  border: none;
  list-style-image: none !important;
}

.tabs-newbutton {
  margin: 0px;
  padding: 0px 0px 0px 0px !important;
  border: none;
  list-style-image: none !important;
}

.tabs-newbutton > .toolbarbutton-text {
  display: none;
}


tab {
  margin: -1px;
  border: 1px solid !important;
  border-bottom-width: 0px !important;
  -moz-border-top-colors: #8C9DAF #90A0B0 #98A7B5 !important;
  -moz-border-right-colors: #8C9DAF #90A0B0 #98A7B5 !important;
  -moz-border-bottom-colors: #8C9DAF #98A7B5 !important;
  -moz-border-left-colors: #8C9DAF #90A0B0 #98A7B5 !important;
  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 2px !important;
  padding: -2px 3px 0px 3px !important;
  background-color: #9CABBA;
  color: #000000;
  font: menu;
}

.tabs-left,.tabs-right {
  border-bottom: 1px solid #8C9DAF !important;
}


/* ***** フルスクリーンの設定 ***** */
/* ***** A setup of fullscreen. ***** */
.toolbarbutton-1[toolbarmode="small"] {
  list-style-image: url("chrome://navigator/skin/icons/btn1-small.gif")
!important;
}

#back-button[toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(0 19px 19px 0) !important;
}

#back-button[buttonover="true"][toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(0 38px 19px 19px) !important;
}

#back-button[buttondown="true"][toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(0 57px 19px 38px) !important;
}

#back-button[disabled="true"][toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(0 76px 19px 57px) !important;
}

#forward-button[toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(19px 19px 38px 0) !important;
}

#forward-button[buttonover="true"][toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(19px 38px 38px 19px) !important;
}

#forward-button[buttondown="true"][toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(19px 57px 38px 38px) !important;
}

#forward-button[disabled="true"][toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(19px 76px 38px 57px) !important;
}

#reload-button[toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(38px 19px 57px 0) !important;
}

#reload-button:hover[toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(38px 38px 57px 19px) !important;
}

#reload-button:hover:active[toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(38px 57px 57px 38px) !important;
}

#reload-button[disabled="true"][toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(38px 76px 57px 57px) !important;
}

#stop-button[toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(57px 19px 76px 0) !important;
}

#stop-button:hover[toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(57px 38px 76px 19px) !important;
}

#stop-button:hover:active[toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(57px 57px 76px 38px) !important;
}

#stop-button[disabled="true"][toolbarmode="small"] {
  margin: 0px 0px 0px 0px !important;
  -moz-image-region: rect(57px 76px 76px 57px) !important;
}

.toolbarbutton-menubutton-dropmarker[toolbarmode="small"] {
  margin: 8px 0px 0px 14px !important;
}


/* ***** small_modern/magicink ***** */

なお，お約束ですがこのsiteを見て，よーしsmall_modernに挑戦しちゃうぞと思ってuserChrome.cssを弄り倒して，うまくいかなくて，mozillaがクラッシュしたって話があってもなくても，私は全然責任を持ちません。

ここで配布しているsmall_modern関係は、無断転載可とします。また、改変したものの配布も自由に行っていただいて構いません。このsiteへのリンクも連絡などしていただく必要はありません。（ただし、作者名だけ変えて配布するようなことはしないで下さい）