Adm:HAWK-Design

HAWK-Design ab 2016

Die CSS-Angaben wurden bei MW 1.23 in der Datei "[wikiname]\skins\monobook\main.css" angepasst. Die Originaldatei wurde zuvor als Kopie mit dem Dateinamen "main_original.css" gespeichert und die abgeänderte Datei "main.css" zusätzlich als Kopie mit dem Dateinamen "main_SW.css" gespeichert.

Bei MW 1.31 LTS können die CSS-Angaben im Verzeichnis "[wikiname]\skins\MonoBook\resources\" in folgenden Dateien angepasst werden:

1. variables.less in Verbindung mit "screen-commons.less"
   1. Farben für Hintergrund
   2. Farben für Text
   3. Farben für Hyperlinks
   4. Farben für Rahmen
2. screen-desktop.less nur für Desktopgeräte
3. screen-common.less für Desktop- und Mobilgeräte

Die Anpassungen betreffen:

• Logo-Position
• Hintergrundfarben/-bilder
• Navigations-Position
• Überschriften
• Rahmenfarbe für "Footer" und "Karteikartenreiter"
• Tabellen

Bei MW 1.27.4 LTS nicht mehr vorhanden:

• input.historysubmit
• .mw-htmlform-submit
• #preftoc ...
• #preferences
• .prefsection ...

Logo

Logo-Größe

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

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 "variables.less"

Logo-Hintergrundfarbe wird aus allgemeiner Hintergrundfarbe in Z.6 verwendet:

@background: #fafafa; /* Original: @background: #f9f9f9f; // don't change this; matches headbg images */
...
@text-color: #000;

Logo-Angaben in "screen-desktop.less"

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

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

Bei Verwendung des 2-farbigen Logos ändert sich in Z.69f 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%*/
}

Hintergrund

Angaben zu Hintergrundfarben und Grafiken erfolgen an folgenden Stellen:

1. Datei "variables.less"
   1. Farben für Hintergrund und Text
2. Datei "screen-common.less"
   1. Gesamter body-Bereich aus Datei "variables": body
3. Datei "screen-desktop.less"
   1. Navigation links: .pBody
   2. Inhaltsverzeichnisse und "Preferences": .toc, #toc, .toccolours, #preftoc, #preferences, .prefsection table, .prefsection legend
   3. Textbereiche: pre, code, .mw-code, .mw-warning, div.thumbinner

Gesamter body-Bereich in "variables.less"

HAWK-Hintergrundfarbe Z.6:

@background: #fafafa; /* Original: @background: #f9f9f9f; // don't change this; matches headbg images */
...
@text-color: #000;
}

Navigation links

Navigation links in "screen-desktop.less"

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

.pBody { /* für HAWK HHG geändert 2018-10-15 */
  font-size: 95%;
  /*background-color: fff;*/
  /*border: 1px solid #aaa;*/
  padding: 0 .8em .3em .5em;
}

Navigation links in "screen-common.less"

Entfernen der Rahmen-Definition, Z.185:

.pBody { /* für HAWK HHG geändert 2018-10-15 */
  font-size: 95%;
  color: @text-color;
  /*border-collapse: collapse;*/

Inhaltsverzeichnisse und "Preferences"

Nicht mehr in MW 1.31 LTS: Einfügen in "main.css", Z.77, zum Ersetzen der Hintergrundfarbe, die bei MW1.23 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 */

Nicht mehr in MW 1.27.4 LTS: Ä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

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 */

Ausrichtung der Navigation links

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

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.104 (MW1.23 Z.91) eine Leerzeile gelöscht, in Z.89 (MW1.23 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 */

Rahmenfarbe für "Footer" und "Karteikartenreiter"

Die Rahmenfarbe in der Datei "main.css" wird für die beiden Elementen in den Zeilen 442ff und 524ff von "#fabd23" (gelb-orange) zu "#9acaed" (hellblau) geändert.

Z.442ff "Karteikartenreiter"

#p-cactions li.selected { /* für HAWK HHG border-color angepasst 2016-04-19 */
  border-color: #9acaed; /*#fabd23;*/
  ...
}

Z.524ff "Footer"

div#footer { /* für HAWK HHG border-color angepasst 2016-04-19 */
  background-color: white;
  border-top: 1px solid #9acaed; /*#fabd23;*/
  border-bottom: 1px solid #9acaed; /*#fabd23;*/
  ...
}

Tabellen

Für die Tabellen, die in der Version MW1.16 mit den Vorlagen "prettytable", "hl2" und "hl3" gestaltet wurden, werden bei MW1.23 in der Datei "main.css" ganz unten Klassen mit Bezeichnungen passend zu den Vorlagen eingefügt:

/* für HAWK HHG eingefügt 2016-05-27 */
.hi_2 {
  background-color:#A7C1F2;
  color:#000000;
}
.hi_3 {
  background-color:#8DA7D6;
  color:#000000;
}
.prettytable {
  width:100%;
  /*cellspacing="4" cellpadding="3" rules="all"*/
  margin:1em 1em 1em 0;
  border:solid 1px #000000;
  border-collapse:collapse;
  empty-cells:show;
}
.prettytable th, .prettytable td {
  border:solid 1px #000000;
}

Hochschule für angewandte Wissenschaft und Kunst Hildesheim/Holzminden/Göttingen (vormals Fachhochschule Hildesheim/Holzminden/Göttingen)