70% OFF : CLICK HERE TO BUY IT TODAY FOR ONLY $44.70 OR GET IT FREE VIA TRIALPAY  

PHP Demo Application - Source Code

/Framework/Model/Vendor/FlexiGrid/css/flexigrid/flexigrid.css


<script type="text/javascript"> 
@charset "UTF-8";
/* CSS Document */
.flexigrid
    {
	    font-familyArialHelveticasans-serif;
	    font-size11px;
	    positionrelative;
	    border1px solid #eee;
	    overflowhidden;
	    color#000;
	    margin-leftauto;
	    margin-rightauto;
	    }
    .flexigrid.hideBody
        {
	        height26px !important;
	        border-bottom1px solid #ccc;
	        }
    .ie6fullwidthbug
        {
	        border-right0px solid #ccc;
	        padding-right2px;
	        }
.flexigrid div.nDiv
    {
	    background#eee url(images/line.gif) repeat-y -1px top;
	    border1px solid #ccc;
	    border-top0px;
	    overflowauto;
	    left0px;
	    positionabsolute;
	    z-index999;
	    floatleft;
	    }
    .flexigrid div.nDiv table
        {
	        margin2px;
	        }
.flexigrid div.hDivBox
    {
	    floatleft;
	    padding-right40px;
	    }
.flexigrid div.bDiv table
    {
	    margin-bottom10px;
	    }
    .flexigrid div.bDiv table.autoht
        {
	        border-bottom0px;
	        margin-bottom0px;
	        }
.flexigrid div.nDiv td
    {
	    padding2px 3px;
	    border1px solid #eee;
	    cursor: default;
	    }
.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td
    {
	    background#d5effc url(images/hl.png) repeat-x top;
	    border1px solid #a8d8eb;
	    }
    .flexigrid div.nDiv td.ndcol1
        {
	        border-right1px solid #ccc;
	        }
    .flexigrid div.nDiv td.ndcol2
        {
	        border-left1px solid #fff;
	        padding-right10px;
	        }
    .flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1
        {
	        border-right1px solid #d2e3ec;
	        }
    .flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2
        {
	        border-left1px solid #eef8ff;
	        }
    .flexigrid div.nBtn
        {
	        positionabsolute;
	        height24px;
	        width14px;
	        z-index900;
	        background#fafafa url(images/fhbg.gif) repeat-x bottom;
	        border0px solid #ccc;
	        border-left1px solid #ccc;
	        top0px;
	        left0px;
	        margin-top1px;
	        cursorpointer;
	        displaynone;
	        }
        .flexigrid div.nBtn div
            {
	            height24px;
	            width12px;
	            border-left1px solid #fff;
	            floatleft;
	            backgroundurl(images/ddn.pngno-repeat center;
	            }        
        .flexigrid div.nBtn.srtd
            {
	            backgroundurl(images/wbg.gifrepeat-x 0px -1px;
	            }
.flexigrid div.mDiv
    {
	    backgroundurl(images/wbg.gifrepeat-x top;
	    border1px solid #ccc;
	    border-bottom0px;
	    border-top0px;
	    font-weightbold;
	    displayblock;
	    overflowhidden;
	    white-spacenowrap;
	    positionrelative;
	    }
.flexigrid div.mDiv div
    {
	    padding6px;
	    white-spacenowrap;
	    }
        .flexigrid div.mDiv div.ptogtitle
            {
	            positionabsolute;
	            top4px;
	            right3px;
	            padding0px;
	            height16px;
	            width16px;
	            overflowhidden;
	            border1px solid #ccc;
	            cursorpointer;
	            }
            .flexigrid div.mDiv div.ptogtitle:hover
            {
	            background-positionleft -2px;
	            border-color#bbb;
	            }
            .flexigrid div.mDiv div.ptogtitle span
            {
	            displayblock;
	            border-left1px solid #eee;
	            border-top1px solid #fff;
	            border-bottom1px solid #ddd;
	            width14px;
	            height14px;
	            backgroundurl(images/uup.pngno-repeat center;
	            }
            .flexigrid div.mDiv div.ptogtitle.vsble span
            {
	            backgroundurl(images/ddn.pngno-repeat center;
	            }            
.flexigrid div.tDiv /*toolbar*/
    {
	    background#fafafa url(images/bg.gif) repeat-x top;
	    positionrelative;
	    border1px solid #ccc;
	    border-bottom0px;
	    overflowhidden;
	    }
    .flexigrid div.tDiv2
        {
	        floatleft;
	        clearboth;
	        padding1px;
	        }
.flexigrid div.sDiv /*toolbar*/
    {
	    background#fafafa url(images/bg.gif) repeat-x top;
	    positionrelative;
	    border1px solid #ccc;
	    border-top0px;
	    overflowhidden;
	    displaynone;
	    }
    .flexigrid div.sDiv2
        {
	        floatleft;
	        clearboth;
	        padding5px;
	        padding-left5px;
	        width1024px;
	        }
        .flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select
        {
	        vertical-alignmiddle;
	        }
    .flexigrid div.btnseparator
        {
	        floatleft;
	        height22px;
	        border-left1px solid #ccc;
	        border-right1px solid #fff;
	        margin1px;
	        }
    .flexigrid div.fbutton
        {
	            floatleft;
	            displayblock;
	            cursorpointer;
	            padding1px;
	        }
    .flexigrid div.fbutton div
        {
	            floatleft;
	            padding1px 3px;
	        }        
    .flexigrid div.fbutton span
        {
	        floatleft;
	        displayblock;
	        padding3px;
	        }
    .flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver
        {
	            padding0px;
	            border1px solid #ccc;
	        }
    .flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div
        {
	            padding0px 2px;
	            border-left1px solid #fff;
	            border-top1px solid #fff;
	            border-right1px solid #eee;
	            border-bottom1px solid #eee;
	        }        
/* end toolbar*/
.flexigrid div.hDiv
    {
	    background#fafafa url(images/fhbg.gif) repeat-x bottom;
	    positionrelative;
	    border1px solid #ccc;
	    border-bottom0px;
	    overflowhidden;
	    }    
.flexigrid div.hDiv table
    {
	    border-right1px solid #fff;
	    }
    .flexigrid div.cDrag
        {
	        floatleft;
	        positionabsolute;
	        z-index2;
	        overflowvisible;
	        }
        .flexigrid div.cDrag div
            {
	            floatleft;
	            backgroundnone;
	            displayblock;
	            positionabsolute;
	            height24px;
	            width5px;
	            cursorcol-resize;
	            }
        .flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging
            {
	            backgroundurl(images/line.gifrepeat-y 2px center;
	            }
.flexigrid div.iDiv
    {
	        border1px solid #316ac5;
	        positionabsolute;
	        overflowvisible;
	        backgroundnone;
	    }
    .flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea
        {
	        font-familyArialHelveticasans-serif;
	        font-size11px;
	        }
    .flexigrid div.iDiv input.tb
        {
	        border0px;
	        padding0px;
	        width100%;
	        height100%;
	        padding0px;
	        backgroundnone;
	        }            
.flexigrid div.bDiv
    {
	    border1px solid #ccc;
	    border-top0px;
	    background#fff;
	    overflowauto;
	    positionrelative;
	    }
.flexigrid div.bDiv table
    {
	    border-bottom1px solid #ccc;
	    }
    .flexigrid div.hGrip
    {
	    positionabsolute;
	    top0px;
	    right0px;
	    height5px;
	    width5px;
	    backgroundurl(images/line.gifrepeat-x center;
	    margin-right1px;
	    cursorcol-resize;
	    }
        .flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver
            {
	                border-right1px solid #999;
	                margin-right0px;
	            }
    .flexigrid div.vGrip
        {
	        height5px;
	        overflowhidden;
	        positionrelative;
	        background#fafafa url(images/wbg.gif) repeat-x 0px -1px;
	        border1px solid #ccc;
	        border-top0px;
	        text-aligncenter;
	        cursorrow-resize;
	        }
            .flexigrid div.vGrip span
                    {
	                    displayblock;
	                    margin1px auto;
	                    width20px;
	                    height1px;
	                    overflowhidden;
	                    border-top1px solid #aaa;
	                    border-bottom1px solid #aaa;
	                    backgroundnone;
	                    }
.flexigrid div.hDiv th, .flexigrid  div.bDiv td  /* common cell properties*/
    {
	    text-alignleft;
	    border-right1px solid #ddd;
	    border-left1px solid #fff;
	    overflowhidden;
	    vertical-aligntop !important;
	    }
        .flexigrid div.hDiv th div, .flexigrid  div.bDiv td  divdiv.colCopy div/* common inner cell properties*/
            {
	            padding5px;
	            border-left0px solid #fff;
	            }
.flexigrid div.hDiv thdiv.colCopy
    {
	    font-weightnormal;
	    height24px;
	    cursor: default;
	    white-spacenowrap;
	    overflowhidden;
	    }    
div.colCopy {
	    font-familyArialHelveticasans-serif;
	    font-size11px;
	    background#fafafa url(images/fhbg.gif) repeat-x bottom;
	    border1px solid #ccc;
	    border-bottom0px;
	    overflowhidden;
	    }
.flexigrid div.hDiv th.sorted
    {
	    backgroundurl(images/wbg.gifrepeat-x 0px -1px;
	    border-bottom0px solid #ccc;
	    }
    .flexigrid div.hDiv th.thOver
    {
	    }
    .flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div
    {
	    border-bottom1px solid orange;
	    padding-bottom4px;
	    }
    .flexigrid div.hDiv th.sorted div
    {
	    border-bottom0px solid #ccc;
	    padding-bottom5px;
	    }
    .flexigrid div.hDiv th.thMove
    {
	    background#fff;
	    color#fff;
	    }
    .flexigrid div.hDiv th.sorted.thMove div
        {
	        border-bottom1px solid #fff;
	        padding-bottom4px
	        }
    .flexigrid div.hDiv th.thMove div
    {
	        background#fff !important;
	    }    
    .flexigrid div.hDiv th div.sdesc
        {
	        backgroundurl(images/dn.pngno-repeat center top;
	        }    
    .flexigrid div.hDiv th div.sasc
        {
	        backgroundurl(images/up.pngno-repeat center top;
	        }    
.flexigrid div.bDiv td
    {
	    border-bottom1px solid #fff;
	    vertical-aligntop;
	    white-spacenowrap;
	    }
        .flexigrid div.hDiv th div
            {
	            }
            .flexigrid span.cdropleft
            {
	            displayblock;
	            backgroundurl(images/prev.gifno-repeat -4px center;
	            width24px;
	            height24px;
	            positionrelative;
	            top: -24px;
	            margin-bottom: -24px;
	            z-index3;
	            }
            .flexigrid div.hDiv span.cdropright
            {
	            displayblock;
	            backgroundurl(images/next.gifno-repeat 12px center;
	            width24px;
	            height24px;
	            floatright;
	            positionrelative;
	            top: -24px;
	            margin-bottom: -24px;
	            }
        .flexigrid div.bDiv td div
            {
	            border-top0px solid #fff;
	            padding-bottom4px;
	            }
        .flexigrid tr td.sorted
                {
	                background#f3f3f3;
	                border-right1px solid #ddd;
	                border-bottom1px solid #f3f3f3;
	                }        
                .flexigrid tr td.sorted div
                    {
	                    }
        .flexigrid tr.erow td
                {
	                background#f7f7f7;
	                border-bottom1px solid #f7f7f7;
	                }
        .flexigrid tr.erow td.sorted
                {
	                background#e3e3e3;
	                border-bottom1px solid #e3e3e3;
	                }                        
                .flexigrid tr.erow td.sorted div
                    {
	                    }
        .flexigrid div.bDiv tr:hover td, 
        .flexigrid div.bDiv tr:hover td.sorted,
        .flexigrid div.bDiv tr.trOver td.sorted, 
        .flexigrid div.bDiv tr.trOver td
            {
	            background#d9ebf5;
	            border-left1px solid #eef8ff;
	            border-bottom1px dotted #a8d8eb;
	            }
        .flexigrid div.bDiv tr.trSelected:hover td, 
        .flexigrid div.bDiv tr.trSelected:hover td.sorted,
        .flexigrid div.bDiv tr.trOver.trSelected td.sorted, 
        .flexigrid div.bDiv tr.trOver.trSelected td,
        .flexigrid tr.trSelected td.sorted, 
        .flexigrid tr.trSelected td
            {
	            background#d5effc url(images/hl.png) repeat-x top;
	            border-right1px solid #d2e3ec;
	            border-left1px solid #eef8ff;
	            border-bottom1px solid #a8d8eb;
	            }
    /* novstripe adjustments */
    .flexigrid.novstripe .bDiv table
    {
	        border-bottom1px solid #ccc;
	        border-right1px solid #ccc;
	    }
    .flexigrid.novstripe  div.bDiv td  
        {
	        border-right-color#fff;
	        }
    .flexigrid.novstripe div.bDiv tr.erow td.sorted
        {
	        border-right-color#e3e3e3;
	        }
    .flexigrid.novstripe div.bDiv tr td.sorted
        {
	        border-right-color#f3f3f3;
	        }
    .flexigrid.novstripe  div.bDiv tr.erow td  
        {
	        border-right-color#f7f7f7;
	        border-left-color#f7f7f7;
	        }
        .flexigrid.novstripe div.bDiv tr.trSelected:hover td, 
        .flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
        .flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, 
        .flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
        .flexigrid.novstripe tr.trSelected td.sorted, 
        .flexigrid.novstripe tr.trSelected td
            {
	            border-right1px solid #0066FF;
	            border-left1px solid #0066FF;
	            }        
    .flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td
        {
	        border-left-color#d9ebf5;
	        border-right-color#d9ebf5;
	        }
    /* end novstripe */
.flexigrid div.pDiv
    {
	    backgroundurl(images/wbg.gifrepeat-x 0 -1px;
	    border1px solid #ccc;
	    border-top0px;
	    overflowhidden;
	    white-spacenowrap;
	    positionrelative;
	    }
.flexigrid div.pDivInactive
    {
	    height28px;
	    displaynone;
	    positionrelative;
	}    
.flexigrid div.pDiv div.pDiv2
    {
	    margin3px;
	    margin-left: -2px;
	    floatleft;
	    width1024px;
	    }    
    div.pGroup
        {
	        floatleft;
	        backgroundnone;
	        height24px;
	        margin0px 5px;
	        }
    .flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol
        {
	        positionrelative;
	        top5px;
	        overflowvisible;
	        }
    .flexigrid div.pDiv input
        {
	        vertical-aligntext-top;
	        positionrelative;
	        top: -5px;
	        }
    .flexigrid div.pDiv  div.pButton
        {
	        floatleft;
	        width22px;
	        height22px;
	        border0px;
	        cursorpointer;
	        overflowhidden;
	        }
        .flexigrid div.pDiv  div.pButton:hover, .flexigrid div.pDiv  div.pButton.pBtnOver
            {
	            width20px;
	            height20px;
	            border1px solid #ccc;
	            cursorpointer;
	            }
    .flexigrid div.pDiv  div.pButton span
        {
	        width20px;
	        height20px;
	        displayblock;
	        floatleft;
	        }        
        .flexigrid div.pDiv  div.pButton:hover span, .flexigrid div.pDiv  div.pButton.pBtnOver span
            {
	            width19px;
	            height19px;
	            border-top1px solid #fff;
	            border-left1px solid #fff;
	            }        
        .flexigrid .pSearch
            {
	            backgroundurl(images/magnifier.pngno-repeat center;
	            }
        .flexigrid .pFirst
            {
	            backgroundurl(images/first.gifno-repeat center;
	            }
        .flexigrid .pPrev
            {
	            backgroundurl(images/prev.gifno-repeat center;
	            }
        .flexigrid .pNext
            {
	            backgroundurl(images/next.gifno-repeat center;
	            }
        .flexigrid .pLast
            {
	            backgroundurl(images/last.gifno-repeat center;
	            }
        .flexigrid .pReload
            {
	            backgroundurl(images/load.pngno-repeat center;
	            }
        .flexigrid .pReload.loading
            {
	            backgroundurl(images/load.gifno-repeat center;
	            }
        .flexigrid .pPDF
            {
	            backgroundurl(images/pdf.gifno-repeat center;
	}                                                                        
        .flexigrid .pWord
            {
	            backgroundurl(images/word.gifno-repeat center;
	}                                                                        
        .flexigrid .pExcel
            {
	            backgroundurl(images/excel.gifno-repeat center;
	}                                                                        
/* ie adjustments */
        .flexigrid.ie div.hDiv th div, .flexigrid.ie  div.bDiv td  divdiv.colCopy.ie div/* common inner cell properties*/
            {
	            overflowhidden;
	            }            
        




PHP Demo Source Code Index