Toad uses CSS, by default, for the layout and various stying stuff.

The default template is as below.

div{
  border: 0px solid;
  padding:2px;
  width: 100%;
 }
div#sidebar{
  width: auto;
  float:left;
  border: 1px solid;
 }
div#maincontent{
  width: auto;
  float:left;
 }
div#location{
  width: 100%;
  border: 1px solid;
 }
div#header{
  width: 100%;
  border: 1px solid;
 }
div#content{
  width: 100%;
  border: 1px solid;
 }
div#copyright{
  width: auto;
  text-align: center;
 clear: left;
}
body{
  background: black;
  color: white;
 }
a:link{
  color: grey;
 }
a:visited{
  color: lightgreen;
 }
a:hover{
  color: green;
 }
table#entryArchive{
  border: 1px solid;
 }
td#entryArchive{
  border: 1px solid;
 }
table#pageSummary{
  border: 1px solid;
 }
td#pageSummary{
  border: 1px solid;
 }

RENDERING

The first step is to pull the CSS template. First it will check $toaderRoot.'/.toader/css' exists and if it does it will use it and use that instead of the default.

It is rendered to $outputDir.'/toader.css' .

The variables below are passed to it when rendering the template.

c - This is the L<Config::Tiny> object holding the Toader config.
toader - This is the Toader object.