turbot вот кусок кода стиля, который меня устраивает Меняйте значения под себя!
#urlbar[focused="true"] {box-shadow:#5FB7F0 0px 0px 3px 2px !important} #urlbar:hover{box-shadow:#5FB7F0 0px 0px 3px 2px !important} .urlbar-input-box, .searchbar-textbox { font-weight: bold !important; font-size: 16px !important; font-family: palatino linotype !important; margin-top: -2px !important; margin-left: -1px !important; }
Чего–то требует душа, успев за день натрудиться.
И ночь, хозяйкой, не спеша, читает браузером страницу.
Отсутствует
Skarm
Спасибо, но это все я уже пробовал. Никакого влияния на синюю подсветку ни тени, ни границы не оказывают. Тут что-то другое, новенькое, вероятно.
Отредактировано turbot (16-05-2014 23:26:29)
Отсутствует
Если вдруг у кого тоже с ctr такая проблема, то вот рабочий вариант:
/*AGENT_SHEET*/ #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] * * #urlbar-container #urlbar:not(:-moz-lwtheme)[focused], #main-window:not(:-moz-lwtheme)[defaultfxtheme="true"] * * .searchbar-textbox:not(:-moz-lwtheme)[focused] { border-color: бла-бла-бла!important; }
Отредактировано turbot (19-05-2014 15:16:51)
Отсутствует
Имеется стиль Search bar - Auto-size - Themes and Skins for Browser - userstyles.org.
Так он работает на младше 29 (конкретно на 24.5.0 ESR):
А так на 29.0.1:
Реально поправить поведение?
Отсутствует
>ORG@niZM<
Я использую два стиля
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* Make the Transparent Show when hover: */ #search-container { margin: 0 1px 0 0 !important; padding: 0 !important; } #search-container .searchbar-textbox, #search-container .textbox-input-box { margin: 0 !important; padding: 0 !important; } #search-container .searchbar-dropmarker { margin: 1px 0 0 1px !important; padding: 0 !important; } #search-container * { width: auto !important; } #search-container .textbox-input-box, #search-container { width: 0px !important; min-width: 0px !important; max-width: 0px !important; /* margin: 0px 0px 0px 61px !important; */ } #search-container:hover .textbox-input-box, #search-container:hover { width: 200px !important; min-width: 200px !important; max-width: 200px !important; /* margin: 0px 0px 0px 0px !important; */ } #search-container .searchbar-textbox { -moz-appearance: none !important; border: 0 !important; background-color: transparent !important; } #search-container:hover .searchbar-textbox { -moz-appearance: textfield !important; margin-left: -2px !important; background-color: -moz-field !important; }
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* By banthaz Version 0.9.2 (Apr 22 2012) */ #search-container .searchbar-textbox { min-width:26px!important; /* ← Collapsed width */ overflow:hidden!important; -moz-transition-property:min-width!important; -moz-transition-duration:150ms!important; /* ← Animation duration */ } #search-container:hover .searchbar-textbox { -moz-transition-delay:300ms!important; /* ← Delay before expanding when hovering */ } #search-container:hover .searchbar-textbox, #search-container .searchbar-textbox[focused] { min-width:200px!important; /* ← Expanded width */ } :-moz-any(#navigator-toolbox, #addon-bar):not([customizing]) #search-container { max-width:0!important; } #urlbar-search-splitter { display:none!important; }
Отсутствует
Mishania
вроде работает: к оригинальному коду после комментария об авторстве и версии добавить
#search-container { width: 0px !important; min-width: 0px !important; max-width: 0px !important; }
Отредактировано >ORG@niZM< (22-05-2014 13:07:56)
Отсутствует
>ORG@niZM<
Немного попроще:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); #search-container{ min-width:0px!important; max-width:0px!important; } #search-container .searchbar-textbox { min-width:26px!important; overflow:hidden!important; transition: min-width .2s !important; } #search-container:hover .searchbar-textbox, #search-container .searchbar-textbox[focused] { min-width:200px!important; -moz-transition-delay:300ms!important; }
Отсутствует
Немного попроще
спасибо. а можно допилить поведение: увеличивать поле ввода поиска за счёт дальнейшего уменьшения ширины урлбара по мере ввода символов, т.е. чтобы весь поисковый запрос был виден, а не как сейчас - 23 символа (примерно)?
Отсутствует
А подобное для урлбара возможно сделать, мне он редко когда нужен, только место занимает, на 26 так было у меня, на 29 не пашет.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); #urlbar-container { min-width:0px!important; max-width:0px!important; } #urlbar-container #urlbar { min-width:33px!important; overflow:hidden!important; transition: min-width .3s !important; } #urlbar-container:hover #urlbar, #urlbar-container #urlbar[focused] { min-width: 1000px !important; -moz-transition-delay:300ms!important; }
Отредактировано Kamui (24-05-2014 19:07:06)
Отсутствует
Подскажите, если кому не лень, а можно ли как-то задать, исключительно стилями, чтобы правило применялось к элементу в зависимости от состояния другого, с ним не связанного?
Если конкретнее, то, если #PersonalToolbar[collapsed="false"], файндбар, прилепленный к навбару, сдвигался бы вниз?
И еще вопрос: как сделано... эээ, "вкругление" у табов в австралисе? Голову сломал, но не придумал, как.
Хотя и похоже, если не присматриваться... И, да, я извращенец, и мне нравится хромоподобный стиль.
Отсутствует
turbot
Больше информации, например чем переместили файндбар наверх? А вообще, по умолчанию они имеют разных родителей, так что не представляется возможным.
Добавлено 31-05-2014 00:26:15
И еще вопрос: как сделано... эээ, "вкругление" у табов в австралисе? Голову сломал, но не придумал, как.
Тремя кусками и каждый кусок картинками
Отредактировано Kamui (31-05-2014 00:29:54)
Отсутствует
чем переместили файндбар наверх
Стилем. Я постеснялся его приводить, чтоб не травмировать психику людей знающих, но вот, раз настаиваете:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #main-window[sizemode="maximized"] findbar { top: 59px!important; } findbar { position: fixed!important; top: 57px!important; right: 43.5px!important; height: 26px!important; background-size: auto !important; background-image: linear-gradient(rgba(144, 143, 147, 0.95), rgba(174, 173, 177, 0.95), rgba(204, 203, 207, 0.95)) !important; border-bottom: 1px solid rgba(26, 26, 26, .4)!important; border-radius: 0px 0px 9px 9px; border: none!important; } findbar:before { content: ''!important; position: absolute!important; width: 0!important; height: 0!important; left: -12px!important; border-left: 6px solid!important; border-right: 6px solid!important; border-top: 2px solid!important; border-bottom: 16px solid!important; border-color: rgba(134, 133, 137, 0.95) rgba(154, 153, 157, 0.95) transparent transparent!important; } findbar:after { content: ''!important; position: absolute!important; width: 0!important; height: 0!important; right: -12px!important; border-left: 6px solid!important; border-right: 6px solid!important; border-top: 2px solid!important; border-bottom: 16px solid!important; border-color: rgba(134, 133, 137, 0.95) transparent transparent rgba(154, 153, 157, 0.95)!important; } .findbar-container { height: 22px!important; padding: 0px!important; margin-left: 0px!important; margin-top: 1px!important; margin-bottom: 0px!important; vertical-align: middle!important; } .findbar-closebutton.close-icon { -moz-box-ordinal-group: 5!important; vertical-align: text-top!important; } description[anonid="find-status"] { -moz-box-ordinal-group: 1!important; margin-left: 8px!important; margin-right: 8px!important; } label[anonid="found-matches"] { -moz-box-ordinal-group: 1!important; margin-left: -6px!important; margin-right: 8px!important; } hbox[anonid="findbar-textbox-wrapper"] { height: 20px!important; -moz-box-ordinal-group: 2!important; } .findbar-highlight.tabbable { -moz-box-ordinal-group: 3!important; } .findbar-case-sensitive.tabbable { -moz-box-ordinal-group: 4!important; }
Как-то так... Я предупреждал.
А вообще, по умолчанию они имеют разных родителей, так что не представляется возможным.
Ну, я так и думал, но вдруг... Магия css и все такое...
Тремя кусками и каждый кусок картинками
О как!.. Я-то думал: "магия css и все такое..."
Отсутствует
Есть скрипт для изменения цвета ссылок:
@namespace url(http://www.w3.org/1999/xhtml); /* Цвет ссылок */ a {text-decoration:none !important; color: #AA00FF !important;} a:hover {text-shadow: 0px 0px 7px black !important; transition: .4s linear !important;} a:active {color: Silver !important; font-style:bold !important;} a:visited {color: red !important;}
Отсутствует
/*AGENT_SHEET*/ a, a span { text-decoration:none !important; color: #AA00FF !important; } a:hover { text-shadow: 0px 0px 7px black !important; transition: text-shadow .4s linear !important; } a:active, a:active span { color: Silver !important; font-weight: bold !important; } a:visited, a:visited span { color: red !important; }
Насчет Однокласников - не уверен, но может задание transition-property - text-shadow и поможет.
Отсутствует
Всем привет! Подскажите как, и можно ли удалять/скрывать теги?
Мне нужно убрать из вида следующую конструкцию:
<th title="Сортировать по "Категория""><a href="/issues?sort=category%2Cupdated_on%3Adesc%2Cid%3Adesc">Категория</a></th>
Путь до нее такой:
<div id="content"> <form method="post" action="/issues" accept-charset="UTF-8"> <div class="autoscroll"> <table class="list issues"> <thead> <tr>
Как сделать это? Подскажите, пожалуйста.
Отредактировано themizz (20-06-2014 13:23:18)
Отсутствует
Благодарю. Ссылка убралась. Но судя по тому, что получилось, надо удалить конкретный th, так как на этом месте должно быть название следующей колонки.
Было: http://i069.radikal.ru/1406/7b/929bdffa421d.png
Стало: http://i024.radikal.ru/1406/ac/37be855d4d58.png
Код используемый полностью:
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url("site.ru/issues?set_filter=1") { td.category {display:none !important;} a[href="/issues?sort=category%3Adesc%2Cupdated_on%3Adesc%2Cid%3Adesc"] {display: none !important;} }
Сможете подсказать, как избавить от этого th? (Может по маске title, если это возможно).
Отсутствует