PHP Classes

File: lib/UI/jquery/css/flexigrid.less

Recommend this page to a friend!
  Classes of Muhammad Mengrani   PHP-MVC   lib/UI/jquery/css/flexigrid.less   Download  
File: lib/UI/jquery/css/flexigrid.less
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP-MVC
Library that implements the MVC design pattern
Author: By
Last change: Update of lib/UI/jquery/css/flexigrid.less
Date: 5 months ago
Size: 14,187 bytes
 

Contents

Class file image Download
@charset "UTF-8"; @basecolor: #fff; @forecolor: #000; @borderlight1: #fff; @borderlight2: #eee; @borderlight3: #ddd; @borderlight4: #ccc; @borderlight5: #bbb; @borderlight6: #aaa; @borderlight7: #f7f7f7; @borderlight8: #f3f3f3; @borderlight9: #eef8ff; @borderlight10: #e3e3e3; @borderlight11: #d9ebf5; @borderlight12: #d2e3ec; @borderlight13: #a8d8eb; @borderlight14: #999; @borderlight15: #316ac5; @borderlight16: #0066FF; @back1: #fafafa; @back2: #f7f7f7; @back3: #f3f3f3; @back4: #eee; @back5: #e3e3e3; @back6: #d5effc; .background-gradient (@start: #000) { background: @start; background: -moz-linear-gradient(top, @start 0%, darken(@start,10%) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@start), color-stop(100%,darken(@start,10%))); background: -webkit-linear-gradient(top, @start 0%,darken(@start,10%) 100%); background: -o-linear-gradient(top, @start 0%,darken(@start,10%) 100%); background: -ms-linear-gradient(top, @start 0%,darken(@start,10%) 100%); background: linear-gradient(to bottom, @start 0%,darken(@start,10%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=@start, endColorstr=darken(@start,10%),GradientType=0 ); } /* CSS Document */ .flexigrid { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; position: relative; border: 0px solid @borderlight2; overflow: hidden; color: @forecolor; } .flexigrid.hideBody { height: 26px !important; border-bottom: 1px solid @borderlight4; } .ie6fullwidthbug { border-right: 0px solid @borderlight4; padding-right: 2px; } .flexigrid div.nDiv { background: @back4 url(images/line.gif) repeat-y -1px top; border: 1px solid @borderlight4; border-top: 0px; overflow: auto; left: 0px; position: absolute; z-index: 999; float: left; } .flexigrid div.nDiv table { margin: 2px; } .flexigrid div.hDivBox { float: left; padding-right: 40px; } .flexigrid div.bDiv table { margin-bottom: 10px; } .flexigrid div.bDiv table.autoht { border-bottom: 0px; margin-bottom: 0px; } .flexigrid div.nDiv td { padding: 2px 3px; border: 1px solid @borderlight2; cursor: default; } .flexigrid div.nDiv tr:hover td,.flexigrid div.nDiv tr.ndcolover td { background: @back6 url(images/hl.png) repeat-x top; border: 1px solid @borderlight13; } .flexigrid div.nDiv td.ndcol1 { border-right: 1px solid @borderlight4; } .flexigrid div.nDiv td.ndcol2 { border-left: 1px solid @borderlight1; padding-right: 10px; } .flexigrid div.nDiv tr:hover td.ndcol1,.flexigrid div.nDiv tr.ndcolover td.ndcol1 { border-right: 1px solid @borderlight12; } .flexigrid div.nDiv tr:hover td.ndcol2,.flexigrid div.nDiv tr.ndcolover td.ndcol2 { border-left: 1px solid @borderlight9; } .flexigrid div.nBtn { position: absolute; height: 24px; width: 14px; z-index: 900; background: @back1 url(images/fhbg.gif) repeat-x bottom; /*.background-gradient(@back1);*/ border: 0px solid @borderlight4; border-left: 1px solid @borderlight4; top: 0px; left: 0px; margin-top: 1px; cursor: pointer; display: none; } .flexigrid div.nBtn div { height: 24px; width: 12px; border-left: 1px solid @borderlight1; float: left; background: url(images/ddn.png) no-repeat center; } .flexigrid div.nBtn.srtd { background: url(images/wbg.gif) repeat-x 0px -1px; } .flexigrid div.mDiv { background: url(images/wbg.gif) repeat-x top; border: 1px solid @borderlight4; border-bottom: 0px; border-top: 0px; font-weight: bold; display: block; overflow: hidden; white-space: nowrap; position: relative; } .flexigrid div.mDiv div { padding: 6px; white-space: nowrap; } .flexigrid div.mDiv div.ptogtitle { position: absolute; top: 4px; right: 3px; padding: 0px; height: 16px; width: 16px; overflow: hidden; border: 1px solid @borderlight4; cursor: pointer; } .flexigrid div.mDiv div.ptogtitle:hover { background-position: left -2px; border-color: @borderlight5; } .flexigrid div.mDiv div.ptogtitle span { display: block; border-left: 1px solid @borderlight2; border-top: 1px solid @borderlight1; border-bottom: 1px solid @borderlight3; width: 14px; height: 14px; background: url(images/uup.png) no-repeat center; } .flexigrid div.mDiv div.ptogtitle.vsble span { background: url(images/ddn.png) no-repeat center; } .flexigrid div.tDiv /*toolbar*/ { background: @back1 url(images/bg.gif) repeat-x top; position: relative; border: 1px solid @borderlight4; border-bottom: 0px; overflow: hidden; } .flexigrid div.tDiv2 { float: left; clear: both; padding: 1px; } .flexigrid div.sDiv /*toolbar*/ { background: @back1 url(images/bg.gif) repeat-x top; position: relative; border: 1px solid @borderlight4; border-top: 0px; overflow: hidden; display: none; } .flexigrid div.sDiv2 { float: left; clear: both; padding: 5px; padding-left: 5px; width: 1024px; } .flexigrid div.sDiv2 input,.flexigrid div.sDiv2 select { vertical-align: middle; } .flexigrid div.btnseparator { float: left; height: 22px; border-left: 1px solid @borderlight4; border-right: 1px solid @borderlight1; margin: 1px; } .flexigrid div.fbutton { float: left; display: block; cursor: pointer; padding: 1px; } .flexigrid div.fbutton div { float: left; padding: 1px 3px; } .flexigrid div.fbutton span { float: left; display: block; padding: 3px; } .flexigrid div.fbutton:hover,.flexigrid div.fbutton.fbOver { padding: 0px; border: 1px solid @borderlight4; } .flexigrid div.fbutton:hover div,.flexigrid div.fbutton.fbOver div { padding: 0px 2px; border-left: 1px solid @borderlight1; border-top: 1px solid @borderlight1; border-right: 1px solid @borderlight2; border-bottom: 1px solid @borderlight2; } /* end toolbar*/ .flexigrid div.hDiv { background: @back1 url(images/fhbg.gif) repeat-x bottom; /*.background-gradient(@back1);*/ position: relative; border: 1px solid @borderlight4; border-bottom: 0px; overflow: hidden; } .flexigrid div.hDiv table { border-right: 1px solid @borderlight1; } .flexigrid div.cDrag { float: left; position: absolute; z-index: 2; overflow: visible; } .flexigrid div.cDrag div { float: left; background: none; display: block; position: absolute; height: 24px; width: 5px; cursor: col-resize; } .flexigrid div.cDrag div:hover,.flexigrid div.cDrag div.dragging { background: url(images/line.gif) repeat-y 2px center; } .flexigrid div.iDiv { border: 1px solid @borderlight15; position: absolute; overflow: visible; background: none; } .flexigrid div.iDiv input,.flexigrid div.iDiv select,.flexigrid div.iDiv textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .flexigrid div.iDiv input.tb { border: 0px; padding: 0px; width: 100%; height: 100%; padding: 0px; background: none; } .flexigrid div.bDiv { border: 1px solid @borderlight4; border-top: 0px; background: @basecolor; overflow: auto; position: relative; } .flexigrid div.bDiv table { border-bottom: 1px solid @borderlight4; } .flexigrid div.hGrip { position: absolute; top: 0px; right: 0px; height: 5px; width: 5px; background: url(images/line.gif) repeat-x center; margin-right: 1px; cursor: col-resize; } .flexigrid div.hGrip:hover,.flexigrid div.hGrip.hgOver { border-right: 1px solid @borderlight14; margin-right: 0px; } .flexigrid div.vGrip { height: 5px; overflow: hidden; position: relative; background: @back1 url(images/wbg.gif) repeat-x 0px -1px; border: 1px solid @borderlight4; border-top: 0px; text-align: center; cursor: row-resize; } .flexigrid div.vGrip span { display: block; margin: 1px auto; width: 20px; height: 1px; overflow: hidden; border-top: 1px solid @borderlight6; border-bottom: 1px solid @borderlight6; background: none; } .flexigrid div.hDiv th,.flexigrid div.bDiv td /* common cell properties*/ { text-align: left; border-right: 1px solid @borderlight3; border-left: 1px solid @borderlight1; overflow: hidden; vertical-align: top !important; padding-left: 0; padding-right: 0; } .flexigrid div.hDiv th div,.flexigrid div.bDiv td div,div.colCopy div /* common inner cell properties*/ { padding: 5px; border-left: 0px solid @borderlight1; } .flexigrid div.hDiv th,div.colCopy { font-weight: normal; height: 24px; cursor: default; white-space: nowrap; overflow: hidden; } div.colCopy { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: @back1 url(images/fhbg.gif) repeat-x bottom; /*.background-gradient(@back1);*/ border: 1px solid @borderlight4; border-bottom: 0px; overflow: hidden; } .flexigrid div.hDiv th.sorted { background: url(images/wbg.gif) repeat-x 0px -1px; border-bottom: 0px solid @borderlight4; } .flexigrid div.hDiv th.thOver { } .flexigrid div.hDiv th.thOver div,.flexigrid div.hDiv th.sorted.thOver div { border-bottom: 1px solid orange; padding-bottom: 4px; } .flexigrid div.hDiv th.sorted div { border-bottom: 0px solid @borderlight4; padding-bottom: 5px; } .flexigrid div.hDiv th.thMove { background: @basecolor; color: @basecolor; } .flexigrid div.hDiv th.sorted.thMove div { border-bottom: 1px solid @borderlight1; padding-bottom: 4px } .flexigrid div.hDiv th.thMove div { background: @basecolor !important; } .flexigrid div.hDiv th div.sdesc { background: url(images/dn.png) no-repeat center top; } .flexigrid div.hDiv th div.sasc { background: url(images/up.png) no-repeat center top; } .flexigrid div.bDiv td { border-bottom: 1px solid @borderlight1; vertical-align: top; white-space: nowrap; } .flexigrid div.hDiv th div { } .flexigrid span.cdropleft { display: block; background: url(images/prev.gif) no-repeat -4px center; width: 24px; height: 24px; position: relative; top: -24px; margin-bottom: -24px; z-index: 3; } .flexigrid div.hDiv span.cdropright { display: block; background: url(images/next.gif) no-repeat 12px center; width: 24px; height: 24px; float: right; position: relative; top: -24px; margin-bottom: -24px; } .flexigrid div.bDiv td div { border-top: 0px solid @borderlight1; padding-bottom: 4px; } .flexigrid tr td.sorted { background: @back3; border-right: 1px solid @borderlight3; border-bottom: 1px solid @borderlight8; } .flexigrid tr td.sorted div { } .flexigrid tr.erow td { background: @back2; border-bottom: 1px solid @borderlight7; } .flexigrid tr.erow td.sorted { background: @back5; border-bottom: 1px solid @borderlight10; } .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: @borderlight11; border-left: 1px solid @borderlight9; border-bottom: 1px dotted @borderlight13; } .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: @back6 url(images/hl.png) repeat-x top; border-right: 1px solid @borderlight12; border-left: 1px solid @borderlight9; border-bottom: 1px solid @borderlight13; } /* novstripe adjustments */ .flexigrid.novstripe .bDiv table { border-bottom: 1px solid @borderlight4; border-right: 1px solid @borderlight4; } .flexigrid.novstripe div.bDiv td { border-right-color: @borderlight1; } .flexigrid.novstripe div.bDiv tr.erow td.sorted { border-right-color: @borderlight10; } .flexigrid.novstripe div.bDiv tr td.sorted { border-right-color: @borderlight8; } .flexigrid.novstripe div.bDiv tr.erow td { border-right-color: @borderlight7; border-left-color: @borderlight7; } .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-right: 1px solid @borderlight16; border-left: 1px solid @borderlight16; } .flexigrid.novstripe div.bDiv tr.trOver td,.flexigrid.novstripe div.bDiv tr:hover td { border-left-color: @borderlight11; border-right-color: @borderlight11; } /* end novstripe */ .flexigrid div.pDiv { background: url(images/wbg.gif) repeat-x 0 -1px; border: 1px solid @borderlight4; border-top: 0px; overflow: hidden; white-space: nowrap; position: relative; } .flexigrid div.pDiv div.pDiv2 { margin: 3px; margin-left: -2px; float: left; width: 1024px; } div.pGroup { float: left; background: none; height: 24px; margin: 0px 5px; } .flexigrid div.pDiv .pPageStat,.flexigrid div.pDiv .pcontrol { position: relative; top: 5px; overflow: visible; } .flexigrid div.pDiv input { vertical-align: text-top; position: relative; top: -5px; margin: 3px; } .flexigrid div.pDiv select { margin: 3px; } .flexigrid div.pDiv div.pButton { float: left; width: 22px; height: 22px; border: 0px; cursor: pointer; overflow: hidden; } .flexigrid div.pDiv div.pButton:hover,.flexigrid div.pDiv div.pButton.pBtnOver { width: 20px; height: 20px; border: 1px solid @borderlight4; cursor: pointer; } .flexigrid div.pDiv div.pButton span { width: 20px; height: 20px; display: block; float: left; } .flexigrid div.pDiv div.pButton:hover span,.flexigrid div.pDiv div.pButton.pBtnOver span { width: 19px; height: 19px; border-top: 1px solid @borderlight1; border-left: 1px solid @borderlight1; } .flexigrid .pSearch { background: url(images/magnifier.png) no-repeat center; } .flexigrid .pFirst { background: url(images/first.gif) no-repeat center; } .flexigrid .pPrev { background: url(images/prev.gif) no-repeat center; } .flexigrid .pNext { background: url(images/next.gif) no-repeat center; } .flexigrid .pLast { background: url(images/last.gif) no-repeat center; } .flexigrid .pReload { background: url(images/load.png) no-repeat center; } .flexigrid .pReload.loading { background: url(images/load.gif) no-repeat center; } /* ie adjustments */ .flexigrid.ie div.hDiv th div,.flexigrid.ie div.bDiv td div,div.colCopy.ie div /* common inner cell properties*/ { overflow: hidden; }