fotoleto.ru - Владимир Жуйков     

=фотоальбомы=фоторабота=фотосеть=графпро=сайтострой=

В помощь— SeaMonkey — userChrome.css

userChrome.css
Пользовательская настройка интерфейса в SeaMonkey

Внося дополнения в userChrome.css, Вы можете изменить во внешнем виде SeaMonkey почти всё - от мелкой детали до всего интерфейса. Зачем менять интерфейс?
  • У каждого пользователя своя манера работы с браузером, свой набор используемых и неиспользуемых команд меню — неиспользуемые можно убрать с глаз долой, чтобы не отвлекали внимание.
  • Темы для SeaMonkey на любой вкус, но иногда появляется желание подправить один-два цвета.
  • Некоторые корпоративные пользователи ставят SeaMonkey на сотни машин — почему бы не приблизить интерфейс браузера к фирменному стилю.
  • Большое количество значков на панели сужает поле адреса — значки можно чуть подвинуть.
  • У меня, например, не идеальное зрение и мелкий шрифт утомляет. Естественно, всюду, где только можно, я стараюсь увеличить размер шрифта.
  • На панели закладок в моём браузере 25 папок - они бы там не поместились без уплотнения через userChrome.css
  • Расположение некоторых элементов управления можно изменить в соответствии со своими предпочтениями редактированием файлов XUL, а затем описать их вид в userChrome.css

Если Вас всё устраивает - совершенно незачем что-либо переделывать. Если не устраивает какая-то мелочь - исправьте только её, не вмешиваясь в остальное.

В интерфейсе SeaMonkey увеличить шрифт очень просто — в userChrome.css указывается элемент интерфейса и для него назначаются предпочтительные параметры.

Для того, чтобы настройки userChrome.css применялись к элементам интерфейса, содержащим надписи на русском языке, файл userChrome.css должен быть в кодировке UTF-8. Будьте внимательны при конвертировании.

Файл userChrome.css — это обычный текстовый файл в формате CSS. Загляните в папку «chrome» в папке профиля, возможно там уже есть заготовка — «userChrome-example.css». Переименуйте этот файл в userChrome.css, откройте в текстовом редакторе (блокноте) и добавляйте снизу нужные Вам изменения элементов интерфейса. Правила, описанные в userChrome.css , вступают в действие после перезагрузки браузера.

Если Вы ещё не знакомы с CSS, — не пропустите страничку со ссылками на ресурсы, посвящённые CSS. Надеюсь, будет полезна и подборка ссылок на ресурсы, облегчающие подбор цвета.

Инспектор DOM
Откройте DOM-инспектор из меню SeaMonkey:
Tools -> Web Development -> DOM Inspector.
Выберите подопытное окно SeaMonkey в меню DOM-инспектора:
File -> Inspect a Window
Слева в окне DOM-инспектора появится структура исследуемого окна.
Нажмите на кнопку со стрелкой слева на панели инструментов DOM-инспектора.
Кликните по интересующему вас элементу исследуемого окна.
Контуры элемента должны мигнуть несколько раз, а код в окне DOM-инспектора раскроется на участке, соответствующем выбранному элементу.
В правом окне откроется требуемая информация.
Варианты — в выпадающем меню. Наиболее полная информация по CSS элемента — на страничке «Computed Style».


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

/* пункт меню со вложенными пунктами */

menu{
color:#000 !important;
background:transparent !important;
font-family:verdana !important;
font-weight:normal !important;
font-size:13px !important;
}

/* цвет текста и фона при наведении */

menu:hover{
color: #fff !important;
background: #424f81 !important;
-moz-border-radius:8px !important;
}

/* вложенный пункт меню */

menuitem{
color: #000 !important;
background: transparent !important;
font-family: verdana !important;
font-weight: normal !important;
font-size: 13px !important;
}

/* цвет текста и фона при наведении */

menuitem:hover {
color: #fff !important;
background: #424f81 !important;
-moz-border-radius-topleft:2px !important;
-moz-border-radius-topright:2px !important;
-moz-border-radius-bottomleft:3px !important;
-moz-border-radius-bottomright:2px !important;
}

/* убирает пункты меню */

menu[label="Go"],
menu[label="Window"],
menu[label="Help"]{
display:none !important;
}

/* убирает пункты меню только в основных окнах */

#main-menubar menu[label="Help"]{
display:none !important;
}

/* убирает пункты меню только в окне браузера */

#navigator-toolbox menu[label="Go"],
#navigator-toolbox menu[label="Window"],
#navigator-toolbox menu[label="Help"]{
display:none !important;
}

/* убирает вложенные пункты меню */

menubar [label="New"],
menubar [label="Open Web Location..."],
menubar [label="Print..."],
menubar [label="Print Preview"],
menubar [label="Close Other Tabs"],
menubar [label="Page Setup..."],
menubar [label="Close Window"],
menubar [label="Close Tab"],
menubar [label="Work Offline"],
menubar [label="Send Page..."],
menubar [label="Send Link..."],
menubar [label="Undo"],
menubar [label="Redo"],
menubar [label="Delete"],
menubar [label="Stop"],
menubar [label="Reload"],
menubar [label="Upload File..."],
menubar [label="Exit"]{
display: none !important;
}

/* убирает разделитель после вложенного пункта меню "Upload File..." */

#main-menubar menuitem[label="Upload File..."] + menuseparator
{display: none !important}

/* убирает разделитель после вложенного пункта меню "Full Screen" */

#main-menubar #menuitem_fullScreen + menuseparator
{display: none !important}

/* убирает все пункты и разделители контекстного меню страницы */

#context-openlink,
#context-openlinkintab,
#context-sep-open,
#context-bookmarklink,
#context-savelink,
#context-copyemail,
#context-copylink,
#context-sep-copylink,
#context-fitimage,
#context-viewimage,
#context-copyimage,
#context-sep-copyimage,
#context-saveimage,
#context-setWallpaper,
#context-sep-image,
#context-back,
#context-forward,
#context-reload,
#context-stop,
#context-sep-stop,
#context-bookmarkpage,
#context-savepage,
#context-sep-viewbgimage,
#context-viewbgimage,
#context-undo,
#context-redo,
#context-sep-undo,
#context-cut,
#context-copy,
#context-paste,
#context-delete,
#context-sep-paste,
#context-selectall,
#context-sep-selectall,
#context-searchselect,
#frame-sep,
#frame,
#context-reload-frame,
#saveframeas,
#context-sep-properties,
#context-viewpartialsource-selection,
#context-viewpartialsource-mathml,
#context-viewsource,
#context-viewinfo,
#context-metadata{
display:none !important;
}

/* убирает группу кнопок слева от адресной строки */

#nav-bar-buttons{
display: none !important;
}

/* убирает кнопку «назад» */

#back-button,{
display: none !important;
}

/* убирает кнопку «вперёд» */

#forward-button{
display: none !important;
}

/* убирает кнопку «обновить» */

#reload-button{
display: none !important;
}

/* убирает кнопку «стоп» */

#stop-button{
display: none !important;
}

/* адресная строка - шрифт, отступы */

#urlbar{
font-family: monospace !important;
font-size: 13px !important;
padding: 0 !important;
margin:0 !important;
}

/* рамка вокруг адресной строки */

#urlbar{
border: 2px solid !important;
-moz-border-top-colors: #BBC2CB #777 !important;
-moz-border-right-colors: #D2DAE1 #777 !important;
-moz-border-bottom-colors: #D2DAE1 #333 !important;
-moz-border-left-colors: #A5ACB5 #777 !important;
-moz-border-radius-topleft: 1px !important;
-moz-border-radius-topright: 2px !important;
-moz-border-radius-bottomleft: 2px !important;
-moz-border-radius-bottomright: 2px !important;
}

/* уменьшает отступ слева перед адресом */

#page-proxy-deck{
margin-right:0 !important;
}

/* убирает выпадающий список истории и автозаполнения */

.autocomplete-result-popup,
.autocomplete-history-dropmarker{
display: none !important;
}

/* отступ слева от троббера */

#navigator-throbber {
margin-left: 0px !important;
}

/* убирает кнопку троббера */

#throbber-box{
display: none !important;
}

/* уменьшает расстояние между значками меню */

toolbox toolbarbutton{
margin:0 !important;padding:0 !important;
}

/* убирает кнопки, сворачивающие панели */

toolbargrippy {display: none !important;
}

/* папка закладок в меню Закладки */

menu.bookmark-item{
color: #003 !important;
background: transparent !important;
font-family: verdana !important;
font-size: 13px !important;
font-weight: bold !important;
}

/* цвет текста и фона при наведении в папках закладок в меню Закладки */

menu.bookmark-item:hover {
color: #fff !important;
background: #424f81 !important;
}

/* закладки */

menuitem.bookmark-item {
color: #000 !important;
background: transparent !important;
}

/* закладки - цвет текста и фона при наведении */

menuitem.bookmark-item:hover{
color: #fff !important;
background: #424f81 !important;
}

/* отступ справа от значка папки в закладках */

.menu-iconic-left {
margin-right:4px !important;
}

/* отступы вокруг пунктов панели закладок */

toolbarbutton.bookmark-item {
padding:1px 2px 0 1px !important;
}

/* убирает значки закладок на панели закладок */

.bookmark-item:not(.bookmark-group):not([type="menu"]) > .toolbarbutton-icon {
  display: none;
}

/* отступ слева от значков закладок, папок в менеджере */

treechildren::-moz-tree-indentation {
width:2px !important;
}

/* стрелки папок закладок */

treechildren::-moz-tree-twisty {
padding-right:0 !important;
padding-left:0 !important;
width:9px !important;
} 

/* отступ справа от значка закладок в подменю */

menuitem.bookmark-item > .menu-iconic-left{
margin-right:0 !important;
}

/* убрать значки закладок и папок в сайдбаре и менеджере */

treechildren::-moz-tree-image(Name) {
width:0 !important;
}

/* выбранные строчки в менеджере закладок */

tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected) {
background-color:#424f81 !important;
}
treechildren[alternatingbackground="true"]::-moz-tree-row(odd, selected),
treechildren::-moz-tree-row(selected) {
background-color:#424f81 !important;
}
treechildren::-moz-tree-cell-text(selected) {
color: #fff !important;
}

/* шрифт в менеджере закладок и бок панели */
treechildren::-moz-tree-cell-text{
font-size: 13px !important;
}

/* отступы в табах */

.tab-icon {
margin: 0 !important;
}
tab{
padding: 0 !important;
color: #000 !important;
}

/* цвет текста при клике в табах */

tab[selected="true"] {
color: #000 !important;
}

/* изменяет цвета текста и фона при наведении в табах */

tab:hover {
color: #003 !important;
background: #e8eded !important;
}
tab[selected="true"]:hover {
color: #003 !important;
background: #e8eded !important;
}

/* сдвигает кнопку закрытия табов вправо */

.tabs-closebutton {
margin-right:0 !important;
}

/* убирает фокус при клике по табу */

.tab-middle{
outline-style:none !important;
}

/* замена иконок табов */

.tab-icon {
list-style-image:url("moz-img-my/g5.png") !important;
margin-top:0 !important;
margin-right:0 !important;
max-height: 16px !important;
max-width:16px !important;
}
tab[busy] .tab-icon {
list-style-image:url("moz-img-my/g5-load.gif") !important;
}
#tab-favicon{
margin-top:0px !important;
margin-right:0px !important;
width:16px !important;
height:16px !important;
}

/* перемещает панель табов вниз */

tabbrowser tabbox{-moz-box-direction: reverse !important}

/* убирает кнопки компонентов в статусе */

#mini-nav,
#mini-mail,
#mini-comp,
#mini-irc,
#mini-addr{
display:none !important;
}

/* шрифт в панели статуса*/

.statusbarpanel-text{
font-size: 13px !important;
}

/* текстовая кнопка Adblock plus 0.6 */
#abp-status{
min-width:15px !important;
width:15px !important;
font-size:13px !important;
}

/* ширина прогрессметра */

.progressmeter-statusbar{
min-width:60px !important}

/* кнопка выбора колонок дерева в истории и др  */

.tree-columnpicker-icon {
display:none !important;
}

/* убирает отступы в окошке поиска */

#findDialog{padding:0 !important}
#findDialog checkbox{margin-top:-6px !important;margin-bottom:-3px !important}
#findDialog button{margin-top:-5px !important;margin-bottom:-2px !important}

/* стилизует текстовые подменю, вынесенные на панель меню */

menubar [label="open"],
menubar [label="copy"],
menubar [label="select all"],
menubar [label="add Bookmark"],
menubar [label="Source"]{
background: #ddd !important;
padding: 0 0 1px 0 !important;
border:1px solid #bbb !important;
margin:0 4px 0 4px !important;
}
menubar [label="open"]:hover,
menubar [label="copy"]:hover,
menubar [label="select all"]:hover,
menubar [label="add Bookmark"]:hover,
menubar [label="Source"]:hover{
background: #424f81 !important;
padding: 0 0 1px 0 !important;
border:1px solid #bbb !important;
margin:0 4px 0 4px !important;
-moz-border-radius:7px !important;
}

/* для новых графических кнопок */

#mybutPaste{
list-style-image:url("moz-img-my/pas.gif") !important;
max-width:54px !important;
margin-left:3px !important;
padding:1px 7px 1px 7px !important;
background: #eaeaea !important;
}
#mybutPaste:hover{
list-style-image:url("moz-img-my/paste.gif") !important;
background: transparent !important;
}
#mybutPaste:active{
list-style-image:url("moz-img-my/pas.gif") !important;
background: #ddd !important;
}

#mybutPref{
list-style-image:url("moz-img-my/pre.gif") !important;
max-width:31px !important;
margin-left:3px !important;
padding:0 3px 0 3px !important;
}
#mybutPref:hover{
list-style-image:url("moz-img-my/pre-hov.gif") !important;
}
#mybutPref:active{
list-style-image:url("moz-img-my/pre.gif") !important;
}

/* почта - пункт меню со вложенными пунктами - шрифт */

#messengerWindow menu{
font-family:verdana !important;
font-weight:normal !important;
font-size:14px !important;
}

/* почта - вложенный пункт меню - шрифт */

#messengerWindow menuitem{
font-family:verdana !important;
font-weight:normal !important;
font-size:14px !important;
}

/* почта - окно Compose - пункт меню со вложенными пунктами - шрифт */

#msgcomposeWindow menu{
font-family:verdana !important;
font-weight:normal !important;
font-size:14px !important;
}

/* почта - окно Compose - вложенный пункт меню - шрифт */

#msgcomposeWindow menuitem{
font-family:verdana !important;
font-weight:normal !important;
font-size:14px !important;
}

userChrome-example.css
fotoleto.ru/mozilla/userChrome-example.css
Дефолтный userChrome.css
Customizing Mozilla
www.mozilla.org/unix/customizing.html
Modifying the Default Skin
xulplanet.com/tutorials/xultu/defskin.html
Описание как модифицировать дефолтный скин.
The Chrome Manager
mnenhy.mozdev.org/chroman.html
Chrome Manager — составная часть расширения Mnenhy. Пояснения — что такое Chrome в Мозилле и как работает расширение.
MozillaZine — Themes
forums.mozillazine.org/viewforum.php?f=18
Раздел форума «MozillaZine», посвящённый разработке шкурок, и переделке их пользователями через userChrome.css
Post your userFiles!
forums.mozillazine.org/viewtopic.php?t=244616
Тема на форуме MozillaZine.
userChrome
www.geocities.com/pratiksolanki/userChrome.html
UserChrome.css Element Names/IDs - MozillaZine Knowledge Base
kb.mozillazine.org/UserChrome.css_Element_Names/IDs
Chrome element names and IDs - MozillaZine Knowledge Base
kb.mozillazine.org/Chrome_element_names_and_IDs
UserChrome.css and userContent.css - MozillaZine Knowledge Base
kb.mozillazine.org/UserChrome.css
UserChrome.css and userContent.css
kb.mozillazine.org/UserChrome.css_and_userContent.css
Help:User style
wiki.mozilla.org/Help:User_style
Mozilla CSS Commands
developer.mozilla.org/
firefox:tips:userchrome.css
forum.mozilla-russia.org/doku.php?id=thunderbird:tips:userchrome.css
UserChrome.css в Firefox (большая часть применима к Mozilla и Seamonkey).
Настройка userchrome.css (в Thunderbird)
forum.mozilla.ru/doku.php?id=thunderbird:tips:userchrome.css
Changing Firefox windows back to classic mode
kb.mozillazine.org/Firefox_windows_classic
Add-ons Mirror — userChrome.css
forum.addonsmirror.net/index.php?showforum=34
Форум по userChrome.css на сайте Add-ons Mirror.
Linnhe: Firefox Chrome
www.linnhe2.free-online.co.uk/firefox/chrome.html
UserChrome.js — настройка JavaScript в самом браузере
UserChrome.js
kb.mozillazine.org/UserChrome.js
UserChrome.js/General
kb.mozillazine.org/UserChrome.js/General
UserChrome.js/Mail
kb.mozillazine.org/UserChrome.js/Mail
MozillaZine Knowledge Base.
[Ext] userChrome.js
forums.mozillazine.org/viewtopic.php?t=397735
MozillaZine Forums. Обсуждение расширения userChrome.js
UserChrome.js
wiki.mozilla.org/UserChrome.js
MozillaWiki.

=карта сайта=о сайте=в помощь=автор=контакты=

Любое воспроизведение фотографий и текстов сайта должно быть согласовано с автором.