Adm:HAWK-Design

Aus Salzwiki
Zur Navigation springen Zur Suche springen

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

Hintergrund[Bearbeiten]

Angaben zu Hintergrundfarben und Grafiken erfolgen an folgenden Stellen:

  • Gesamter body-Bereich: body
  • Navigation links: .pBody

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

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