###########################################
#  My Custom Script to change Look And Feel
#         GreenOnBlack Version
###########################################
mkdir /var/wwwext
cat << END-CAT > /var/wwwext/custom.css
a {
color: #668040;
}
a:hover {
background: #fff;
color: #668040;
text-decoration: underline;
}
#header {
background: #222;
padding: 20px 10px 20px 10px;
}
#header .title {
font: 15px sans-serif;
color: #668040;
font-weight: bold;
}
#header .version {
font: 10px sans-serif;
color: #eee;
font-weight: bold;
}
#navi {
width: 140px;
font-size: 13px;
border-right: 2px solid #f0f0f0;
}
#navi a {
color: #222;
}
#navi a:hover {
background: #f3f3f3;
color: #222;
font-weight: normal;
text-decoration: underline;
}
#navi a.indent1 {
font-weight: bold;
}
#navi a.indent2 {
font-size: 11px;
padding: 2px 0 2px 20px;
}
#navi .active {
color: #668040;
font-weight: normal;
}
.section-title {
font-size: 14px;
color: #668040;
font-weight: bold;
}
input[type='button']:hover {
background: #86bf30;
color: #fff;
}
.tomato-grid .odd:hover,
.tomato-grid .even:hover {
background: #dce6cf;
}
.tomato-grid a {
color: #59806f;
}
input[type='button']:hover {
background: #f0f0f0;
color: #222;
text-decoration: underline;
}
#tabs a {
margin: 0 1px 0 0;
background: #f3f3f3;
}
#tabs a.active {
background: #668040;
color: #fff;
}
#tabs a:hover {
background: #f3f3f3;
color: #222;
font-weight: normal;
text-decoration: underline;
}
.tomato-grid .odd {
background: #f0f0f0;
cursor: pointer;
}
.tomato-grid .even {
background: #f7f7f7;
cursor: pointer;
}
.tomato-grid .odd:hover,
.tomato-grid .even:hover {
background: #fff;
}
.tomato-grid a {
color: #668040;
}
.tomato-grid a:hover {
color: #668040;
}
END-CAT