Den Inhalt einer Datei screen.css habe ich hier erklärt:
Aufbau einer Style-Datei. In der screen.css werden Einstellungen übernommen, die man im Programm unter "Design" gemacht hat:
Farben
Übernahme der Farben, die im eingestellten
Farbschema vorgegeben werden. Die Codes für die Farben lauten wie folgt:
@ color:background @ = Hintergrundfarbe
@ color:foreground @ = Vordergrundfarbe
@ color:hyperlink @ = Hyperlinkfarbe
@ color:main @ = Hauptfarbe
@ color:main.dark @ = Hauptfarbe dunkel
@ color:main.light @ = Hauptfarbe hell
@ color:alt @ = Alternativfarbe
@ color:alt.dark @ = Alternativfarbe dunkel
@ color:alt.light @ = Alternativfarbe hell
Indem man die Codes der Farben in der screen.css ändert, ändert man die Farben im Shop. Man kann statt der Codes auch HEX-Farben (#FFFFFF) verwenden.
Breiten und Ausrichtungen
Angaben zu Breiten und Ausrichtungen der Tabelle, aus welcher das Layout erstellt wird, sowie der einzelnen Spalten, z.B.
#pane-left{width:
@ script:g_lLeftPaneWidth @px}
Bilder
Für Hintergrund z.B. von Container-Headern werden Grafiken aufgerufen, die in der Datei
theme.config generiert und dann mit dem Code @ image:bildname @ aufgerufen werden.
.cnt-default-title{background: url('@ image:cnti-def-bg-mt @') repeat-x left top}