/* CSS Document */
/* Note if you set setDefaultStyleClass = false, then you must name the object first, or styles will revert to default */
/* Also note that the word 'objGrid' (any case) will be removed from the name (E.G OBJGridTester will end up with a table class of TesterGridTable */
body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
background-color:#bfd;
color:#000;
padding:0 0 0 0;
}
img {
border:none;
}
div.gridDebug {
background-color:#BDD9BD;
color:#006;
border: 1px solid #000;
margin: 2px 0 2px 0;
}
div.gridDebug p{
line-height:1em;
margin:3px;
}
div.DFMessageList{
width:100%;
width:auto;
background-color:inherit;
color:#000;
padding: 2px 0 2px 0;
margin: 2px 0 2px 0;
border: #000 1px inset;
}
/* CONTAINS THE 'Insert Record' link, the 'Refresh Page' link and the 'Back' link on the view page */
div.DFAction {
font-weight:bold;
background-color:#8AB382;
color:#006;
border: 0px solid #000;
padding: 1px 2px 1px 0;
text-decoration: none;
margin: 0px;
}
div.DFAction a.DFAction {
font-weight:bold;
background-color:#8AB382;
color:#fff;
border: 1px outset #000;
padding: 0px 2px 0px 2px;
text-decoration: none;
margin: 1px 8px 1px 0px;
}
div.DFAction a.DFAction:link, div.DFAction a.DFAction:visited {
background-color:#8AB382;
color: #fff;
}
div.DFAction a.DFAction:hover, div.DFAction a.DFAction:active {
background-color:#bda;
color: #600;
}
/* These are the 'Action' Links in the table - Edit Delete & View */
th a.DFAction {
font-weight:bold;
background-color:inherit;
color: #006;
text-decoration: none;
}
th a.DFAction:link, th a.DFAction:visited {
background-color:inherit;
color: #006;
}
th a.DFAction:hover, th a.DFAction:active {
background-color:inherit;
color: #600;
}
/* These are the Sort Links - Column headings on the Datagrid */
th a.DFSort {
font-weight:bold;
background-color:inherit;
color: #006;
text-decoration: none;
}
th a.DFSort:link, th a.DFSort:visited {
background-color:inherit;
color: #006;
}
th a.DFSort:hover, th a.DFSort:active {
background-color:inherit;
color: #600;
}
/* The image showing if sort is up or down */
img.sortimg {
position:relative;
top:0px;
}
/* This is the box that allows the user to write in their own Sort By Columns' */
table.DFSortBox {
padding: 0 0 0 0 ;
}
input.DFSortBox {
width:200px;
border: #000 1px solid;
background-color:#fcc;
color: #006;
padding: 1px;
}
input.DFSortBoxButton {
border: #000 2px outset;
font-weight:bold;
background-color:#fcc;
color: #006;
padding: 0 1px 0 1px;
}
/* This is the Paging div and elements :Paging:*/
.DFPageDiv {
padding:5px;
border: #000 0px solid;
font-family: Arial, Helvetica, sans-serif;
background-color:#cdb;
color: #000;
}
.DFPageDiv span.active {
border:1px solid #000;
padding:1px;
}
.DFPageDiv a:link, .DFPageDiv a:visited {
background-color:inherit;
color: #006;
text-decoration: none;
font-weight:bold;
padding:2px;
}
.DFPageDiv a:hover, .DFPageDiv a:active {
background-color:inherit;
color: #600;
font-weight:bold;
text-decoration: none;
border:1px solid #000;
padding:1px;
}
/* This box Contains the 'Go to page #' inpu box*/
div.DFPageBox {
position:relative;
top: -3px;
float:right;
font-weight:bold;
}
form.DFPageBox input{
font-weight:bold;
border: #000 1px solid;
background-color:#fcc;
color: #006;
padding: 1px;;
}
form.DFPageBox input.DFPageBoxButton {
border: #000 2px outset;
font-weight:bold;
background-color:#fcc;
color: #006;
padding: 0 1px 0 1px;
}
/* The Navigation Row at the top of the Gid! */
div.DFNavigation{
background-color:#cdb;
color:#006;
font-weight:bold;
text-align:center;
padding: 2px 0 2px 0;
clear:both; /* Put here because the sort box form is screwing around with me!*/
}
div.DFNavigation img{
position :relative;
top: 2px;
}
/* THE GRID!!! */
div.DFGridDiv {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse ;
border-spacing: 0px ;
border: solid 1px;
margin-top:2px;
}
table.DFGridTable {
font-family: Arial, Helvetica, sans-serif;
width:100%;
border-collapse: collapse ;
border-spacing: 0px ;
border: solid 1px;
}
table.DFGridTable td {padding-left:2px;padding-right:2px;border-bottom: solid 1px ;border-left: solid 1px}
table.DFGridTable th {padding-left:2px;padding-right:2px;border-bottom: solid 1px;border-left: solid 1px }
table.DFGridTable th {background-color:inherit; color:#006;white-space: nowrap;}
table.DFGridTable tr.DFGridTableHeading { /* For Rows where alternate is off */
background-color:#8AB382;
color:inherit;
}
table.DFGridTable tr { /* For Rows where alternate is off */
background-color:#9ED9BB;
color:inherit;
}
table.DFGridTable tr.odd { /* For Rows where alternate is off */
background-color:#9ED9BB;
color:inherit;
}
table.DFGridTable tr.even {
background-color:#82B39A;
color:inherit;
border-top: 0px solid #000;
}
/* THIS is the Table Containing the Data when viewing 1 record at a time (after pressing 'View') */
table.DFView {
background-color:#9ED9BB;
color:inherit;
border-collapse: collapse ;
border-spacing: 0px ;
border: solid 0px
}
table.DFView td {
border-bottom: solid 1px ;
border-left: solid 1px;
padding: 0 2px; 0 2px;
}
table.DFView th {
border-bottom: solid 1px;
border-left: solid 1px :
background-color:inherit;
color:#006;
white-space: nowrap;
vertical-align:top;
text-align:right;
padding: 0 2px; 0 2px;
} |