The example CSS is provided below. With in a
dev_proto it's defined in
{dev_proto}/webapp/style.css file. It addresses the look and feel of common HTML components like table rows and cells, links. It also defines few custom components that can be used as HTML tags, for instance:
<menu> and
<label>.
body {
background-image:url("img/bg6.gif")
}p {
MARGIN-LEFT: 0.2in;
MARGIN-RIGHT: .15in;
MARGIN-TOP: 0.1in;
MARGIN-BOTTOM: 0;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 10pt;
COLOR: #000000;
}p.inset {
border-style: inset;
border-color: red
}a:link {
font-family: Pragmatica, Arial, Verdana;
text-decoration: underline;
color: #0000CC;
}a:visited {
font-family: Pragmatica, Arial, Verdana;
text-decoration: underline;
color: #333366;
}a:hover {
font-family: Pragmatica, Arial, Verdana;
text-decoration: none;
color: #FF0033;
}a:active {
font-family: Pragmatica, Arial, Verdana;
text-decoration: none;
color: #003399;
}menu {
font-size: 11px;
}label {
font-family: Pragmatica, Arial, Verdana;
font-size: 11px;
font-weight: 600;
text-align: left
}pageControls {
font-family: arial, sans-serif;
font-size: 75%;
font-weight: 600;
text-align: right
}h1 {
font-family: times;
font-size: 200%;
font-weght: 100
}h2 { color: #333333;
font-family: times;
font-size: 125%;
}
th {
background-color: #336699;
color: #ffffff;
font-size: 60%;
font-family: verdana,arial,sans-serif;
font-weight: bold
}
http://pingability.com
