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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№155111-05-2015 16:27:35

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 40.0

Re: Stylish

maxim puiu

скрытый текст
1. Я там сделал комментарий, что убрать, если нижняя граница нужна.
2. http://htmlbook.ru/css
3. Замените последнюю секцию, ту что с .close-icon начинается, на:

Выделить код

Код:

.tabbrowser-tab[selected="true"] .tab-close-button,
.tabbrowser-tab[selected="true"] .tab-close-button:hover,
.tabbrowser-tab[selected="true"] .tab-close-button:hover:active  {
  list-style-image: url("chrome://global/skin/icons/close.png") !important; 
  -moz-image-region: rect(0, 16px, 16px, 0) !important;
}
.tabbrowser-tab:not([selected="true"]) .tab-close-button{
  -moz-image-region: rect(0px,64px,16px,48px) !important;
  opacity: 0!important;
}
.tabbrowser-tab:not([selected="true"]) .tab-close-button:hover{
  -moz-image-region: rect(0px,64px,16px,48px) !important;
  opacity: .8!important;
}
.tabbrowser-tab:not([selected="true"]) .tab-close-button:hover:active  {
  -moz-image-region: rect(0px,64px,16px,48px) !important;
  opacity: 1!important;
}

либо:

Выделить код

Код:

.tabbrowser-tab[selected="true"] .tab-close-button,
.tabbrowser-tab[selected="true"] .tab-close-button:hover,
.tabbrowser-tab[selected="true"] .tab-close-button:hover:active  {
  list-style-image: url("chrome://global/skin/icons/close.png") !important; 
  -moz-image-region: rect(0, 16px, 16px, 0) !important;
}
.tabbrowser-tab:not([selected="true"]) .tab-close-button{
  -moz-image-region: rect(0px,64px,16px,48px) !important;
  opacity: 0!important;
}
.tabbrowser-tab:not([selected="true"]):hover .tab-close-button{
  -moz-image-region: rect(0px,64px,16px,48px) !important;
  opacity: 1!important;
}

либо, удалите из того полностью, и вот отдельный стиль - комбинированные кнопки закрытия/фавиконки вкладок:

Выделить код

Код:

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

.tabbrowser-tab[selected="true"] .tab-close-button,
.tabbrowser-tab[selected="true"] .tab-close-button:hover,
.tabbrowser-tab[selected="true"] .tab-close-button:hover:active  {
  list-style-image: url("chrome://global/skin/icons/close.png") !important; 
  -moz-image-region: rect(0, 16px, 16px, 0) !important;
}
.tabbrowser-tab:not([selected="true"]) .tab-close-button,
.tabbrowser-tab:not([selected="true"]) .tab-close-button:hover,
.tabbrowser-tab:not([selected="true"]) .tab-close-button:hover:active  {
  -moz-image-region: rect(0px,64px,16px,48px) !important;
}
    .tabbrowser-tab .tab-close-button {
      display: none !important;
    }
    .tabbrowser-tab:not([pinned]):hover .tab-close-button.always-right {
      display: none !important;
    }
    .tabbrowser-tab:not([pinned]):hover .tab-close-button {
      display: -moz-box !important; 
      -moz-box-ordinal-group: 1 !important; 
      visibility: visible !important; 
      margin-left: 0px !important; 
      margin-right:4px !important;
    }
    .tabbrowser-tab:not([pinned]):hover .tab-close-button.always-left {
      display: -moz-box !important; 
      margin-left: 0px !important; 
      margin-right:4px !important;
    }
    .tabbrowser-tab:not([pinned]) .tab-throbber { 
      -moz-box-ordinal-group: 3 !important; 
      margin-left: 0px !important; 
      margin-right:4px !important;
    }
    .tabbrowser-tab:not([pinned]) .tab-icon-image { 
      -moz-box-ordinal-group: 2 !important; 
      margin-left: 0px !important; 
      margin-right:4px !important;
    }
    .tabbrowser-tab:not([pinned]) .tab-text { 
      -moz-box-ordinal-group: 4 !important; 
      margin-left: 0px !important; 
      margin-right:0px !important;
    }
    .tabbrowser-tab:not([pinned]):hover .tab-icon-image {
      display: none !important;
      visibility: collapse !important;
    }
    .tabbrowser-tab:not([pinned]):hover .tab-throbber,
    .tabbrowser-tab:not([pinned]):hover .tab-lock-icon,
    .tabbrowser-tab:not([pinned]):hover .tab-reload-icon {
      display: none !important;
    }
    .tabbrowser-tab:not([pinned]) .tab-reload-icon,
    .tabbrowser-tab:not([pinned]) .tab-protect-icon,
    .tabbrowser-tab:not([pinned]) .tab-lock-icon {
      -moz-box-ordinal-group: 2 !important;
    }
    .tabbrowser-tab:not([pinned]):hover .tab-protect-icon {
      margin-left:-19px !important;
    }

Отсутствует

 

№155211-05-2015 18:30:52

maxim puiu
 
Группа: Guest
UA: Firefox 37.0

Re: Stylish

turbot

скрытый текст
на кнопки закрытия второй код подошел, но необходимо, чтобы на активной вкладке (белой) кнопка изначально, также, не была видна. пробовал сам подправить, но никак не выходит. просьба помочь. с закрепленными вкладками пока ковыряюсь, чтоб не схлопывались. может border'ом попробовать? думаю, что ты знаешь, как это сделать, но хочешь, чтобы я сам додумался ;)

Отредактировано maxim puiu (11-05-2015 18:31:28)

 

№155311-05-2015 18:50:17

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 40.0

Re: Stylish

maxim puiu
Удалите :not([selected="true"])

Отсутствует

 

№155411-05-2015 19:12:08

maxim puiu
 
Группа: Guest
UA: Firefox 37.0

Re: Stylish

turbot

скрытый текст
так?

Выделить код

Код:

.tabbrowser-tab[selected="true"] .tab-close-button,
.tabbrowser-tab[selected="true"] .tab-close-button:hover,
.tabbrowser-tab[selected="true"] .tab-close-button:hover:active  {
  list-style-image: url("chrome://global/skin/icons/close.png") !important; 
  -moz-image-region: rect(0, 16px, 16px, 0) !important;
}
.tabbrowser-tab: .tab-close-button{
  -moz-image-region: rect(0px,64px,16px,48px) !important;
  opacity: 0!important;
}
.tabbrowser-tab: hover .tab-close-button{
  -moz-image-region: rect(0px,64px,16px,48px) !important;
  opacity: 1!important;
}

или так?

Выделить код

Код:

.tabbrowser-tab[selected="true"] .tab-close-button,
.tabbrowser-tab[selected="true"] .tab-close-button:hover,
.tabbrowser-tab[selected="true"] .tab-close-button:hover:active  {
  list-style-image: url("chrome://global/skin/icons/close.png") !important; 
  -moz-image-region: rect(0, 16px, 16px, 0) !important;
}

Отредактировано maxim puiu (11-05-2015 19:50:22)

 

№155511-05-2015 20:34:23

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 40.0

Re: Stylish

maxim puiu пишет

чтоб не схлопывались

Сделал костыль (значок тоже):

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

Выделить код

Код:

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

/*Tabs*/
#TabsToolbar {
    background: transparent !important;
    margin-bottom: 0 !important;
    padding-left: 0px!important;
}
#TabsToolbar .arrowscrollbox-scrollbox {
    padding: 0!important;
}
/* ширина и минимальна ширина вкладок */
#TabsToolbar .tabbrowser-tab:not([pinned])  {
    min-width: 210px !important;
    width: 210px !important;
}
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab{
    background: rgba(0,0,0,1) !important; /* цвет вкладок */
    transition: all .1s;
    color: rgb(255,255,255) !important;
    border: 1px solid rgba(0,0,0,1) !important;
    background-clip: padding-box!important;
    margin-top: 1px !important;
}
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab:not([pinned]){
    margin: 1px !important;
}
#TabsToolbar .tabbrowser-tab .tab-background-middle  {
    height: 29px!important;
}
#TabsToolbar .tabbrowser-tabs:not([positionpinnedtabs]) > .tabbrowser-tab[pinned]{
    margin-right: 2px!important; /*отступ у закрепленной вкладки (но, как уже написал, будет схлопываться, при появлении прокрутки)*/
}

/* костыли для написанного выше --> */
#TabsToolbar .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  background-color: transparent!important;
  background-image: linear-gradient(black,black), linear-gradient(transparent,transparent)!important;
  background-position: right bottom,right bottom!important;
  background-size: calc(100% - 2px) 100%, 2px 100%!important;
  background-clip: border-box!important;
  background-attachment: scroll!important;
  background-repeat: no-repeat!important;
  border: transparent!important;
  padding-bottom: 2px!important;
}
#TabsToolbar .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned][selected] {
  background-image: linear-gradient(black,black),linear-gradient(black,black),linear-gradient(black,black),linear-gradient(black,black),linear-gradient(white,white), linear-gradient(transparent,transparent)!important;
  background-position: 2px bottom,right top,right bottom,right bottom,right bottom,right bottom!important;
  background-size: 1px 100%, calc(100% - 2px) 1px, 1px 100%, calc(100% - 2px) 1px, calc(100% - 2px) 100%, 2px 100%!important;
}
#TabsToolbar .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] .tab-content image {
  margin-left: 2px!important;
}
/* <-- костыли для написанного выше */

#TabsToolbar .tabbrowser-tab[selected]{
    background: #ffffff !important; /* цвет активной вкладки */
    color: rgb(0,0,0) !important; /* цвет текста активной вкладки */
 /*     border-bottom-color: transparent !important; */
}
#TabsToolbar .tab-background{
    background: none !important;
    margin: 0!important;
}
#TabsToolbar .tab-background-start,
#TabsToolbar .tab-background-end{
    display: none !important;
}
#TabsToolbar .tab-background-middle{
    background: none !important;
    margin: 0!important;
    border: none !important;
}
#TabsToolbar .tabbrowser-tab:after,
#TabsToolbar .tabbrowser-tab:before{
    display: none !important;
}
#TabsToolbar .tabs-newtab-button{
    width: auto !important;
    padding: 0 7px !important;
    margin: 1px !important;
}
/*Toolbar*/
#addon-bar,
#PersonalToolbar,
#nav-bar{
    background: #f8f8f8 !important;
    background-clip: padding-box !important;
    border-color: rgba(255,255,255,1) !important;
    border-radius: 0 !important;
    padding: 0px 0px 0px 1px !important;
}
#nav-bar{
    padding-right: 3px;
}
#main-window #navigator-toolbox:after {
    border-radius: 0 !important;
    height: 0px !important;
    background: #cccccc !important;
}
#customizableui-special-separator2{
    display: none !important;
}
#nav-bar-customization-target{
    margin-right: 3px !important;
    padding-right: 3px !important;
}
/*Urlbar*/
#urlbar{
    background: rgba(255,255,255,1) !important;
    border-color: rgba(0,0,0,1) !important;
    border-width: 1px 1px 1px 1px !important;
    border-left: 2px solid rgba(0,0,0,1) !important;
    color: rgb(0,0,0) !important;
    margin-right: -1px !important;
    padding: 0 4px 0 6px !important;
}
#searchbar > .searchbar-textbox{
    background: rgba(255,255,255,1) !important;
    border-color: rgba(0,0,0,1) !important;
    border-width: 1px 1px 1px 1px !important;
    color: rgb(0,0,0) !important;
}
/*Stop, Go, Reload*/
#urlbar-go-button,
#urlbar-reload-button,
#urlbar-stop-button{
    border-left: 0px solid rgba(23, 51, 78, 0.3) !important;
    padding: 0 4px 0 6px !important;
    margin: 4px 0 !important;
}
/*Buttons*/
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-text,
#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  background: #e3e3e3 !important;
  border-color: rgba(0,0,0,.09) !important;
}
#nav-bar .toolbarbutton-1:not([disabled="true"]):hover:active > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled="true"]):hover:active > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled="true"]):hover:active > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  background: #dddddd !important;
  border-color: rgba(0,0,0,.09) !important;
  box-shadow: 0 2px 2px -2px rgba(0,0,0,.2) inset !important;
}
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-text,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  background: #177ee5 !important;
  border-color: rgba(0,0,0,.09) !important;
  box-shadow: 0 3px 3px -3px rgba(0,0,0,.3) inset !important;
}
#nav-bar  #back-button{
  margin-right: -1px !important;
}
#nav-bar  #back-button > .toolbarbutton-icon {
  border-radius: 10000px !important;
  padding: 5px !important;
  border: 1px solid rgba(23, 51, 78, 0.3) !important;
  background: transparent !important;
  transition-property: background-color, box-shadow !important;
}
#nav-bar  #back-button:not([disabled="true"]):hover > .toolbarbutton-icon {
  background: #e3e3e3 !important;
}

/*Body*/
#browser-border-start,
#browser-border-end{
    background-color: rgba(0,0,0,.25) !important;
}
#PanelUI-button{
    background-image: none!important; /* скрыть сепаратор меню */
}
#main-window[sizemode="normal"] #TabsToolbar {
    margin-top:5px !important; /* отступ в оконном режиме */
}
#main-window[sizemode="maximized"] #TabsToolbar {
    margin-top:0px !important; /* отступ в развернутом виде */
}
#main-window[sizemode="normal"] #titlebar-placeholder-on-TabsToolbar-for-captions-buttons{
    -moz-margin-start: 0px !important;
}
#main-window[sizemode="maximized"] #titlebar-placeholder-on-TabsToolbar-for-captions-buttons{
    -moz-margin-start: 2px !important;
}

.tabbrowser-tab[selected="true"] .tab-close-button,
.tabbrowser-tab[selected="true"] .tab-close-button:hover,
.tabbrowser-tab[selected="true"] .tab-close-button:hover:active  {
  list-style-image: url("chrome://global/skin/icons/close.png") !important; 
  -moz-image-region: rect(0, 16px, 16px, 0) !important;
}
.tabbrowser-tab .tab-close-button{
  -moz-image-region: rect(0px,64px,16px,48px) !important;
  opacity: 0!important;
  visibility: collapse!important; /* уберите строку, если не хотите, чтобы, при скрытии значка закрытия, его место схлопывалось */
  transition: visibility .3s ease-in-out 0s, opacity .3s ease-in-out 0s!important; /* уберите строку, если не нужна задержка анимации скрытия/появления*/
}
.tabbrowser-tab:hover .tab-close-button{
  visibility: visible!important; /* уберите строку, если не хотите, чтобы, при скрытии значка закрытия, его место схлопывалось */
  opacity: 1!important;
}

Отсутствует

 

№155611-05-2015 21:44:14

maxim puiu
 
Группа: Guest
UA: Firefox 37.0

Re: Stylish

turbot
здорово получилось. кнопки закрытия работают нормально. есть разхождения в закрепленных вкладках когда они с панелью прокрутки вкладок и без

с панелью прокрутки вкладок все более-менее ровно
bb299da0418cb46d6299b0b540dff4f1.png

без панели прокрутки вкладок закрепленные вкладки как-то разъезжаются (не заподлицо :()
c9a299e0b9fa7c0e28ea67b92cfefdbf.png

Отредактировано maxim puiu (11-05-2015 21:47:34)

 

№155711-05-2015 22:39:11

KOT040188
Участник
 
Группа: Members
Зарегистрирован: 07-11-2012
Сообщений: 425
UA: Firefox 37.0

Re: Stylish

На первой картинке я просто набираю в поле поиска запрос, и всё вокруг белеет, в том числе и полоса под полем. Как это исправить?

скрытый текст
%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2015_05_08_20_40_31.png

Здесь хотелось бы нажатую кнопку (с жёлтой каймой) сделать как в оригинале жёлтой:
скрытый текст
%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2015_05_08_20_14_08.png

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

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("yandex.by") {

#bodyContainer,searchbox,.input__box::before {
  background: transparent !important;
}
:-moz-any(tr,span:not([class="video-thumb__duration"]),iframe,tbody,p,ol,li,ul,hr,center,td:not([class*="search"]),body,
div):not(:-moz-any([class*="input__found"],[class="video-thumb__hover"], [class*="b-500px"], [class*="button"], [class*="label"], [class*="zoom"], .preview__void, [class*="zoom"], [class*="arrow"], [class^="spinner"], [style*="color"], [class*='serp-item'], [class^="sizes"])) {
  background-color: #555555 !important; 
  color: #999999 !important;
} 
.serp-item_layout_horizontal,.island {
  background-color: #555555 !important; 
  color: #999999 !important;
}
.header_separator_no .header__under::after,.input__box::after,.advanced-search,[class*="button_theme"]:not([class*="suggest2-form__button"])::before {
  background-image: none !important; 
  background-color: transparent !important; 
  color: #999999 !important;
}
.button_checked_yes:not(.button_pressed_yes)::before {
    background-color: rgb(255, 235, 160) !important;
}
.input__clear, .input__box  {
  box-shadow: none!important;
  background-color: #cccccc !important;
}
.input__box *:not(.input__clear)  {
  margin-top: -0.5px!important;
}
.cbir-logo {
  background: transparent !important;
  border-color: transparent!important;
}
.arrow__corner::before, .header__search_slim_yes .arrow__corner::after {
  border-color: #555555 #555555 #555555 transparent!important;
}
a:not([style*="color"]):not([style*="background"]):not([class*="button"]), th, h1, h2, h3, h4,.more__button {
  background-color: transparent !important
}
table {
  background-color: transparent !important; 
  border-color: #72addf !important;
  border-radius: 6px !important;
  color: transparent !important;
}
[class*="advanced-search__input"] {
  border: 1px solid #333333 !important;
}

FORM:not([role="search"]) *:not(:-moz-any([name="q"],[type="submit"],[type*="button"], img, [title="Firefox Start"], [class*="input"], [class*="icon"])):not([class*="arrow"]) {
  background: transparent !important;
  color: #999999 !important;
} 
INPUT {
  color: #ffffff !important;
}

                                      /*цвет ссылок*/
a:link, .link, a font[color], #results-bar p, .suggestion-title { 
  text-decoration: underline!important;
  color: white !important; 
}
a:visited { 
  color: #999999 !important; 
}                                             
a:hover, a span:hover{
  color: #ff0000 !important; 
}
                                     /*цвет текста*/
span, dd { 
  color: #999999 !important;
}
 .favicon {
padding-right: 0 !important; 
}
.suggest2__content {
  width: 100% !important;
}
.radio-button__radio:after {
  display: none !important;
}
.favicon {
    z-index: 10002 !important;
}
}

Отредактировано KOT040188 (11-05-2015 22:41:00)


Вы думаете у котов лёгкая жизнь? А вы попробуйте целый день лизать меховую шапку!

Отсутствует

 

№155811-05-2015 23:00:58

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 40.0

Re: Stylish

maxim puiu
Держите, очередная порция костылей и затычек:

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

Выделить код

Код:

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

/*Tabs*/
#TabsToolbar {
    background: transparent !important;
    margin-bottom: 0 !important;
    padding: 0!important;
}
#TabsToolbar .arrowscrollbox-scrollbox {
    padding: 0!important;
}
#main-window[sizemode='maximized'] #TabsToolbar .tabbrowser-tabs:not([positionpinnedtabs]) .arrowscrollbox-scrollbox {
    padding-left: 1px!important; /* <-- костыль для костылей */
}
#main-window[sizemode='normal'] #TabsToolbar .tabbrowser-tabs[positionpinnedtabs] .arrowscrollbox-scrollbox {
    margin-left: -2px!important; /* <-- костыль для костыля костылей */
} 
/* ширина и минимальна ширина вкладок */
#TabsToolbar .tabbrowser-tab:not([pinned])  {
    min-width: 210px !important;
    width: 210px !important;
}
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab{
    background: rgba(0,0,0,1) !important; /* цвет вкладок */
    transition: all .1s;
    color: rgb(255,255,255) !important;
    border: 1px solid rgba(0,0,0,1) !important;
    background-clip: padding-box!important;
    margin-top: 1px !important;
}
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab:not([pinned]){
    margin: 1px !important;
}
#TabsToolbar .tabbrowser-tab .tab-background-middle  {
    height: 29px!important;
}
#TabsToolbar .tabbrowser-tabs > .tabbrowser-tab[pinned]{
    margin-top: 1px!important; /* затычка */
    margin-right: 1.5px!important; /*отступ у закрепленной вкладки (но, как уже написал, будет схлопываться, при появлении прокрутки)*/
    margin-bottom: 1px!important;  /* еще затычка */
}
#TabsToolbar .tabbrowser-tab[selected]{
    background: #ffffff !important; /* цвет активной вкладки */
    color: rgb(0,0,0) !important; /* цвет текста активной вкладки */
 /*     border-bottom-color: transparent !important; */
}

/* костыли для написанного выше --> */
#TabsToolbar .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  background-color: transparent!important;
  background-image: linear-gradient(black,black), linear-gradient(transparent,transparent)!important;
  background-position: right bottom,right bottom!important;
  background-size: calc(100% - 2px) 100%, 2px 100%!important;
  background-clip: border-box!important;
  background-attachment: scroll!important;
  background-repeat: no-repeat!important;
  border: transparent!important;
  padding-bottom: 1px!important; /* бочка для затычек */
}
#TabsToolbar .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned][selected] {
  background-image: linear-gradient(black,black),linear-gradient(black,black),linear-gradient(black,black),linear-gradient(black,black),linear-gradient(white,white), linear-gradient(transparent,transparent)!important;
  background-position: 2px bottom,right top,right bottom,right bottom,right bottom,right bottom!important;
  background-size: 1px 100%, calc(100% - 2px) 1px, 1px 100%, calc(100% - 2px) 1px, calc(100% - 2px) 100%, 2px 100%!important;
}
#TabsToolbar .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] .tab-content image {
  margin-left: 2px!important; /* подпорка для костылей */
}
/* <-- костыли для написанного выше */

#TabsToolbar .tab-background{
    background: none !important;
    margin: 0!important;
}
#TabsToolbar .tab-background-start,
#TabsToolbar .tab-background-end{
    display: none !important;
}
#TabsToolbar .tab-background-middle{
    background: none !important;
    margin: 0!important;
    border: none !important;
}
#TabsToolbar .tabbrowser-tab:after,
#TabsToolbar .tabbrowser-tab:before{
    display: none !important;
}
#TabsToolbar .tabs-newtab-button{
    width: auto !important;
    padding: 0 7px !important;
    margin: 1px !important;
}
/*Toolbar*/
#addon-bar,
#PersonalToolbar,
#nav-bar{
    background: #f8f8f8 !important;
    background-clip: padding-box !important;
    border-color: rgba(255,255,255,1) !important;
    border-radius: 0 !important;
    padding: 0px 0px 0px 1px !important;
}
#nav-bar{
    padding-right: 3px;
}
#main-window #navigator-toolbox:after {
    border-radius: 0 !important;
    height: 0px !important;
    background: #cccccc !important;
}
#customizableui-special-separator2{
    display: none !important;
}
#nav-bar-customization-target{
    margin-right: 3px !important;
    padding-right: 3px !important;
}
/*Urlbar*/
#urlbar{
    background: rgba(255,255,255,1) !important;
    border-color: rgba(0,0,0,1) !important;
    border-width: 1px 1px 1px 1px !important;
    border-left: 2px solid rgba(0,0,0,1) !important;
    color: rgb(0,0,0) !important;
    margin-right: -1px !important;
    padding: 0 4px 0 6px !important;
}
#searchbar > .searchbar-textbox{
    background: rgba(255,255,255,1) !important;
    border-color: rgba(0,0,0,1) !important;
    border-width: 1px 1px 1px 1px !important;
    color: rgb(0,0,0) !important;
}
/*Stop, Go, Reload*/
#urlbar-go-button,
#urlbar-reload-button,
#urlbar-stop-button{
    border-left: 0px solid rgba(23, 51, 78, 0.3) !important;
    padding: 0 4px 0 6px !important;
    margin: 4px 0 !important;
}
/*Buttons*/
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-text,
#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  background: #e3e3e3 !important;
  border-color: rgba(0,0,0,.09) !important;
}
#nav-bar .toolbarbutton-1:not([disabled="true"]):hover:active > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled="true"]):hover:active > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled="true"]):hover:active > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled="true"]):hover:active > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  background: #dddddd !important;
  border-color: rgba(0,0,0,.09) !important;
  box-shadow: 0 2px 2px -2px rgba(0,0,0,.2) inset !important;
}
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-text,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  background: #177ee5 !important;
  border-color: rgba(0,0,0,.09) !important;
  box-shadow: 0 3px 3px -3px rgba(0,0,0,.3) inset !important;
}
#nav-bar  #back-button{
  margin-right: -1px !important;
}
#nav-bar  #back-button > .toolbarbutton-icon {
  border-radius: 10000px !important;
  padding: 5px !important;
  border: 1px solid rgba(23, 51, 78, 0.3) !important;
  background: transparent !important;
  transition-property: background-color, box-shadow !important;
}
#nav-bar  #back-button:not([disabled="true"]):hover > .toolbarbutton-icon {
  background: #e3e3e3 !important;
}

/*Body*/
#browser-border-start,
#browser-border-end{
    background-color: rgba(0,0,0,.25) !important;
}
#PanelUI-button{
    background-image: none!important; /* скрыть сепаратор меню */
}
#main-window[sizemode="normal"] #TabsToolbar {
    margin-top:5px !important; /* отступ в оконном режиме */
}
#main-window[sizemode="maximized"] #TabsToolbar {
    margin-top:0px !important; /* отступ в развернутом виде */
}
#main-window[sizemode="normal"] #titlebar-placeholder-on-TabsToolbar-for-captions-buttons{
    -moz-margin-start: 0px !important;
}
#main-window[sizemode="maximized"] #titlebar-placeholder-on-TabsToolbar-for-captions-buttons{
    -moz-margin-start: 2px !important;
}

.tabbrowser-tab[selected="true"] .tab-close-button,
.tabbrowser-tab[selected="true"] .tab-close-button:hover,
.tabbrowser-tab[selected="true"] .tab-close-button:hover:active  {
  list-style-image: url("chrome://global/skin/icons/close.png") !important; 
  -moz-image-region: rect(0, 16px, 16px, 0) !important;
}
.tabbrowser-tab .tab-close-button{
  -moz-image-region: rect(0px,64px,16px,48px) !important;
  opacity: 0!important;
  visibility: collapse!important; /* уберите строку, если не хотите, чтобы, при скрытии значка закрытия, его место схлопывалось */
  transition: visibility .3s ease-in-out 0s, opacity .3s ease-in-out 0s!important; /* уберите строку, если не нужна задержка анимации скрытия/появления*/
}
.tabbrowser-tab:hover .tab-close-button{
  visibility: visible!important; /* уберите строку, если не хотите, чтобы, при скрытии значка закрытия, его место схлопывалось */
  opacity: 1!important;
}


Я сотворил монстра... Надо бы это в божеский вид привести, но у меня голова начинает болеть уже при мысли об этом... :dumb:

Отредактировано turbot (11-05-2015 23:02:23)

Отсутствует

 

№155911-05-2015 23:40:00

maxim puiu
 
Группа: Guest
UA: Firefox 37.0

Re: Stylish

turbot спасибо

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

turbot пишет

Я сотворил монстра...

учитывая терминологию "подпорка для костылей", "костыль для костыля костылей", "бочка для затычек" это похоже на монстра франкенштейна ;) но работает! спасибо. есть, конечно, маленькие нюансы, но это может подождать. вообще у меня стоит еще несколько стилей-фиксов, которые я предполагаю объединить в один.

Отредактировано maxim puiu (11-05-2015 23:41:01)

 

№156012-05-2015 14:13:14

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 39.0

Re: Stylish

Снова проблема с Link style and color protection №1551.  И какая-то странная. Выделяет ссылки при наведение и посещённые ссылки которые были выделены до возникновения проблемы, а вот вновь посещённые ссылки уже не выделяются. Помогите исправить плиз.
ПС На [aurora] проверял.

Отредактировано voqabuhe (12-05-2015 15:59:26)

Отсутствует

 

№156112-05-2015 15:01:55

KOT040188
Участник
 
Группа: Members
Зарегистрирован: 07-11-2012
Сообщений: 425
UA: Safari 4.0

Re: Stylish

Может есть у кого идеи? https://forum.mozilla-russia.org/viewto … 16#p682616


Вы думаете у котов лёгкая жизнь? А вы попробуйте целый день лизать меховую шапку!

Отсутствует

 

№156212-05-2015 15:41:29

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 41.0

Re: Stylish

voqabuhe
У меня работает. Не в приватном режиме запускали, случаем?

Отсутствует

 

№156312-05-2015 15:58:29

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 41.0

Re: Stylish

turbot
Да нет вроде. Похоже проблема в профиле. Вопрос снимаю. Спасибо.

Отсутствует

 

№156412-05-2015 16:40:53

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 41.0

Re: Stylish

Странно, но проблема оказалась в places.sqlite и закладки ещё не добавлялись. Интересно что с ним могло случится?

Отсутствует

 

№156512-05-2015 19:10:02

ffx2014
Участник
 
Группа: Members
Зарегистрирован: 12-05-2014
Сообщений: 89
UA: Firefox 38.0

Re: Stylish

В 38 версии fxchrome растянулась кнопка "показать закладки".
Все остальные кнопки не растянуты. Firefox без расширений и userchorme.css

скрытый текст
Image2.1431446419.png

Отсутствует

 

№156612-05-2015 19:44:32

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 41.0

Re: Stylish

ffx2014 пишет

без расширений

Зато с полной темой. Она виновата, уверен. Попробуйте:

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#bookmarks-menu-button > dropmarker > .dropmarker-icon {
    width: unset!important;
    height: unset!important;
    padding: unset!important;
}

Отсутствует

 

№156712-05-2015 19:52:48

ffx2014
Участник
 
Группа: Members
Зарегистрирован: 12-05-2014
Сообщений: 89
UA: Firefox 38.0

Re: Stylish

turbot
Как всегда оперативно спасаешь. Спасибо большое!

Отсутствует

 

№156813-05-2015 17:42:27

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 361
UA: Firefox 37.0

Re: Stylish

Подзабыл, как изменить цвет рамки адр. строки и поиска?

Отсутствует

 

№156913-05-2015 18:12:27

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 41.0

Re: Stylish

amid525

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#urlbar, #searchbar > .searchbar-textbox{
    border-color: red !important; 
}
/* при наведении */
#urlbar:hover, #searchbar > .searchbar-textbox:hover{
    border-color: yellow !important; 
}
/* при фокусе */
#urlbar[focused], #searchbar > .searchbar-textbox[focused]{
    border-color: green !important; 
}

Если пользуетесь CTR, то для урлбара только так (с /*AGENT_SHEET*/):

Выделить код

Код:

/*AGENT_SHEET*/
#main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] #urlbar:not(:-moz-lwtheme)[focused] {
border-color: pink !important;
}

Отредактировано turbot (13-05-2015 18:19:02)

Отсутствует

 

№157013-05-2015 19:48:22

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 361
UA: Firefox 37.0

Re: Stylish

спасибо

Еще вопрос, как увеличить расстояние между стрелками вперед\назад?

Отредактировано amid525 (13-05-2015 19:49:25)

Отсутствует

 

№157113-05-2015 20:02:15

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 41.0

Re: Stylish

Кнопки какие? Дефолтные? CTR'овские?

Отсутствует

 

№157213-05-2015 20:22:49

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 361
UA: Firefox 37.0

Re: Stylish

с Classic Toolbar Buttons
sshot1png_5506210_17289501.png

Отсутствует

 

№157313-05-2015 20:57:03

turbot
Участник
 
Группа: Members
Зарегистрирован: 09-10-2011
Сообщений: 2529
UA: Firefox 41.0

Re: Stylish

amid525
Лениво ставить. Смотрите их id DOM Inspector'ом и пробуйте менять margin-left/margin-right.

Отсутствует

 

№157413-05-2015 22:57:25

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Firefox 37.0

Re: Stylish

KOT040188
Первого не налюдаю, да и у вас почему-то кнопка "найти" белая, хотя я в предыдущем коде делал ее желтой, вы применяли тот код?
Второе вот:

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("yandex.by") {

#bodyContainer,searchbox,.input__box::before {
  background: transparent !important;
}
:-moz-any(tr,span:not([class="video-thumb__duration"]):not([class="b-salary__value"]):not([class="b-salary__currency"]),iframe,tbody,p,ol,li,ul,hr,center,td:not([class*="search"]),body,
div):not(:-moz-any([class*="input__found"],[class="video-thumb__hover"], [class*="b-500px"], [class*="button"], [class*="label"], [class*="zoom"], .preview__void, [class*="zoom"], [class*="arrow"], [class^="spinner"], [style*="color"], [class*='serp-item'], [class^="sizes"])) {
  background-color: #555555 !important; 
  color: #999999 !important;
} 
.serp-item_layout_horizontal,.island {
  background-color: #555555 !important; 
  color: #999999 !important;
}
.header_separator_no .header__under::after,.input__box::after,.advanced-search,[class*="button_theme"]:not([class*="check-button_checked_yes"]):not([class*="suggest2-form__button"])::before {
  background-image: none !important; 
  background-color: transparent !important; 
  color: #999999 !important;
}
.button_checked_yes:not(.button_pressed_yes)::before {
    background-color: rgb(255, 235, 160) !important;
}
.input__clear, .input__box  {
  box-shadow: none!important;
  background-color: #cccccc !important;
}
.input__box *:not(.input__clear)  {
  margin-top: -0.5px!important;
}
.cbir-logo {
  background: transparent !important;
  border-color: transparent!important;
}
.arrow__corner::before, .header__search_slim_yes .arrow__corner::after {
  border-color: #555555 #555555 #555555 transparent!important;
}
a:not([style*="color"]):not([style*="background"]):not([class*="button"]), th, h1, h2, h3, h4,.more__button {
  background-color: transparent !important
}
table {
  background-color: transparent !important; 
  border-color: #72addf !important;
  border-radius: 6px !important;
  color: transparent !important;
}
[class*="advanced-search__input"] {
  border: 1px solid #333333 !important;
}

FORM:not([role="search"]) *:not(:-moz-any([name="q"],[type="submit"],[type*="button"], img, [title="Firefox Start"], [class*="input"], [class*="icon"])):not([class*="arrow"]) {
  background: transparent !important;
  color: #999999 !important;
} 
INPUT {
  color: #ffffff !important;
}

                                      /*цвет ссылок*/
a:link, .link, a font[color], #results-bar p, .suggestion-title { 
  text-decoration: underline!important;
  color: white !important; 
}
a:visited { 
  color: #999999 !important; 
}                                             
a:hover, a span:hover{
  color: #ff0000 !important; 
}
                                     /*цвет текста*/
span, dd { 
  color: #999999 !important;
}
 .favicon {
padding-right: 0 !important; 
}
.suggest2__content {
  width: 100% !important;
}
.radio-button__radio:after {
  display: none !important;
}
.favicon {
    z-index: 10002 !important;
}

.search__cell.search__button > button:before {
  border-radius: 0 !important;
  background: #FFDB4C !important;
}

.b-serp-item {
  background: #555555 !important;
}
.b-serp-item__right {
  color: white !important;
}
.b-serp-item__left, .b-popular__header, .b-serp-control__title {
  color: rgb(153, 153, 153);
}
.b-salary__value, .b-salary__currency {
  color: #555 !important;
}
.b-head-search__arr-i {
  border-top-color: #555 !important;
  border-bottom-color: #555 !important;
}
}

Отсутствует

 

№157514-05-2015 02:22:05

KOT040188
Участник
 
Группа: Members
Зарегистрирован: 07-11-2012
Сообщений: 425
UA: Safari 4.0

Re: Stylish

Первого не налюдаю, да и у вас почему-то кнопка "найти" белая, хотя я в предыдущем коде делал ее желтой, вы применяли тот код?

Конечно применял, я же написал, что кое-что исправилось. Про кнопку найти я не понял, я же такого вроде не просил. На странице с результатами она действительно жёлтая, а вот на главной странице белая… Я эту белизну уже несколько версий стиля наблюдаю. Она проявляется только при непосредственном вводе запроса на главной странице яндекса…

Второе вот:

Спасибо, но я имел ввиду все кнопки, а те что в нижнем ряду вообще не видны при нажатии…
Блин, не знаю когда кнопка текущей страницы стала серой, а ведь была жёлтой:
%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2015_05_14_16_31_26.png

Отредактировано KOT040188 (14-05-2015 16:34:08)


Вы думаете у котов лёгкая жизнь? А вы попробуйте целый день лизать меховую шапку!

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]