Mercurial > laserkard

view onlypaths/theme/css/grid.css @ 76:781127893010 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
made card text filled in
author Robert McIntyre <rlm@mit.edu>
date Wed, 14 Jul 2010 13:44:42 -0400
parents 26c2b3ad21c7
children
line wrap: on
line source
     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 }