Demo Discussion
Forum Config Examples Contributions Vulnerabilities
  Configuration examples for ELOG  Not logged in ELOG logo
Entry   Updated default CSS file, posted by Stefan Ritt on Sat May 3 15:10:25 2003 elog.gifdefault.csstest.html
    Reply   CSS file with German comments, posted by Thomas Salein on Wed May 7 15:27:49 2003 beispiel.css
Message ID: 7     Entry time: Wed May 7 15:27:49 2003     In reply to: 6
Author: Thomas Salein 
Author Email: none 
Category: CSS File 
Configuration Name: CSS file with German comments 
Last Revision: May 07, 2003 by Thomas Salein 
Hier noch eine schön einfache CSS-Datei mit deutschen Kommentaren zur 
Funktion der Objekte. Kann immerhin helfen, um zu verstehen, wo man etwas 
einstellen muss.
Attachment 1: beispiel.css  6 kB  | Hide | Hide all
/* Standardformatierungen */
body {
  margin:5px;
  color:black;
  background-color:white;
  font-family:Tahoma,sans-serif;
  background-image:url(backgr.png);
}

/* A HREF-Farben und -Auszeichnungen */
a:link    { color:#003399; text-decoration:none }
a:visited { color:#003399; text-decoration:none }
a:hover   { color:#FF9900; text-decoration:none }
a:active  { color:#FF9900; text-decoration:none }
a:focus   { color:#FFFFFF; text-decoration:none }

/* Standardzelle einer Tabelle */
td {
  color:black;
  font-family:Tahoma,sans-serif; 
}

/* Tabellenrahmen */
.frame {
  width:100%;
}

/* Formatierung für Reiter zur Logbuch-Auswahl noch über der Titelzeile */
.tabs {
  font-family:sans-serif;
  font-size:medium;
  background-color:white;
}

/* nicht-ausgewählte und ausgewählte Gruppen-Zeilen ??? */

.gtab, .gtab a {
  background-color:#B0E0B0;
}

.sgtab, .sgtab a {
  background-color:#486090;
  color:white;
}

.sgtab a:visited {
  color:white; 
} /* bug for IE */

/* nicht-ausgewählte, ausgewählte und aktive Logbuch-Reiter */
.ltab, .ltab a {
  background-color:#C0C0C0;
}

.sltab, .sltab a {
  background-color:#003399;
  color:#FF9900;
}

.sltab a:visited {
  color:#FF9900;
} /* bug for IE */

/* Logbuch-Titelzeile, d.h. linke, mittlere und rechte Zelle */
.title1 {
  background-color:#003399;
  color:#FF9900;
  font-size:large;
  font-family:Tahoma,sans-serif;
  text-align:left;
}

.title2 {
  background-color:#003399;
  color:#0099FF;
  font-size:large;
  font-family:Tahoma,sans-serif;
  text-align:center;
}

.title3 {
  background-color:#003399;
  text-align:right;
}

/* Rahmen für die zwei Zeilen mit dem Hauptmenü */
.menuframe {
  border:1px solid #C0C0C0;
  border-top:0px;
  padding:3px;
  background-color:#F0F0F0;
}

/* erste Menüzeile */
.menu1 {
  text-align:left;
  font-size:10pt;
}

/* zweite Menüzeile, linker Schriftteil */
.menu2a {
  text-align:left;
  font-size:10pt;
}

/* zweite Menüzeile, rechter Drop-Down-Felder-Teil */
.menu2b {
  text-align:right;
  font-size:10pt;
}

/* ??? Menüzeile */
.menu3 {
  text-align:left;
  font-size:8pt;
  font-weight:bold;
}

/* ??? Menüzeile */
.menu4 {
  text-align:right;
  font-size:10pt;
  vertical-align:middle;
}

/* Tabellenrahmen der Nachrichtenübersichtstabelle */
.listframe {
  background-color:#C0C0C0;
  border:0px;
}

/* Titelzeile der Nachrichtenübersichtstabelle */
/* Zur Einstellung der Farben bei der Logbuchauswahl muss die Datei
   \themes\default\default.css bei mind. des n„chsten drei Objekten
   definiert werden! Diese Datei hier zieht nicht! */
.listtitle {
  background-color:#819BCF;
  text-align:center;
  padding:5px;
}

/* Zeilen in der Nachrichtenübersichtstabelle,
   abwechselnd list1, list2, list1 ... */
.list1 {
  background-color:#FFE9BF;
  text-align:center;
}

.list2 {
  background-color:#FFFFE9;
  text-align:center;
}

.list1 a:link    { color:#003399; text-decoration:none }
.list1 a:visited { color:#003399; text-decoration:none }
.list1 a:hover   { color:#FF9900; text-decoration:none }
.list1 a:active  { color:#FF9900; text-decoration:none }
.list1 a:focus   { color:#0000FF; text-decoration:none }

.list2 a:link    { color:#003399; text-decoration:none }
.list2 a:visited { color:#003399; text-decoration:none }
.list2 a:hover   { color:#FF9900; text-decoration:none }
.list2 a:active  { color:#FF9900; text-decoration:none }
.list2 a:focus   { color:#0000FF; text-decoration:none }

/* Anhang-Zeilen in der Einzelansicht */
.attachment {
  background-color:#FFFFB0;
  text-align:left;
}

/* Darstellung mit Antwortketten (threaded) */
.thread, .thread a {
  background-color:#FFE9BF;
  text-align:left;
}

.threadreply, .threadreply a {
  background-color:#FFFFE9;
  text-align:left;
}

.thread a:link    { color:#003399; text-decoration:none }
.thread a:visited { color:#003399; text-decoration:none }
.thread a:hover   { color:#FF9900; text-decoration:none }
.thread a:active  { color:#FF9900; text-decoration:none }
.thread a:focus   { color:#FFFFFF; text-decoration:none }

.threadreply a:link    { color:#003399; text-decoration:none }
.threadreply a:visited { color:#003399; text-decoration:none }
.threadreply a:hover   { color:#FF9900; text-decoration:none }
.threadreply a:active  { color:#FF9900; text-decoration:none }
.threadreply a:focus   { color:#FFFFFF; text-decoration:none }

/* Attributnamen und -werte bei Einzelanzeige einer Nachricht */
/* ... in Spalte links */
.attribname {
  background-color:#819BCF;
  padding:3px;
}

.attribvalue {
  background-color:#FFE9BF;
  padding:3px;
}

.attribvalue2 {
  background-color:#FFFFE9;
  padding:3px;
}

/* ... Nachrichteninhalt */
.messagelist {
  background-color:white;
  font-family:'Courier New','Lucida Console',Courier,monospace;
  font-size:10pt;
  padding:5px;
}

/* Nachrichtenhintergrund und -rahmen bei Einzelanzeige einer Nachricht */
.messageframe {
  background-color:white;
  border:1px solid #C0C0C0;
  border-top:0px;
  padding:5px;
}

/* dicktengleiche Schrift für Textnachricht bei Einzelanzeige einer Nachricht */
.messagepre {
  font-family:'Courier New','Lucida Console',Courier,monospace;
  font-size:10pt;
  padding:10px
}

/* Schrift für Anhangsgröße */
.bytes {
  font-family:'Courier New','Lucida Console',Courier,monospace;
  font-size:9pt;
}

/* erste Nachrichtenzeilen bei Darstellung mit Antwortketten */
.summary {
  background-color:white;
  font-family:'Courier New','Lucida Console',Courier,monospace;
  font-size:8pt;
  color:#707070;
}

/* Eingabefelder für die Administration, also Änderung von Benutzerangaben */
.form1 {
  border:1px solid #C0C0C0;
  background-color:#FFCD80;
  padding:3px;
}

.form2 {
  border:1px solid #C0C0C0;
  border-top:0px;
  background-color:#FFCD80;
  padding:3px;
}

/* Fehlermeldungen */
.errormsg {
  color:red;
  font-size:medium;
  font-weight:bold;
  text-align:center;
  border:1px solid #000000;
  padding:5px;
  background-color:#FF9900;
}

/* Benachrichtigungen, Warnungen */
.notifymsg {
  padding:5px;
  background-color:#FF9900;
  text-align:center;
  font-size:small;
}

/* Dialog-Boxen (Einloggen, Löschen usw.) */
.dlgframe {
  width:50%;
  background-color:#C0C0C0; 
  border:1px solid #C0C0C0;
  margin-top:2cm;
}

.dlgerror {
  background-color:#FF9900;
  padding:10px;
  text-align:center;
  font-size:medium;
  color:black;
}

.dlgtitle {
  background-color:#003399;
  color:#0099FF;
... 16 more lines ...
ELOG V3.1.5-fe60aaf