mit dem Login-Formular */ .div-login { width: 300px; text-align: center; margin: 100px auto; border: 2px solid #808080; /* gray */ border-left-color: #d3d3d3; /* lightgray */ border-top-color: #d3d3d3; /* lightgray */ background-color: #eee; /* "hellgrau" */ } /* Links im Loginfenster */ .div-login a:hover { font-weight: normal; } /*

Login-Formular (nur fuer IE)*/ .body-login form { margin-top: 20px; } /*********************************************************** * Formatierungen des Layouts (Framesets) * ***********************************************************/ /*

mit der kompletten Site */ .frame-top { width: 760px; text-align: left; margin: 0px auto; } /*

fuer die Ueberschrift */ .frame-title { padding-top: 5px; padding-left: 30px; padding-bottom: 1px; /* nur fuer IE */ border: 2px solid #808080; /* gray */ border-top-color: #fff; /* white */ border-left-color: #fff; /* white */ background-color: #eee; /* "hellgrau" */ } /*

fuer das Menu */ .frame-menu { position: fixed; width: 120px; float: left; } /*

fuer den Inhalt */ .frame-content { padding-left: 134px; padding-top: 14px; float: none; } /*

um den Inhalt auszurichten */ .container { padding: 5px 0px 5px 20px; border: 2px solid #808080; /* gray */ border-top-color: #fff; /* white */ border-left-color: #fff; /* white */ background-color: #eee; /* "hellgrau" */ } /*********************************************************** * Formatierungen des Menus * ***********************************************************/ /*

fuer die Menu-Ueberschriften / h3 { color: #666; / "dunkelgrau" / font-weight: bold; font-size: 12pt; margin: 30px 0px 0px; padding: 2px 0px 1px 7px; border: 2px groove #d3d3d3; / lightgray / background-color: #add8e6; / lightblue / } /
Listencontainer / .frame-menu ul { margin: 0px; padding: 4px 2px; border: 2px solid #808080; / gray / border-top-color: #fff; / white / border-left-color: #fff; / white / background-color: #eee; / "hellgrau" / } /
Listeneintrag / .frame-menu li { list-style: none; margin: 4px; padding: 0px; } / Links in der Liste / .frame-menu ul a { display: block; color: #444; / "dunkelgrau" / text-decoration: none; font-weight: bold; padding: 2px 0px 0px 8px; border: 1px solid #808080; / gray / border-left-color: #fff; / white / border-top-color: #fff; / white / background-color: #ccc; / "hellgrau" / } / Links in der Liste (nur fuer IE) / html .frame-menu li { padding-bottom: 1px; } /* Links in der Liste - mit Mauskontakt / .frame-menu ul a:hover { color: #000; / black / letter-spacing: 2px; border-color: #fff; / white / border-left-color: #808080; / gray / border-top-color: #808080; / gray / background-color: #ccc; / "hellgrau" */ } /*********************************************************** * Formatierungen der Formulare * ***********************************************************/ /* fuer die Formular-Ueberschriften / .ueberschrift { font-weight: bold; font-size: 14pt; } / fuer das Datum und die User-IP eines Eintrags / .entryinfo { border: 2px solid #808080; / gray / padding: 10px; } / Felder zur Dateneingabe / input { border: 1px solid #808080; / gray / } / Felder um Daten NUR anzuzeigen (Loesch-Formulare) / .output input, .output textarea, .output select { border: 1px solid #666; / "dunkelgrau" / background-color: #eee; / "hellgrau" / } / Buttons / .button { border: 2px outset #808080; / gray / } / Buttons bei Loesch-Formularen / .output .button { border: 2px outset #808080; / gray / background-color: #ccccc5; / grau / } / Buttons zum Loeschen / .delbutton { border: 2px outset #f00; / red / background-color: #fa8072; / salmon / } / Buttons bei Loesch-Formularen / .output .delbutton { border: 2px outset #f00; / red / background-color: #fa8072; / salmon / } / Auswahlfelder / textarea { border: 1px solid #808080; / gray */ } /*********************************************************** * Formatierungen der Meldungen an den Benutzer * ***********************************************************/ /* <p> mit Fehlermeldung des Login / .loginfehler { color: #f00; / red / font-weight: bold; } / <span> mit Fehlermeldung / .fehlermsg { color: #f00; / red / font-weight: bold; } / <span> mit Bestaetigunsmeldung */ .rueckmsg { font-weight: bold; } /*********************************************************** * Formatierungen der Tabellen * ***********************************************************/ /* <td> Tabellenzellen / td { background-color: #fafafa; / "ganzhellgrau" / } / <a> Link um Eintraege zu aendern/ a.aendern { color: #696; / "dunkelgruen" / } / <a> Link um Eintraege zu loeschen/ a.loeschen { color: #C66; / "dunkelrot" */ }