Stylish

jetli · №2676

Coroner пишет

Ну вид вкладок настраивается стилями и сливаться им вовсе необязательно. И ширину минимальную настроить можно.
И скругление добавить (https://forum.mozilla-russia.org/viewto … 38&p=1)

Спасибо. А как ширину убавить, а то никак не могу найти.

leex · №2677

Привет всем.
Может быть пишу не по теме но мне кажется что близко
С недавних пор яндекс включил на своем сайте "Яндекс новости" фичу которая напрягает своей навязчивостью.
Это автопрокрутка

Очень стало неудобно.
Я читаю несколько версий по теме из разных изданий, открываю читаю, потом возвращаюсь на исходную страницу, чтобы открыть другое СМИ, но страница уже прокручена вниз, чтобы я увидел и прочитал неинтересные мне новости.
Приходится каждый раз листать вверх, чтобы отыскать первоначальную новость.

Думаю что выполняется какой то скрипт.
Может быть кто-нибудь посоветует стиль способный заблокировать этот скрипт с автопрокруткой?

Если написал не в тему то подскажите пожалуйста куда задать этот вопрос на форуме.

Отредактировано leex (15-10-2018 15:04:46)

Coroner · №2678

leex пишет

С недавних пор яндекс включил на своем сайте "Яндекс новости" фичу которая напрягает своей навязчивостью.

Не вижу никакой автопрокрутки в новостях (news.yandex.ru). Можно адрес конкретной страницы?
Вы уверены что не включили какую-нибудь дрянь вроде «турбо» или, не приведи господи, «бздзень»?
У «турбо» есть автопрокрутка, которая выключается в её же настройках (если интернет не врёт).

Yeesha · №2679

Coroner
Открываем страницу любой конкретной новости.
Там есть список ссылок под заголовком "Подробнее о событии".
Кликаем по любой из этих ссылок, она открывается в новом окне.
Возвращаемся на страницу новости - видим, что она прокручена вниз.

leex · №2680

Coroner
В любом браузере так

Coroner · №2681

:offtopic:

leex пишет

В любом браузере так

Да, убедился уже. По СКМ по ссылке видно даже лучше — никуда переходить не надо, страница в фоне открывается.

dreamkz · №2682

А не подскажите где именно подобные расширения Stylish и Stylus хранят коды стилей физически? Пошарил в папке профиля и не нашёл ничего. Или они зашифрованы?

Coroner · №2683

dreamkz, мне кажется что искать надо в папке browser-extension-data — должна быть папка с именем в виде ID дополнения.
Там читаемый, хотя и неудобноваримый формат json

Ну и ещё дополнения что-то пишут в storage\default (moz-extension+++......).
Там файлы баз данных уже и открывать их придётся сторонним софтом (SQLite Database Browser) или дополнением для Firefox (SQLite Manager или аналогичным).

Хотя могу и ошибаться.

j23 · №2684

Помогите, пожалуйста, составить правило для скрытия на Кинопоиске фона с рекламой. Там каждый раз генерируются новые имена элементов.

oleg.sgh · №2685

j23
Кинопоиск, и не только.
RU AdList CSS Fixes | Userstyles.org

j23 · №2686

oleg.sgh
Спасибо! На старой версии стоял, а на этой забыл про него.

Baron_ · №2687

Помогите, пожалуйста, кто сможет. Есть такой скрипт

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

/*
* Drop the below regex, after a comma, just before the opening curly bracket above, to exclude websites from solarization:
regexp("https?

/(www\.)?(?!(userstyles\.org|docs\.google|github)\..*).*") * ,
*/

/* Firefox Scrollbars */

scrollbar
{
opacity: .75 !important;
}

/*Vars
color00 #0b1c2c
color01 #bf8b56
color02 #56bf8b
color03 #8bbf56
color04 #8b56bf
color05 #bf568b
color06 #568bbf
color07 #93a1a1
color08 #627e99
color15 #f7f9fb
color16 #bfbf56
color17 #bf5656
color18 #223b54
color19 #405c79
color20 #aabcce
color21 #e5ebf1
*/

/* Base */
*, ::before, ::after {
color: #cbd6e2 !important;
border-color: #223b54 !important;
outline-color: #223b54 !important;
text-shadow: none !important;
box-shadow: none !important;
/*-moz-box-shadow: none !important;*/
background-color: transparent !important;
}

html * {
color: inherit !important;
}

p::first-letter,
h1::first-letter,
h2::first-letter,
p::first-line {

color: inherit !important;
background: none !important;
}

/* :: Give solid BG :: */

/* element */
b,i,u,strong{color:#56bf8b}

html,
body,
li ul,
ul li,
table,
header,
article,
section,
nav,
menu,
aside,

/* common */

[class*="nav"],
[class*="open"],
[id*="ropdown"], /*dropdown*/
[class*="ropdown"],
div[class*="menu"],
[class*="tooltip"],
div[class*="popup"],
div[id*="popup"],

/* Notes, details, etc. Maybe useful */
div[id*="detail"],div[class*="detail"],
div[class*="note"], span[class*="note"],
div[class*="description"],

/* Also common */
div[class*="content"], div[class*="container"],

/* Popup divs that use visibility: hidden and display: none */
div[style*="display: block"],
div[style*="visibility: visible"] {
background-color: #0b1c2c !important
}

/*: No BG :*/
*:not(:empty):not(span):not([class="html5-volume-slider html5-draggable"]):not([class="html5-player-chrome html5-stop-propagation"]), *::before, *::after,
td:empty, p:empty, div:empty:not([role]):not([style*="flashblock"]):not([class^="html5"]):not([class*="noscriptPlaceholder"]) {
background-image: none !important;
}

/*: Filter non-icons :*/
span:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="prite"]) {
background-image: none !important;
text-indent: 0 !important;
}

/*: Image opacity :*/
img, svg {opacity: .75 !important;}
img:hover, svg:hover {opacity: 1 !important;}

/* Highlight */
::-moz-selection {
background-color: #e5ebf1 !important;
color: #405c79 !important;
}

/* ::: anchor/links ::: */

a {
color: #568bbf !important;
background-color: #0b1c2c !important;
opacity: 1 !important;
text-indent: 0 !important;
}

a:link {color: #8bbf56 !important;} /* hyperlink */
a:visited {color: #bf568b !important;}
a:hover {color: #8bbf56 !important; background-color: #223b54 !important;}
a:active {color: #bfbf56 !important;}

/* "Top level" div */

body > div {background-color: inherit !important;}

/* :::::: Text Presentation :::::: */

summary, details {background-color: inherit !important}
kbd, time, label, .date {color: #56bf8b !important}
acronym, abbr {border-bottom: 1px dotted !important; cursor: help !important;}
mark {background-color: #bf8b56 !important}

/* :::::: Headings :::::: */

h1,h2,h3,h4,h5,h6 {

background-image: none !important;
border-radius: 5px !important;
/*-moz-border-radius: 5px !important;*/
-webkit-border-radius: 5px !important;
text-indent: 0 !important;
}

h1,h2,h3,h4,h5,h6 {background-color: #223b54 !important}

h1,h2{color:#56bf8b!important}
h3,h4{color:#8bbf56!important}
h5,h6{color:#bfbf56!important}

/* :::::: Tables, cells :::::: */

table table {background: #223b54 !important;}
th, caption {background: #0b1c2c !important;}

/* ::: Inputs, textareas ::: */

input, textarea, button,
select,option,optgroup{

color: #405c79 !important;
background: none #223b54 !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
}

input,
textarea,
button {
border-color: #405c79 !important;
border-width: 1px !important;
}

/* :::::: Button styling :::::: */

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
background: #223b54 !important;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
color: #405c79 !important;
background: #e5ebf1 !important;
}

input[type="image"] {opacity: .85 !important}
input[type="image"]:hover {opacity: .95 !important}

/* Lightbox fix */
html [id*="lightbox"] * {background-color: transparent !important;}
html [id*="lightbox"] img {opacity: 1 !important;}

/* Youtube Annotation */
#movie_player-html5 .annotation {background: #223b54 !important}

Как добавить в исключения википедию? Пытаюсь сделать, как указано в начале скрипта, ничего не выходит.

adrem475 · №2688

Подскажите плиз, есть такой вот замечательный стиль для Ютуба (для старого дизайна, на новом не работает):
Black and Orange Hub Dark YouTube Theme
https://userstyles.org/styles/133261/black-and-orange-hub-dark-youtube-theme
Как в нем сделать "лайки" (ладонь вверх или вниз) не серыми, а зелеными/красными, как в этом стиле? -
Colored likes (Youtube)
https://userstyles.org/styles/152938/colored-likes-full-watched-more
(не работает на старом дизайне Ютуба).

Отредактировано adrem475 (27-10-2018 23:24:11)

dreamkz · №2689

На сайте userstyles.org предлагают код установить двумя способами. Так чем будет отличаться работа одного и того же кода установленного в Stylus от установленного в Violentmonkey?

leshiy_odessa · №2690

dreamkz пишет

Так чем будет отличаться работа одного и того же кода установленного в Stylus от установленного в Violentmonkey?

А кто вам сказал что код один и тот же? Код разный. Иногда стилями невозможно вырезать рекламу и тогда в бой вступает тяжелая артиллерия в виде Java кода.

dreamkz · №2691

leshiy_odessa пишет

Иногда стилями невозможно вырезать рекламу

Я это понимаю. Я говорю про коды, которые лишь меняют внешний вид сайта. То есть, если у тебя есть, например, Violentmonkey, то для установки новых стилей для страницы не обязательно скачивать Stylus? Ведь коды одинаковые. На примере этой страницы:

Violentmonkey

Выделить код

Код:

@-moz-document domain("instagram.com")
{
/* Full resolution */
/*previews*/
  .PdwC2
  {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    max-width: 80% !important;
    pointer-events: auto;
    width: 100%;
  }

  .D1AKJ
  {
    max-width: 80%;
  }
/*direct*/
  .ltEKP
  {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    max-width: 80% !important;
    width: 100%;
  }

  .Kj7h1
  {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .FFVAD
  {
    max-height: 920px;
    object-fit: contain;
  }

  .eLAPa
  {
    max-height: 920px;
  }

  .tWeCl
  {
    max-height: 920px;
  }

  .B1JlO
  {
    max-height: 920px;
  }

  ._8jZFn
  {
    max-height: 920px;
    object-fit: contain;
  }

  ._6oveC
  {
    overflow: hidden;
  }

/*smaller margins*/
  .zZYga::before
  {
    content: '';
    display: block;
    -webkit-flex-basis: 40px;
    -ms-flex-preferred-size: 40px;
    flex-basis: 0px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .zZYga::after, .zZYga::before
  {
    content: '';
    display: block;
    -webkit-flex-basis: 40px;
    -ms-flex-preferred-size: 40px;
    flex-basis: 0px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }


/*right click options*/
  ._9AhH0
  {
    bottom: 0;
    right: 0;
    height: 1px;
  }

  ._3G0Ji
  {
    z-index: 1;
  }

  .B20bj, .z6Odz
  {
    display: none;
  }

  ._5wCQW
  {
    z-index: 1;
  }
}

Stylus

Выделить код

Код:

/* Full resolution */
/*previews*/
  .PdwC2
  {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    max-width: 80% !important;
    pointer-events: auto;
    width: 100%;
  }

  .D1AKJ
  {
    max-width: 80%;
  }
/*direct*/
  .ltEKP
  {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    max-width: 80% !important;
    width: 100%;
  }

  .Kj7h1
  {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .FFVAD
  {
    max-height: 920px;
    object-fit: contain;
  }

  .eLAPa
  {
    max-height: 920px;
  }

  .tWeCl
  {
    max-height: 920px;
  }

  .B1JlO
  {
    max-height: 920px;
  }

  ._8jZFn
  {
    max-height: 920px;
    object-fit: contain;
  }

  ._6oveC
  {
    overflow: hidden;
  }

/*smaller margins*/
  .zZYga::before
  {
    content: '';
    display: block;
    -webkit-flex-basis: 40px;
    -ms-flex-preferred-size: 40px;
    flex-basis: 0px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .zZYga::after, .zZYga::before
  {
    content: '';
    display: block;
    -webkit-flex-basis: 40px;
    -ms-flex-preferred-size: 40px;
    flex-basis: 0px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }


/*right click options*/
  ._9AhH0
  {
    bottom: 0;
    right: 0;
    height: 1px;
  }

  ._3G0Ji
  {
    z-index: 1;
  }

  .B20bj, .z6Odz
  {
    display: none;
  }

._5wCQW {

    z-index: 1;
}

Тогда в чём преимущество Stylus перед Violentmonkey?

dreamkz · №2692

Я изменил фон страницы браузера на чёрный цвет. И теперь на некоторых форумах в строке комментирования фон тоже стал чёрным и не видно текста. Это выглядит так:

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

Я пытался с помощью Stylus изменить фон сайта на светлый, но ничего не выходит. Моих знаний хватило на этот код:

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

Выделить код

Код:

body {
    background: #F7F2F2 !important;
}

Этот код меняет цвет в теле сайта, но строка для комментирования всё так же остаётся чёрной. Я так понимаю, что ей назначена некая прозрачность, а не цвет. Подскажите, пожалуйста, как изменить прозначность строки для комментирования на сплошной белый цвет.
Пример тут https://forum.adguard.com/index.php?thr … ost-174221

leshiy_odessa · №2693

dreamkz пишет

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

#FFF

dreamkz · №2694

leshiy_odessa

dreamkz пишет

Этот код меняет цвет в теле сайта, но строка для комментирования всё так же остаётся чёрной. Я так понимаю, что ей назначена некая прозрачность, а не цвет. Подскажите, пожалуйста, как изменить прозначность строки для комментирования на сплошной белый цвет.

Цвет строки для комментирования не меняется от этого:

leshiy_odessa пишет

#FFF

Мне нужен любой сплошной светлый цвет, чтобы буквы было видно при наборе текста

okkamas_knife · №2695

dreamkz пишет: Мне нужен любой сплошной светлый цвет, чтобы буквы было видно при наборе текста

INPUT[type="text"],INPUT[type="password"],TEXTAREA{
-moz-appearance: none !important;
color: #000000 !important;
background-color: #ffffff !important;
opacity: 1 !important;
}

dreamkz · №2696

okkamas_knife, спасибо большое! Вы всегда поможете дельным советом. Но тут всё равно окно комментирования цвет не меняет. Ставлю обычную тему по умолчанию браузера, в окне комментирования буквы видно. Меняю фон браузера - текста не видно. Я и инспектором это окно в коде потом выделил, и толку всё равно нет

okkamas_knife · №2697

dreamkz пишет: Но тут всё равно окно комментирования цвет не меняет.

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

dreamkz · №2698

okkamas_knife, хорошо, попробую. И что интересно, когда ставишь тёмную тему из стоковых тем браузера (их там три: дефолтная, светлая и тёмная), то окно комментирования остаётся светлым. Но стоит только изменить цвет фона на тёмный вот так:

userChrome.css

Выделить код

Код:

/* цвет пустой страницы  
browser {
-moz-appearance: none !important; 
background: #323234 !important;} */

или вот так:

userChrome.css

Выделить код

Код:

/* Меняет цвет основного фона. Используется вместе с userContent */
@-moz-document url(chrome://browser/content/browser.xul)
{
   #main-window,
   browser[type="content-primary"],
   browser[type="content"],
   tabbrowser#content,
   #content,
   browser[type="content"] > html
   {
      background: #323234 !important;
   }
}

userContent.css

Выделить код

Код:

/* Меняет цвет основного фона. Используется вместе с userChrome */
@-moz-document url-prefix(about:blank), url-prefix(about:newtab) {
  html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay {
    background: #323234 !important;
  }
}

@-moz-document url(about:newtab),
               url(about:home) {
   body{
       background-color:#323234    !important;
       color:#D1D1D1!important;
      }
   .card,
   .prefs-pane .sidebar {
      background-color:#202020!important;
   }
   #snippets,
   .section-title,
   .snippetContainer {
      color: #AEAEAE!important;
   }
   .contentSearchSuggestionTable,
   .contentSearchSuggestionsList{
      color:black!important;
   }
   .display-item {color: #D1D1D1!important;}
   #aboutMozilla::before {filter:invert(100%)!important;}
   #searchText{
      background:#474749!important;
      border-radius: 4px;
      border: 1px solid #262627;
      box-shadow: none;
   }
   #searchSubmit,
   #launcher {display:none!important;}
}

Возможно, дело ещё и в кодах CSS?

okkamas_knife · №2699

dreamkz пишет:
Возможно, дело ещё и в кодах CSS?

почитай хотябы про основы цсс чтоб не писать про "коды CSS" как ламер
то с чем работаешь надо хотябы немного изучить а то вопросы звучат в духе где проковырять дырку в копусе жёского диска чтоб спиртом уничтожить вирусы?
скорее у тебя третий вариант
проще всего взять тему которую используешь и поискать там по селекторам (инпут текстареа) и убрать их если там несколько или закомментировать если там правило для отдельного элемента.

dreamkz · №2700

okkamas_knife пишет

почитай хотябы про основы цсс чтоб не писать про "коды CSS" как ламер
то с чем работаешь надо хотябы немного изучить а то вопросы звучат в духе где проковырять дырку в копусе жёского диска чтоб спиртом уничтожить вирусы?

okkamas_knife, да мне самому порой стыдно. Почти 10 лет на форуме набегами и только сейчас стал во что-то вникать :dumb: Буду вникать.

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

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