uBlock

voqabuhe · №126

stvol пишет

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

Это первое что я сделал, но после обновления страницы они снова выскакивают.

stvol · №127

voqabuhe пишет

Это первое что я сделал, но после обновления страницы они снова выскакивают.

Я сделал через контекстное меню, в " моих правилах" получил
glav.su###layoutLeftCenterColumn.td > .frameTable:nth-of-type(6) > tbody > tr > .cell.taCenter
и ни что больше не выскакивает ни при перезагрузке, ни при обновлении! (см ранее выложенный скрин)

voqabuhe · №128

stvol пишет

Я сделал через контекстное меню, в " моих правилах" получил
glav.su###layoutLeftCenterColumn.td > .frameTable:nth-of-type(6) > tbody > tr > .cell.taCenter
и ни что больше не выскакивает ни при перезагрузке, ни при обновлении! (см ранее выложенный скрин)

А как у тебя добавляется в "Моих правилах"? У меня добавляется в "Мои фильтры" и после обновления, как я уже сказал все снова появляется.

stvol · №129

voqabuhe пишет

А как у тебя добавляется в "Моих правилах"? У меня добавляется в "Мои фильтры" и после обновления, как я уже сказал все снова появляется.

Пардон попутал! Конечно, добавляется в фильтрах, но блокировка идёт нормально, мусор не появляется ( версия 0.8.9.0)

Отредактировано stvol (28-02-2015 13:50:36)

voqabuhe · №130

stvol пишет

Конечно, добавляется в фильтрах, но блокировка идёт нормально, мусор не появляется ( версия 0.8.9.0)

Версия у меня таже, крайняя. Странно почему у меня тогда это правило не работает, вот в чём вопрос?

egoistlike · №131

вопрос. обратная связь есть у данного дополнения на русском языке? Куда можно сообщать о ошибках?
Про
Issues · gorhill/uBlock · GitHub знаю, но кроме того что общение по данному адресу на английском, так нужно и регистрироваться на github что в сумме крайне неудобно.
На всякий случай спрошу к дополнению моему вопросу здесь Отзывы :: Дополнения Firefox
Как можно самому починить данную багу. Тянится она с самых первых версий и автор ни как не может ее пофиксить. Данный баг проявляется на любой сторонней теме. Проверенно.

stvol · №132

egoistlike пишет

вопрос. обратная связь есть у данного дополнения на русском языке?

Нет!

egoistlike пишет

Как можно самому починить данную багу.

Видимо, никак если автор пока сам не может,тем более, что разрабу она известна (However, this problem is already known.)
У меня как-то возникало, что-то подобное, но потом само прошло!

simsim · №133

egoistlike
Так ведь ответил разработчик, что знает об этой проблеме: https://addons.mozilla.org/ru/firefox/addon/ublock/reviews/680980

voqabuhe · №134

stvol пишет

У меня как-то возникало, что-то подобное, но потом само прошло!

А вот после ПКМ-Настроить счетчик заблокированных запросов на иконке µBlock изменяется? У меня он после этого меняет цвет с тёмно серого на красный, в цвет самой иконки и занимает положение по центру иконки, а всегда находится чуть ниже центра.

Отредактировано voqabuhe (28-02-2015 18:39:11)

stvol · №135

voqabuhe
Всё тоже самое, только находиться право-верх!

voqabuhe · №136

stvol
Возможно у меня фильтр glav.su###layoutLeftCenterColumn.td > .frameTable:nth-of-type(6) > tbody > tr > .cell.taCenter не срабатывает из-за того что сижу на [nightly] . Надо будет проверить потом на [aurora] , других у меня нет.

Добавлено 28-02-2015 18:36:40

stvol пишет

только находиться право-верх!

А ну да, сейчас тоже так стала.

Отредактировано voqabuhe (28-02-2015 18:36:40)

egoistlike · №137

ок. Вопрос 2.
на рутрекере вырезается вся левая колонка. В чем проблема? Фильтры одинаковы с Adblock Plus. Где все нормально. EasyList‎ + EasyPrivacy‎+ RUS: RU AdList. (не считая конечно фирменных µBlock filters +µBlock filters Privacy).
µBlock

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

‎
Adblock Plus

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

stvol · №138

voqabuhe пишет

не срабатывает из-за того что сижу на

Дык, я вообще на Cyberfox! Думаю, от этого не зависит!

voqabuhe · №139

stvol пишет

Дык, я вообще на Cyberfox!

Ну дык всё-таки он у тебя стабильной версии, хоть и Кибер

stvol · №140

egoistlike пишет

Вопрос 2.

Не понял, а как хочется: чтоб вырезало или нет ?
И ничего то он не вырезает, надо прокрутить пониже!

Отредактировано stvol (28-02-2015 18:57:44)

egoistlike · №141

Да. спасибо. позже это заметил. Кстати счетчик оперативно починили в 0.8.9.1 наконец

stvol · №142

egoistlike пишет

в 0.8.9.1

О! Опять обнова! Воспользуюсь !

egoistlike · №143

Кстати может кто подскажет почему не подгружается корректное название фильта" Против счётчиков (RU AdList: Counters)" ?

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

turbot · №144

Сделал стиль для страницы настроек uBlock, в стиле "in-content-ui", вдруг кому пригодится:

В Stylish или userContent.css

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("chrome://ublock0/content/dashboard.html") {
:root {
  --trclr: transparent;
  --hdrbrdr: rgba(255,255,255,0.2);
  --drkhdrbrdr: rgba(66,78,90,0.2);
  --slctbrdr: rgb(255,149,0);
  --hdrbg: rgb(40,47,55);
  --drkhdrbg: rgb(20, 23, 26);
  --cntntbg: rgb(66,79,90);
  --drkcntntbg: rgb(52,63,72);
  --hvrcntntbg: rgb(94,105,114);
  --lghtcntntbg: rgb(251,251,251);
  --hvrbttnbg: rgb(235,235,235);
  --txtclr: rgb(242,242,242);
  --lghttxtclr: rgb(193,193,193);
  --drktxtclr: rgb(66,78,90);
  --srchbg: rgb(24,29,32);
  --srchbrdr: var(--hdrbrdr);
  --frmfcsbrdr: rgb(0,149,221);
}
body,html{
  font: message-box!important;
  font-size: 15px!important;
  padding: unset!important;
  margin: unset!important;
}
body {
  display: -moz-stack!important;
}
#dashboard-nav {    
  all: unset!important;
/*   -moz-binding: url("chrome://global/content/bindings/richlistbox.xml#richlistbox")!important; */
  display: -moz-box !important;
  -moz-box-orient: vertical!important;
  cursor: default!important;
  box-sizing: border-box!important;
  width: auto!important;
  overflow: auto!important;
  min-height: 100%!important;
  background-color: var(--cntntbg) !important;
  border-width: 0!important;
}
#dashboard-nav-widgets {
  all: unset!important;
  -moz-appearance: none!important;
  -moz-box-orient: vertical!important;
  display: -moz-box!important;
  box-sizing: border-box!important;
  width: 180px!important;
  max-width: 180px!important;
  background-color: var(--cntntbg) !important;
  overflow-x: hidden!important;
}
.tabButton,#dashboard-nav-widgets span {
  all: unset!important;
  cursor: default!important;
  display: -moz-box !important;
  -moz-box-align: center!important;
  box-sizing: border-box!important;
  padding-bottom: 2px!important;
  -moz-padding-start: 15px!important;
  line-height: 38px!important;
  color: var(--lghttxtclr) !important;
  background-color: var(--cntntbg) !important;
  transition: background-color 150ms ease 0s!important;
}
.tabButton:first-of-type {
  margin-top: 52px!important;
}
#dashboard-nav-widgets span {
  padding-bottom: 0!important;
  background-color: var(--hdrbg) !important;
  color: var(--txtclr) !important;
  position: fixed!important;
  z-index: 1!important;
  font-size: 1.25rem!important;
  line-height: 48px!important;
  width: 180px!important;
  max-width: 180px!important;
}
#dashboard-nav-widgets span:before {
  content: '' url('chrome://ublock0/content/img/icon_16.png')!important;
  -moz-padding-end: 9px!important;
  vertical-align: middle!important;
}
.tabButton:hover {
  background-color: var(--hvrcntntbg)!important;
}
.tabButton[selected],.tabButton.selected {
  background-color: var(--drkcntntbg)!important;
  color: var(--txtclr) !important;
  -moz-padding-start: 11px!important;
  box-shadow: 0 0 0.5px var(--hdrbrdr) !important;
  -moz-border-start: solid 4px var(--slctbrdr) !important;
}
iframe {
  all: unset!important;
  -moz-margin-start: 180px!important;
  overflow: auto!important;
  display: -moz-box!important;
  box-sizing: border-box!important;
  -moz-box-orient: vertical!important;
  background-color: var(--lghtcntntbg) !important;
}
}
@-moz-document regexp("^chrome://ublock0/content/(whitelist|about|dyna-rules|1p-filters|3p-filters|settings)\.html") {
  :root {
  --trclr: transparent;
  --hdrbrdr: rgba(255,255,255,0.2);
  --drkhdrbrdr: rgba(66,78,90,0.2);
  --slctbrdr: rgb(255,149,0);
  --hdrbg: rgb(40,47,55);
  --drkhdrbg: rgb(20, 23, 26);
  --cntntbg: rgb(66,79,90);
  --drkcntntbg: rgb(52,63,72);
  --hvrcntntbg: rgb(94,105,114);
  --lghtcntntbg: rgb(251,251,251);
  --hvrbttnbg: rgb(235,235,235);
  --txtclr: rgb(242,242,242);
  --lghttxtclr: rgb(193,193,193);
  --drktxtclr: rgb(66,78,90);
  --srchbg: rgb(24,29,32);
  --srchbrdr: var(--hdrbrdr);
  --frmfcsbrdr: rgb(0,149,221);
}
body,html {
  all: unset!important;
  font: message-box!important;
  line-height: 22px!important;
  font-size: 15px!important;
  color: var(--drktxtclr)!important;
}
html {
  -moz-padding-start: 48px!important;
  -moz-padding-end: calc(100% - 848px) !important;
  padding-top: 40px!important;
  padding-bottom: 48px!important;
}
body {
  max-width: 800px!important;
  width: auto!important;
  color: var(--drktxtclr) !important;
}
#cloudWidget {
  background: none!important;
  padding-top: 0!important;
  margin-top: 0!important;
  margin-bottom: 2.5em!important;
  padding-bottom: 2.5em!important;
  border-bottom: 1px solid var(--drkhdrbrdr)!important;
  border-radius: 0!important;
}
li,p {
  font-size: 15px!important;
  height: auto!important;
  min-height: 26px!important;
  margin: 2px 0!important;
  padding-top: 1px!important;
  padding-bottom: 1px!important;
  clear: both!important;
}
#diff li {
  all: unset!important;
}
#lists,
#userSettings{
  margin: 0 0 0 1.5em!important;
  padding: 0!important;
}
#lists > li {
  font-weight: normal!important;
  margin: 1em 0!important;
}
#options, #lists > li:first-of-type  {
  margin: 0!important;
}
*|*:-moz-any-link {
  color: var(--frmfcsbrdr)!important;
}
*|*:-moz-any-link:hover {
  color: rgb(23, 140, 229)!important;
  text-decoration: underline;
}
li.listDetails {
  font-weight: normal!important;
  line-height: 22px!important;
}
#lists > li > span,
span[data-i18n='aboutContributors'],
#listsOfBlockedHostsPrompt {
  font-weight: 700!important;
}
ul#userSettings .subgroup {
  margin: 1em 0!important;
}
#aboutNameVer {
  font-size: 30px!important;
  line-height: 40px!important;
}
#lists > li > span::before {
  -moz-margin-start: -1.5em!important;
}
#lists > .groupEntry > ul,
ul#userSettings ul {
  padding: 0!important;
  -moz-margin-start: 2em!important;
  margin-top: 1em!important;
}
#lists > .groupEntry:first-of-type  > ul{
  margin-top: 0!important;
}
#listsOfBlockedHostsPrompt {
  margin-top: 1em!important;
}
#externalListsDiv {
  -moz-margin-start: 0!important;
}
#externalLists,.userFilters,#whitelist {
  width: calc(100% - 1.5em - 4px);
}
textarea {
  color: #424E5A !important;
  background-color: rgb(255, 255, 255) !important;
  line-height: 20px!important;
  padding: .75em 1em!important;
  margin: 1em auto 1em 1.5em!important;
  max-width: none!important;
  border: 1px solid var(--drkhdrbrdr) !important;
  border-radius: 2px!important;
}
textarea:focus,
textarea[focused] {
  border-color: var(--frmfcsbrdr) !important;
}
/*жуткий костыль!!111!*/
*[type="checkbox"] {
  -moz-appearance: none!important;
  position: absolute!important;
  z-index: 1!important;
  width: 25px!important;
  height: 25px!important;
  margin: 0!important;
  opacity: 0!important;
}
/*уже чуть менее жуткий*/
input[type="checkbox"] + label:before,input[type="checkbox"] + a[type='text/html']:before {
  display: inline-block!important;
  content: ""!important;
  vertical-align: bottom!important;
}
*[type="checkbox"] + label,*[type="checkbox"] + a[type='text/html'] {
  margin: 1px!important;
  -moz-margin-start: 0!important;
  vertical-align: baseline!important;
}
input[type="checkbox"] + label:before,input[type="checkbox"] + a[type='text/html']:before {
  -moz-appearance: none!important;
  width: 23px!important;
  height: 23px!important;
  border: 1px solid #c1c1c1!important;
  border-radius: 2px!important;
  -moz-margin-end: 10px!important;
  background: #f1f1f1 linear-gradient(#fff, rgba(255,255,255,0.8)) center no-repeat!important;
  box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03)!important;
}
input[type="checkbox"]:not(:disabled):hover + label:before,
input[type="checkbox"]:not(:disabled):hover + a[type='text/html']:before {
  border-color: #0095dd!important;
}
input[type="checkbox"]:checked + label:before,input[type="checkbox"]:checked + a[type='text/html']:before {
  background-image: url("chrome://global/skin/in-content/check.svg#check"), linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
}
input[type="checkbox"]:disabled + label,
input[type="checkbox"]:disabled + a[type='text/html'] {
  opacity: 0.5!important;
}
button:not(.whatisthis) {
  padding: 1px 10px 2px!important;
  -moz-appearance: none!important;
  background: var(--lghtcntntbg) !important;
  color: rgb(51, 51, 51) !important;
  border: 1px solid var(--drkhdrbrdr) !important;
  border-radius: 2px!important;
  box-shadow: none!important;
  font-size: 15px!important;
  line-height: 20px!important;
  height: 30px!important;
  min-width: 6.3em!important;
}
span.purge,span.status {
  padding: 1px 10px 2px!important;
  background: var(--lghtcntntbg) !important;
  color: rgb(51, 51, 51) !important;
  border: 1px solid var(--drkhdrbrdr) !important;
  border-radius: 2px!important;
  height: 24px!important;
  line-height: 19px!important;
}
.status.unsecure {
  color: orangered!important;
}
:-moz-any(span.purge,span.status,button):not(:-moz-any([disabled],[class*='disabled'],.whatisthis,[type="button"],[style="display: none;"])){
  display: -moz-box!important;
  opacity: 1!important;
}
status.purge:not([disabled]):not([class*='disabled']):not([type="button"]){
  opacity: 1!important;
}
:-moz-any(span.purge,span.status,button):not(.whatisthis):not([type="button"]),#whitelistApply,#userFiltersApply,#userFiltersRevert,#whitelistRevert{
  box-sizing: border-box!important;
  -moz-box-align: center!important;
  -moz-box-pack: center!important;
  margin: 2px 4px!important;
  float: right!important;
}
button:not(:-moz-any([disabled],[class*='disabled'],.whatisthis,#revertButton, #commitButton)):hover,span.purge:hover {
  background: var(--hvrbttnbg) !important;
  cursor: default!important;
}
button[disabled],button[class*='disabled'],.status.obsolete,.status.unsecure,#revertButton, #commitButton, #diff.edit #editEnterButton {
  opacity: 0.5!important;
  cursor: not-allowed!important;
  -moz-user-select: none!important;
  pointer-events: auto!important;
}
#buttonApply {
  top: 0!important;
  right: auto!important;
  left: auto!important;
  z-index: 1000!important;
  outline: 200vw solid rgba(0,0,0,0.6)!important;
}
#busyOverlay > div:nth-of-type(1) {
  background-color: rgba(0,0,0,0.6)!important;
}
#userFiltersApply,#whitelistApply {
  margin: 2px 4px!important;
}
div[style="margin: 2.5em 1em;"] p{
  display: flex!important;
  flex-wrap: wrap!important;
}
div[style="margin: 2.5em 1em;"] button {
  flex-grow: 1!important;
  display: flex!important;
}
.whatisthis-expandable.whatisthis-expanded {
  position: absolute!important;
  z-index: 999!important;
  margin: auto!important;
  padding: 0.5em 1.5em!important;
  -moz-margin-end: 20px!important;
  float: right!important;
  background: #F8FFD2!important;
  border: 1px solid var(--frmfcsbrdr)!important;
  border-radius: 2px!important;
  box-shadow: 1px 1px 5px var(--drkhdrbrdr)!important;
}
.para {
  width: auto!important;
  max-width: 600px!important;
}
.whatisthis-expandable p {
  font-size: 13px!important;
  line-height: 18px!important;
}
.whatisthis,.fa {
  padding: 0!important;
  vertical-align: bottom!important;
  margin: 2px 4px!important;
  border-radius: 2px!important;
  background: rgb(255, 203, 0) url("chrome://global/skin/in-content/help-glyph.svg") center no-repeat!important;
  background-size: 70%!important;
  height: 24px!important;
  width: 24px!important;
  opacity: 1!important;
}
.whatisthis:hover,.fa:hover{
  background-color: rgb(244, 194, 0)!important;
}
.fa,.fa:hover {
  color: transparent!important;
}
.subgroup:not(:hover) span ul {
  transform: scaleX(0)!important;
}
}

UPD:
Обновил/чуть изменил под версию uBlock Origin v1.0.0.2 (на версиях младше будет некорректно работать) (именно под uBlock Origin - тот что от gorhill'a, а не форк chrisaljoudi. Для второго замените в стиле все chrome://ublock0/ на chrome://ublock/ но корректность работы не гарантирую, ибо со временем появятся отличия в UI).

UPD2: Запоздало обновляю под последние uBlock (Origin)/uMatrix (да, теперь единый стиль под оба расширения) и ночнушку фф (на стабильной другие пути у некоторых иконок, так что оставляю и предыдущий стиль):

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

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("chrome://ublock0/content/dashboard.html"),
  url-prefix('chrome://umatrix/content/dashboard.html'){
    :root {
      --trclr: transparent;
      --hdrbrdr: rgba(255,255,255,0.2);
      --drkhdrbrdr: rgba(66,78,90,0.2);
      --slctbrdr: rgb(255,149,0);
      --hdrbg: rgb(40,47,55);
      --drkhdrbg: rgb(20, 23, 26);
      --cntntbg: rgb(66,79,90);
      --drkcntntbg: rgb(52,63,72);
      --hvrcntntbg: rgb(94,105,114);
      --lghtcntntbg: rgb(251,251,251);
      --hvrbttnbg: rgb(235,235,235);
      --txtclr: rgb(242,242,242);
      --lghttxtclr: rgb(193,193,193);
      --drktxtclr: rgb(66,78,90);
      --srchbg: rgb(24,29,32);
      --srchbrdr: var(--hdrbrdr);
      --frmfcsbrdr: rgb(0,149,221);
      --closebtn: rect(0, 16px, 16px, 0);
      --sdbrbrdr: var(--hdrbg);
      --closebtnimg: url("chrome://global/skin/icons/close-XPVista7.png");
      --closebtnimginv: url("chrome://global/skin/icons/close-inverted-XPVista7.png");
    }

    body,html{
      font: message-box !important;
      font-size: 15px !important;
      padding: unset !important;
      margin: unset !important;
    }
    body {
      display: -moz-stack !important;
    }
    #dashboard-nav {    
      all: unset !important;
      /*   -moz-binding: url("chrome://global/content/bindings/richlistbox.xml#richlistbox") !important; */
      display: -moz-box !important;
      -moz-box-orient: vertical !important;
      -moz-box-align: stretch !important;
      -moz-box-pack: start !important;
      cursor: default !important;
      box-sizing: border-box !important;
      width: auto !important;
      overflow: auto !important;
      min-height: 100% !important;
      background-color: var(--cntntbg) !important;
      border-width: 0 !important;
    }
    #dashboard-nav-widgets {
      all: unset !important;
      -moz-box-orient: vertical !important;
      display: -moz-box !important;
      box-sizing: border-box !important;
      width: 180px !important;
      max-width: 180px !important;
      background-color: var(--cntntbg) !important;
      overflow-x: hidden !important;
    }
    .tabButton,
    #dashboard-nav-widgets span {
      all: unset !important;
      cursor: default !important;
      display: -moz-box !important;
      -moz-box-align: center !important;
      box-sizing: border-box !important;
      padding-bottom: 2px !important;
      -moz-padding-start: 15px !important;
      line-height: 38px !important;
      color: var(--lghttxtclr) !important;
      background-color: var(--cntntbg) !important;
      transition: background-color 150ms ease 0s !important;
    }
    .tabButton:first-of-type {
      margin-top: 52px !important;
    }
    #dashboard-nav-widgets span {
      padding-bottom: 0 !important;
      background-color: var(--hdrbg) !important;
      color: var(--txtclr) !important;
      position: fixed !important;
      z-index: 1 !important;
      font-size: 1.25rem !important;
      line-height: 48px !important;
      width: 180px !important;
      max-width: 180px !important;
    }
    #dashboard-nav-widgets span:before {
      content: '' url('chrome://ublock0/content/img/icon_16.png') !important;
      -moz-padding-end: 9px !important;
      vertical-align: middle !important;
    }
    .tabButton:hover {
      background-color: var(--hvrcntntbg) !important;
    }
    .tabButton[selected],.tabButton.selected {
      background-color: var(--drkcntntbg) !important;
      color: var(--txtclr) !important;
      -moz-padding-start: 11px !important;
      box-shadow: 0 0 0.5px var(--hdrbrdr) !important;
      -moz-border-start: solid 4px var(--slctbrdr) !important;
    }
    iframe {
      all: unset !important;
      -moz-margin-start: 180px !important;
      overflow: auto !important;
      display: -moz-box !important;
      box-sizing: border-box !important;
      -moz-box-orient: vertical !important;
      background-color: var(--lghtcntntbg) !important;
    }
}

@-moz-document regexp("^chrome://ublock0/content/(whitelist|about|dyna-rules|1p-filters|3p-filters|settings)\.html"),
  regexp("^chrome://umatrix/content/(settings|privacy|user-rules|hosts-files|about)\.html") {
    :root {
      --trclr: transparent;
      --hdrbrdr: rgba(255,255,255,0.2);
      --drkhdrbrdr: rgba(66,78,90,0.2);
      --slctbrdr: rgb(255,149,0);
      --hdrbg: rgb(40,47,55);
      --drkhdrbg: rgb(20, 23, 26);
      --cntntbg: rgb(66,79,90);
      --drkcntntbg: rgb(52,63,72);
      --hvrcntntbg: rgb(94,105,114);
      --lghtcntntbg: rgb(251,251,251);
      --hvrbttnbg: rgb(235,235,235);
      --txtclr: rgb(242,242,242);
      --lghttxtclr: rgb(193,193,193);
      --drktxtclr: rgb(66,78,90);
      --srchbg: rgb(24,29,32);
      --srchbrdr: var(--hdrbrdr);
      --frmfcsbrdr: rgb(0,149,221);
      --closebtn: rect(0, 16px, 16px, 0);
      --sdbrbrdr: var(--hdrbg);
      --closebtnimg: url("chrome://global/skin/icons/close-XPVista7.png");
      --closebtnimginv: url("chrome://global/skin/icons/close-inverted-XPVista7.png");
    }
    body,
    html  {
      all: unset !important;
      font: message-box !important;
      line-height: 22px !important;
      font-size: 15px !important;
      color: var(--drktxtclr) !important;
    }
    h2,
    h3,
    span[data-i18n='aboutContributors']  {
      font: message-box !important;
      line-height: 22px !important;
      font-size: 110% !important;
      color: var(--drktxtclr) !important;
    }
    html {
      -moz-padding-start: 48px !important;
      -moz-padding-end: calc(100% - 848px) !important;
      padding-top: 40px !important;
      padding-bottom: 48px !important;
    }
    body {
      max-width: 800px !important;
      width: auto !important;
      color: var(--drktxtclr) !important;
    }

    #cloudWidget {
      background: none !important;
      padding-top: 0 !important;
      margin-top: 0 !important;
      margin-bottom: 2.5em !important;
      padding-bottom: 2.5em !important;
      border-bottom: 1px solid var(--drkhdrbrdr) !important;
      border-radius: 0 !important;
    }
    li,
    p {
      font-size: 15px !important;
      height: auto !important;
      min-height: 26px !important;
      margin: 2px 0 !important;
      padding-top: 1px !important;
      padding-bottom: 1px !important;
      clear: both !important;
    }
    #lists,
    #userSettings{
      margin: 0 0 0 1.5em !important;
      padding: 0 !important;
    }
    #lists > li:not(.listEntry) {
      font-weight: normal !important;
      margin: 1em 0 !important;
    }
    #options, #lists > li:first-of-type  {
      margin: 0 !important;
    }
    *|*:-moz-any-link {
      color: var(--frmfcsbrdr) !important;
    }
    *|*:-moz-any-link:hover {
      color: rgb(23, 140, 229) !important;
      text-decoration: underline !important;
    }
    li.listDetails {
      font-weight: normal !important;
      line-height: 22px !important;
    }
    #lists > li > span:not(:-moz-any(.dim,.status)),
    span[data-i18n='aboutContributors'],
    #listsOfBlockedHostsPrompt,
    h2{
      font-weight: 700 !important;
    }
    ul#userSettings .subgroup {
      margin: 1em 0 !important;
    }
    #aboutNameVer,
    body > h2:nth-of-type(1):not([data-i18n]){
      font-size: 30px !important;
      line-height: 40px !important;
      font-weight: normal !important;
    }
    #lists > li > span::before {
      -moz-margin-start: -1.5em !important;
    }
    #lists > .groupEntry > ul,
    ul#userSettings ul{
      padding: 0 !important;
      -moz-margin-start: 2em !important;
      margin-top: 1em !important;
    }
    #lists > .groupEntry:first-of-type  > ul{
      margin-top: 0 !important;
    }
    #listsOfBlockedHostsPrompt {
      margin-top: 1em !important;
      margin-bottom: 1em !important;
    }
    #externalListsDiv {
      -moz-margin-start: 0 !important;
    }
    #externalLists,.userFilters,#whitelist {
      width: calc(100% - 1.5em - 4px) !important;
    }
    textarea {
      color: #424E5A !important;
      background-color: rgb(255, 255, 255) !important;
      line-height: 20px !important;
      padding: .75em 1em !important;
      margin: 1em auto 1em 1.5em !important;
      max-width: none !important;
      border: 1px solid var(--drkhdrbrdr) !important;
      border-radius: 2px !important;
    }
    textarea:focus,
    textarea[focused] {
      border-color: var(--frmfcsbrdr) !important;
    }
    input[type="radio"] {
      -moz-appearance: none !important;
      position: absolute !important;
      opacity: 0 !important;
    }
    input[type="radio"] + label:before{
      -moz-margin-start: 10px !important;
    }
    input[type="radio"] + label:before {
      display: inline-block !important;
      content: "" !important;
      vertical-align: -6px !important;
    }
    input[type="radio"] + label:before{
      -moz-appearance: none !important;
      width: 23px !important;
      height: 23px !important;
      border: 1px solid var(--drkhdrbrdr) !important;
      border-radius: 50% !important;
      -moz-margin-end: 10px !important;
      background-color: #f1f1f1 !important;
      background-image: linear-gradient(#fff, rgba(255,255,255,0.80)) !important;
      box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03) !important;
    }
    input[type="radio"]:not(:disabled):hover + label:before {
      border-color: #0095dd !important;
    }
    input[type="radio"]:checked + label:before {
      background-image: url("chrome://global/skin/in-content/radio.svg#radio"), linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
    }
    input[type="radio"]:disabled + label {
      opacity: 0.5 !important;
    }
    /*жуткий костыль!!111!*/
    *[type="checkbox"] {
      -moz-appearance: none !important;
      position: absolute !important;
      z-index: 1 !important;
      width: 25px !important;
      height: 25px !important;
      margin: 0 !important;
      opacity: 0 !important;
    }
    /*уже чуть менее жуткий*/
    input[type="checkbox"] + label:before,input[type="checkbox"] + a:before {
      display: inline-block !important;
      content: "" !important;
      vertical-align: bottom !important;
    }
    *[type="checkbox"] + label,*[type="checkbox"] + a[type='text/html'] {
      margin: 1px !important;
      -moz-margin-start: 0 !important;
      vertical-align: baseline !important;
    }
    input[type="checkbox"] + label:before,input[type="checkbox"] + a:before {
      -moz-appearance: none !important;
      width: 23px !important;
      height: 23px !important;
      border: 1px solid #c1c1c1 !important;
      border-radius: 2px !important;
      -moz-margin-end: 10px !important;
      background: #f1f1f1 linear-gradient(#fff, rgba(255,255,255,0.8)) center no-repeat !important;
      box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03) !important;
    }
    input[type="checkbox"]:not(:disabled):hover + label:before,
    input[type="checkbox"]:not(:disabled):hover + a:before {
      border-color: #0095dd !important;
    }
    input[type="checkbox"]:checked + label:before,input[type="checkbox"]:checked + a:before {
      background-image: url("chrome://global/skin/in-content/check.svg#check"), linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
    }
    input[type="checkbox"]:disabled + label,
    input[type="checkbox"]:disabled + a[type='text/html'] {
      opacity: 0.5 !important;
    }
    button:not(.whatisthis) {
      padding: 1px 10px 2px !important;
      -moz-appearance: none !important;
      background: var(--lghtcntntbg) !important;
      color: rgb(51, 51, 51) !important;
      border: 1px solid var(--drkhdrbrdr) !important;
      border-radius: 2px !important;
      box-shadow: none !important;
      font-size: 15px !important;
      line-height: 20px !important;
      height: 30px !important;
      min-width: 6.3em !important;
    }
    span.purge,span.status {
      padding: 1px 10px 2px !important;
      background: var(--lghtcntntbg) !important;
      color: rgb(51, 51, 51) !important;
      border: 1px solid var(--drkhdrbrdr) !important;
      border-radius: 2px !important;
      height: 24px !important;
      line-height: 19px !important;
    }
    .status.unsecure {
      color: orangered !important;
    }
    :-moz-any(span.purge,span.status,button):not(:-moz-any([disabled],[class*='disabled'],.whatisthis,[type="button"],[style="display: none;"])){
      display: -moz-box !important;
      opacity: 1 !important;
    }
    status.purge:not([disabled]):not([class*='disabled']):not([type="button"]){
      opacity: 1 !important;
    }
    :-moz-any(span.purge,span.status,button):not(.whatisthis):not([type="button"]),#whitelistApply,#userFiltersApply,#userFiltersRevert,#whitelistRevert{
      box-sizing: border-box !important;
      -moz-box-align: center !important;
      -moz-box-pack: center !important;
      margin: 2px 4px !important;
      float: right !important;
    }
    button:not(:-moz-any([disabled],[class*='disabled'],.whatisthis,#revertButton, #commitButton)):hover,span.purge:hover {
      background: var(--hvrbttnbg) !important;
      cursor: default !important;
    }
    button[disabled],button[class*='disabled'],.status.obsolete,.status.unsecure,#revertButton, #commitButton, #diff.edit #editEnterButton {
      opacity: 0.5 !important;
      cursor: not-allowed !important;
      -moz-user-select: none !important;
      pointer-events: auto !important;
    }
    #buttonApply {
      top: 0 !important;
      right: auto !important;
      left: auto !important;
      z-index: 1000 !important;
      outline: 200vw solid rgba(0,0,0,0.6) !important;
    }
    #busyOverlay > div:nth-of-type(1) {
      background-color: rgba(0,0,0,0.6) !important;
    }
    #userFiltersApply,#whitelistApply {
      margin: 2px 4px !important;
    }
    div[style="margin: 2.5em 1em;"] p,
    h2[data-i18n="aboutUserDataHeader"] + div p{
      display: flex !important;
      flex-wrap: wrap !important;
    }
    div[style="margin: 2.5em 1em;"] button,
    h2[data-i18n="aboutUserDataHeader"] + div button {
      flex-grow: 1 !important;
      display: flex !important;
    }
    .whatisthis-expandable.whatisthis-expanded {
      position: absolute !important;
      z-index: 999 !important;
      margin: auto !important;
      padding: 0.5em  1.5em 1em !important;
      -moz-margin-end: 20px !important;
      float: right !important;
      background: #F8FFD2 !important;
      border: 1px solid var(--frmfcsbrdr) !important;
      border-radius: 2px !important;
      box-shadow: 1px 1px 5px var(--drkhdrbrdr) !important;
    }
    .para {
      width: auto !important;
      max-width: 600px !important;
    }
    .whatisthis-expandable p {
      font-size: 13px !important;
      line-height: 18px !important;
    }
    .whatisthis:not([style='display: none;']),.fa:not([style='display: none;']) {
      display: inline-block!important;
      color: transparent !important;
      line-height: 22px!important;
      padding: 0 !important;
      vertical-align: bottom!important;
      background: transparent url("chrome://global/skin/in-content/help-glyph.svg#help") center no-repeat !important;
      background-size: 16px !important;
      height: 24px !important;
      width: 24px !important;
      opacity: 1 !important;
    }
    .whatisthis:hover,.fa:hover{
      background-image: url("chrome://global/skin/in-content/help-glyph.svg#help-hover") !important;
    }
    .whatisthis:not([href]):hover {
      cursor: default !important;
    }
    .fa,.fa:hover {
      color: transparent !important;
    }
    .subgroup:not(:hover) span ul {
      transform: scaleX(0) !important;
    }
    #diff .right li.notLeft {
      background-color: lightpink!important;
    }
}

Отредактировано turbot (04-03-2016 23:10:29)

WatsonRus · №145

Люди, а почему автор для хромоногов не выкладывает расширение в crx? Для Лисы же делает в xpi, а там обычный zip. Правда, для хромоногов через гугломагазин всегда доступон, а у [firefox] в Дополнениях застыло на 0.8.8.2.

voqabuhe · №146

WatsonRus пишет

Люди, а почему автор для хромоногов не выкладывает расширение в crx?

Дык и спроси сходи у хромоногов, чего ты здесь то флудишь, али заблудился?

WatsonRus пишет

а у в Дополнениях застыло на 0.8.8.2.

Наверное не успевают за автором.

This add-on has not been reviewed by Mozilla

Отредактировано voqabuhe (01-03-2015 20:37:49)

Northtech · №147

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

Raf-9600 · №148

turbot
Едва увидел, сразу же захотел написать то же, что и Northtech. Столь привлекательный стиль должен попасть в официальную версию расширения.

turbot · №149

Northtech, Raf-9600
Не стоит автора из-за этого дергать. Пусть делом занимается. Кроме того, там стиль единый и для хром и для фф, вряд ли пользователи хрома оценят стиль из фаерфокса (если кто не знает, то этот стиль - закос под новый in-content вид страницы настроек фф (включается в стабильной ветке переключением browser.preferences.inContent в true, в about:config).

Обновил стиль, сделал чекбоксы такими же, как и на странице настроек. Еще для about:addons накатал такой же.

Dumby · №150

turbot пишет

Еще для about:addons накатал такой же.

А почему CSS Variables задекларировал не только для about:addons ?

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

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Код:

Код:

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Re: uBlock

Board footer