/* file KLEIDER/web/src/sitestyle/smmobile_help.css */
/*
  Hilfe zur Smartfon-Darstellung der Sitemap
  2014-11-18 Herbert Schiemann <h.schiemann@herbaer.de>
*/

#help h1 {font-size: 100%;}

dt       {margin: 0.5ex;}

/*
Zu der "eingefalteten" Hilfe wird nur die Überschrift angezeigt.
*/
*[class~="head"] *  { display: none; }
*[class~="head"] h1 { display: block; }

/*
Vor der Überschrift der "eingefalteten" Hilfe
erscheint ein grünes Dreieck mit einer Spitze nach rechts.
Die Farbe Grün zeigt an, dass es mehr (zu sehen) gibt.
*/
/* 25b6 black right-pointing triangle */
*[class~="head"] h1:before { content: "\25b6  "; color: #006600;}
/*
Die Überschrift der "eingefalteten" Hilfe erscheint grün,
wenn der Benutzer auf ihn zeigt.
*/
*[class~="head"] h1:hover  { color: #006600;}

/*
Vor den Überschrift der "sichtbaren" Hilfe
erscheint ein rotes Dreieck mit einer Spitze nach unten.
Die Farbe Rot zeigt an, dass Inhalt ausgeblendet werden kann.
*/
/* 25bc black down-pointing triangle */
*[class~="exp"]   h1:before { content: "\25bc  "; color: #aa0000;}
/*
Die Überschrift der "sichtbaren" Hilfe erscheint rot,
wenn der Benutzer auf se zeigt.
*/
*[class~="exp"]   h1:hover  { color: #aa0000;}

/*
Das Element, auf das sich ein Abschnitt der Hilfe bezieht,
wird hervorgehoben.
*/
*[class~="outline"] {
    outline: #FF8888 solid 2px;
    background-color: #FFDDDD;
    color: #000000;
}
/* end of file KLEIDER/web/src/sitestyle/smmobile_help.css */