Adm:HAWK-Design: Unterschied zwischen den Versionen

Version vom 1. März 2016, 11:16 Uhr

HAWK-Design ab 2016[Bearbeiten]

Die CSS-Angaben werden in der Datei "[wikiname]\skins\monobook\main.css" angepasst. Es betrifft:

Logo-Position
Hintergrundfarben/-bilder
Navigations-Position
Überschriften

Hintergrund[Bearbeiten]

Angaben zu Hintergrundfarben und Grafiken erfolgen an folgenden Stellen:

Gesamter body-Bereich: body
Navigation links: .pBody
Inhaltsverzeichnisse und "Preferences": .toc, #toc, .toccolours, #preftoc, #preferences, .prefsection table, .prefsection legend
Textbereiche: pre, code, .mw-code, .mw-warning, div.thumbinner

Gesamter body-Bereich[Bearbeiten]

HAWK-Hintergrundfarbe ohne Grafik, Z.47ff:

body { /* für HAWK HHG geändert 2016-02-29 */
  ...
  background-color: #fafafa; /* Original: background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat; */
  ...
}

Navigation links[Bearbeiten]

Entfernen der gesonderten Hintergrundfarbe mit Rahmen, Z.245ff:

.pBody { /* für HAWK HHG geändert 2016-02-29 */
  font-size: 95%;
  /*background-color: white;*/
  color: black;
  /*border-collapse: collapse;*/
  /*border: 1px solid #aaa;*/
  padding: 0 .8em .3em .5em;
}

Inhaltsverzeichnisse und "Preferences"[Bearbeiten]

Einfügen in "main.css", Z.77, zum Ersetzen der Hintergrundfarbe, die in der Datei "\skins\common\commonContent.css", Z.13 und Z.87, definiert ist:

.toc, #toc, .toccolours {background-color: #fafafa;} /* für HAWK HHG eingefügt 2016-03-01 */

Änderungen in "main.css" zum Ersetzen der Hintergrundfarbe, Z. 583ff, Z. 608ff und Z. 625ff:

#preftoc li.selected { /* für HAWK HHG geändert 2016-03-01 */
  ...
  background-color: #fafafa; /* Original: background-color: #f9f9f9 */
...
}
...
#preferences { /* für HAWK HHG geändert 2016-03-01 */
  ...
  background-color: #fafafa; /* Original: background-color: #F9F9F9 */
...
}
.prefsection table, .prefsection legend { /* für HAWK HHG geändert 2016-03-01 */
  ...
  background-color: #fafafa; /* Original: background-color: #F9F9F9 */
...
}

Textbereiche[Bearbeiten]

Die Hintergrundfarbe spezieller Textbereiche, die in den Dateien "\skins\common\commonElements.css", Z.174 und Z.180, sowie "\skins\common\commonContent.css", Z.13 und Z.119, definiert ist, wird in der Datei "main.css" durch Hinzufügen in Z.95 unter "pre, .mw-code{...}", Z.92ff, geändert:

pre, code, .mw-code, .mw-warning, div.thumbinner {background-color: #fafafa;} /* für HAWK HHG eingefügt 2016-03-01 */

Logo[Bearbeiten]

Logo-Größe[Bearbeiten]

Die Größe des Logos variiert je nachdem, ob es 2-farbig oder einfarbig-transparent ist:

einfarbig-transparent: Breite x Höhe = 152 x 152 px
2-farbig: Breite x Höhe = 145 x 145 px

Logo-Position[Bearbeiten]

Um das Logo mit einem anderen oberen und linken Abstand auszurichten, bestehen 2 Änderungsmöglichkeiten:

oberer Abstand für Logo und Navigation: div#column-one
linker und oberer Abstand für 2-farbiges Logo bei unveränderter Position der Navigation: div#p-logo

Logo-Angaben in main.css[Bearbeiten]

Bei Verwendung des einfarbig-transparenten Logos vergrößert sich bei "div#coumn-one" in Z.24ff und bei "#p-logo" in Z.273ff der obere Innenabstand um 30px:

div#column-one { /* für HAWK HHG geändert 2016-02-29 */
  padding-top: 190px; /* Original: padding-top: 160px; */
}
...
/* für HAWK HHG top-Position geändert 2016-02-29 */
#p-logo {
  top: 30px; /* Original: top: 0; */
  ...
}

Bei Verwendung des 2-farbigen Logos ändert sich in Z.284f die Angabe für die Position des Hintergrundbildes:

/*
** Logo properties
*/
...
/* background-position geändert für neues 2-farbiges HAWK-Logo 2015-08-17 */
#p-logo a,
#p-logo a:hover {
  ...
  background-position: 35% 85% !important; /* Original: 35% 50% für 2-farbiges Logo: 15% 85%*/
  text-decoration: none;
}

Ausrichtung der Navigation links[Bearbeiten]

Bei der Navigation links wird nach Wegfall des Rahmens und der gesonderten Hintergrundfarbe die linke Ausrichtung der Abschnittsüberschriften angepasst, Z.235ff:

.portlet h3 { /* für HAWK HHG geändert 2016-02-29 */
  background: transparent;
  padding: 0 1em 0 .6em /* Original: padding: 0 1em 0 .5em */
  ...
}

Überschriften[Bearbeiten]

Die Überschriften h1 bis h6 sind definiert in der Datei "\skins\common\commonElements.css", Z.71ff, so dass Änderungen in der Datei "main.css" hinzugefügt werden müssen, wenn nur das "monobook"-Design geändert werden soll. Um die Original-Zeilennummerierung zu erhalten, wird in Z.91 eine Leerzeile gelöscht, in Z.83 die h1-Definition und darunter in einer neuen Zeile die h2-Definition eingefügt:

h1 {background-color: #031d43; color: #ffffff; font-weight: bold; padding: 0em 0.2em 0em 0.2em;} /* für HAWK HHG eingefügt 2016-03-01 */
h2 {background-color: #585858; color: #ffffff; font-weight: bold; padding: 0.2em 0.2em 0.2em 0.2em;} /* für HAWK HHG eingefügt 2016-03-01 */

@@ Zeile 5: / Zeile 5: @@
 * Hintergrundfarben/-bilder
 * Navigations-Position
+* Überschriften
 === Hintergrund ===
@@ Zeile 11: / Zeile 12: @@
 * Gesamter body-Bereich: body
 * Navigation links: .pBody
-* Inhaltsverzeichnisse: .toc, #toc, #preftoc, #preferences, .prefsection table, .prefsection legend
+* Inhaltsverzeichnisse und "Preferences": .toc, #toc, .toccolours, #preftoc, #preferences, .prefsection table, .prefsection legend
+* Textbereiche: pre, code, .mw-code, .mw-warning, div.thumbinner
 ==== Gesamter body-Bereich ====
@@ Zeile 38: / Zeile 40: @@
 </pre>
-==== Inhaltsverzeichnisse ====
+==== Inhaltsverzeichnisse und "Preferences" ====
-'''Einfügen''' in "main.css", Z.65, zum Ersetzen der Hintergrundfarbe, die in der Datei "\skins\common\commonContent.css", Z.13, definiert ist:
+'''Einfügen''' in "main.css", Z.77, zum Ersetzen der Hintergrundfarbe, die in der Datei "\skins\common\commonContent.css", Z.13 und Z.87, definiert ist:
 <pre>
-.toc, #toc, .mw-warning {background-color: #fafafa;} /* für HAWK HHG eingefügt 2016-03-01 */
+.toc, #toc, .toccolours {background-color: #fafafa;} /* für HAWK HHG eingefügt 2016-03-01 */
 </pre>
@@ Zeile 63: / Zeile 65: @@
 ...
 }
+</pre>
+==== Textbereiche ====
+Die Hintergrundfarbe spezieller Textbereiche, die in den Dateien "\skins\common\commonElements.css", Z.174 und Z.180, sowie "\skins\common\commonContent.css", Z.13 und Z.119, definiert ist, wird in der Datei "main.css" durch Hinzufügen in Z.95 unter "pre, .mw-code{...}", Z.92ff, geändert:
+<pre>
+pre, code, .mw-code, .mw-warning, div.thumbinner {background-color: #fafafa;} /* für HAWK HHG eingefügt 2016-03-01 */
 </pre>
@@ Zeile 118: / Zeile 127: @@
    ...
 }
+</pre>
+=== Überschriften ===
+Die Überschriften h1 bis h6 sind definiert in der Datei "\skins\common\commonElements.css", Z.71ff, so dass Änderungen in der Datei "main.css" hinzugefügt werden müssen, wenn nur das "monobook"-Design geändert werden soll. Um die Original-Zeilennummerierung zu erhalten, wird in Z.91 eine Leerzeile gelöscht, in Z.83 die h1-Definition und darunter in einer neuen Zeile die h2-Definition eingefügt:
+<pre>
+h1 {background-color: #031d43; color: #ffffff; font-weight: bold; padding: 0em 0.2em 0em 0.2em;} /* für HAWK HHG eingefügt 2016-03-01 */
+h2 {background-color: #585858; color: #ffffff; font-weight: bold; padding: 0.2em 0.2em 0.2em 0.2em;} /* für HAWK HHG eingefügt 2016-03-01 */
 </pre>