Tuesday, July 31, 2012

Grid Style


.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .mGrid th { padding: 4px 2px; color: #fff; background: #424242 url('../../Images/Grid/grd_head.png') repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid .alt { background: #fcfcfc url('../../Images/Grid/grd_alt.png') repeat-x top; }
.mGrid .sel { background: #fcfcfc url('../../Images/Grid/grd_sel.png') repeat-x top; }
.mGrid .pgr {background: #424242 url('../../Images/Grid/grd_pgr.png') repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }
   
   
   
   
   .GridStyle
{
    border: 0px double #336666;
    font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;  
    font-size:11px;
    background-color:transparent;
   
}
.GridStyle table th {text-align:left; border:none; }
.GridStyle table td {text-align:left; background-color:Yellow;}
.GridStyle th a { float: left; text-decoration:none;}

.GridRow
{
    text-align:left;
    height:10px; 
    background-color:transparent; 
}
.GridHeader
{   
    background-color:#A28156;
    font-weight:bold;
    height:20px;    
    text-decoration:none;
    text-align:left;
    color:Black;  
}
.GridRowSel
{
    text-align:left;
    height:10px; 
    background-color:GrayText; 
   
}
.GridFooter
{
    background-color:#79BAEC;
   
}
.GridPager
{
    background-color:#A28156;
   
}
.GridPager table td
{
    background-color:#A28156;
}
.GridPager a
{
    background-color:transparent;
}
.GridPager a:hover
{
    text-decoration: underline;
}
/*-----------Details View Style--------------------*/
.DViewStyle
{
    border: 1px solid #336666;
    font-size:12px;
    text-align:left; 
}

.DViewRowStyle
{
    background-color:transparent;
}
.DViewAltRowStyle
{
    background-color:transparent;
}
.DViewEditRowStyle
{
    background-color:transparent;
}
.DViewFieldHeaderStyle
{
    background-color:transparent;
    width:100px;   
}
.DViewHeaderStyle
{
    background-color:#79BAEC;
    font-weight:bold; 
    color:White;
    background-image: url(../../images/bg/gridheading.gif);   
}
.DViewFooterStyle
{
    background-color:#507CD1;
    font-weight:bold; 
    color:White;
   
   
}
.DViewCmdRowStyle
{
    background-color:#A28156;
    font-weight:bold; 
   
}
.DViewTextBox
{
    width:99%;
    font-family:Verdana; 
    font-size:12px;
    border:solid 1px blue;
    height:18px; 
   
}
.DViewEditRowStyle td input[type=text]
{
    font-family: Verdana,Sans-Serif,Arial;
    font-size:12px;
    border: 1px solid #336666;
    width:98%;
   
}
.DViewEditRowStyle td input[type="checkbox"]
{
    border: 1px solid #336666;
   
}
.DViewEditRowStyle td input[type="radio"]
{
    font-family: Verdana,Sans-Serif,Arial;
    font-size:12px;
   
}

No comments: