MozillaZine

Classic Compact v29.0a1 (Australis) OS X testing Needed

Discuss application theming and theme development.
LafinJack

User avatar
 
Posts: 18
Joined: June 25th, 2010, 10:18 am

Post Posted September 19th, 2014, 2:28 pm

I don't know how themes and the associated plugin are made, are they directly editable (so the community could fix it), or are they source code that needs to be compiled somehow?

YoshkaPundrik

User avatar
 
Posts: 3
Joined: July 2nd, 2014, 2:14 pm

Post Posted September 19th, 2014, 3:35 pm

Agree with you, churchx

churchx
 
Posts: 5
Joined: September 13th, 2011, 6:50 pm

Post Posted September 19th, 2014, 5:12 pm

LafinJack: you can d/l it and unzip. Files in it should be easily editable .. but you'll still need lot of time to dig/read through all of code already written to familiarize with, then lot of time to learn how it interacts/affects firefox, then learning what is changed in new firefox versions so to tweak/bugfix theme.

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted September 19th, 2014, 7:33 pm

Spishak wrote:As far as I can tell, the author has not been active in this thread for over a year.

Is this abandonware now?


I don't think "adandonware" is exactly the word for this. I can't find find any posts anywhere online made by Ken after January 14th of this year. Considering that he had been very active not only in his support threads as well as in doing Theme reviews on AMO, I can only assume that this silence is not a simply act of snubbing.

As far as the rest of you goes... everything depends on the license. As Classic Compact appears to be MPL licensed, that means it's free to reproduce and alter as long as you do no put it for sale, and as long as the source code is available online. The graphics in CC all belong to Mozilla anyway and are also MPL licensed. It is within the licensing for someone to take over an abandoned theme and host it on AMO (addons.mozilla.org) and that is the encouraged path to take. Themes hosted on AMO have the source code displayed automatically. If any of you post "hacked" versions of CC uploaded to random websites, the links will be removed as MozillaZine does not want to risk people distributing malware (either purposefully or accidentally).
Tip of the day: If it has "toolbar" in the name, it's crap.
What my avatar is about: https://addons.mozilla.org/en-US/seamonkey/addon/sea-fox/

PEAKTOP
 
Posts: 10
Joined: March 28th, 2011, 2:51 am

Post Posted September 26th, 2014, 7:38 am

My style for Stylish or ...chrome/userchrome.js based Classic Compact for FF29-32
Code: Select all
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
/*Замена индикатора загрузки на вкладках*/
.tab-throbber[busy] {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAA
AQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3R
JTUUH3gQQBwQsEoKZwgAAAmxJREFUOE+VUs9rE0EUfjOz2ST9BbU5xIM0DWpStVGpZiHgP1BIg
/ijqEihl170ohfp3V716kUMRXtTkkDvUqgk2IMpmigxqRjbGJISSJpkNzs7vklUFFOwA49d5n3fe+978
xFtW4OkJwneRS/kn+ShWgv5m/viYb3OzzSbpgfwqCrNDg+zNYyo68hG1n3ZDaVXJQjmgkAkoPBF
UyfGk8ZOKRRrNMyZ/X2umCaAZVlAqURQYEzAwIBiOp1sbfzYm8inXFA9eTxlkHAlDAlXAj4XtCR2D
eo6F8joFu5zhM3GyOAgS/lOJLUFsdADZj5ejBmGNdtuW4IxIhSFGn3I0OkIFacidjuTDeLnAm8j5N
3WhauUklUcnSkKiGLRaBW/6mmcnllCDoMCCJFSuGfCHnC7VSfmZBGODacUJF/BH/x2sbrDQdN
37+RC/SZ4vX52A+/PYzg6Ha44HGyeCiFO4bp+41EC60eWd4T8k5uhqN2PIx36SI5pWn6q6z2dh6
6ABMmlWGX7f8k/99SFywlaLZ6lzab1knefvndwB/yggrgD/kuu5OCrNUkscdqP7toaHWUMk2JkR
Gm5XGoau/21TMzxWs0M7O0ZTsyRSsXkaLypruOwSAyJs0NDVGBlgeC+RkKiihOSRsMi5bIRn7uW
idDplWmIhN9Hyt87KZRDJADDcUAQ7Ep2vukpSYZ1NNnm7U14/sKvzl3/oOXz7fjubkc6DP7ci/yXd+hSXkDMrZtZ7VnUp8Il9Mbk6iRkbmRgWSzDElmCR4+9fvdR+zzKeWCzka5D8LkqjTp/WioZ
0fv38tkxMQZVUgXfig9+AK7DKhcuxxEjAAAAAElFTkSuQmCC") !important;
}
 
.tab-throbber[progress] {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAA
AQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAA
AAB3RJTUUH3gQQBwYK8rl+vQAAAmhJREFUOE+dUs9rE0EY/WZmu0msRbQK7UGsQcmW2
BQJzdKA/0ChCYIKKlLoxZMXT9K7PXv1IoSCvSlJoH+Agm0WcklpEyHGSlEjpig0JruzOzN+k1B
oSnrQx06yO/O9N+/7Qew9G0pTJYg+jkLjZQPSv9OW/COfi0NxQ3TEFCCoSWtsjG3QMZrbvL
BZm7g9Ac23TUjVU0B0gP3FNktXSny+OZ8P2sECChgqUKCkAh1BCP4wfM6wgEXYxtblrSySTee
aw8liaxGKF4tgf7ZLwWGQki6ySF9Yiw8ANdENYaPMca479rJa7gfOfZzLSy4zsisVMYhe/CRXfytfmUooQsNUOy+UE+UsSW4n7xBK1kVbMDBA8X3e9fa9CkhgSmEKiF4KFEToaihhTpoRE
KBFhHLVjIHkh2jbwAANj0Zopf6knu59ncDsu9kPoOAm+g6jYwNFlihuRI9u0vEoiOUajiFnCxSV
LBT5dyAHO2VR5f0Pu3+f5lLpy70BB73JOAXHzySA6IoalR35pjcwGnpuGBGn0HV9xNFl2E7Ar
nVIvBi3WJhts/OMYeuUcc7ojlwaqWClB4upQAS/goR/4EewYyRoBQLHfaZnKl6I55GYoaNUob
JCoaGDhEQTHRLZloT/5IXq3WqWJteSsJPZyfo/fAfTIToAVxincXDpPTzDgSPeN8/RZHiP81V+
VAbrtWXu3tu13YZb8L/7QnqYi85Rl0b/4bve41+5cD+5hdqDmh3LxUy4hTWbXp+G6v0qrKpV
WCErEH0RtUKToSV6lj5DF1hrFOCqhfm+4k2eazxt1MbVOByQA4itxeAvNEwnpgVm2RwAAA
AASUVORK5CYII=") !important;
}
/*----------------------*/
#aios-toggle-toolbar,
#aios-toolbar[orient="vertical"] {
  -moz-appearance: none !important;
 background-image: -moz-linear-gradient(rgba(240,240,240,0), rgba(240,240,240,.5) 0%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 0%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 0%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 0%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 0%);
  background-position: 1px 1px, 0pt 0px, 100% 0px, 0px 0pt, 0px 100%;
  background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px), 1px -moz-calc(100% - 1px), 1px -moz-calc(100% - 1px), 100% 1px, 100% 1px;
  background-repeat: repeat;
  }

toolbar#aios-sbhtoolbar[iconsize="large"]  .toolbarbutton-1 .toolbarbutton-icon ,
toolbar#aios-sbhtoolbar[iconsize="small"]  .toolbarbutton-1 .toolbarbutton-icon,
toolbar#aios-toolbar[iconsize="large"]  .toolbarbutton-1 .toolbarbutton-icon ,
toolbar#aios-toolbar[iconsize="small"]  .toolbarbutton-1 .toolbarbutton-icon {
  margin:-3px 0;
}
toolbar#aios-sbhtoolbar[iconsize="small"][mode="icons"] .toolbarbutton-1,
toolbar#aios-toolbar[iconsize="small"][mode="icons"] .toolbarbutton-1 {
  padding: 0px 1px;
  min-height:16px;
  min-width:16px;
  }

toolbar#aios-sbhtoolbar[iconsize="large"][mode="icons"]  .toolbarbutton-1,
toolbar#aios-toolbar[iconsize="large"][mode="icons"]  .toolbarbutton-1 {
  padding: 0px 1px;
  min-height:16px;
  min-width:17px;
  }

@-moz-document url(chrome://browser/content/browser.xul) {
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
   #aios-toolbar .toolbarbutton-1,
   :-moz-any(#downloads-button,#history-button,#bookmarks-button){
      -moz-appearance: none !important;
      padding: 1px 5px !important;
      background: rgba(151,152,153,.05)
      linear-gradient(rgba(251,252,253,.95), rgba(246,247,248,.47) 49%,
                rgba(231,232,233,.45) 51%, rgba(225,226,229,.3)) !important;
      background-clip: padding-box !important;
      border-radius: 5.5px !important;
      border: 1px solid !important;
      border-color: rgba(0,0,0,.12) rgba(0,0,0,.19) rgba(0,0,0,.38) !important;
      box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
               0 0 0 2px rgba(255,255,255,.1) inset !important;
   }
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
   #aios-toolbar .toolbarbutton-1,
   :-moz-any(#downloads-button,#history-button,#bookmarks-button) {
      padding-left: 1px !important;
      padding-right: 1px !important;
   }
   #aios-toolbar .toolbarbutton-1[type="menu-button"] {
      -moz-appearance: none !important;
      padding: 0 !important;
      background: none !important;
      border: none !important;
      box-shadow: none !important;
   }
   #aios-toolbar .toolbarbutton-1,
   :-moz-any(#downloads-button,#history-button,#bookmarks-button) {
      margin: 1px 2px !important;
   }
   #aios-toolbar .toolbarbutton-1,
   :-moz-any(#downloads-button,#history-button,#bookmarks-button){
      margin-left: 1px !important;
      margin-right: 1px !important;
   }
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
      -moz-border-start-style: none !important;
   }
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(ltr),
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl) {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
   }
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:-moz-locale-dir(rtl),
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(ltr) {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
   }
   #aios-toolbar .toolbarbutton-1[disabled="true"],
   :-moz-any(#downloads-button,#history-button,#bookmarks-button)[disabled="true"] {
     opacity: .8 !important;
   }
   #aios-toolbar .toolbarbutton-1[disabled="true"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
   #aios-toolbar .toolbarbutton-1[disabled="true"] > .toolbarbutton-icon {
     opacity: .5 !important;
   }
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled="true"]):not(:active):hover,
   #aios-toolbar .toolbarbutton-1:not([open="true"]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]),
   #aios-toolbar .toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover,
   :-moz-any(#downloads-button,#history-button,#bookmarks-button):not([disabled="true"]):not(:active):hover{
     background-color: hsla(90,60%,70%,.5) !important;
     border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important;
     box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
              0 0 0 1.5px rgba(255,255,255,.1) inset,
              0 0 3.5px hsl(190,90%,80%) !important;
     transition: background-color .4s ease-in,
                  border-color .3s ease-in,
                  box-shadow .3s ease-in !important;
   }
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled="true"]):hover:active,
   #aios-toolbar .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]),
   #aios-toolbar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker,
   #aios-toolbar .toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):hover:active,
   #aios-toolbar .toolbarbutton-1:not([type="menu-button"])[checked="true"],
   #aios-toolbar .toolbarbutton-1[open="true"],
   :-moz-any(#downloads-button,#history-button,#bookmarks-button):hover:active,
   :-moz-any(#downloads-button,#history-button,#bookmarks-button)[checked="true"] {
     background-color: transparent !important;
     border-color: rgba(0,0,0,.65) rgba(0,0,0,.55) rgba(0,0,0,.5) !important;
     box-shadow: 0 0 6.5px rgba(0,0,0,.4) inset,
              0 0 2px rgba(0,0,0,.4) inset,
              0 1px 0 rgba(255,255,255,.4) !important;
   }
   #aios-toolbar .toolbarbutton-1[checked="true"]:not(:active):hover {
     background-color: rgba(90%,90%,90%,.4) !important;
     transition: background-color .4s !important;
   }
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-icon {
     -moz-margin-end: 0 !important;
   }
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
   #aios-toolbar .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #reload-button, #stop-button, #home-button, #print-button, #downloads-button, #history-button, #bookmarks-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-in-button, #sync-button, #feed-button, #alltabs-button, #tabview-button)) > .toolbarbutton-icon {
     margin: 1px !important;
   }
   #aios-toolbar toolbar[mode="full"] .toolbarbutton-1,
   #aios-toolbar toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
     min-width: 57px !important;
   }
   #aios-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker{
      padding: 0px !important;
   }
   #aios-toolbar #back-button:-moz-locale-dir(ltr),
   #aios-toolbar #zoom-out-button:-moz-locale-dir(ltr){
     margin: 1px -2px 1px 1px !important;
     border-top-right-radius: 0px !important;
     border-bottom-right-radius: 0px !important;
   }
   #aios-toolbar #forward-button:-moz-locale-dir(ltr),
   #aios-toolbar #zoom-in-button:-moz-locale-dir(ltr){
     border-top-left-radius: 0px !important;
     border-bottom-left-radius: 0px !important;
   }
   #aios-toolbar #back-button:-moz-locale-dir(rtl),
   #aios-toolbar #forward-button:-moz-locale-dir(rtl){
     border-top-left-radius: 0px !important;
     border-bottom-left-radius: 0px !important;
   }
   #aios-toolbar #back-button:-moz-locale-dir(rtl){
     margin: 1px 1px 1px -2px !important;
   }   
   #aios-toolbar #zoom-out-button:-moz-locale-dir(rtl){
     margin: 1px 1px 1px -2px !important;
     border-top-left-radius: 0px !important;
     border-bottom-left-radius: 0px !important;
   }
   #aios-toolbar #zoom-in-button:-moz-locale-dir(rtl){
     border-top-right-radius: 0px !important;
     border-bottom-right-radius: 0px !important;
   }
}

/*Вернуть пустую иконку на вкладке*/
.tab-icon-image:not([src]):not([pinned]) {
    display: -moz-box !important;
    transition-delay: 20ms !important;
}
 
.tab-throbber[busy] + .tab-icon-image {
    display: none !important;
}
/*-----------------------*/
 
/*Ширина вкладок*/
.tabbrowser-tab:not([pinned]) {
    max-width: 250px !important; /*Максимальная ширина вкладок*/
    min-width: 104px !important; /*Минимальная ширина вкладок*/
    transition: min-width 10ms ease-out, max-width 20ms ease-out !important;
}
 
.tabbrowser-tab:not([pinned]):not([fadein]) {
    max-width: 0.1px !important;
    min-width: 0.1px !important;
}
/*-----------------------*/
 
/*Tab Mix Plus*/
.tabbrowser-tabs[tabmix_australis]:not([treestyletab-mode="vertical"]) > .tabbrowser-tab > .tab-stack > .tab-progress-container > .tab-progress {
    margin-top: 1px !important;
}
/*-----------------------*/
 
#TabsToolbar{
-moz-appearance: none !important;
border-top: 0px solid rgba(102,102,102,0.70) !important; /*цвет бордюра панели навигации*/
 background-image: -moz-linear-gradient(rgba(240,240,240,0), rgba(240,240,240,.5)),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 100%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 30%);
  background-position: 1px 1px, 0pt 0px, 100% 0px, 0px 0pt, 0px 100%;
  background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px), 1px -moz-calc(100% - 1px), 1px -moz-calc(100% - 1px), 100% 1px, 100% 1px;
  background-repeat: repeat;}
/*Настройки вкладок*/
#tabbrowser-tabs {
 max-height: 21px !important;
    min-height: 19px !important;
}
 
.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
    -moz-padding-start: 3px !important;
}
 
.tabbrowser-tab {
    -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-left: 1px solid rgba(0,0,0,0.20) !important; /*цвет бордюра вкладок*/
    border-top: 0px solid rgba(0,0,0,0.20) !important; /*цвет бордюра*/
    border-right: 1px solid rgba(0,0,0,0.20) !important; /*цвет бордюра*/
    box-shadow: -2px 0 0 rgba(255,255,255,0.20) inset, 1px 0 0 rgba(255,255,255,0.20) inset, 0 1px 0 rgba(255,255,255,0.20) inset !important;
    border-radius: 5px 5px 5px 5px !important; /*Радиус углов вкладок*/
    background-clip: padding-box !important;
    margin-bottom: 1px !important;
}
 
.tabbrowser-tab[selected=true]:-moz-lwtheme {
    background-image: linear-gradient(rgba(0,240,0,0.50), rgba(0,240,0,0.40)) !important; /*цвет фона активной вкладки*/
    color: rgb(255,204,0) !important; /*цвет текста активной вкладки*/
    text-shadow: 1px 1px 2px rgb(0,0,0) !important; /*цвет тени текста активной вкладки*/
}
 
.tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
    background-color: Window !important;
    background-image: linear-gradient(rgba(255,255,255,0.40), rgba(255,255,255,0.30)) !important;
}
 
.tabbrowser-tab:not([selected=true]):-moz-lwtheme {
    color: rgb(255,204,0) !important; /*цвет текста неактивной вкладки*/
    text-shadow: 1px 1px 2px rgb(0,0,0) !important; /*цвет тени текста неактивной вкладки*/
}
 
.tab-background {
   
    min-height: 17px !important;
    margin-top: -3px !important;
    -moz-margin-end: -1px !important;
    -moz-margin-start: -1px !important;
-moz-appearance: none !important;
border-top: 0px solid rgba(102,102,102,0.70) !important; /*цвет бордюра панели навигации*/
 background-image: -moz-linear-gradient(rgba(240,240,240,0), rgba(240,240,240,.5)),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 100%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 30%);
  background-position: 1px 1px, 0pt 0px, 100% 0px, 0px 0pt, 0px 100%;
  background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px), 1px -moz-calc(100% - 1px), 1px -moz-calc(100% - 1px), 100% 1px, 100% 1px;
  background-repeat: repeat;}

 
.tab-background-middle {
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-radius: 11px 11px 5px 5px !important; /*Радиус углов вкладок*/
    background: none !important;
    background-clip: padding-box !important;
    margin-top: -3px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
 
.tab-throbber:not([pinned]),
.tab-icon-image:not([pinned]) {
    -moz-margin-end: 2px !important;
}
 
.tab-content {
    margin-top: -1px !important;
}
 
.tab-content:not([pinned]) {
    -moz-padding-end: 2px !important;
    -moz-padding-start: 2px !important;
}
 
.tab-close-button:not([pinned]) {
    -moz-margin-start: -3px !important;
    -moz-margin-end: -2px !important;
}
 
#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
.tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
    background: none !important;
}
 
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
    background: none !important;
}
 
.tabbrowser-tab:hover:not([selected=true]),
.tabs-newtab-button:hover {
    background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.50)) !important;
}
 
.tabs-newtab-button  {
    width: 28px !important;
    min-height: 18px !important;
    -moz-margin-end: -1px !important;
    -moz-margin-start: 0px !important;
    margin-bottom: 1px !important;
    border-left: 1px solid rgba(0,0,0,0.20) !important; /*цвет бордюра кнопки "открыть новую вкладку"*/
    border-top: 1px solid rgba(0,0,0,0.20) !important; /*цвет бордюра*/
    border-right: 1px solid rgba(0,0,0,0.20) !important; /*цвет бордюра*/
    box-shadow: -1px 0 0 rgba(255,255,255,0.20) inset, 1px 0 0 rgba(255,255,255,0.20) inset, 0 1px 0 rgba(255,255,255,0.20) inset !important;
    border-radius: 3px 3px 0px 0px !important; /*Радиус углов кнопки "открыть новую вкладку"*/
    background-clip: padding-box !important;
}
 
#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover,
#TabsToolbar .toolbarbutton-1[open],
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled=true]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled=true]):hover {
    background-position: 1px 0, 0 -1px, 100% -1px !important;
}
 
.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content {
    background-position: center !important;
}
 
.tab-background-start::after,
.tab-background-start::before,
.tab-background-start,
.tab-background-end,
.tab-background-end::after,
.tab-background-end::before {
    display: none !important;
}
 
.titlebar-placeholder[type="caption-buttons"] {
    margin-left: 1px !important;
}
/*---------------------------*/
 
/*Скроллбар для закладок*/
#BMB_bookmarksPopup arrowscrollbox > .arrowscrollbox-scrollbox, #personal-bookmarks arrowscrollbox > .arrowscrollbox-scrollbox {
    overflow-y: auto !important;
}
/*---------------------------*/

#status4evar-status-bar{
-moz-appearance: none !important;
border-top: 0px solid rgba(102,102,102,0.70) !important; /*цвет бордюра панели навигации*/
 background-image: -moz-linear-gradient(rgba(240,240,240,0), rgba(240,240,240,.5)),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 100%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 30%);
  background-position: 1px 1px, 0pt 0px, 100% 0px, 0px 0pt, 0px 100%;
  background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px), 1px -moz-calc(100% - 1px), 1px -moz-calc(100% - 1px), 100% 1px, 100% 1px;
  background-repeat: repeat;}

#scrollbar{
-moz-appearance: none !important;
 background-image: -moz-linear-gradient(rgba(240,240,240,0), rgba(240,240,240,.5)),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 30%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 30%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 100%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 30%);
  background-position: 1px 1px, 0pt 0px, 100% 0px, 0px 0pt, 0px 100%;
  background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px), 1px -moz-calc(100% - 1px), 1px -moz-calc(100% - 1px), 100% 1px, 100% 1px;
  background-repeat: repeat;}
/*Настройки панелей и кнопок*/
 
#nav-bar {

    border-top: 0px solid rgba(102,102,102,0.70) !important; /*цвет бордюра панели навигации*/
    box-shadow: none !important;
}
 
#nav-bar-customization-target {
    padding-left: 1px !important;
}
 
#nav-bar:not(:-moz-lwtheme) {
    background-color: Window !important;
   background-image: -moz-linear-gradient(rgba(240,240,240,0), rgba(240,240,240,.5) 30%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 20%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 30%);
  background-position: 1px 1px, 0pt 0px, 100% 0px, 0px 0pt, 0px 100%;
  background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px), 1px -moz-calc(100% - 1px), 1px -moz-calc(100% - 1px), 100% 1px, 100% 1px;
  background-repeat: repeat;
}
 
#nav-bar:-moz-lwtheme {
 -moz-appearance: none !important;
 background-image: -moz-linear-gradient(rgba(240,240,240,0), rgba(240,240,240,.5) 30%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 20%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 30%);
  background-position: 1px 1px, 0pt 0px, 100% 0px, 0px 0pt, 0px 100%;
  background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px), 1px -moz-calc(100% - 1px), 1px -moz-calc(100% - 1px), 100% 1px, 100% 1px;
  background-repeat: repeat;
    border-top-color: transparent !important;
}
 
#nav-bar .toolbarbutton-1:not([type=menu-button]),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    padding: 0px !important;
}
 
#nav-bar toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
    width: 24px !important;
}
 
#back-button > .toolbarbutton-icon {
    border: 0px solid hsla(210,4%,10%,.25) !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    padding: 0px 0px !important;
}
 
#back-button:not([disabled="true"]):not(:hover) > .toolbarbutton-icon, #back-button[disabled="true"] > .toolbarbutton-icon {
    background: none !important;
    border-color: transparent !important;
}
 
#forward-button > .toolbarbutton-icon {
    border: 1px solid hsla(210,4%,10%,.25) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    padding: 0px 2px !important;
}
 
#forward-button {
    margin-right: 1px !important;
}
 
#forward-button:not([disabled="true"]):not(:hover) > .toolbarbutton-icon, #forward-button[disabled="true"] > .toolbarbutton-icon {
    background: none !important;
    border-color: transparent !important;
}
 
#urlbar {
    border: 1px solid ThreeDShadow !important;
     
}
 
@media (-moz-windows-default-theme) {
  #urlbar:not(:-moz-lwtheme),
  .searchbar-textbox:not(:-moz-lwtheme) {
    border-color: hsla(210,54%,20%,.27) !important;
border-radius: 5px 5px 5px 5px !important; /*Радиус углов вкладок*/
  }
 
  #urlbar:not(:-moz-lwtheme)[focused],
  .searchbar-textbox:not(:-moz-lwtheme)[focused] {
    border-color: hsla(210,54%,20%,.27) !important;
  }
}
 
#urlbar:-moz-lwtheme,
.searchbar-textbox:-moz-lwtheme {
    border-color: rgba(0,0,0,.32) !important;
 border-radius: 5px 5px 5px 5px !important; /*Радиус углов вкладок*/
}
 
.searchbar-textbox {
    border-radius: 0px !important;
}
 
@media (-moz-os-version: windows-xp), (-moz-os-version: windows-vista),
       (-moz-os-version: windows-win7) {
  #urlbar,
  .searchbar-textbox, #back-button > .toolbarbutton-icon, #forward-button > .toolbarbutton-icon {
    border-radius: 2px !important;
  }
}
 
window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
    -moz-margin-start: 0px !important;
    clip-path: none !important;
}
 
window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled]:not(:hover) {
    visibility: hidden !important;
}
 
window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] {
    margin-left: -24.01px !important;
}
 
window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] {
    margin-left: -24px !important;
}
 
window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
    padding-left: 2px !important;
}
 
window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
    padding-left: 2.01px !important;
}
 
#PanelUI-menu-button {
    list-style-image: none !important;
}
 
#PanelUI-menu-button .toolbarbutton-icon {
    background-image: url("data:application/file;base64,AAABAAEAEBAAAAEAIABoB
AAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAACQAAAB0AAAAzAAAAQgAAAEUAAAA4AAAAIwAAAA0AA
AABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAKgQAIngOFHPPHiGf9hwnsv4aK7
H+HCid9BYmiNoNEVGWAAAAOQAAAAkAAAAAAAAAAAAAAAAAAAAAAAAADhISZ4oiJaj
4JTfD/yVDzf8lTNP/JU/X/yVT2f8lUNL/HDas/g4bbJsAAAAaAAAAAAAAAAAAAAAAAAA
AACAmkVYeKLn+JT7I/yVL0/8lVNr/JVrd/yVf3/8lZuL/JW3k/yVk4P8bT9P+HkXBjAAAA
AAAAAAAAAAAABoaaxMeMbXqJT/K/yVN1v8lWN3/JmDf/ytSr/81OWr/M0qL/yZ64/8ji
ez/JXXh/x9Msv4ITLo/AAAAAAAAAAAiN6B3JT7I/yVN1v8lWd3/JV3d/ytEnv81J1T/SiIe/
04iFf9BISL/I6HV/xus7v8hhtn/JVCofAAAAAAAAAAAIEGw0SVL0/8lV9z/JVnb/yZn4P8oc
t7/Jnjg/ydjt/9RUE3/WCgR/zp3fv8axfb/EMj1/xmC0LQAAAAAAAAAABxKxv0lVNr/Jl/f
/ydCyf84WaX/a0AX/3NMHP9lZEf/dUQT/2cyDf9ZNB//Q9j3/ybh/P8ap9X1AAAAAAAA
AAAbWM/8JVve/yZm4P8mWNP/Nkh+/3JXLf+aWgv/mFkL/4tNBv+ARQf/bTcH/6Pw+v
977v7/Opuz/gB/fwIAAAAAIWHV5SZf4P8ma+H/Jnfk/yOP5/9QZYT/qXAm/7NyHP+qaB
X/mVkN/4xPCP+dtKv/lu3+/yOy1uUAAAAAAAAAAB1exJElZeL/Jm7i/yZ+5f8iheD/QHD
X/2uAk//DiRP/vH4V/7V0GP+jZRn/rbKa/4js//8AyOONAAAAAAAAAAAdU7JGJVnY/yZ
w4/8kguX/IJLg/4p4N/+wjhv/0p0F/9GaCf/FiRD/sHkv/8Ts8P+L4/L/DcbnTQAAAAAAA
AAAGVnYFB5m3P12eX39coBn/02bp/92i1H/1qYb/+GvIf/cqQz/yJId/8SlaP+539//Za/
KtwAAAAAAAAAAAAAAAAAAAAAiguZSv5tRZMKXQPXBkiX/xKU3/+a2Qf/rvEj/5bQ4/9O
pQP/XyZ7vkqmnegAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADkwWkd5cBimO
e/X+TswV7+7sNe/um/X+HivWeRzbBOGgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") !important;
    background-repeat: no-repeat !important;
    background-position: 2px center !important;
}
 
#bookmarks-menu-button[cui-areatype="toolbar"]:not(.bookmark-item):not([overflowedItem=true]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
 
#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    list-style-image: none !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA
ABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAA
lwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9sFGgsjB2/xc+QAAAHxSURBVDjLfZK/al
RREIe/OXc3u9m7a6FFgiGIfxC0E7QIKSyMnVYWaQQhlQ/gA/gOiq9gI2iTxsYnUCu1UdA
ijYgoWfbec87MHYu7d0XddboZ+H0zv5kR5jGZnHB34+rdhz46vwvS1qeN8eTxvjAcMqqm
HNx/6uVgJIcPdgSg1wFu7O2xtbnBpZvXZPPiJWgcETj6+QN7sU0uS8L0mDs7p6Xfn3A41y
0AH96/48vnT9Rndtguz4E7IQhfpxVn376hKvpM6hkfv0d0NutkvwEgBAmYGTnroppNmfY
GVKFA+gPMGmKdlgG8FWQj5gaZ5ykp48GAIkYmgwExGVWM/wLc5x2TUidFcAQh1sp4
uMawmlKWY+qs1FVcNgGIQDYjJUUACYGYlXKtjzfGer9HSkqMKywIkFMmJgWcEAIxG2
U9I5w6SRkr6mx/AMJfK0DVqLOSshGzoinzeuMCt3bv8WrrMrp6gpaXVYnJWgsCo7Uxzw
4ecaVX8Pz6PusifItHq6+QsrVLdAcBkfYlLbXEJhSknJdcgc6CUsVMAASBAOIsXrsonJzyCg
sCKSveXQFwaUGCgEDoQVZbAph3UTU0KkEWTKRLgGCOLrXgjplh2oAFmk7t7TJBcHe
kgMZ73QWbDr0OchsR8KaBVv+fEIq1l1g6/gXQ/wFP7EyCLAAAAABJRU5ErkJggg==") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
 
#bookmarks-menu-button[cui-areatype="toolbar"][starred] {
    list-style-image: none !important;
}
 
#bookmarks-menu-button[cui-areatype="toolbar"][starred] .toolbarbutton-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB
AAAAAQCAYAAAAf8/9hAAACD0lEQVQ4T4WTP2gTURzHv+/+ 5s7k0vw7g6SphgZBS5ra6C
CKOEsXB7toHJy7CS7OFgXBQcShQ7UuIhXEwWCJrUMXY20KmSxE TYra5OjVI/XgTO6ai+S
alDR98OC93/fz/b7f8HtAn/X+afzlu+bug4A5SKQDwzgxyF8zGyao geikuV06CO1df/skMW
99hmXv5ReJZ70pgOolUL4hnIxSV9taQKLSlDfSCwW9v0rEIDIPQ8/P xddG21rQ8xseMcIsr
DYW8U/vspD5R6ePNit+6QgRBZ6cFV0k5RbpW/HwahdYrI5B1Rqv9R3z zV8D64YJxTCsHb
I0k7DCQQ1etwWOIxCYDQhcfX9jrbtuMNDrETSN+FMj+FGRwGxo/o/xGHsp LK30NHUW7
WCB+w6IQB0pFAtSll7KabOjp6KXfZL/uMf169AQG/ipjSOT87668+DLBK3rOhZz tdnkyOD
/EL5/iG1eWPFmb9/PT6iqCtJ+UpZlZB4f2xqL5X392vi0fqZ6ZaosK0q1hTlzUKlU wNJku5/Z1gTOqimK4mBdgySIxH1YgIsntU5mL4DmwFLWZqdYVFIobaW6MlkaQyB7NufE
DETA smTEpm1TtnBx5vp0gEzeC5Hlr+fnyup4K4jnUaTdISfU+Y0unmsOCoUPhQtrd+f8yc
1vBZRK JRBCcLMcTcuxRHr6hisflY0kx/FoD/QuhIiok0JRDa8AAAAASUVORK5CYII=") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
 
#nav-bar .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button)) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button)) > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
    padding: 0px 2px !important;
}
 
window:not([chromehidden~="toolbar"]) #urlbar-wrapper > .toolbarbutton-1:-moz-any([disabled],:not([open]):not([disabled]):not(:active)) > .toolbarbutton-icon {
    padding: 0px 2px !important;
}
 
#nav-bar .toolbarbutton-1 > .toolbarbutton-text {
    padding: 2px 1px 0px 1px !important;
}
 
#nav-bar #zoom-reset-button > .toolbarbutton-text {
    min-height: 20px !important;
}
 
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    padding: 0px 2px 5px 2px !important;
}
 
#nav-bar .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button)) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button)) > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #webrtc-status-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
 
#nav-bar #PanelUI-menu-button {
    -moz-padding-start: 3px !important;
    -moz-padding-end: 1px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
 
#nav-bar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
    -moz-margin-start: -4px !important;
}
 
#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#social-provider-button):not(#PanelUI-menu-button) {
    padding-left: 3px !important;
    padding-right: 3px !important;
}
 
#urlbar-search-splitter {
    min-width: 2px !important;
}
#PersonalToolbar{
 -moz-appearance: none !important;
 background-image: -moz-linear-gradient(rgba(240,240,240,0), rgba(240,240,240,.5) 30%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 20%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 30%);
  background-position: 1px 1px, 0pt 0px, 100% 0px, 0px 0pt, 0px 100%;
  background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px), 1px -moz-calc(100% - 1px), 1px -moz-calc(100% - 1px), 100% 1px, 100% 1px;
  background-repeat: repeat;} 
#PersonalToolbar {
    border-top: 0px solid rgba(102,102,102,0.50) !important; /*цвет бордюра панели закладок*/
}
 
#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-text,
#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-badge-container,
#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
 
#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    padding-left: 3px !important;
    padding-right: 3px !important;
}
 
#personal-bookmarks {
    min-height: 17px !important;
}
 
#PersonalToolbar toolbarbutton {
    -moz-appearance: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: inherit !important;
    text-shadow: inherit !important;
}
 
#PersonalToolbar toolbarbutton:hover:not([disabled="true"]) {
    border-color: rgba(52,153,255,0.6) !important;
    background-color: rgba(52,153,255,0.2) !important;
}
 
#PersonalToolbar toolbarbutton[type=menu-button]:hover:not([disabled="true"]) {
    box-shadow: 0 0 0 1px rgba(52,153,255,0.6) inset !important;
    background-color: rgba(52,153,255,0.2) !important;
}
#toolbar-menubar
{
-moz-appearance: none !important;
border-top: 0px solid rgba(102,102,102,0.70) !important; /*цвет бордюра панели навигации*/
 background-image: -moz-linear-gradient(rgba(240,240,240,0), rgba(240,240,240,.5)),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 10%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 100%),
                    -moz-linear-gradient(transparent, rgba(240,240,240,.25) 30%);
  background-position: 1px 1px, 0pt 0px, 100% 0px, 0px 0pt, 0px 100%;
  background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px), 1px -moz-calc(100% - 1px), 1px -moz-calc(100% - 1px), 100% 1px, 100% 1px;
  background-repeat: repeat;}
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-icon,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-text,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-badge-container,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
    margin-top: -3px !important;
    margin-bottom: -3px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
 
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    padding-left: 3px !important;
    padding-right: 3px !important;
}
 
#toolbar-menubar .toolbaritem-combined-buttons > separator {
    height: auto !important;
}
 
#toolbar-menubar toolbarbutton {
    -moz-appearance: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: inherit !important;
    text-shadow: inherit !important;
}
 
#toolbar-menubar toolbarbutton:hover:not([disabled="true"]) {
    border-color: rgba(52,153,255,0.6) !important;
    background-color: rgba(52,153,255,0.2) !important;
}
 
#toolbar-menubar toolbarbutton[type=menu-button]:hover:not([disabled="true"]) {
    box-shadow: 0 0 0 1px rgba(52,153,255,0.6) inset !important;
    background-color: rgba(52,153,255,0.2) !important;
}
 
.menubar-text {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
 
#toolbar-menubar {
    min-height: 0 !important;
    padding-bottom: 0px !important;
}
 
#toolbar-menubar:not([moz-collapsed=true]):not([autohide=true]) ~ #TabsToolbar,
#toolbar-menubar:not([moz-collapsed=true])[autohide=true]:not([inactive]) ~ #TabsToolbar {
    margin-top: 1px !important;
}
 
#urlbar,
.searchbar-textbox {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
 
#urlbar  #identity-box,
#urlbar  #notification-popup-box {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
 
.urlbar-icon {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
 
.searchbar-engine-button,
.search-go-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
 
/*Кнопки управления окном*/
@media (-moz-windows-compositor) {
  #titlebar-buttonbox {
    -moz-appearance: none !important;
    z-index: 2 !important;
  }
 
  #main-window {
    -moz-appearance: none !important;
    background-color: rgb(207,215,235) !important;
  }
 
  #main-window:-moz-lwtheme {
    background-color: rgb(63,134,206) !important;
  }
 
  .titlebar-button {
    display: -moz-box !important;
  }
}
 
#main-window #titlebar-min {
    -moz-appearance: none !important;
    width: 24px !important;
    height: 18px !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAA
BB7B6eAAAAkUlEQVQ4T2M0y9vUwEBDwAIy ++RE35m0sMM8f3M62AIQME/b8pyalpyc5SMJMo+J
moZiM2vUAmyhgiI2GkQEgwieD7Cq5Pzf gFUcXfA7I051+C0AGjQtTqoe3TxkftaiZ4345GkeyQR9Q
MiF+FwPksNvAZ6wJWQwTJ72QXRq kl+DOcOmhpOzaFNkM8K8QquKBwBTixykxQeQPgAAAABJ
RU5ErkJggg==") !important;
    background-repeat: no-repeat !important;
    border: none !important;
    -moz-margin-end: 0px !important;
}
 
#main-window #titlebar-min:hover {
    -moz-appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAA
BB7B6eAAAAmUlEQVQ4T2N07X3WwEBDwAIy e1eR5DJa2OHW9zwKbAEI+M5l+ExNSzYnM/CCzGOi
pqHYzBq1AFuooIiNBhHBIILnA2wqf358 no5NHF2MnV9yJroYjI/XApAiYC6vx6UZJA7MrY345GkeyQR
9QMiF+FwPksNrAb6wJWQwTJ72 QQR0ZQMwGBpoVWQz+sz5D/YNMEk2EOttUtQBACViHnpQvfgp
AAAAAElFTkSuQmCC") !important;
    background-repeat: no-repeat !important;
    border: none !important;
    -moz-margin-end: 0px !important;
}
 
#main-window[sizemode="maximized"] #titlebar-max {
    -moz-appearance: none !important;
    width: 24px !important;
    height: 18px !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAA
ABB7B6eAAAAvklEQVQ4T2M0y9vUwEBDwAIy ++RE35m0sMM8f3M62AIQME/b8pyalpyc5SMJMg9
uAU7DOf834JRDlvjOiFUdYQuAhkyLk6rH Z0nWomeNuORxW4DkcnwGELIctwUUuhzmIyZcXqOW
OF4fgCzBFTyEggbmQIIWgBWipxBiUxZQ K82DiOYWEBdEeIIEVxwRHQcEIxM9fmAmQ2m8PiDkOjS
zsHJxW0DAZVhNwyIItwBW+mFRQ5EQ 2AJQuU2RKXg0AwC/OjARI88wdgAAAABJRU5ErkJggg==") !important;
    background-repeat: no-repeat !important;
    border: none !important;
}
 
#main-window[sizemode="maximized"] #titlebar-max:hover {
    -moz-appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAA
BB7B6eAAAAv0lEQVQ4T2N07X3WwEBDwAIy e1eR5DJa2OHW9zwKbAEI+M5l+ExNSzYnM/CCzINbg
Mvwnx+fp+OSQxZn55eciU0dQQtAmoBB WI9NM0wMGBSNuORxWoDscnwGELIcpwWUuhzmIyZcXqO
WOF4fgCzBFTyEggbmQIIWgBSipxBi UxZIL82DiOYWEBVE+IIEVxwRHQeEIhM9fmAGE2UBIdehG4aN
jzOICLkMm2HYxOAWwEo/bIoo EQNbACq3KTEEn14AdK4y7G68FgAAAAAASUVORK5CYII=") !important;
    background-repeat: no-repeat !important;
    border: none !important;
}
 
#main-window[sizemode="normal"] #titlebar-max {
    -moz-appearance: none !important;
    width: 24px !important;
    height: 18px !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAA
ABB7B6eAAAArUlEQVQ4T2M0y9vcwEBDwAIy ++REn5m0sMM8f0s62AIQME/b8pyalpyc5SMJMo+
JmoZiMwvuAwxJToYGDDF8At+xq8dtAdCw aXGS9fjMhMllLXreiEvdAAYR1En4XAdSQsiXeIMI7m0c4
ctARDzRPIhobgFxQUREUOBKRQQt IBSJuAyGieO1gFAKImQ4SB63BbhSDjGmIqmhXyTDSj8SHUhQO
TiIQOU2QZVkKgAAEHQfnEx1 UVIAAAAASUVORK5CYII=") !important;
    background-repeat: no-repeat !important;
    border: none !important;
}
 
#main-window[sizemode="normal"] #titlebar-max:hover {
    -moz-appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6e
AAAAqklEQVQ4T2N07X3WwEBDwAIy e1eR5DJa2OHW9zwKbAEI+M5l+ExNSzYnM/CCzGOipqHYzIL7AF3y
58fn6ehi+Pjs/JIzscnj tACkGBg39dg0oYsBw7oRXQzGH7gggrkAn+uI8SXeIIJZgit8iYknmgcRzS0gKoiICQpcq
Yig BcQmVbIsIJSCcBmKLI7TB7hSDjGGIquhXyTDSj9SXUhIPTiIQOU2IYXkygMAxq4krC0xq0wA AAAASUVOR
K5CYII=") !important;
    background-repeat: no-repeat !important;
    border: none !important;
}
 
#main-window #titlebar-close {
    -moz-appearance: none !important;
    width: 43px !important;
    height: 18px !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAASCAYAAADCKC
elAAAA9UlEQVRIS9XWTQrCMBAF4ET0 AoWeoeu2SzfeyWvondy47AF6hkIv4EJ9wZRpCLGJD0kCBcnffJ2
MofrStk9VSNvDeWqa7Lm3 cVQGi/aY52zBh6oytl22Qg+sKOxSBp4X2dx1n6Zl7rGuV+tCY5sDfCbSMnseBo
VH4vDb9sfC fPMpWGTz2vdmfwu2UKW1GXMz7sN866NgEcQFA22gXUeBIgYN64LZUDpWHj02d2sYfb80
WmZX Nfo+ehw/G0zBulDUr1vD8pZIzS7lnkVwexvIf70EpwLlOgo2dC2FxmJfgFIGsUFT5y+ZtV82 qRv9Y5
3B4luxhPYCeLNXoBf2i30AAAAASUVORK5CYII=") !important;
    background-repeat: no-repeat !important;
    border: none !important;
}
 
#main-window #titlebar-close:hover {
    -moz-appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAASCAYAAADC
KCelAAAA7klEQVRIS9WWTQrCMBCFo3Td E/QEXbgQ2lt4Wb1FFy5c9AQ9QdeC8oIJ4xBikz4kGSiUyf
x8mb6GHK7D8DKVWAPOc98Xj3uf Z2NhYc9lKRa46TrLdiyWMABWFayXQWAjm12PdfWxp7b9youtb
W7wCaRN9jJNBo+Ew7vzp4KF 4imwmOZtHG19B+xA4cOanngI5pePAosmGhjQTFDUosFqYDYoHVZ
+ehTXGoZvj9EmqzWqNbwH 0uVSYDUo9Ks1LE+JXHDKOYvmbpLyr5fAuYAyjwIbO5Zia6kboMggtWluv
J+su9nkFvpHnoXF XbEGewOFtldZMRuKywAAAABJRU5ErkJggg==") !important;
    background-repeat: no-repeat !important;
    border: none !important;
}
 
#main-window[sizemode="normal"] > #tab-view-deck > #browser-panel:-moz-lwtheme {
    -moz-border-top-colors: rgba(0,0,0,0.20) rgba(255,255,255,0.20) !important;
}
 
#main-window[sizemode="normal"] > #tab-view-deck > #browser-panel:-moz-lwtheme:-moz-window-inactive {
    -moz-border-top-colors: rgba(204,204,204,0.60) rgba(255,255,255,0.20) !important;
}
/*--------------------------------*/
 
/*Статус панель*/
#status-bar 
{ max-height: 17px !important;
    min-height: 16px !important;
}
.statuspanel-label:-moz-lwtheme {
    background: rgba(0,127,0,0.60) !important;
    border: none !important;
    color: rgb(255,204,0) !important;
    text-shadow: 1px 1px 2px rgb(0,0,0) !important;
}
/*--------------------------------*/

avada
 
Posts: 1789
Joined: February 10th, 2008, 6:30 am
Location: Hungary

Post Posted September 26th, 2014, 1:47 pm

PEAKTOP wrote:My style for Stylish or ...chrome/userchrome.js based Classic Compact for FF29-32

Cool. Can you also decrease the size of the menubar (and the urlbar more) to something near to icon size?

PEAKTOP
 
Posts: 10
Joined: March 28th, 2011, 2:51 am

Post Posted September 26th, 2014, 5:24 pm

avada
Add following code in the style, please
Code: Select all
#urlbar {
    max-height: 18px !important; /* Maximum height of the bar */
    min-height: 10px !important;
    border: 1px solid ThreeDShadow !important;
    }
.textbox-input-box {
    margin-top: 0px !important; /* Space above the address bar */
    margin-bottom: 0px !important; /* Space underneath the address bar*/ 

}

.menubar-text {
    margin-top: -3px !important; /* space above the menu bar*/
 }

Experiment with meanings and read comments

avada
 
Posts: 1789
Joined: February 10th, 2008, 6:30 am
Location: Hungary

Post Posted September 27th, 2014, 4:18 am

PEAKTOP wrote:Experiment with meanings and read comments

Sure.

churchx
 
Posts: 5
Joined: September 13th, 2011, 6:50 pm

Post Posted September 27th, 2014, 6:14 am

I wonder if it's possible to use in stylish styles variables/settings from about:config .. so that user
can use classic compact options to set them (for example: "how compact # should be"), and style
would use that number later on to customize looks ..

Bill Lariviere
 
Posts: 1
Joined: October 6th, 2014, 3:14 pm

Post Posted October 6th, 2014, 3:25 pm

In the mean time, i've been looking around for css code to create a userChrome.css file that mimicks the CC-theme as good as possible.

The result is a copy-paste mess since i'm not a programmer, just an amateur playing with css:
Code: Select all
.searchbar-engine-image,sidebarheader,#bookmarksPanel>hbox,#sidebar-search-label,#search-box deck,#history-panel .button-text,.search-go-container,#bookmarksToolbarFolderMenu{display:none!important}
/* Toolbars & Tabs */
#nav-bar{max-height:24px!important;margin:-1px 0px -2px!important;box-shadow:none!important;padding:0px!important;border:none!important}
#urlbar,.searchbar-textbox{min-height:20px!important;max-height:20px!important;margin-top:4px!important;margin-bottom:2px!important;margin-right:1px!important;border:none!important}
#TabsToolbar{margin-top:-4px!important}
#tabbrowser-tabs,.tab-stack{min-height:24px!important;max-height:24px!important;margin-top:-2px!important;margin-bottom:0px!important;margin-left:-4px!important;padding:0px!important}
#navigator-toolbox .toolbarbutton-1{padding:2px 1px 1px!important;margin:0px;border:none}
#bookmarks-menu-button{margin:-7px 0px -6px!important}
#PanelUI-menu-button{margin:0px 0px 2px!important}
#identity-box>#page-proxy-favicon{margin:0px 2px!important}
#nav-bar-customization-target,.textbox-input-box{margin-top:-1px!important}
/* #back-button{padding:0px 2px 0px 1px!important}
#back-button>.toolbarbutton-icon{min-height:26px!important;max-width:26px!important}
New style URL-dropdown
.ac-site-icon,.ac-type-icon{margin:-2px 4px -2px 6px!important}.ac-title{margin:-4px 0px 0px!important}
.ac-action-icon{margin:0px 3px 0px -2px!important}.ac-url{margin:0px!important}
 Old style URL-dropdown */
.autocomplete-richlistitem spacer,.autocomplete-richlistitem label{display:none}
.ac-site-icon,.ac-type-icon{margin:-2px 4px -2px 6px!important}
.ac-title{margin:0px!important;max-width:360px!important}.ac-title description{font-size:11px!important}
.ac-action-icon{margin:-14px 4px 0px 400px!important}.ac-url{margin:-15px 0px 0px -1px!important}
.ac-url description{color:MenuText!important}.ac-url description[selected="true"]{color:White!important}
/* Sidebar */
#sidebar-splitter{min-width:1px!important;max-width:1px!important}
#sidebar{min-width:95px!important;max-width:300px!important;margin-top:-1px!important}
.sidebar-placesTreechildren::-moz-tree-twisty{width:0px!important;padding:0px!important}
.sidebar-placesTreechildren::-moz-tree-indentation{width:8px!important}
.sidebar-placesTree{margin-left:-10px!important}
#bookmarksPanel .sidebar-placesTreechildren{margin-top:-36px!important}
#search-box{margin:1px!important}#viewButton{margin:0px!important}#viewButton>hbox{padding:4px 5px 3px 0px!important}

/*Small Icon Mode...*/
#back-button >.toolbarbutton-icon{border-radius:0px!important;-moz-image-region:rect(0, 54px, 16px, 36px)!important;padding-top:2px!important;padding-bottom:2px!important}
#forward-button>.toolbarbutton-icon{max-height:22px!important;margin-top:1px!important}

#PanelUI-menu-button
{display: none !important}

#toolbar-menubar {
      padding: 0px !important;
      margin-top: -7px !important;
      margin-bottom: 4px !important;
      border: none !important;
      height: 25px !important;
}

#personal-bookmarks .bookmark-item[container] > .toolbarbutton-menu-dropmarker {display:none!important}

/* remove spacing between menus on menu bar */
menubar > menu {
  padding-right: 1px !important;
  padding-left: 1px !important;
}

#personal-bookmarks .bookmark-item > .toolbarbutton-icon {
 margin-left:-6px !important;
 margin-right:2px !important;
 padding:0px !important;
}

#personal-bookmarks .bookmark-item > .toolbarbutton-text {
 margin-right:-3px !important;
 padding:0px !important;
}

.tabbrowser-tab[selected="true"] {margin-top:2px!important;margin-bottom:2px!important;min-height:22px!important;max-height:22px!important;background-color:white!important}

.tab-background-end[selected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
.tab-background-start[selected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before, .tab-background-start[selected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
.tab-background-end[selected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before, .tab-background-start[selected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
.tab-background-end[selected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before, .tab-background-end[selected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
.tab-background-start[selected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before,.tab-background-start[selected=true]:-moz-locale-dir(ltr)::after,
.tab-background-end[selected=true]:-moz-locale-dir(rtl)::after,.tab-background-end[selected=true]:-moz-locale-dir(ltr)::after,
.tab-background-start[selected=true]:-moz-locale-dir(rtl)::after, .tab-background-middle[selected=true], .tab-background-middle[selected=true]:-moz-lwtheme, .tab-background-start[selected=true]:-moz-lwtheme::before,
.tab-background-end[selected=true]:-moz-lwtheme::before, #tabbrowser-tabs::before, .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]){
background-image: none !important;
background-color: transparent !important;
background-size: 100% 100%;
}

#find-field-container {min-height:24px!important;max-height:24px!important;padding:0px!important;margin:0px!important}

Frank Lion

User avatar
 
Posts: 20059
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom

Post Posted October 6th, 2014, 4:08 pm

FWIW, you guys might want to look at this thread, where you might find a few tips - viewtopic.php?f=7&t=2777255
Metal Lion latest SeaMonkey & Thunderbird Themes - Sea Monkey and Silver Sea Monkey
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted October 6th, 2014, 4:41 pm

Would you guys mind putting page breaks in your CSS? It seriously disrupts the forum to have text that requires 2000px of horizontal space. Especially considering that some of what you appear to be using data:image/PNG for could probably be done much more efficiently just by resizing the existing images.
Tip of the day: If it has "toolbar" in the name, it's crap.
What my avatar is about: https://addons.mozilla.org/en-US/seamonkey/addon/sea-fox/

avada
 
Posts: 1789
Joined: February 10th, 2008, 6:30 am
Location: Hungary

Post Posted October 7th, 2014, 4:13 am

patrickjdempsey wrote:Would you guys mind putting page breaks in your CSS? It seriously disrupts the forum to have text that requires 2000px of horizontal space. Especially considering that some of what you appear to be using data:image/PNG for could probably be done much more efficiently just by resizing the existing images.

The forum needs horizontal scrollbars for this, images, etc...

patrickjdempsey

User avatar
 
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted October 7th, 2014, 2:35 pm

Or courteous posters.
Tip of the day: If it has "toolbar" in the name, it's crap.
What my avatar is about: https://addons.mozilla.org/en-US/seamonkey/addon/sea-fox/

AMozillaGuy
 
Posts: 3
Joined: May 24th, 2014, 3:26 pm

Post Posted February 8th, 2015, 10:16 pm

Any progress or new update for the classic compact add-on to work right this time with da new FF?

JC.

Return to Theme Development


Who is online

Users browsing this forum: No registered users and 1 guest