Eine Cascading Style Sheets, kurz CSS ist eine Datei, womit man in Firefox das Design vom Browser selbst, oder auch das einzelner Webseiten, anpassen kann.
Für Firefox existieren schon sehr viele Scripte, welche es zB hier oder hier gibt.
Dieser Thread soll nur die wichtigsten und besten Scripte zusammen fassen. Auch kann man seine eigene Kreation vorstellen.
Aufbau der Vorstellung sollte so aussehen:
Script für [b]....[/b] Unterstützte Versionen: ... Quelle (wenn nicht selbst entwickelt): http://... Code in "[codebox][/codebox]"
So dann fang ich mal an:
Script für das verzögerte Verdunkeln und ausblenden der Bookmarkleiste
Unterstützte Versionen: 4 Beta 7 - 4b13pre Nightly build (aber funktioniert auch in der Final)
Quelle: http://userstyles.org/styles/41338/firefox...r-timed-delayed
CODE
@namespace url(http://www.mozilla.o...ere.is.only.xul);
#PersonalToolbar {
visibility: collapse !important;
opacity: 0.5;
-moz-transition: visibility 30s, opacity 30s ease !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
}
#PersonalToolbar {
visibility: collapse !important;
opacity: 0.5;
-moz-transition: visibility 30s, opacity 30s ease !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
}
Script für Kombinieren des Tab Favicon und dem Tab schließen Button
Unterstützte Versionen: 3.x - Firefox 4b13pre Nightly build (aber funktioniert auch in der Final)
Quelle: http://userstyles.org/styles/43992/firefox...ab-close-button
CODE
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* hide tab close button */
tab .tab-close-button {
visibility: collapse !important;
}
/* display close tab button on tab hover */
tab:not([pinned]):hover .tab-close-button {
visibility: visible !important; margin-right:3px !important;
}
/* Move close tab button on left */
tab:not([pinned]) .tab-throbber { -moz-box-ordinal-group: 3 !important; margin-left:2px !important;}
tab:not([pinned]) .tab-icon-image { -moz-box-ordinal-group: 2 !important; margin-left:2px !important;}
.tab-text { -moz-box-ordinal-group: 4 !important; margin-left:2px !important; margin-right:-2px !important}
tab:not([pinned]) .tab-close-button { -moz-box-ordinal-group: 1 !important; margin-left:2px !important;}
/* hide tab icon on tab hover */
tab:not([pinned]):hover .tab-icon-image {
display: none !important;
}
/* hide tab throbber on tab hover */
tab:not([pinned]):hover .tab-throbber {
display: none !important;
}
/* hide tab close button */
tab .tab-close-button {
visibility: collapse !important;
}
/* display close tab button on tab hover */
tab:not([pinned]):hover .tab-close-button {
visibility: visible !important; margin-right:3px !important;
}
/* Move close tab button on left */
tab:not([pinned]) .tab-throbber { -moz-box-ordinal-group: 3 !important; margin-left:2px !important;}
tab:not([pinned]) .tab-icon-image { -moz-box-ordinal-group: 2 !important; margin-left:2px !important;}
.tab-text { -moz-box-ordinal-group: 4 !important; margin-left:2px !important; margin-right:-2px !important}
tab:not([pinned]) .tab-close-button { -moz-box-ordinal-group: 1 !important; margin-left:2px !important;}
/* hide tab icon on tab hover */
tab:not([pinned]):hover .tab-icon-image {
display: none !important;
}
/* hide tab throbber on tab hover */
tab:not([pinned]):hover .tab-throbber {
display: none !important;
}
Script für Seitentitel anzeigen
Unterstützte Versionen: 4.x
Quelle: http://userstyles.org/styles/41025/firefox...-the-title-back
CODE
@namespace url(http://www.mozilla.o...ere.is.only.xul);
#main-window[chromemargin="0,-1,-1,-1"]:after
{content: attr(title) !important;
line-height: 50px !important;
max-height: 50px !important;
overflow: -moz-hidden-unscrollable !important;
padding: 0 105px !important;
pointer-events: none !important;
position: fixed !important;
text-align: center !important;
left: 0 !important;
font-weight: bold !important;
color: CaptionText !important; }
#main-window[chromemargin="0,-1,-1,-1"][title_normal="Minefield"]:after
{padding: 0 105px 0 115px !important; }
#main-window[chromemargin="0,-1,-1,-1"]:-moz-window-inactive:after
{color: InactiveCaptionText !important; }
#main-window[chromemargin="0,-1,-1,-1"][inFullscreen="true"]:after,
#main-window[chromemargin="0,-1,-1,-1"][tabsintitlebar="true"]:after
{opacity: 0 !important; }
@media all and (-moz-windows-classic){
#main-window[chromemargin="0,-1,-1,-1"]:after
{top: -13px !important;
text-shadow: none !important; }
}
@media all and (-moz-windows-theme: aero){
#main-window[chromemargin="0,-1,-1,-1"]:after
{top: -7px !important;
font-weight: normal !important;
text-shadow: none !important; }
}
@media all and (-moz-windows-compositor){
#main-window[chromemargin="0,-1,-1,-1"]:after
{top: -13px !important;
text-shadow: white 0 0 6px,
white 0 0 9px,
white 0 0 9px,
rgba(255, 255, 255, 0.4) 0 1px 0 !important; }
#main-window[chromemargin="0,-1,-1,-1"][sizemode="maximized"]:after
{top: -6px !important; }
#main-window[chromemargin="0,-1,-1,-1"]:-moz-window-inactive:after
{color: CaptionText !important; }
}
@media all and (-moz-windows-theme: luna-blue), all and (-moz-windows-theme: luna-olive){
#main-window[chromemargin="0,-1,-1,-1"]:after
{font-family: trebuchet MS !important;
font-size: 13px !important;
text-shadow: 1px 1px rgba(0, 0, 0, .6) !important;
top: -8px !important; }
#main-window[chromemargin="0,-1,-1,-1"]:-moz-window-inactive:after
{text-shadow: none !important; }
}
@media all and (-moz-windows-theme: luna-silver), all and (-moz-windows-theme: royale), all and (-moz-windows-theme: zune){
#main-window[chromemargin="0,-1,-1,-1"]:after
{font-family: trebuchet MS !important;
font-size: 13px !important;
text-shadow: 1px 1px rgba(0, 0, 0, .2) !important;
top: -8px !important; }
#main-window[chromemargin="0,-1,-1,-1"]:-moz-window-inactive:after
{text-shadow: none !important; }
}
@media not all and (min-width: 300px){
#main-window[chromemargin="0,-1,-1,-1"]:after
{opacity: 0 !important; }
}
#main-window[chromemargin="0,-1,-1,-1"]:after
{content: attr(title) !important;
line-height: 50px !important;
max-height: 50px !important;
overflow: -moz-hidden-unscrollable !important;
padding: 0 105px !important;
pointer-events: none !important;
position: fixed !important;
text-align: center !important;
left: 0 !important;
font-weight: bold !important;
color: CaptionText !important; }
#main-window[chromemargin="0,-1,-1,-1"][title_normal="Minefield"]:after
{padding: 0 105px 0 115px !important; }
#main-window[chromemargin="0,-1,-1,-1"]:-moz-window-inactive:after
{color: InactiveCaptionText !important; }
#main-window[chromemargin="0,-1,-1,-1"][inFullscreen="true"]:after,
#main-window[chromemargin="0,-1,-1,-1"][tabsintitlebar="true"]:after
{opacity: 0 !important; }
@media all and (-moz-windows-classic){
#main-window[chromemargin="0,-1,-1,-1"]:after
{top: -13px !important;
text-shadow: none !important; }
}
@media all and (-moz-windows-theme: aero){
#main-window[chromemargin="0,-1,-1,-1"]:after
{top: -7px !important;
font-weight: normal !important;
text-shadow: none !important; }
}
@media all and (-moz-windows-compositor){
#main-window[chromemargin="0,-1,-1,-1"]:after
{top: -13px !important;
text-shadow: white 0 0 6px,
white 0 0 9px,
white 0 0 9px,
rgba(255, 255, 255, 0.4) 0 1px 0 !important; }
#main-window[chromemargin="0,-1,-1,-1"][sizemode="maximized"]:after
{top: -6px !important; }
#main-window[chromemargin="0,-1,-1,-1"]:-moz-window-inactive:after
{color: CaptionText !important; }
}
@media all and (-moz-windows-theme: luna-blue), all and (-moz-windows-theme: luna-olive){
#main-window[chromemargin="0,-1,-1,-1"]:after
{font-family: trebuchet MS !important;
font-size: 13px !important;
text-shadow: 1px 1px rgba(0, 0, 0, .6) !important;
top: -8px !important; }
#main-window[chromemargin="0,-1,-1,-1"]:-moz-window-inactive:after
{text-shadow: none !important; }
}
@media all and (-moz-windows-theme: luna-silver), all and (-moz-windows-theme: royale), all and (-moz-windows-theme: zune){
#main-window[chromemargin="0,-1,-1,-1"]:after
{font-family: trebuchet MS !important;
font-size: 13px !important;
text-shadow: 1px 1px rgba(0, 0, 0, .2) !important;
top: -8px !important; }
#main-window[chromemargin="0,-1,-1,-1"]:-moz-window-inactive:after
{text-shadow: none !important; }
}
@media not all and (min-width: 300px){
#main-window[chromemargin="0,-1,-1,-1"]:after
{opacity: 0 !important; }
}