body {
background-color:black;
white-space:pre-wrap;
font-family:monospace;
width:80ch; /* Adjust this if your browser doesn't support 'ch' */
font-size:10pt;
}
.command {
color:rgb(50,205,50);
}
.output {
color:rgb(192,192,192);
}
.a1 {
color:rgb(105,105,105);
} /* ANSI colors 1-8 is dark and 9-16 is bright */
.a2 {
color:rgb(128,0,0);
}
.a3 {
color:rgb(0,128,0);
}
.a4 {
color:rgb(128,128,0);
}
.a5 {
color:rgb(0,0,128);
}
.a6 {
color:rgb(128,0,0);
}
.a7 {
color:rgb(0,128,128);
}
.a8 {
color:rgb(192,192,192);
}
.a9 {
color:rgb(128,128,128);
}
.a10 {
color:rgb(255,0,0);
}
.a11 {
color:rgb(0,255,0);
}
.a12 {
color:rgb(255,255,0);
}
.a13 {
color:rgb(0,0,255);
}
.a14 {
color:rgb(255,0,255);
}
.a15 {
color:rgb(0,255,255);
}
.a16 {
color:rgb(255,255,255);
}
.b1 {
background-color:rgb(105,105,105);
}
.b2 {
background-color:rgb(128,0,0);
}
.b3 {
background-color:rgb(0,128,0);
}
.b4 {
background-color:rgb(128,128,0);
}
.b5 {
background-color:rgb(0,0,128);
}
.b6 {
background-color:rgb(128,0,0);
}
.b7 {
background-color:rgb(0,128,128);
}
.b8 {
background-color:rgb(192,192,192);
}
.b9 {
background-color:rgb(128,128,128);
}
.b10 {
background-color:rgb(255,0,0);
}
.b11 {
background-color:rgb(0,255,0);
}
.b12 {
background-color:rgb(255,255,0);
}
.b13 {
background-color:rgb(0,0,255);
}
.b14 {
background-color:rgb(255,0,255);
}
.b15 {
background-color:rgb(0,255,255);
}
.b16 {
background-color:rgb(255,255,255);
}
.u {
text-decoration:underline;
}
.b {
font-weight:bold;
}
.i {
font-style:italic;
}
.r {
}
You have to name the css file logstylesheet.css and put it in your log directory. Why use an external css? You can edit colors and styles and automatically all of your logs will update.
One downside is if you need to copy from your html logs to post on your website. The classes I'm using won't color or style anything without the css file. |