mods/ldap/jscripts/jqgrid/themes/coffee/grid.css

   1 .GridHeader {\r
   2         display: none;\r
   3 }\r
   4 .Header {\r
   5         width: 100%;\r
   6         }\r
   7 \r
   8 .Header th { \r
   9         font-size: 100%; font-weight: bold; text-align: left;\r
  10         padding: 2px;\r
  11         background-image: url(images/headerbg.gif); color: #ffffff;\r
  12         width: 100%;\r
  13         white-space: nowrap;\r
  14         }\r
  15 \r
  16 .HeaderLeft { \r
  17         background-image: url(images/headerleft.gif);\r
  18         }\r
  19 \r
  20 .HeaderRight { \r
  21         background-image: url(images/headerright.gif);\r
  22         }\r
  23 .HeaderButton {\r
  24         background-image: url(images/headerbg.gif);     \r
  25 }\r
  26 .HeaderButton img{\r
  27         width: 21px;\r
  28 }\r
  29 \r
  30 .HeaderLeft img{\r
  31         width: 4px;\r
  32         }\r
  33 \r
  34 .HeaderRight img{\r
  35         width: 9px;\r
  36         }\r
  37 .GridHeader table {margin:0;}\r
  38 .GridHeader td, tr {padding:0;}\r
  39 \r
  40 \r
  41 /* Grid */\r
  42 table.scroll {\r
  43         border-right: 1px solid #FFFFFF;        \r
  44         table-layout: fixed;\r
  45         margin-bottom:0;\r
  46 }\r
  47 table.scroll tbody tr {\r
  48         background-color: #eceae3; \r
  49 }\r
  50 \r
  51 table.scroll tbody tr.alt{\r
  52         background-color: #e3dfd1; \r
  53 }\r
  54         \r
  55 table.scroll tr.over td{\r
  56         background-color: #D2B48C;\r
  57 }\r
  58         \r
  59         \r
  60 table.scroll tr.selected td {\r
  61         background-color: #c9b9b1;\r
  62         color: Black;\r
  63 }\r
  64 \r
  65 table.scroll tbody tr td  {\r
  66         font-size: 90%;\r
  67         padding: 2px;\r
  68         text-align: left;\r
  69         border-left: 1px solid #FFFFFF;\r
  70         border-bottom: 1px solid #FFFFFF; \r
  71         text-overflow: ellipsis;\r
  72         overflow: hidden;\r
  73         white-space: nowrap;\r
  74         height : auto;\r
  75 }\r
  76 \r
  77 table.scroll thead tr th  {\r
  78         font-size: 90%;\r
  79         font-weight: normal;\r
  80         padding: 2px;\r
  81         border-left: 1px solid #FFFFFF; \r
  82         border-bottom: 1px solid #FFFFFF; \r
  83         text-align: left;\r
  84         overflow: hidden;\r
  85         white-space: nowrap;\r
  86         background: url(images/grid-blue-hd.gif) transparent repeat-x;\r
  87         height : 18px;\r
  88 }\r
  89 table.scroll thead tr th div img {\r
  90         width: 9px;\r
  91 }\r
  92         \r
  93 table.scroll th div {\r
  94         overflow: hidden;\r
  95 /*      white-space: nowrap;*/\r
  96         word-wrap: break-word;\r
  97         height : 18px;\r
  98 }\r
  99         table.scroll th span {\r
 100         cursor: e-resize;\r
 101 /*      border-right: 1px solid #D6D2C2;  */\r
 102         width: 5px;\r
 103         float: right;\r
 104         position: relative;\r
 105         display: block;\r
 106         margin: -1px -1px -1px 0px;\r
 107         height: 18px;\r
 108         overflow: hidden;\r
 109         white-space: nowrap;\r
 110 }\r
 111 \r
 112 table.scroll thead {\r
 113 }\r
 114 \r
 115 /* End Grid */\r
 116 \r
 117 /* Pager */\r
 118 div.scroll {\r
 119         vertical-align: top;\r
 120         height: 23px;\r
 121         text-align: center;     \r
 122         white-space: nowrap;\r
 123         background-image: url(images/grid-blue-ft.gif);\r
 124         border-right: 1px solid #FFFFFF;\r
 125         border-left: 1px solid #FFFFFF; \r
 126         border-bottom: 1px solid #FFFFFF;\r
 127         display : none;\r
 128 }\r
 129 div.scroll span {\r
 130         vertical-align : top;\r
 131 }\r
 132 .selbox {\r
 133         font-size: x-small;\r
 134         vertical-align : top;\r
 135 }\r
 136 input.selbox{\r
 137         font-size: x-small;\r
 138         vertical-align : top;\r
 139 }\r
 140 .pgbuttons {\r
 141         margin-top :1px;\r
 142 }\r
 143 .nav-table-left {\r
 144         padding:1px;\r
 145         float: left;\r
 146         margin-top:2px;\r
 147 /*      position:absolute;*/\r
 148 }\r
 149 .nav-table-right {\r
 150         padding:1px;\r
 151         float: right;\r
 152         margin-top:2px;\r
 153 }\r
 154 table.navtable {margin-bottom:0; width: auto;}\r
 155 table.navtable tbody tr {\r
 156         background-image: url(images/grid-blue-ft.gif);\r
 157 }\r
 158 table.navtable tbody tr td.nav-button {\r
 159         border: 1px solid #FFFFFF;\r
 160         white-space: nowrap;\r
 161 }\r
 162 table.navtable tbody tr td.nav-hover {\r
 163         border: 1px solid #c9b9b1;\r
 164 }\r
 165 table.tbutton tbody tr td {\r
 166         border : none;\r
 167         padding:0px;\r
 168 }\r
 169 img.jsHover { /*not used */\r
 170         border: 1px solid #99CCFF;\r
 171 }\r
 172 /* End Pager */\r
 173 /*multiselect checkbox */\r
 174 .cbox {\r
 175         height: 10px;\r
 176         width: 10px;\r
 177 /*      text-align: center;*/\r
 178 /*border:1px solid #999;*/\r
 179 }\r
 180 /* end multiselect */\r
 181 \r
 182 \r
 183 /* loading div */\r
 184 div.loading {\r
 185         position: absolute;\r
 186         padding: 3px;\r
 187         text-align: center;\r
 188         font-weight: bold;\r
 189         background: red;\r
 190         color: white;\r
 191         display: none;\r
 192 }\r
 193 div.loadingui {\r
 194         display:none;\r
 195         z-index:6000;\r
 196         opacity:0.1;\r
 197         -moz-opacity: 0.1;\r
 198         filter: alpha(opacity=10);\r
 199         background-color:#000;\r
 200         position:absolute;\r
 201 }\r
 202 \r
 203 /* end loading div */\r
 204 /*toolbar */\r
 205 div.userdata {\r
 206         margin-top: 0px;\r
 207         background-color : #e3dfd1;\r
 208         height : 20px;\r
 209         overflow: hidden;       \r
 210 }\r
 211 /* end toolbar */\r
 212 /*Subgrid  text mode*/\r
 213 .subgrid {\r
 214         height: 100%;\r
 215         overflow:  auto;\r
 216 }\r
 217 .tablediv {\r
 218         background-color: White;\r
 219         border-spacing: 1px; /*cellspacing:poor IE support for  this*/\r
 220         border-collapse: separate;\r
 221         width:100%; /* FF hack poor when scroling subgrid */\r
 222 }\r
 223 .celldiv {\r
 224         float: left;\r
 225         display: table-cell;\r
 226         border: 1px dotted #CCCCCC;\r
 227         overflow: auto;\r
 228         white-space: normal;\r
 229 }\r
 230 .celldivth {\r
 231         float: left; /*fix for  buggy browsers*/\r
 232         border: 1px solid #CCCCCC;\r
 233         background-color: #99CCFF;\r
 234         border-bottom: 1px solid #CBC7B8;\r
 235         text-align: left;\r
 236         overflow: auto;\r
 237 }\r
 238 .rowdiv  {\r
 239         display: table-row;\r
 240         background: #F9F9F9 none;\r
 241         color: #000000;\r
 242         width: 100%;\r
 243         overflow:auto;\r
 244 }\r
 245 /* End Subgrid */\r
 246 \r
 247 /* InLine editing */\r
 248 input.editable[type="text"]  {\r
 249         font-size: x-small;\r
 250         overflow: hidden;\r
 251 }\r
 252 input.editable[type="checkbox"]  {\r
 253 }\r
 254 \r
 255 textarea.editable {\r
 256         overflow: hidden;\r
 257 }\r
 258 \r
 259 select.editable {\r
 260         font-size: x-small;\r
 261 }\r
 262 /* End Inline Editing */\r
 263 \r
 264 /*Modal Window */\r
 265 .modaltext{ \r
 266     text-align : left;\r
 267 }\r
 268 .modalwin{\r
 269     border:1px solid #555555;\r
 270     background:#F9F9F9;\r
 271     text-align:left;\r
 272     margin: 0 auto;\r
 273         overflow: auto;\r
 274 }\r
 275 \r
 276 \r
 277 .modalhead {\r
 278         background-image: url(images/grid-blue-hd.gif);\r
 279         height: 20px;\r
 280         \r
 281 }\r
 282 .modalcontent {\r
 283         overflow: auto;\r
 284         margin-bottom: 9px;\r
 285         margin-left: 5px;\r
 286 }\r
 287 /* end Modal window*/\r
 288 /* Search window */\r
 289 input.search {\r
 290         margin: 2px;\r
 291         width: 70px;\r
 292         font-size: 10px;\r
 293         color: #15428B; \r
 294 }\r
 295 \r
 296 select.search {\r
 297         margin: 2px;\r
 298         width: 70px;\r
 299         font-size: 10px;\r
 300         color: #15428B;         \r
 301 }\r
 302 .buttonsearch {\r
 303         width : 50px;\r
 304         font-size: 10px;\r
 305         color: #15428B;         \r
 306 }\r
 307 /*End search */\r
 308 \r
 309 /* Form edit */\r
 310 \r
 311 .FormGrid {\r
 312         margin: 0px;\r
 313 }\r
 314 .EditTable {\r
 315         width: 100%;\r
 316 }\r
 317 \r
 318 .FormData { /* tr */\r
 319         \r
 320 }\r
 321 \r
 322 #FormError td {\r
 323         font-size: 90%;\r
 324         color: #FF0000;\r
 325         vertical-align: top;\r
 326         background-color: #f7f7f7; \r
 327 }\r
 328 \r
 329 .CaptionTD{ /* td */\r
 330         font-weight: normal; text-align: left; vertical-align: top;\r
 331         padding: 1px;\r
 332         border-top: 1px solid #D4D0C8;\r
 333         white-space: nowrap;\r
 334         color: #000000;\r
 335 }\r
 336 .DataTD { /* td */\r
 337         padding: 1px;\r
 338         border-top: 1px solid #D4D0C8;\r
 339         vertical-align: top;\r
 340 }\r
 341 .navButton{\r
 342         border-top: 1px solid #D4D0C8;\r
 343         border-bottom: 1px solid #D4D0C8;\r
 344         text-align: center;\r
 345 }\r
 346 .navButton input{\r
 347         width:19px;\r
 348 }\r
 349 input.EditButton { /* buttons are at footer tr */\r
 350         font-size: 10px;\r
 351         color: #15428B;\r
 352 }\r
 353 td.EditButton {\r
 354         text-align: right;\r
 355         border-top: 1px solid #D4D0C8;\r
 356         border-bottom: 1px solid #D4D0C8;\r
 357 }\r
 358 \r
 359 .FormElement { /* form element  - input -text,textarea,checkbox - select  */\r
 360         \r
 361 }\r
 362 .FormElement {\r
 363         font-size: 10px;        \r
 364 }\r
 365 input[type="text"].FormElement{\r
 366         color: #15428B;         \r
 367 }\r
 368 input[type="checkbox"].FormElement{\r
 369         width: 15px;\r
 370         color: #15428B;         \r
 371 }\r
 372 input[type="textarea"].FormElement{\r
 373         color: #15428B;         \r
 374 }\r
 375 select.FormElement {\r
 376         font-size: 10px;\r
 377         color: #15428B;         \r
 378 }\r
 379 /* End Eorm edit */\r
 380 \r
 381 /* Delete Dialog */\r
 382 .DelButton > input { /* buttons are at footer tr */\r
 383         font-size: 10px;\r
 384         color: #15428B;\r
 385 }\r
 386 .DelButton {\r
 387         text-align: right;\r
 388 }\r
 389 /* End Delete Dialog */\r
 390 \r
 391 img.jqResize {\r
 392         position:absolute;\r
 393         bottom: 0px;\r
 394         right: 0px;\r
 395         cursor :se-resize;\r
 396 }\r
 397 .dirty-cell {\r
 398         background: transparent url(images/dirty.gif) no-repeat 0 0;    \r
 399 }\r
 400 #DelError td {\r
 401         font-size: 90%;\r
 402         color: #FF0000;\r
 403         vertical-align: top;\r
 404         background-color: #f7f7f7; \r
 405 }\r
 406 /* Tree Grid */\r
 407 .tree-wrap\r
 408 {\r
 409         float: left; \r
 410         position: relative;\r
 411         height: 18px;\r
 412         white-space: nowrap;\r
 413         overflow: hidden;\r
 414 }\r
 415 .tree-minus\r
 416 {\r
 417         position: absolute;\r
 418         height: 18px; \r
 419         width: 16px;\r
 420         overflow: hidden;\r
 421         background: url(images/tree_minus.gif) no-repeat;\r
 422 }\r
 423 .tree-plus\r
 424 {\r
 425         position: absolute;\r
 426         height: 18px; \r
 427         width: 16px;\r
 428         overflow: hidden;\r
 429         background: url(images/tree_plus.gif) no-repeat;\r
 430 }\r
 431 .tree-leaf\r
 432 {\r
 433         position: absolute;\r
 434         height: 18px; \r
 435         width: 16px;\r
 436         overflow: hidden;\r
 437         background: url(images/tree_leaf.gif) no-repeat;\r
 438 }\r
 439 .treeclick\r
 440 {\r
 441         cursor: pointer;\r
 442 }\r
 443 .edit-cell {\r
 444         background-color: #D2B48C;\r
 445 }\r