Stylish

turbot · №1951

ffx2014
И не выйдет. Делайте через box-shadow. Пример.

Добавлено 26-03-2016 00:21:44
Либо задавайте верхнюю границу для #nav-bar

Отредактировано turbot (26-03-2016 00:21:44)

j23 · №1952

Как заголовок окна выровнять по центу?
Есть CTR, который отвечает за него. Есть его код:

скрытый текст

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

@-moz-document url(chrome://browser/content/browser.xul) {
  
    #ctraddon_titlebartitle {
      -moz-appearance: none !important;
      padding: unset !important;
      margin: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      white-space: nowrap;
      float:left;
      max-width: 1650px;
    }
    #ctraddon_titlebartitle:-moz-locale-dir(rtl) {
      float:right;
    }
    /* adjust length for different window sizes */
    @media not all and (min-width: 2000px) {
      #ctraddon_titlebartitle {
        max-width: 1650px;
      }
    }
    @media not all and (min-width: 1900px) {
      #ctraddon_titlebartitle {
        max-width: 1550px;
      }
    }
    @media not all and (min-width: 1800px) {
      #ctraddon_titlebartitle {
        max-width: 1450px;
      }
    }
    @media not all and (min-width: 1700px) {
      #ctraddon_titlebartitle {
        max-width: 1350px;
      }
    }
    @media not all and (min-width: 1600px) {
      #ctraddon_titlebartitle {
        max-width: 1250px;
      }
    }
    @media not all and (min-width: 1500px) {
      #ctraddon_titlebartitle {
        max-width: 1150px;
      }
    }
    @media not all and (min-width: 1400px) {
      #ctraddon_titlebartitle {
        max-width: 1050px;
      }
    }
    @media not all and (min-width: 1300px) {
      #ctraddon_titlebartitle {
        max-width: 950px;
      }
    }
    @media not all and (min-width: 1200px) {
      #ctraddon_titlebartitle {
        max-width: 850px;
      }
    }
    @media not all and (min-width: 1100px) {
      #ctraddon_titlebartitle {
        max-width: 750px;
      }
    }
    @media not all and (min-width: 1000px) {
      #ctraddon_titlebartitle {
        max-width: 650px;
      }
    }
    @media not all and (min-width: 900px) {
      #ctraddon_titlebartitle {
        max-width: 550px;
      }
    }
    @media not all and (min-width: 800px) {
      #ctraddon_titlebartitle {
        max-width: 450px;
      }
    }
    @media not all and (min-width: 700px) {
      #ctraddon_titlebartitle {
        max-width: 350px;
      }
    }
    @media not all and (min-width: 600px) {
      #ctraddon_titlebartitle {
        max-width: 250px;
      }
    }
    @media not all and (min-width: 500px) {
      #ctraddon_titlebartitle {
        max-width: 150px;
      }
    }
    @media not all and (min-width: 400px) {
      #ctraddon_titlebartitle {
        max-width: 50px;
      }
    }
    
    /* adjust position on Windows 10 & XP*/
    @media  (-moz-os-version: windows-xp),
            (-moz-os-version: windows-win10) {
        #ctraddon_titlebartitle {
          margin-top: -5px !important;
        }
    }

    /* make sure a visible menubar does not cause trouble */
    #main-window[tabsintitlebar]:not([inFullscreen])[sizemode="normal"] #tab-view-deck #navigator-toolbox #toolbar-menubar[inactive="true"]:not([autohide="true"]),
    #main-window[tabsintitlebar]:not([inFullscreen])[sizemode="normal"] #tab-view-deck #navigator-toolbox #toolbar-menubar[inactive="true"][autohide="false"],
    #main-window[tabsintitlebar]:not([inFullscreen])[sizemode="normal"] #tab-view-deck #navigator-toolbox #toolbar-menubar[autohide="true"]:not([inactive="true"]),
    #main-window[tabsintitlebar]:not([inFullscreen])[sizemode="normal"] #tab-view-deck #navigator-toolbox #toolbar-menubar:not([autohide="true"]),
    #main-window[tabsintitlebar]:not([inFullscreen])[sizemode="maximized"] #tab-view-deck #navigator-toolbox #toolbar-menubar[inactive="true"][autohide="false"],
    #main-window[tabsintitlebar]:not([inFullscreen])[sizemode="maximized"] #tab-view-deck #navigator-toolbox #toolbar-menubar[autohide="true"]:not([inactive="true"]),
    #main-window[tabsintitlebar]:not([inFullscreen])[sizemode="maximized"] #tab-view-deck #navigator-toolbox #toolbar-menubar:not([autohide="true"]) {
      margin-top: 24px !important;
      -moz-margin-start: 0 !important;
    }
    #main-window[tabsintitlebar][sizemode="normal"]:not([tabsontop="false"]) #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar,
    #main-window[tabsintitlebar][sizemode="normal"]:not([tabsontop="false"]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) ~ #TabsToolbar,
    #main-window[tabsintitlebar][sizemode="maximized"]:not([tabsontop="false"]) #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar,
    #main-window[tabsintitlebar][sizemode="maximized"]:not([tabsontop="false"]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) ~ #TabsToolbar{
      margin-top: 22px !important;
      -moz-margin-start: 0 !important;
    }

    /* font & text-shadow css is partly from "Firefox: Bring the Title Back userstyle" */
    #ctraddon_titlebartitle label {
      font-weight: bold !important;
      color: CaptionText !important;
    }

    #main-window:-moz-window-inactive #ctraddon_titlebartitle label {
      color: InactiveCaptionText !important;
    }
    
    #main-window:-moz-lwtheme-darktext #ctraddon_titlebartitle label,
    #main-window:-moz-window-inactive:-moz-lwtheme-darktext #ctraddon_titlebartitle label{
      color: black !important;
    }

    #main-window:-moz-lwtheme-brighttext #ctraddon_titlebartitle label,
    #main-window:-moz-window-inactive:-moz-lwtheme-brighttext #ctraddon_titlebartitle label{
      color: white !important;
    }

    @media (-moz-windows-glass) {

      #ctraddon_titlebartitle:not(:-moz-lwtheme) label {
        text-shadow:  white 7px -1px 12px, white 7px -1px 13px, white 7px -1px 14px,
                      white -7px -1px 12px, white -7px -1px 13px, white -7px -1px 14px !important;
      }

      #main-window:-moz-window-inactive #ctraddon_titlebartitle:not(:-moz-lwtheme) label {
        text-shadow:  rgba(255, 255, 255, .8) 7px -1px 12px, rgba(255, 255, 255, .8) 7px -1px 13px,
                      rgba(255, 255, 255, .8) 7px -1px 14px, rgba(255, 255, 255, .8) -7px -1px 12px,
                      rgba(255, 255, 255, .8) -7px -1px 13px, rgba(255, 255, 255, .8) -7px -1px 14px !important;
      }

    }

    @media (-moz-windows-theme: luna-blue),
           (-moz-windows-theme: luna-olive) {

      #ctraddon_titlebartitle:not(:-moz-lwtheme) label {
        text-shadow: 1px 1px rgba(0, 0, 0, .6) !important;
      }
      #main-window:-moz-window-inactive #ctraddon_titlebartitle:not(:-moz-lwtheme) label {
        text-shadow: none !important;
      }

    }

    @media  (-moz-windows-theme: luna-silver),
            (-moz-windows-theme: royale),
            (-moz-windows-theme: zune),
            (-moz-windows-theme: generic) {

        #ctraddon_titlebartitle:not(:-moz-lwtheme) label {
          text-shadow: 1px 1px rgba(0, 0, 0, .2) !important;
        }
        #main-window:-moz-window-inactive #ctraddon_titlebartitle:not(:-moz-lwtheme) label {
          text-shadow: none !important;
        }

    }

}

Подскажите, пожалуйста, что в нем нужно изменить.

turbot · №1953

j23
~~А что нужно в CTR включить, чтоб этот #ctraddon_titlebartitle появился? Что-то заплутал в настройках. Но на вскидку:~~

Нашел:

скрытый текст

Выделить код

Код:

#ctraddon_titlebartitle {
  display: -moz-box !important;
  -moz-box-align: center !important;
  -moz-box-pack: center !important;
  -moz-box-flex: 1 !important;
  width: 100vw !important;
  max-width: none !important;
}

либо

Выделить код

Код:

#ctraddon_titlebartitle {
  display: -moz-box !important;
  -moz-box-align: center !important;
  -moz-box-pack: center !important;
  -moz-box-flex: 1 !important;
  width: auto !important;
  max-width: unset !important;
}
#titlebar-spacer {
  display: none!important;
}

Отредактировано turbot (26-03-2016 01:56:30)

j23 · №1954

turbot
Большое спасибо за помощь!

sufakan · №1955

Маленький размер закладок на панели закладок
Minimize bookmark panel size and elements

Фикс монструозных закладок наверное будет полезен для ubuntu, особенно для GTK сред.
https://userstyles.org/styles/125998/mi … d-elements

Отредактировано sufakan (26-03-2016 13:01:41)

j23 · №1956

Можно ли с помощью стиля заставить сайт загружать всю страницу сразу, без подгрузки? Например, Google-Картинки. Для того, чтобы было видно - сколько еще осталось до конца страницы.

xrun1 · №1957

Раньше было так. А сейчас не знаю, влияют ли параметры на что-то... У меня остались, не жалуюсь.

Выделить код

Код:

user_pref("nglayout.initialpaint.delay", 0); // ? Этот пар-р надо создать. Начинает отрисовку страниц быстрее
user_pref("content.notify.ontimer", true); // ? Этот пар-р надо создать. Включить таймер, чтобы следующая настройка на что-то влияла
user_pref("content.notify.backoffcount", 5); // ? Этот пар-р надо создать. Таймер отрисовки, чтобы не сразу и не часто
user_pref("ui.submenuDelay", 0); // Этот пар-р надо создать. Позволяет начать загрузку страницы стразу, а не ждать пока загрузятся картинки и прочие элементы.

А про стили тут не скажу.

j23 · №1958

xrun1
Попробовал - подгрузка картинок (результатов поиска) осталась.

voqabuhe · №1959

Подскажите как изменить толщину и цвет бордюров внизу страницы, а то у меня только половина получается?

И вверху тоже самое с поисками?

wrong · №1960

voqabuhe
Так норм?

скрытый текст

Выделить код

Код:

input[type="button"], input[type="submit"], input[type="button"] {border-top: 1px solid #191919 !important; border-left: 1px solid #191919 !important}
input[type="file"], input[type="text"], input[type="password"], textarea, select, fieldset {border-bottom: 1px solid #191919 !important}

voqabuhe · №1961

wrong пишет

Так норм?

Да почти, остальное уже сообразил. Спасибо большое.

ifln · №1962

Можно ли поправить стиль Tab Bar Buttons Elements?
Нужно сделать фокус в выпадающем списке на активной вкладке .

turbot · №1963

ifln
Если вам просто выделить цветом нужно, то

Выделить код

Код:

.alltabs-item[selected='true'] {
  -moz-appearance: none !important;
  background-color: -moz-menuhover !important;
  color: -moz-menuhovertext !important;
}

А вот если вам нужно ее активной сделать, то тут стилями - никак. Для CB как-то так:

Выделить код

Код:

document.getElementById('alltabs-popup').addEventListener("popupshowing", function() {
      document.querySelector(".alltabs-item[selected='true']").setAttribute("_moz-menuactive","true");
},true);

Добавлено 29-03-2016 20:26:03
Хм, но это, активную вкладку в списке, тоже только визуально выделяет. Фокус не переходит (focus() - тоже не помогает). И если клавишами вверх-вниз по меню перемещаться, то начинается с начала списка. Спросите в теме CB, не знаю как сделать.

Отредактировано turbot (29-03-2016 20:26:03)

j23 · №1964

Не получается победить нижнюю границу активной вкладки (скрыть или сменить цвет):

скрытый текст

CTR, вкладки квадратные аустрализированные v2, вкладки не вверху.
Изменение .tabbrowser-tab[selected] ничего не дает.

turbot · №1965

j23
Не зная, чем вы такой вид сделали - гадать бессмысленно. Давайте весь стиль(и).

Про CTR не заметил, но все-равно - он таких границ не добавляет.

Отредактировано turbot (29-03-2016 21:18:31)

j23 · №1966

turbot
У меня на вкладки влияет только CTR. Stylish не участвует. Крестики и т.п. скрывал в userChrome. Но он не затрагивает границ (проверял без него).
Если не ошибаюсь, то вот код CTR на эти вкладки:

скрытый текст

Выделить код

Код:

@import url(chrome://ctraddon_os_special/skin/classictabsextra2c2.css);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

@-moz-document url(chrome://browser/content/browser.xul){

    /* main tab tweaks */
    .tab-background,
    .tab-background *,
    .tab-background *::before,
    .tab-background *::after  {
      background: unset !important;
      background-position: unset !important;
      background-repeat: unset !important;
      background-size: unset !important;
    }
    
    .tab-background-middle {
      border-left-width: 0 !important;
      border-right-width: 0 !important;
      margin: 0 !important;
    }

    #TabsToolbar:not([orient="vertical"]) .tab-background {
      -moz-margin-end: 0 !important;
      -moz-margin-start: 0 !important;
    }
    .tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
    .tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before,
    .tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
    .tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before,
    .tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
    .tab-background-end[visuallyselected=true]:-moz-lwtheme::before {
      background-image: unset !important;
    }
    .tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
    .tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before,
    .tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
    .tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
      clip-path: unset !important;
    }
    .tab-background-middle[visuallyselected=true],
    .tab-background-middle[visuallyselected=true]:-moz-lwtheme {
      background-color: unset !important;
      background-image: unset !important;
    }
    .tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
    .tab-background-end[visuallyselected=true]:-moz-lwtheme::before,
    .tab-background-middle[visuallyselected=true]:-moz-lwtheme {
      background-color: unset !important;
    }
    .tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
    .tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before ,
    .tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
    .tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before,
    .tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr)::after,
    .tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl)::after,
    .tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr)::after,
    .tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl)::after,
    .tab-background-middle[visuallyselected=true],
    .tab-background-middle[visuallyselected=true]:-moz-lwtheme,
    .tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
    .tab-background-end[visuallyselected=true]:-moz-lwtheme::before,
    .tabbrowser-tab:hover > .tab-stack > .tab-background:not([visuallyselected=true]),
    .tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content,
    #tabbrowser-tabs::before {
      background-image: none !important;
    }

    .tab-background-start::after,
    .tab-background-start::before,
    .tab-background-start[visuallyselected=true]::after,
    .tab-background-start[visuallyselected=true]::before,
    .tab-background-start,
    .tab-background-end,
    .tab-background-end::after,
    .tab-background-end::before,
    .tab-background-end[visuallyselected=true]::after,
    .tab-background-end[visuallyselected=true]::before {
      width: 0 !important;
    }

    .tab-background-start,.tab-background-end,
    .tab-background-start[visuallyselected=true]::after,
    .tab-background-end[visuallyselected=true]::after {
      -moz-margin-start: 0 !important;
    }


    .tabs-newtab-button {
      margin: unset!important;
      background: unset !important;
      width: 28px!important;
    }
    
    /* titlechanged pinned tabs */
    .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) .tab-content{
      background-size: 100% 100% !important;
      background-image: linear-gradient(hsla(0,0%,100%,.4), hsla(0,0%,75%,.4) 80%),
                        radial-gradient(circle farthest-corner at 50% 3px, rgba(255,255,255,.75) 3%, rgba(186,221,251,.55) 40%, rgba(127,179,255,.25) 80%, rgba(127,179,255,.15)) !important;
    }
    .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover .tab-content{
      background-size: 100% 100% !important;
      background-image: linear-gradient(hsla(0,0%,100%,.4), hsla(0,0%,75%,.4) 80%),
                        radial-gradient(circle farthest-corner at 50% 3px, rgba(255,255,255,1) 3%, rgba(186,221,251,.75) 40%, rgba(127,179,255,.5) 80%, rgba(127,179,255,.25)) !important;
    }

    /* tab borders */
    .tabs-newtab-button,
    .tabbrowser-tab:not(:-moz-lwtheme):not([selected]) .tab-content {
      border-top: 1px solid transparent !important;
      border-left: 1px solid transparent !important; 
      border-right: 1px solid transparent !important;
    }
    .tabs-newtab-button:hover,
    .tabbrowser-tab:not(:-moz-lwtheme):not([selected]):hover .tab-content {
      border-top: 1px solid rgba(0,0,0,.2) !important;
      border-left: 1px solid rgba(0,0,0,.2) !important; 
      border-right: 1px solid rgba(0,0,0,.2) !important;
    }
    .tabbrowser-tab:not(:-moz-lwtheme)[selected] .tab-content {
      box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.3), 1px 0px 0px 0px rgba(0,0,0,0.3),-1px 0px 0px 0px rgba(0,0,0,0.3) !important;
    }
    .tabs-newtab-button[selected]:-moz-lwtheme-darktext ,
    .tabbrowser-tab[selected] .tab-content:-moz-lwtheme-darktext {
      border-top: 1px solid rgba(0,0,0,.2) !important;
      border-left: 1px solid rgba(0,0,0,.2) !important; 
      border-right: 1px solid rgba(0,0,0,.2) !important; 
    }
    .tabs-newtab-button[selected]:-moz-lwtheme-brighttext ,
    .tabbrowser-tab[selected] .tab-content:-moz-lwtheme-brighttext {
      border-top: 1px solid rgba(255,255,255,.6) !important;
      border-left: 1px solid rgba(255,255,255,.2) !important; 
      border-right: 1px solid rgba(255,255,255,.2) !important; 
    }
    .tabs-newtab-button:hover:-moz-lwtheme-darktext ,
    .tabbrowser-tab:hover .tab-content:-moz-lwtheme-darktext {
      border-top: 1px solid rgba(0,0,0,.2) !important;
      border-left: 1px solid rgba(0,0,0,.2) !important; 
      border-right: 1px solid rgba(0,0,0,.2) !important; 
    }
    .tabs-newtab-button:hover:-moz-lwtheme-brighttext ,
    .tabbrowser-tab:hover .tab-content:-moz-lwtheme-brighttext {
      border-top: 1px solid rgba(255,255,255,.6) !important;
      border-left: 1px solid rgba(255,255,255,.2) !important; 
      border-right: 1px solid rgba(255,255,255,.2) !important; 
    }

    .tabs-newtab-button:not([selected]):not(:hover):-moz-lwtheme-darktext ,
    .tabbrowser-tab:not([selected]):not(:hover) .tab-content:-moz-lwtheme-darktext,
    .tabs-newtab-button:not([selected]):not(:hover):-moz-lwtheme-brighttext ,
    .tabbrowser-tab:not([selected]):not(:hover) .tab-content:-moz-lwtheme-brighttext {
      border-top: 1px solid rgba(255,255,255,.0) !important;
      border-left: 1px solid rgba(255,255,255,.0) !important; 
      border-right: 1px solid rgba(255,255,255,.0) !important; 
    }

    .tabs-newtab-button,
    .tabbrowser-tab .tab-background-middle,
    .tabbrowser-tab .tab-content,
    .tabbrowser-tab {
      border-top-left-radius: 3px !important;
      border-top-right-radius: 3px !important;
    }

    /* Tab separators */
    #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-image: none !important;
      background-color: unset !important;
    }

    /* tab image, throbber, close button position*/
    #TabsToolbar .tabbrowser-tab:not([pinned]) .tab-close-button{
      -moz-margin-end: -7px !important;
    }

    /* Tabs Toolbar */
    /*.tab-background-start[visuallyselected=true]::after,
    .tab-background-start[visuallyselected=true]::before,
    .tab-background-start,
    .tab-background-end,
    .tab-background-end[visuallyselected=true]::after,
    .tab-background-end[visuallyselected=true]::before,*/
    #tabbrowser-tabs{
      min-height: 0px !important;
    }

    #TabsToolbar:not(:-moz-lwtheme)::after,
    #TabsToolbar:not(:-moz-lwtheme)::before {
      box-shadow: none !important;
    }
    #tabbrowser-tabs .tabbrowser-arrowscrollbox .arrowscrollbox-overflow-start-indicator,
    #tabbrowser-tabs .tabbrowser-arrowscrollbox .arrowscrollbox-overflow-end-indicator {
      background-image: none !important;
    }
    
    #TabsToolbar{
      background-image: none !important;
      background: none !important;
      min-height: 0px !important;
    }
    
    #TabsToolbar toolbarbutton:not(.tabs-newtab-button){
      position:absolute !important;
    }
    /* TabUtilities fix*/
    #TabsToolbar #PinnedTabsBar toolbarbutton:not(.tabs-newtab-button){
      position:unset !important;
    }

    /* Pinned tabs & TabMixPlus/TabUtilities locked/protected tabs support */    
    .tabbrowser-tab:not([pinned]) .tab-close-button{
      -moz-margin-end:-5px !important;
      -moz-margin-start:0px !important;
    }
    .tabbrowser-tab:not([pinned]):not([locked]) .tab-throbber,
    .tabbrowser-tab:not([pinned]) .tab-icon-image{
      -moz-margin-start:-3px !important;
      -moz-margin-end:3px !important;
    }
    .tabbrowser-tab:not([pinned])[locked] .tab-throbber{
      -moz-margin-start:-3px !important;
      -moz-margin-end:-13px !important;
    }
  
     .tabbrowser-tab[pinned]:not([locked]):not([pinned]) image{
      -moz-margin-start:0px !important;
    }
    
    /* pinned tabs fix (Fx38+) */
    #main-window[fx38plus="true"] #TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-content[pinned] {
      -moz-padding-end: 0px !important;
    }

    /**/
    #TabsToolbar #ctraddon_appbutton{
      margin-bottom:-1px !important;
    }
    
    /* remove ridiculous clipping */
    #main-window[tabsintitlebar]:not([sizemode="maximized"]):not([inFullscreen]) #toolbar-menubar:-moz-any([autohide="true"][inactive],:not([autohide])) + #TabsToolbar .tab-background-middle:not([selected=true]) {
      clip-path: none !important;
    }
    
    /* fix crash icons position */
    .tabbrowser-tab[crashed] .tab-icon-overlay {
      margin-top:0px !important;
    }
    
    /* TMP support */
    .tab-stack .tab-progress-container{
      -moz-box-ordinal-group:2 !important;
    }
    .tab-stack .tab-content {
      -moz-box-ordinal-group:1 !important;
    }
    /* TMP progress tweak */
    #main-window[tabmix_lwt="true"] .tabbrowser-tab progressmeter.tab-progress,
    #main-window[tabmix_lwt="false"] .tabbrowser-tab progressmeter.tab-progress {
      margin-top: 2.5px !important;
      height: 3px !important;
    }

    /* ColorfulTabs tweak*/
    #main-window[colorfultabs="true"] #TabsToolbar .tabbrowser-tab{
      border-top:0 !important;
      border-left:0 !important;
      border-right:0 !important;
    }
    
    /*Faviconise tab add-on */
    #tabbrowser-tabs .tabbrowser-tab[faviconized="true"] .tab-icon-image{
      -moz-margin-start:2px !important;
      -moz-margin-end:1px !important;
    }
}

@-moz-document url(chrome://classic_theme_restorer/content/options.xul) {
    #ctraddon_ccap_t_squared2{
      visibility: visible !important;
    }
    
    #ctraddon_ccap_t_default{
      visibility: collapse !important;
    }
}

turbot · №1967

А, это вы маркером выделили. :lol:

Тогда

Выделить код

Код:

#main-window #navigator-toolbox::after {
        display: none!important;
    }

Добавлено 29-03-2016 21:51:54
P.S: если при этом хотите веррнуть границу остальным вкладкам, то

Выделить код

Код:

#main-window[defaultfxtheme="true"][fx32plus="true"][tabsontop="false"] #TabsToolbar:not(:-moz-lwtheme){
    box-shadow: 0 -1px 0 rgba(23, 51, 78, 0.25)inset!important;
}

Отредактировано turbot (29-03-2016 21:51:54)

j23 · №1968

turbot
Огромное Спасибо! В очередной раз выручаете!

P.S.: А при этом можно добавить исключение для состояния, когда открыта одна вкладка и панель вкладок прячется? Потому что, к сожалению, панель инструментов без панели вкладок теряет нижнюю границу.
(Перед вопросом тщетно пытался сделать это сам ).

Отредактировано j23 (29-03-2016 23:32:23)

mechnikoff · №1969

Народ подскажите плиз стили

1. Для скрытия разделителей?

скрытый текст

2. Изменение цвета границы кнопок Вперед-Назад (к примеру красный)?

скрытый текст

3. В поисковом баре сделать постоянно видимую стрелку Переход?

Отредактировано mechnikoff (30-03-2016 21:57:40)

turbot · №1970

j23 пишет

P.S.: А при этом можно добавить исключение для состояния, когда открыта одна вкладка и панель вкладок прячется? Потому что, к сожалению, панель инструментов без панели вкладок теряет нижнюю границу.

Я не понял, дайте скрин. Но маловероятно.

mechnikoff
1-2 Можно. DOM Inspector + Custom Buttons + кнопка Attributes Inspector.
Нажимаете кнопку Attributes Inspector'a, подсвечиваете нужный элемент, нажимаете ctrl + I или кликаете СКМ, в открывшемся окне DOM Inspector'а смотрите селектор нужного элемента/примененные к нему стили и т.д.
По css-свойствам здесь и здесь читайте. У кнопки "назад", насколько помню, границв тенями сделаны. Т.е. с box-shadow, а не border.

3 - наверное можно. Так - точно можно.

Либо завтра могу глянуть.

j23 · №1971

turbot

скрытый текст

1 - до (тень есть)
2 - после

turbot · №1972

j23
Все равно не понял. Чем и что прячется? Куда? Зачем? В любом случае, только завтра гляну, ибо слегка, совсем чуть-чуть, пьян в стельку. Но информация лишней в любом случае не будет.

Отредактировано turbot (31-03-2016 00:32:13)

j23 · №1973

turbot
Короче, при единственной открытой вкладке панель вкладок скрывается (есть такая опция). Ну и стиль захватывает нижнюю границу панели инструментов (рис. 2).
Код CTR для опции Hide Tabbar With One Tab:

скрытый текст

Выделить код

Код:

#main-window[inDOMFullscreen] #TabsToolbar, 
#navigator-toolbox[collapsed="true"] #TabsToolbar {visibility: collapse !important;}

turbot · №1974

j23

Выделить код

Код:

#main-window[defaultfxtheme="true"][fx32plus="true"][tabsontop="false"] #TabsToolbar[style="visibility: collapse;"]:not(:-moz-lwtheme) ~ #PersonalToolbar,
#main-window[defaultfxtheme="true"][fx32plus="true"][tabsontop="false"] #TabsToolbar[style="visibility: collapse;"]:not(:-moz-lwtheme) + #nav-bar:not(:-moz-lwtheme) {
    box-shadow: 0 -1px 0 rgba(23, 51, 78, 0.25)inset!important;
}

Отредактировано turbot (31-03-2016 01:02:02)

j23 · №1975

turbot
Спасибо! Теперь всё чинно :beer:

Полезная информация

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Код:

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Код:

Код:

Re: Stylish

Re: Stylish

Re: Stylish

Re: Stylish

Re: Stylish

Re: Stylish

Код:

Re: Stylish

Код:

Re: Stylish

Board footer