Mercurial > laserkard

     1 /*

     2  * Ext JS Library 2.1

     3  * Copyright(c) 2006-2008, Ext JS, LLC.

     4  * licensing@extjs.com

     5  * 

     6  * http://extjs.com/license

     7  */

     8 

     9 /* Grid3 styles */

    10 .x-grid3 {

    11 	position:relative;

    12 	overflow:hidden;

    13     background-color:#fff;

    14 }

    15 

    16 .x-grid-panel .x-panel-body {

    17     overflow:hidden !important;

    18 }

    19 

    20 .x-grid-panel .x-panel-mc .x-panel-body {

    21     border:1px solid #99bbe8;

    22 }

    23 

    24 .x-grid3 table {

    25     table-layout:fixed;

    26 }

    27 .x-grid3-viewport{

    28 	overflow:hidden;

    29 }

    30 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{

    31 	font:normal 11px arial, tahoma, helvetica, sans-serif;

    32     -moz-outline: none;

    33 	-moz-user-focus: normal;

    34 }

    35 .x-grid3-row td, .x-grid3-summary-row td {

    36     line-height:13px;

    37     vertical-align: top;

    38 	padding-left:1px;

    39     padding-right:1px;

    40     -moz-user-select: none;

    41 }

    42 .x-grid3-hd-row td {

    43     line-height:15px;

    44     vertical-align:middle;

    45     border-left:1px solid #eee;

    46     border-right:1px solid #d0d0d0;

    47 }

    48 

    49 .x-grid3-hd-row .x-grid3-marker-hd {

    50     padding:3px;

    51 }

    52 

    53 .x-grid3-row .x-grid3-marker {

    54     padding:3px;

    55 }

    56 

    57 .x-grid3-cell-inner, .x-grid3-hd-inner{

    58 	overflow:hidden;

    59 	-o-text-overflow: ellipsis;

    60 	text-overflow: ellipsis;

    61     padding:3px 3px 3px 5px;

    62     white-space: nowrap;

    63 }

    64 

    65 .x-grid3-hd-inner {

    66     position:relative;

    67 	 cursor:inherit;

    68 	 padding:4px 3px 4px 5px;

    69 }

    70 

    71 .x-grid3-row-body {

    72     white-space:normal;

    73 }

    74 

    75 .x-grid3-body-cell {

    76     -moz-outline:0 none;

    77     outline:0 none;

    78 }

    79 /* IE Quirks to clip */

    80 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{

    81 	width:100%;

    82 }

    83 /* reverse above in strict mode */

    84 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{

    85 	width:auto;

    86 }

    87 

    88 .x-grid3-col {

    89 	

    90 }

    91 

    92 .x-grid-row-loading {

    93     background: #fff url(../images/default/shared/loading-balls.gif) no-repeat center center;

    94 }

    95 .x-grid-page {

    96     overflow:hidden;

    97 }

    98 .x-grid3-row {

    99 	cursor: default;

   100     border:1px solid #ededed;

   101     border-top-color:#fff;

   102     /*border-bottom: 1px solid #ededed;*/

   103     width:100%;

   104 }

   105 .x-grid3-row-alt{

   106 	background-color:#fafafa;

   107 }

   108 

   109 .x-grid3-row-over {

   110 	border:1px solid #dddddd;

   111     background: #efefef url(../images/default/grid/row-over.gif) repeat-x left top;

   112 }

   113 

   114 .x-grid3-resize-proxy {

   115 	width:1px;

   116     left:0;

   117     background-color:#777;

   118 	cursor: e-resize;

   119 	cursor: col-resize;

   120 	position:absolute;

   121 	top:0;

   122 	height:100px;

   123 	overflow:hidden;

   124 	visibility:hidden;

   125 	border:0 none;

   126 	z-index:7;

   127 }

   128 .x-grid3-resize-marker {

   129 	width:1px;

   130 	left:0;

   131     background-color:#777;

   132 	position:absolute;

   133 	top:0;

   134 	height:100px;

   135 	overflow:hidden;

   136 	visibility:hidden;

   137 	border:0 none;

   138 	z-index:7;

   139 }

   140 .x-grid3-focus {

   141 	position:absolute;

   142 	left:0;

   143 	top:0;

   144 	width:1px;

   145 	height:1px;

   146     line-height:1px;

   147     font-size:1px;

   148     -moz-outline:0 none;

   149     outline:0 none;

   150     -moz-user-select: normal;

   151     -khtml-user-select: normal;  

   152 }

   153 

   154 /* header styles */

   155 .x-grid3-header{

   156 	background: #f9f9f9 url(../images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;

   157 	cursor:default;

   158     zoom:1;

   159     padding:1px 0 0 0;

   160 }

   161 

   162 .x-grid3-header-pop {

   163     border-left:1px solid #d0d0d0;

   164     float:right;

   165     clear:none;

   166 }

   167 .x-grid3-header-pop-inner {

   168     border-left:1px solid #eee;

   169     width:14px;

   170     height:19px;

   171     background: transparent url(../images/default/grid/hd-pop.gif) no-repeat center center;

   172 }

   173 .ext-ie .x-grid3-header-pop-inner {

   174     width:15px;

   175 }

   176 .ext-strict .x-grid3-header-pop-inner {

   177     width:14px; 

   178 }

   179 .x-grid3-header-inner {

   180     overflow:hidden;

   181     zoom:1;

   182     float:left;

   183 }

   184 .x-grid3-header-offset {

   185     padding-left:1px;

   186 	 width:10000px;

   187 }

   188 

   189 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {

   190     border-left:1px solid #aaccf6;

   191     border-right:1px solid #aaccf6;

   192 }

   193 td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {

   194     background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;

   195 

   196 }

   197 .x-grid3-sort-icon{

   198 	background-repeat: no-repeat;

   199 	display: none;

   200 	height: 4px;

   201 	width: 13px;

   202 	margin-left:3px;

   203 	vertical-align: middle;

   204 }

   205 .sort-asc .x-grid3-sort-icon {

   206 	background-image: url(../images/default/grid/sort_asc.gif);

   207 	display: inline;

   208 }

   209 .sort-desc .x-grid3-sort-icon {

   210 	background-image: url(../images/default/grid/sort_desc.gif);

   211 	display: inline;

   212 }

   213 

   214 /* Header position fixes for IE strict mode */

   215 .ext-strict .ext-ie .x-grid3-header-inner{position:relative;}

   216 .ext-strict .ext-ie6 .x-grid3-hd{position:relative;}

   217 .ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}

   218 

   219 /* Body Styles */

   220 .x-grid3-body {

   221 	zoom:1;

   222 }

   223 .x-grid3-scroller {

   224 	overflow:auto;

   225     zoom:1;

   226     position:relative;

   227 }

   228 .x-grid3-cell-text, .x-grid3-hd-text {

   229 	display: block;

   230 	padding: 3px 5px 3px 5px;

   231 	-moz-user-select: none;

   232 	-khtml-user-select: none;

   233 	color:black;

   234 }

   235 .x-grid3-split {

   236 	background-image: url(../images/default/grid/grid-split.gif);

   237 	background-position: center;

   238 	background-repeat: no-repeat;

   239 	cursor: e-resize;

   240 	cursor: col-resize;

   241 	display: block;

   242 	font-size: 1px;

   243 	height: 16px;

   244 	overflow: hidden;

   245 	position: absolute;

   246 	top: 2px;

   247 	width: 6px;

   248 	z-index: 3;

   249 }

   250 

   251 .x-grid3-hd-text {

   252 	color:#15428b;

   253 }

   254 /* Column Reorder DD */

   255 .x-dd-drag-proxy .x-grid3-hd-inner{

   256 	background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;

   257 	width:120px;

   258 	padding:3px;

   259 	border:1px solid #aaccf6;

   260 	overflow:hidden;

   261 }

   262 

   263 .col-move-top, .col-move-bottom{

   264 	width:9px;

   265 	height:9px;

   266 	position:absolute;

   267 	top:0;

   268 	line-height:1px;

   269 	font-size:1px;

   270 	overflow:hidden;

   271 	visibility:hidden;

   272 	z-index:20000;

   273 }

   274 .col-move-top{

   275 	background:transparent url(../images/default/grid/col-move-top.gif) no-repeat left top;

   276 }

   277 .col-move-bottom{

   278 	background:transparent url(../images/default/grid/col-move-bottom.gif) no-repeat left top;

   279 }

   280 

   281 /* Selection Styles */

   282 .x-grid3-row-selected {

   283 	background: #DFE8F6 !important;

   284 	border:1px dotted #a3bae9;

   285 }

   286 

   287 .x-grid3-cell-selected{

   288 	background-color: #B8CFEE !important;

   289 	color: black;

   290 }

   291 .x-grid3-cell-selected span{

   292 	color: black !important;

   293 }

   294 .x-grid3-cell-selected .x-grid3-cell-text{

   295 	color: black;

   296 }

   297 

   298 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{

   299     background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom !important;

   300     vertical-align:middle !important;

   301     color:black;

   302     padding:0;

   303     border-top:1px solid white;

   304     border-bottom:none !important;

   305     border-right:1px solid #6fa0df !important;

   306     text-align:center;

   307 }

   308 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{

   309     padding:0 4px;

   310     color:#15428b !important;

   311     text-align:center;

   312 }

   313 

   314 /* dirty cells */

   315 .x-grid3-dirty-cell {

   316     background: transparent url(../images/default/grid/dirty.gif) no-repeat 0 0;

   317 }

   318 

   319 /* Grid Toolbars */

   320 .x-grid3-topbar, .x-grid3-bottombar{

   321 	font:normal 11px arial, tahoma, helvetica, sans-serif;

   322     overflow:hidden;

   323 	display:none;

   324 	zoom:1;

   325     position:relative;

   326 }

   327 .x-grid3-topbar .x-toolbar{

   328 	border-right:0 none;

   329 }

   330 .x-grid3-bottombar .x-toolbar{

   331 	border-right:0 none;

   332 	border-bottom:0 none;

   333 	border-top:1px solid #a9bfd3;

   334 }

   335 /* Props Grid Styles */

   336 .x-props-grid .x-grid3-cell{

   337 	padding:1px;

   338 }

   339 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{

   340 	background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y -16px !important;

   341     padding-left:12px;

   342     color:black !important;

   343 }

   344 .x-props-grid .x-grid3-body .x-grid3-td-name{

   345     padding:1px;

   346     padding-right:0;

   347     background:white !important;

   348     border:0 none;

   349     border-right:1px solid #eeeeee;

   350 }

   351 

   352 /* header menu */

   353 .xg-hmenu-sort-asc .x-menu-item-icon{

   354 	background-image: url(../images/default/grid/hmenu-asc.gif);

   355 }

   356 .xg-hmenu-sort-desc .x-menu-item-icon{

   357 	background-image: url(../images/default/grid/hmenu-desc.gif);

   358 }

   359 .xg-hmenu-lock .x-menu-item-icon{

   360 	background-image: url(../images/default/grid/hmenu-lock.gif);

   361 }

   362 .xg-hmenu-unlock .x-menu-item-icon{

   363 	background-image: url(../images/default/grid/hmenu-unlock.gif);

   364 }

   365 

   366 /* dd */

   367 .x-grid3-col-dd {

   368     border:0 none;

   369     padding:0;

   370     background:transparent;

   371 }

   372 

   373 .x-dd-drag-ghost .x-grid3-dd-wrap {

   374     padding:1px 3px 3px 1px;

   375 }

   376 

   377 .x-grid3-hd {

   378     -moz-user-select:none;

   379 }

   380 

   381 .x-grid3-hd-btn {

   382     display:none;

   383     position:absolute;

   384     width:14px;

   385     background:#c3daf9 url(../images/default/grid/grid3-hd-btn.gif) no-repeat left center;

   386     right:0;

   387     top:0;

   388     z-index:2;

   389 	 cursor:pointer;

   390 }

   391 

   392 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {

   393     display:block;

   394 }

   395 

   396 a.x-grid3-hd-btn:hover {

   397     background-position:-14px center;

   398 }

   399 

   400 /* Expanders */

   401 

   402 .x-grid3-body .x-grid3-td-expander {

   403     background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;

   404 }

   405 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {

   406     padding:0 !important;

   407     height:100%;

   408 }

   409 .x-grid3-row-expander {

   410     width:100%;

   411     height:18px;

   412     background-position:4px 2px;

   413     background-repeat:no-repeat;

   414     background-color:transparent;

   415 	 background-image:url(../images/default/grid/row-expand-sprite.gif);

   416 }

   417 .x-grid3-row-collapsed .x-grid3-row-expander {

   418     background-position:4px 2px;

   419 }

   420 .x-grid3-row-expanded .x-grid3-row-expander {

   421     background-position:-21px 2px;

   422 }

   423 .x-grid3-row-collapsed .x-grid3-row-body {

   424     display:none !important;

   425 }

   426 .x-grid3-row-expanded .x-grid3-row-body {

   427     display:block !important;

   428 }

   429 

   430 /* Checkers */

   431 

   432 .x-grid3-body .x-grid3-td-checker {

   433     background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;

   434 }

   435 

   436 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {

   437     padding:0 !important;

   438     height:100%;

   439 }

   440 

   441 .x-grid3-row-checker, .x-grid3-hd-checker {

   442     width:100%;

   443     height:18px;

   444     background-position:2px 2px;

   445     background-repeat:no-repeat;

   446     background-color:transparent;

   447 	 background-image:url(../images/default/grid/row-check-sprite.gif);

   448 }

   449 .x-grid3-row .x-grid3-row-checker {

   450     background-position:2px 2px;

   451 }

   452 .x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker {

   453     background-position:-23px 2px;

   454 }

   455 .x-grid3-hd-checker {

   456     background-position:2px 3px;

   457 }

   458 .x-grid3-hd-checker-on .x-grid3-hd-checker {

   459     background-position:-23px 3px;

   460 }

   461 

   462 /* Numberer */

   463 

   464 .x-grid3-body .x-grid3-td-numberer {

   465     background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;

   466 }

   467 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {

   468     padding:3px 5px 0 0 !important;

   469     text-align:right;

   470 	 color:#444;

   471 }

   472 

   473 /* All specials */

   474 

   475 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,

   476 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,

   477 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {

   478 	background:transparent url(../images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right;

   479 }

   480 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {

   481     padding: 1px 0 0 0 !important;

   482 }

   483 

   484 .x-grid3-check-col {

   485     width:100%;

   486     height:16px;

   487     background-position:center center;

   488     background-repeat:no-repeat;

   489     background-color:transparent;

   490 	background-image:url(../images/default/menu/unchecked.gif);

   491 }

   492 

   493 

   494 .x-grid3-check-col-on {

   495     width:100%;

   496     height:16px;

   497     background-position:center center;

   498     background-repeat:no-repeat;

   499     background-color:transparent;

   500 	background-image:url(../images/default/menu/checked.gif);

   501 }

   502 

   503 /* Grouping classes */

   504 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {

   505     zoom:1;

   506 }

   507 .x-grid-group-hd {

   508     border-bottom: 2px solid #99bbe8;

   509     cursor:pointer;

   510     padding-top:6px;

   511 }

   512 .x-grid-group-hd div {

   513     background:transparent url(../images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;

   514     padding:4px 4px 4px 17px;

   515     color:#3764a0;

   516     font:bold 11px tahoma, arial, helvetica, sans-serif;

   517 }

   518 .x-grid-group-collapsed .x-grid-group-hd div {

   519     background-position: 3px 3px;

   520 }

   521 .x-grid-group-collapsed .x-grid-group-body {

   522     display:none;

   523 }

   524 

   525 .x-group-by-icon {

   526     background-image:url(../images/default/grid/group-by.gif);

   527 }

   528 .x-cols-icon {

   529     background-image:url(../images/default/grid/columns.gif);

   530 }

   531 .x-show-groups-icon {

   532     background-image:url(../images/default/grid/group-by.gif);

   533 }

   534 

   535 .ext-ie .x-grid3 .x-editor .x-form-text {

   536     position:relative;

   537     top:-1px;

   538 }

   539 .ext-ie .x-props-grid .x-editor .x-form-text {

   540     position:static;

   541     top:0;

   542 }

   543 

   544 .x-grid-empty {

   545     padding:10px;

   546     color:gray;

   547     font:normal 11px tahoma, arial, helvetica, sans-serif;

   548 }

   549 

   550 

   551 /* fix floating toolbar issue */

   552 .ext-ie7 .x-grid-panel .x-panel-bbar {

   553     position:relative;

   554 }