Stronka o userchrome.css

[Wojciech]

Mam następny pomysł na rozszerzenie PDMFiTu, mianowicie nieźle byłoby pozbierać z Forum i innych źródeł informacje o ustawieniach w userchrome.css i innych plikach tego typu.

[Alfa]

Przeniesione z nowego tematu "Do moderatorów", który był poświęcony dokładnie temu samemu zagadnieniu. W.

Wydaje mi się, że wartą rozważenia na tym forum jest sprawa utworzenia wątku podobnego do tego:
http://www.extensionsmirror.nl/index.php?showforum=8
Wiele osób korzystających z naszego forum nie zna angielskiego i krótkie opisy do kodów na anglojęzycznych stronach niewiele im mówią.
Gdyby ktoś pokusił się o stworzenie krótkich informacji do poszczególnych (albo najważniejszych) kodów po polsku byłoby to z pożytkiem dla wielu użtkowników forum i jednocześnie Firefoxa
Ja sam niestety nie znam angielskiego i wiele wpisów do plików użytkownika (userChrome.css, usercontent.css i user.js) testowałem metodą prób i błędów na oddzielnym profilu testowym.
Myślę, że mój post rozpocznie "owocną" dyskusję.

Dla przykładu podaję mój userChrome.css:

/*Pokazuj zakladki trojwymiarowo */
@import url("chrome://browser/skin/browsertabs.css");

/* Dopasowanie menu do stylu klasycznych (9x/Me/2000) Windows */
menupopup, popup {
border: 2px solid !important;
-moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
-moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
padding: 1px !important;}
menubar > menu[disabled="true"] {
border: 1px solid transparent !important;}
menubar > menu[_moz-menuactive="true"] {
border-top: 1px solid ThreeDHighlight !important;
border-right: 1px solid ThreeDShadow !important;
border-bottom: 1px solid ThreeDShadow !important;
border-left: 1px solid ThreeDHighlight !important;
background-color: transparent !important;
color: MenuText !important;}
menubar > menu[_moz-menuactive="true"][open="true"] {
border-top: 1px solid ThreeDShadow !important;
border-right: 1px solid ThreeDHighlight !important;
border-bottom: 1px solid ThreeDHighlight !important;
border-left: 1px solid ThreeDShadow !important;}

/* Zmiana koloru aktywnego panelu */
tab{-moz-appearance: none !important;}
tab[selected="true"] {background-color: rgb(222,218,210) !important;
color: black !important;}

/* Zmiana koloru nieaktywnych paneli */
tab:not([selected="true"]) {background-color: rgb(200,196,188) !important;
color: gray !important;}

/* Kolor paneli w czasie ladowania */
tab[busy] {color: gray !important;}

/* Zwieksz szerokosc paska szukania */
#search-container {-moz-box-flex: 300 !important;}

/* Zmiana czcionki zakladek. */
treechildren {font-size: 11.5px !important; font-family: helvetica !important;}

/* Wyglad tla ChromEdit */
textarea {background-color: rgb(200, 255, 220) !important;}

/* Czcionka Menu */
menubar, menubutton, menulist, menu, menuitem {font-family: arial !important;
font-size: 3.3mm !important;}

/* Czcionka paska adresu, menu panela zakladek, paska stanu */
window {font-size: 3.3mm !important; font-family: tahoma !important;}

/* Pogrubienie czcionki aktywnego panelu */
tab[selected="true"] {font-weight: bold !important;}

/* Pokazuj zawsze 'Wstecz' w menu kontekstowym */
#context-back {display: -moz-box !important;}

/* Zmiana wysokosci zakladek */
.tabbrowser-strip {max-height: 27px;padding:0 !important;}

/* Ustaw odstepy miedzy ikonami i wysokosc paska narzedzi */
toolbarbutton {padding:0 4px !important; border:0 1px !important;}
.toolbar-holder{padding:0 !important; max-height:28px !important;}

[piotrek84]

Strona 1, Strona 2.
Czyjes tam: UserChrome.css-1, UserChrome.css-2

Menu kontekstowe - usuwanie
elementy menu kontekstowego
wątek na MozillaZine

[jaa]

a moze ktoś ma jeszcze nie edytowany plik userchrome ?

[piotrek84]

a moze ktoś ma jeszcze nie edytowany plik userchrome ?

Nieedytowany plik nazywa sie UserChrome-example.css, pogrzebaj w profilu.


edit n-ty raz:

/* Change the cursor for links that open in new windows */
:link[target=”_blank”], :visited[target=”_blank”]
:link[target=”_new”], :visited[target=”_new”] {cursor: crosshair;}


/* Usuwa scrollbar z Sidebara */
scrollbar {display: none;}


/* Zmiana wysokosci: */ 29.03.2005
#toolbar-menubar {height: 70px !important;} /* Pasek Menu */
#nav-bar {height: 70px !important;} /* Pasek Nawigacyjny */
#PersonalToolbar {height: 70px !important;} /* Pasek Osobisty */
#status-bar {height: 70px !important;} /* Pasek Statusu */


/* Ukrywa przycisk "Show Passwords" z Managera Haseł */
#togglePasswords {display: none !important;}


/* Put the sidebar on the rieght hand side */
window > hbox {direction:rtl;}
window > hbox > * {direction:ltr;}


/* Usuwa ikony z paneli */
.tab-icon {display: none !important;}


/* Sidebar */ 29.03.2005
/* Usuwa przycisk zamykania, napisy: Zakładki, Historia ..., działa w FF i TB */
sidebarheader {display: none !important;}

/* Usuwa przycisk zamykania Sidebara */
sidebarheader > toolbarbutton {display: none !important;}
/* lub */
.tabs-closebutton {display: none !important;}

/* Usuwa napisy: Zakładki, Historia ... */
#sidebar-title {display: none !important;}


/* Usuwa napis Szukaj w sidebarze bookmarków i historii */ 02.07.2005
label[value="Search:"] {display: none !important;}

/* Usuwa napis Szukaj w sidebarze bookmarków */ 02.07.2005
#bookmarksPanel > hbox > label[value="Search:"] {display: none !important;}
/* i historii */
#history-panel > hbox > label[value="Search:"] {display: none !important;}


/* Ukrywa trójkącik rozszerzania okna w prawym dolnym rogu */ 01.04.2005
.statusbar-resizerpanel {display: none !important;}


Import stylu z ustawieniami Właściwie powinno to być na początku lub na końcu wątku
Ponieważ wpisów w userChrome robi się z czasem całe stado, myślę, że warto zrobić kilka plików i je zaimportować w userChrome.css. Na podstawie wątku można wymyśleć:
@import url("file:///D:/contextmenu.css");

Jeżeli korzystasz z ChromEdit zalecane wstawianie wszelkich importów przed: @namespace url("blablabla");


Znalezione na forum:

/* Wielopoziomowe panele */
tabbrowser tabs > hbox {display: block;}
tabbrowser tab, tabbrowser .tab-icon, tabbrowser .tab-text {display: inline;}
tabbrowser tab {min-width: 80px;}

/* Wielopoziomowy pasek zakładek */ 27.05.2005
#bookmarks-ptf {display:block;}
#bookmarks-ptf toolbarseparator {display:inline;}

/* Zmiana wysokosci tabow 1 */
.tabbrowser-strip {max-height: 38px; padding: 0px !important;}
tab {height: 35px !important;}

/* Zmiana wysokosci tabow 2 */ 29.03.2005
.tabbrowser-tabs > tab {height: 35px !important;}

[Gość]

Jak zrobic bez uzycia TBE aby taby miały np. 170 długości

[piotrek84]

Zaokrąglone paseki adresu i wyszukiwania, jak w Netscape 8

Źródło: http://collingrady.com/2004/12/04/round ... n-firefox/
Potrzebne obrazki: 1, 2.


/* Rounded corners for address/search bar */
#urlbar-container,
#urlbar,
#searchbar,
.searchbar-textbox,
#googlebarCriteria {
background-color : transparent !important;
background-image : url(bar.png) !important;
background-repeat : no-repeat !important;
background-position : center left !important;
color : #000 !important;
}

#urlbar-container,
#searchbar,
#search-textbox {
height : 22px !important;
padding : 0 !important;
margin : 1px !important;
}

#urlbar,
.searchbar-textbox,
#googlebarCriteria {
background-position : right !important;
-moz-appearance : none !important;
border : 0px solid !important;
margin : 0px !important;
padding : 0px 0px 0px 5px !important;
height : 22px !important;
}

#page-proxy-deck{
margin : 3px 0 3px 6px !important;
}

#search-proxy-button{
margin-left : -4px !important;
margin-right : 2px !important;
}

.searchbar-dropmarker {
margin-left : -4px !important;
margin-right : 2px !important;
}

#urlbar > .autocomplete-history-dropmarker,
#urlbar:hover > .autocomplete-history-dropmarker,
#urlbar[focused="true"] > .autocomplete-history-dropmarker,
#urlbar > .autocomplete-history-dropmarker:hover,
#urlbar > .autocomplete-history-dropmarker:active,
#urlbar > .autocomplete-history-dropmarker:hover:active,
#urlbar > .autocomplete-history-dropmarker:focus,
#urlbar > .autocomplete-history-dropmarker[open="true"],
#googlebarCriteria .menulist-dropmarker,
#googlebarCriteria:hover > .menulist-dropmarker,
#googlebarCriteria .menulist-dropmarker:hover,
#googlebarCriteria .menulist-dropmarker:hover:active {
-moz-appearance : none !important;
margin : 0 !important;
padding : 2px !important;
border : 0px solid !important;
background-color : transparent !important;
background-image : none !important;
}

#urlbar .textbox-input-box,
#searchbar .textbox-input-box,
#googlebarCriteria .textbox-input-box {
background-color : transparent !important;
background-image : url(barmid.png) !important;
background-repeat : repeat-x !important;
height : 22px !important;
}

#urlbar .textbox-input-box {
margin : 0 !important;
padding : 1px 3px !important;
}

#searchbar .textbox-input-box {
margin-right : 10px !important;
margin-left : 10px !important;
}

#googlebarCriteria .textbox-input-box {
margin-left : 10px !important;
}

.autocomplete-textbox-container {
-moz-box-align : stretch !important;
}

#urlbar[level] > .autocomplete-textbox-container > .info-icon {
margin-right : 0 !important;
margin-top : 3px !important;
margin-bottom : 3px !important;
}

[Olhado/256]

Potrzebne obrazki: 1, 2.

Error 403. Trzeba je pobrać bezpośrednio z tamtej strony.

[Masza]

Tak sie bawie tymi stringami co tutaj zamieszczacie i w sumie wsyztsko wychodzi oprocz zmiany wielkosci czcionki w pasku adresu strony..
Jak zmienic wielkosc czcionki w p[asku adresu (tam gdzie sie wpisuje adres) strony i w pasku google ???

[Gość]

oki juz sam doszedlem cop zle robilem )

wpisywalem urlbar bez hasha )

z hashe dziala znakomicie )

#urlbar {ustawienia}

pozdrawiam :]

[123]

Wklejam kod
/*Pokazuj zakladki trojwymiarowo */
@import url("chrome://browser/skin/browsertabs.css");

i nic sie nie zmienia!!!! co robić???

[riddle]

Czy @import nie powinno być bezwzględnie pierwszą linijką?

[123]

Nic nie działa, piewrsza druga linijka, moze zły jest kod???

[KomarQ]

Wklejam kod
/*Pokazuj zakladki trojwymiarowo */
@import url("chrome://browser/skin/browsertabs.css");

i nic sie nie zmienia!!!! co robić???

A przy jakim temacie/skórce (czy jak to się po polsku nazywa) chcesz tego użyć?

[123]

jezeli chodzi o skórke FF to posiadam PimpZillę o to Ci chodzi??
bo nie kumam o jaką Ci skórke chodzi, a moze chodzi Ci o zakładki ChromEdit to wklejam do userChrome.css tylko tam

[KomarQ]

jezeli chodzi o skórke FF to posiadam PimpZillę o to Ci chodzi??

A ten wpis o trójwymiarowości gdzie znalazłeś?

[123]

jezeli chodzi o skórke FF to posiadam PimpZillę o to Ci chodzi??

A ten wpis o trójwymiarowości gdzie znalazłeś?

Z tego tematu,drugi post autorstwa Alfy gdzie przytacza jako przykład swój use.Chrome.css

[Wojciech]

Zmiana czcionki wszystkich elementów interfejsu (przykład):

* {
font-family: helvetica !important;
font-size: 12px !important;
}

Działa w Mozilli, Firefoksie, Thunderbirdzie i NVU.

[Wojciech]

Zmiana kolejności przycisków (np. Anuluj, OK) w Firefoksie, dla ujednolicenia układu z innymi programami → patrz wątek Zamiana stronami przycisków.

.dialog-button-box {
-moz-box-direction: reverse;
-moz-box-pack: center;
}

.dialog-button-box spacer {
display: none ! important;
}

[piotrek84]

Czy @import nie powinno być bezwzględnie pierwszą linijką?

Zalecane

Thunderbird
/* Szerokość ramki:
ramka pionowa: */
#folderpane_splitter {min-width: 12px !important;}

/* ramka pozioma */
#threadpane-splitter {min-height: 20px !important;}
lub
splitter[orient=vertical] {min-height: 12px !important;}