WinFuture-Forum.de: Firefox CSS Codes - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Browser & E-Mail
Seite 1 von 1

Firefox CSS Codes Allerlei Scripte für Firefox


#1 _d4rkn3ss4ev3r_

  • Gruppe: Gäste

geschrieben 23. März 2011 - 17:45

Parallel zu den Addon und Theme Threads, hier ein Thread für die haufen .css Codes.
Eingefügtes BildEine 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;
}


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;
}


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; }

}

0

Anzeige



Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0