Omega - Die default.css
Eingetragen von SuperEngineer 64 (133)am 17.05.2012 - 14:54 Uhr in
Hallo,
da es im Netz keine verständliche Erklärung zu den 5 verschiedenen CSS-Files von Omega gibt frag ich nun hier.
1) Global
2) Default
3) Narrow
4) Normal
5) Wide
In dieser Reihenfolge werden sie von Hause aus (hoffentlich?) geladen. In Global designe ich quasi alles, was auf allen Bildschirmen, aber auch auf mobilen Geräten laufen kann & soll. Alle !Änderungen! zu größeren Monitoren kommen dann jeweils in die folgenden Files.
Beispiel: Meine Navigation ist in global 500px breit. Soll sie auf Groß-Bildschirmen 1000px breit sein, schreibe ich das in die wide.css. Und was dazwischen kommt - kommt in die anderen css-files. Weiterhin können alle Style-Sachen (Farben, Formatierungen) in die Global. Das alleine schon zu verstehen hat Stunden an Google-Arbeit gebraucht. Aber soweit so gut.
Mittendrinn steht nun aber eine, schon von Ihrer Benennung her aus der Reihe tanzende, "Default"-Datei. Von welchem "Default" ist hier die Rede? Default-Breiten? Default-Ausgabe? Default-Was? Erst heisst es die CSS-Files werden in Reihe geladen und nun aufeinmal gibt es ein Default, ein Standard. Das verwirrt (zumindest mich) doch recht erheblich weil das irgendwie die Idee sprengt, die ja hinter dem Layer-Theming steht.
Wäre sehr schön wenn mir das jemand erklären könnte.
Gruß und bis dann,
SuperEngineer 64
- Anmelden oder Registrieren um Kommentare zu schreiben
Wer lesen kann....
am 18.05.2012 - 10:02 Uhr
global.css
* Loaded all for all layouts, including mobile.
* Default media query: n/a. Always applied.
* By default, this is the only stylesheet loaded for the mobile version of your site.
* This layout does not use the 960gs for its layout. It provides a linearized
view of your site's content.
jftr-alpha-default.css
* Loaded for all layouts using the alpha grid (i.e. not the mobile layout).
* Default media query: n/a. Applied to all layouts using the alpha grid.
* By default the alpha grid is applied when the device width is at least
740px wide.
jftr-alpha-default-narrow.css
* Loaded for all layouts using the alpha grid. Styles will "cascade" to
wider layouts. You may overwrite any styles in the normal or wide
layout-specific CSS files if you wish.
* Default media query for the narrow layout is:
all and (min-width: 740px) and (min-device-width: 740px),
(max-device-width: 800px) and (min-width: 740px)
and (orientation:landscape)
jftr-alpha-default-normal.css
* By default this style sheet will be loaded for the normal and wide layouts
* Styles will "cascade" to the wide layout as well.
* Default media query for the normal layout is:
all and (min-width: 980px) and (min-device-width: 980px),
all and (max-device-width: 1024px) and (min-width: 1024px)
and (orientation:landscape)
jftr-alpha-default-wide.css
* By default this style sheet will apply only to the widescreen layout.
* Default media query for the wide layout is:
all and (min-width: 1220px)
Steht direkt in der Readme.txt, die in jedem Subtheme enthalten ist. Bei mir sieht das Ganze so aus ....
Danke für deine Antwort.
am 23.05.2012 - 10:13 Uhr
Danke für deine Antwort. Diese readme scheint ja ganz ok. Nachdem ich die offizielle Anleitung von Omega durchhatte kam ich nicht auf die Idee das die readme eine komplett andere Doku beinhalten würde und hab daher gar nicht daran gedacht.
Gruß,
SE64