Adm:HAWK-Design

HAWK-Design ab 2016

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

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

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 main.css

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

Hintergrund

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

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

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"

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

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

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;*/
  ...
}

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