This should get you started. I would have included more in a zip file, but I don't see a way to upload a file.
a{
background-color:transparent;
color:#336699;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-weight:bold;
font-size: 0.9em;
}
a:hover{
background-color:transparent;
color:#cc0000;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-weight:bold;
font-size: 0.9em;
}
a.fix{
background-color:transparent;
color:#cccccc;
}
a.next-prev{
background-color:transparent;
color:#010101;
}
a.next-prev:hover{
background-color:transparent;
color:#cc0000;
}
a.pme-tab{
background-color:transparent;
color:#010101;
}
a.pme-tab-selected{
background-color:transparent;
color:#336699;
}
b{
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size:0.9em;
font-weight:bold;
}
body,html{
padding-right: 5pt;
background-color:#6699cc;
color:#ffffff;
font-size:0.9em;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}
table{
background-color:#6699cc;
color:#ffffff;
border-collapse:collapse;
/*border:1px solid #cc0000;*/
}
td{
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
padding:1px;
vertical-align:bottom;
font-size:0.9em;
}
td.normal{
background-color:#6699cc;
color:#336699;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
padding:1px;
font-size:0.9em;
}
th{ /* this border inherited below */
/*border-bottom:1px solid #cc0000;*/
border-collapse:collapse;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
vertical-align:bottom;
padding:1px;
font-size:0.9em;
}
th.normal{
background-color:#6699cc;
color:#336699;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
padding:1px;
}
p,blockquote,input,select,textarea,ul,ol,li{
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size: 0.9em;
}
h1{
background-color:transparent;
color:#ffffff;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}
h2{
background-color:transparent;
color:#ffffff;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}
h3{
background-color:transparent;
color:#ffffff;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}
code,pre{
font-size:0.9em;
}
p.code,pre.code{
background-color:#cc0000;
color:#00000;
border-collapse:collapse;
/*border:1px solid #006699;*/
padding:1px;
}
.red{
background-color:transparent;
color:#cc0000;
}
/* Surrounds form.pme-form, table.pme-main, table.pme-navigation (enable a border style?) */
table.container{
background-color:#6699cc;
color:#336699;
border-collapse:collapse;
/*border:none;*/
/*border:1px solid #cc0000;*/
}
form.pme-form,table.ucl{
background-color:#6699cc;
color:#336699;
border-collapse:collapse;
/*border:thin outset #cc0000;*/
padding:1px;
}
table.pme-main{
background-color:#6699cc;
border-collapse:collapse;
width: 100%;
/*border:thin outset #cc0000;*/
color:#336699;
}
/* Row 1, table.pme-main (A, TR, TH) affected by such things as postfix -right-align */
.pme-header,
th.pme-header-right-align{
background-color:#D1D1D1; /*grey*/ /* Column Headings */
color:#010101; /*black*/
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
text-align: left;
font-size:0.9em;
}
a.pme-header:hover{
background-color:transparent;
color:#cc0000;
text-align: left;
}
/* Row 1, table.pme-main Clear/Hide/Search INPUT's */
.pme-clear,
.pme-hide,
.pme-search{
/*background-color:#FFFCEC; */
color:#010101; /*Search Button */ /*black*/
/*background-image:url(button2.png);
background-repeat:repeat;*/
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size:0.9em;
border-collapse:collapse;
text-align: left;
/*border:thin outset #ffffff;*/
}
/* Row 2, table.pme-main - during normal list mode,
and/or displayed as Row 3 between .pme-queryinfo and
.pme-filter during Search and Query.
(Can be disabled in forms by setting search = false.)
A, TR, TD */
.pme-sortinfo{
background-color:#336699;
color:#010101;
}
/* Row 2 during Search (hidden otherwise) */
tr.pme-filter{
background-color:#C2C2C2; /*grey*/
color:#010101; /*black*/
border-collapse:collapse;
}
select.pme-filter,
select.pme-filter-right-align{
background-color:#FFFFCA; /*yellow*/
color:#010101; /*black*/
border-collapse:collapse;
/*border:1px solid #003366;*/
}
input.pme-filter,
input.pme-filter-right-align{
background-color:#FFFFCA; /*yellow*/
color:#010101; /*black*/
border-collapse:collapse;
/*border:1px solid #003366;*/
}
/* Borders "could" be added to td.pme-filter */
td.pme-filter,
td.pme-filter-right-align{
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size:0.9em;
border-collapse:collapse;
}
/* During Query, Row 4 (hidden otherwise). Affects A, TR, TD */
.pme-queryinfo{
background-color:#FFE824; /*yellowish*/
color:#010101; /*black*/
border-collapse:collapse;
/*border:1px solid #006699;*/
}
/* Column 1 (text navigation links) [V|C|P|D] */
a.pme-navigation-0,
a.pme-navigation-1{
background-color:transparent;
color:#ffffff;
}
a.pme-navigation-0:hover,
a.pme-navigation-1:hover{
background-color:transparent;
color:#ffffff;
}
td.pme-navigation-0{
/*border-bottom:1px solid #006699;*/
border-collapse:collapse;
background-color:#4d79a6;
color:#ffffff;
}
td.pme-navigation-1{
/*border-bottom:1px solid #006699;*/
border-collapse:collapse;
background-color:#336699;
color:#ffffff;
}
/* table.pme-navigation Prev/Add/Next buttons */
table.pme-navigation{
border-collapse:collapse;
width: 100%;
/*border:thin outset #003366;*/
}
tr.pme-navigation{
background-color:#FFFFCA; /*yellow*/
color:#cc0000;
}
/* Clickable A tags for URL/mailto links */
a.pme-cell-0,
a.pme-cell-1,
a.pme-value-0,
a.pme-value-1{
background-color:transparent;
color:#010101;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size:0.9em;
}
/*
User INPUT buttons found in the navigation table.
Prev/Add/View/Change/Copy/Delete/Next
Oddity: Add button uses .pme-prev class.
Note: if using Button navigation, review / change
input.pme-navigation-0 and input.pme-navigation-1
to match td.pme-navigation-0 and td.pme-navigation-1
*/
input.pme-add,
input.pme-cancel,
input.pme-change,
input.pme-clear,
input.pme-copy,
input.pme-delete,
input.pme-first,
input.pme-goto,
input.pme-hide,
input.pme-last,
input.pme-more,
input.pme-navigation-0,
input.pme-navigation-1,
input.pme-next,
input.pme-prev,
input.pme-query,
input.pme-save,
input.pme-search,
input.pme-view{
/*background-color:#003366;
color:#ffffff;
background-image:url(button2.png);
background-repeat:repeat; */
/*border:thin outset #003366;*/
border-collapse:collapse;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size:0.9em;
font-weight:bold;
}
/*
BEGIN: User elements [A|C|P]
INPUT, TEXTAREA, and SELECT tags - 4 items
Border style could be set for INPUT and TEXTAREA
*/
input.pme-input-0{
background-color:#FFFFCA; /*yellow*/
color:#010101; /*black*/
font-size:0.9em;
}
input.pme-input-1{
background-color:#FFFFCA; /*yellow*/
color:#010101; /*black*/
font-size:0.9em;
}
textarea.pme-input-0,
textarea.pme-input-1{
background-color:#FFFFCA; /*yellow*/
color:#010101; /*black*/
font-size:0.9em;
}
select.pme-input-0,
select.pme-input-1{
/*background-color:#FFFFCC;*/
background-color:#FFFFCA; /*yellow*/
color:#010101; /*black*/
font-size:0.9em;
}
/* END: User elements [A|C|P] */
/* Data cells (ToDo List: experiment with removing/combining certain TD's below). */
td.pme-cell-0,
td.pme-cell-1{
/*border-bottom:1px solid #006699;*/
border-collapse:collapse;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size:0.9em;
text-align: left;
}
td.pme-sortinfo{
/*border-bottom:1px solid #006699;*/
border-collapse:collapse;
font-size:0.9em;
}
td.pme-cell-0-right-align,
td.pme-cell-1-right-align{
/*border-bottom:1px solid #006699;*/
border-collapse:collapse;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size:0.9em;
}
/* Navigation Buttons background */
td.pme-buttons,
td.pme-message,
td.pme-stats{
background-color:#6699cc;
color:#ffffff;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
vertical-align:bottom;
font-size:0.9em;
padding: 3px;
}
td.pme-buttons { text-align: left; font-weight:bold;}
td.pme-message { text-align: left; }
td.pme-stats { text-align: right; font-weight:bold; }
/* Rows */
tr.pme-row-0,
tr.pme-row-0-right-align{
background-color:#4d79a6; /* First Alter Row on the right Front Page */
color:#ffffff;
font-size:0.9em;
}
tr.pme-row-1,
tr.pme-row-1-right-align{
background-color:#336699; /* Second Alter Row on the right Front Page */
color:#ffffff;
font-size:0.9em;
}
td.pme-help-0-right-align,
td.pme-help-0{
background-color:#4d79a6;
color:#ffffff;
/*border-bottom:1px solid #006699;*/
border-collapse:collapse;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size:0.9em;
vertical-align:bottom;
}
td.pme-help-1-right-align,
td.pme-help-1{
background-color:#336699;
color:#ffffff;
/*border-bottom:1px solid #006699;*/
border-collapse:collapse;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size:0.9em;
vertical-align:bottom;
}
td.pme-key-0-right-align,
td.pme-key-0,
td.pme-value-0-right-align,
td.pme-value-0{
background-color:#4d79a6; /* First Alter Row on the View / Change */
color:#ffffff;
/*border-bottom:1px solid #006699;*/
border-collapse:collapse;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
vertical-align:bottom;
font-size: 0.9em;
font-weight: bold;
text-align: left;
}
td.pme-key-1-right-align,
td.pme-key-1,
td.pme-value-1-right-align,
td.pme-value-1{
background-color:#336699; /* Second Alter Row on the View / Change */
color:#ffffff;
/*border-bottom:1px solid #006699;*/
border-collapse:collapse;
font-family:'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
vertical-align:bottom;
font-size: 0.9em;
font-weight: bold;
text-align: left;
}
/* Horizontal rule */
hr,hr.pme-hr{
background-color:transparent;
color:#6699cc;
height:0px;
}
img.pme-navigation-0,
img.pme-navigation-1{
/*border:1px solid #003366;*/
border-collapse:collapse;
}
a.footernavlinks{
background-color:transparent;
color:#ffffff;
font-size: 0.8em;
font-weight: bold;
}
a:hover.footernavlinks{
background-color:transparent;
color:#cc0000;
font-size: 0.8em;
font-weight: bold;
}[/url]
|