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: 6     Entry time: Sat May 3 15:10:25 2003     Reply to this: 7
Author: Stefan Ritt 
Author Email: stefan.ritt@psi.ch 
Category: CSS File 
Configuration Name: Updated default CSS file 
Last Revision: Mon Mar 22 15:22:21 2004 by Stefan Ritt 
I made a new CSS file, which simulated 3D cells using different border 
colors for the four sides of each cell. I plan to put this as the new 
default into the distribution. There is also a new ELOG icon. If anyone 
has a better one, please post it here!

The attached test.html (elog:/3) show the different classes in the CSS 
file, thanks to Etienne Van Caille <etienne.vancaillie@mba.be>.
Attachment 1: elog.gif  2 kB  | Hide | Hide all
elog.gif
Attachment 2: default.css  6 kB  | Hide | Hide all
/* default formatting */
body {
  margin:3px;
  color:black;
  background-color:white;
  font-family:sans-serif;
  /* background-image:url(elog.gif); */
}

/* standard link colors and decorations */
a:link { color:#0000FF; text-decoration:none }
a:visited { color:#800080; text-decoration:none }
a:hover { color:#0000FF; text-decoration:underline }
a:active { color:#0000FF; text-decoration:underline }
a:focus { color:#0000FF; text-decoration:underline }

td {
  color:black;
  font-family:sans-serif; 
}

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

/* standard formatting for logbook tabs */
.tabs {
  font-family:sans-serif;
  font-size:10pt;
  background-color:white;
}

/* unselected and selected group tabs */

.gtab a {
  background-color:#B0E0B0;
  padding-left:5px;
  padding-right:5px;
}

.gtab {
  background-color:#B0E0B0;
  border-right:1px solid #409040;
}

.sgtab a {
  color:white;
  padding-left:5px;
  padding-right:5px;
}

.sgtab {
  background-color:#486090;
  color:white;
  border-right:1px solid #084070;
}

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

/* unselected and selected logbook tabs */

.ltab a {
  background-color:#E0E0E0;
  padding-left:5px;
  padding-right:5px;
}

.ltab {
  background-color:#E0E0E0;
  border-right:1px solid gray;
}

.sltab a {
  background-color:#486090;
  color:white;
  padding-left:5px;
  padding-right:5px;
}

.sltab {
  background-color:#486090;
  color:white;
  border-right:1px solid #084070;
}

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

/* logbook title, left, middle and right cell */

.title1 {
  background-color:#486090;
  border-bottom:1px solid black;
  border-top:1px solid #E0E0E0;
  border-left:1px solid #E0E0E0;
  color:white;
  font-size:medium;
  font-family:sans-serif;
  text-align:left;
}

.title2 {
  background-color:#486090;
  border-bottom:1px solid black;
  border-top:1px solid #E0E0E0;
  color:white;
  font-size:medium;
  font-family:sans-serif;
  text-align:center;
}

.title3 {
  border-bottom:1px solid black;
  border-top:1px solid #E0E0E0;
  border-right:1px solid black;
  background-color:#486090;
  text-align:right;
}

/* main menu row */

.menuframe {
  border:1px solid #486090;
  border-top:1px solid white;
  border-left:1px solid white;
  padding:3px;
  background-color:#E0E0E0;
}

.menu1 {
  text-align:left;
  font-size:10pt;
}

.menu2a {
  text-align:left;
  font-size:10pt;
}

.menu2b {
  text-align:right;
  font-size:10pt;
}

.menu3 {
  text-align:left;
  font-size:8pt;
  font-weight:bold;
}

.menu4 {
  text-align:right;
  font-size:10pt;
  vertical-align:middle;
}

/* frame table in listings */
.listframe {
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1pc solid white;
  background-color:#486090;
  border:0px;
}

/* title row in listing */
.listtitle {
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#CCCCFF;
  text-align:center;
}

/* odd and even lines in message listing */

.list1 {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  text-align:center;
}

.list2 {
  border:1px solid #808040;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFFFB0;
  text-align:center;
}

/* attachment line */

.attachment {
  border:1px solid #808040;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFFFB0;
  text-align:left;
}

/* threaded listing */
.thread {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  text-align:left;
}

.threadreply {
  border:1px solid #808040;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFFFB0;
  text-align:left;
}

/* attribute names and values on single message page */
.attribname {
  background-color:#CCCCFF;
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1px solid white;
  padding:3px;
}

.attribvalue {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  padding:3px;
}

.attribvalue2 {
  border:1px solid #808040;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFFFB0;
  padding:3px;
}

/* message cell in listing */
.messagelist {
  background-color:white;
  border-right:1px solid gray;
  border-left:1px solid gray;
  border-bottom:1px solid gray;
  font-family:'lucida console',courier,monospace;
  font-size:10pt;
  padding:5px;
}

/* message display in single message page */
.messageframe {
  background-color:white;
  border:1px solid #486090;
  border-top:0px;
  padding:3px;
}

.messagepre {
  font-family:'lucida console',courier,monospace;
  font-size:10pt;
}

/* attachment size */
.bytes {
  font-family:'lucida console',courier,monospace;
  font-size:10pt;
}

/* summary display (threaded mode expand) */
.summary {
  border:1px solid black;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:white;
  font-family:'lucida console',courier,monospace;
  font-size:8pt;
}

/* input forms */
.form1 {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  padding:3px;
}

.form2 {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  padding:3px;
}
... 61 more lines ...
Attachment 3: test.html  2 kB  Uploaded Thu Jul 3 17:45:21 2003
ELOG V3.1.5-fe60aaf