Adm:HAWK-Design: Unterschied zwischen den Versionen

Aus Salzwiki
Zur Navigation springen Zur Suche springen
Zeile 40: Zeile 40:
==== Inhaltsverzeichnisse ====
==== Inhaltsverzeichnisse ====


Einfügen zum Ersetzen der Hintergrundfarbe, Z. 65
'''Einfügen''' in "main.css", Z.65, zum Ersetzen der Hintergrundfarbe, die in der Datei "\skins\common\commonContent.css", Z.13, definiert ist:
<pre>
<pre>
.toc, #toc {background-color: #fafafa;} /* für HAWK HHG eingefügt 2016-03-01 */
.toc, #toc, .mw-warning {background-color: #fafafa;} /* für HAWK HHG eingefügt 2016-03-01 */
</pre>
</pre>


Änderungen zum Ersetzen der Hintergrundfarbe, Z. 583ff, Z. 608ff und Z. 625ff:
'''Änderungen''' in "main.css" zum Ersetzen der Hintergrundfarbe, Z. 583ff, Z. 608ff und Z. 625ff:
<pre>
<pre>
#preftoc li.selected { /* für HAWK HHG geändert 2016-03-01 */
#preftoc li.selected { /* für HAWK HHG geändert 2016-03-01 */

Version vom 1. März 2016, 10:07 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

Hintergrund[Bearbeiten]

Angaben zu Hintergrundfarben und Grafiken erfolgen an folgenden Stellen:

  • Gesamter body-Bereich: body
  • Navigation links: .pBody
  • Inhaltsverzeichnisse: .toc, #toc, #preftoc, #preferences, .prefsection table, .prefsection legend

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[Bearbeiten]

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

.toc, #toc, .mw-warning {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 */
...
}

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