gyra Цитата: Пробуйте...
Спасибо большое, то что нужно
Еще есть пара багов, вдруг тоже сможете пофиксить:
- перенос мышкой незакрепленной вкладки (обычной, влево/вправо), она глючит как-то (дергается).
- если закрепить вкладки посреди других вкладок, то она сначала расширяется на всю длину браузера, а потом скукоживается в нормальный (закрепленный) вид.
- если открыть новую вкладку, то цвет самой вкладки как бы выходит слегка за кнопку +, потом встает на место как и должно быть..
- когда число вкладок дорастает до момента повяления прокрутки, закрепленные вкладки перерисовываются коряво.
Вероятно это из-за анимации, но хз. Если из-за нее, то как сделать "более оригинальную (т.е. как в самом ФФ у дефолтной темы)" анимацию и чтобы не глючила?
upd: убрал анимацию, глюки вроде пропали...
Вот текущий стиль (где-то менял цвет, где-то отступы)
[more=код]
Код: /* Original: Better Modern Square Tabs for Firefox Australis
https://userstyles.org/styles/121229/better-modern-square-tabs-for-firefox-australis.css исправленный, доработанный */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#TabsToolbar {
background: transparent !important;
margin-bottom: 0 !important;
}
#TabsToolbar .arrowscrollbox-scrollbox {
padding: 0 !important;
}
#TabsToolbar .tabbrowser-tabs {
min-height: 30px !important;
margin-top: -1px !important;
margin-left: -1px !important;
}
/* фикс начало
http://forum.ru-board.com/topic.cgi?forum=5&topic=47889&start=1021&limit=1&m=1#1 http://forum.ru-board.com/topic.cgi?forum=5&topic=47889&start=1020#3 */
#TabsToolbar .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: 30px !important;
padding-top: 6px !important;
}
#TabsToolbar .tabbrowser-tab[pinned] {
-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,.2) !important;
border-width: 2px 0px 0px 1px !important;
text-shadow: 0 0 4px rgba(255,255,255,.75) !important;
background: rgba(255,255,255,.45) !important;
background-clip: padding-box !important;
transition: all .2s !important; /* мое, анимация закрепления вкладки */
}
/* фикс конец */
/* #TabsToolbar .tabbrowser-tab { это из оригинала строчка*/
#TabsToolbar .tabbrowser-tab:not([pinned]) { /* а это фикс */
-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,.2) !important;
border-width: 2px 0px 0px 1px !important; /* 1px 0px 0px 1px def сверху над табами полоска */
text-shadow: 0 0 4px rgba(255,255,255,.75) !important;
padding: 0px 0px !important;
background: rgba(255,255,255,.45) !important;
background-clip: padding-box !important;
transition: all .2s !important; /* def .4s */
margin-left: 0px !important;
}
#TabsToolbar .tabs-newtab-button {
-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,.2) !important;
text-shadow: 0 0 4px rgba(255,255,255,.75) !important;
background: rgba(255,255,255,.20) !important;
background-clip: padding-box !important;
transition: all .11s !important;
}
#TabsToolbar .tabbrowser-tab[first-tab][last-tab],
#TabsToolbar .tabbrowser-tab[last-visible-tab] {
border-right-width: 0px !important; /* 1px def это слева от вкладки 1 пиксель, поставил 0, внизу там добавил к кнопке + 1 пикс*/
}
#TabsToolbar .tabbrowser-tab[afterselected] {
border-left-color: rgba(0,0,0,.25) !important;
}
#TabsToolbar .tabbrowser-tab[selected] {
color: rgba(0,0,0,1) !important;
background: #eeeeee !important; /* CDCDCD*/
background-clip: padding-box !important;
border-color: rgba(0,0,0,.25) !important;
}
#TabsToolbar .tabs-newtab-button:hover,
#TabsToolbar .tabbrowser-tab:hover:not([selected]) {
border-color: rgba(0,0,0,.2) !important;
background-color: rgba(255,255,255,.55) !important;
}
#TabsToolbar .tab-background {
margin: 0 !important;
background: transparent !important;
}
#TabsToolbar .tab-background-start,
#TabsToolbar .tab-background-end {
display: none !important;
}
#TabsToolbar .tab-background-middle {
margin: -4px -2px !important;
background: transparent !important;
}
#TabsToolbar .tabbrowser-tab:after,
#TabsToolbar .tabbrowser-tab:before {
display: none !important;
}
#TabsToolbar .tabs-newtab-button {
border-width: 2px 1px 0 1px !important; /* 1px 1px 0 0px def*/
margin: 0 !important;
width: auto !important;
padding: 0 5px !important;
}
#addon-bar,
#PersonalToolbar,
#nav-bar {
background: #eeeeee !important; /* CDCDCD*/
box-shadow: none !important;
background-clip: padding-box !important;
border-color: rgba(0,0,0,.25) !important;
border-radius: 0 !important;
}
