mods/ldap/jscripts/jqgrid/themes/green/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: 3px;\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: 20px;\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 /* Grid */\r
  41 table.scroll {\r
  42         table-layout: fixed;\r
  43         margin-bottom :0px;\r
  44 }\r
  45 table.scroll tbody tr {\r
  46         background-color: #fffcf2; \r
  47 }\r
  48 \r
  49 table.scroll tbody tr.alt {\r
  50         background-color: #ecf7e4;\r
  51 }\r
  52         \r
  53 table.scroll tr.over td{\r
  54         background-color: #FFDEAD;\r
  55 }\r
  56         \r
  57         table.scroll tbody tr.selected td {\r
  58         background: #3c964b;\r
  59         color: #ecf7e4;\r
  60 }\r
  61 \r
  62         table.scroll tbody td  {\r
  63         \r
  64         padding: 2px;\r
  65         text-align: left;\r
  66         border-bottom: 1px solid #3c964b;\r
  67         border-left: 1px solid #3c964b; \r
  68         text-overflow: ellipsis;\r
  69         overflow: hidden;\r
  70         white-space: nowrap;\r
  71         height : auto;\r
  72 }\r
  73         \r
  74 table.scroll thead th  {\r
  75         \r
  76         padding: 2px;\r
  77         border-bottom: 1px solid #3c964b; \r
  78         border-left: 1px solid #3c964b; \r
  79         text-align: left;\r
  80         font-weight: normal;\r
  81         overflow: hidden;\r
  82         white-space: nowrap;\r
  83         background-image: url(images/grid-blue-hd.gif);\r
  84         height : 17px;\r
  85 }\r
  86         \r
  87 table.scroll th div {\r
  88         overflow: hidden;\r
  89 /*      white-space: nowrap;*/\r
  90         word-wrap: break-word;\r
  91         height : 17px;\r
  92 }\r
  93 table.scroll th span {\r
  94         cursor: e-resize;\r
  95         width: 10px;\r
  96         float: right;\r
  97         display: block;\r
  98         margin: -2px -1px -2px 0px;\r
  99         height: 18px;\r
 100         overflow: hidden;\r
 101         white-space: nowrap;\r
 102 }\r
 103         \r
 104 table.scroll thead {\r
 105 }\r
 106 \r
 107 /* End Grid */\r
 108 \r
 109 /* Pager */\r
 110 div.scroll {\r
 111         vertical-align: top;\r
 112         height: 23px;\r
 113         white-space: nowrap;\r
 114         text-align: center;\r
 115         background-image: url(images/grid-blue-ft.gif);\r
 116 /*\r
 117         border-left: 1px solid #3c964b;\r
 118         border-right: 1px solid #3c964b;\r
 119         border-bottom: 1px solid #3c964b;\r
 120 */\r
 121 }\r
 122 div.scroll span {\r
 123         vertical-align : top;   \r
 124 }\r
 125 .selbox {\r
 126         font-size: x-small;\r
 127         vertical-align : top;\r
 128 }\r
 129 input.selbox{\r
 130         font-size: x-small;\r
 131         vertical-align : top;\r
 132 }\r
 133 .pgbuttons {\r
 134         margin-top :2px;\r
 135         width: 19px;\r
 136 }\r
 137 .nav-table-left {\r
 138         padding:1px;\r
 139         float: left;\r
 140 /*      position:absolute;*/\r
 141 }\r
 142 .nav-table-right {\r
 143         padding:1px;\r
 144         float: right;\r
 145 }\r
 146 table.navtable {margin-bottom:0; width: auto;}\r
 147 \r
 148 table.navtable tr{\r
 149         background-image: url(images/grid-blue-ft.gif); \r
 150 }\r
 151 \r
 152 table.navtable td.nav-button {\r
 153 /*      margin-top:2px;*/\r
 154         border: 1px solid #E2ECF8;\r
 155         white-space: nowrap;\r
 156 }\r
 157 \r
 158 table.navtable td.nav-hover {\r
 159         border: 1px solid #3c964b;\r
 160 }\r
 161 \r
 162 table.tbutton tr td{\r
 163         border : none;\r
 164         padding:0px;\r
 165 }\r
 166 \r
 167 \r
 168 img.jsHover { /*not used */\r
 169         border: 1px solid #99CCFF;\r
 170 }\r
 171 /* End Pager */\r
 172 /*multiselect checkbox */\r
 173 .cbox {\r
 174         height: 10px;\r
 175         width: 10px;\r
 176         /*border:1px solid #999;*/\r
 177 }\r
 178 /* end multiselect */\r
 179 \r
 180 \r
 181 /* loading div */\r
 182 div.loading {\r
 183         position: absolute;\r
 184         padding: 3px;\r
 185         text-align: center;\r
 186         font-weight: bold;\r
 187         background: red;\r
 188         color: white;\r
 189         display: none;\r
 190 }\r
 191 \r
 192 div.loadingui {\r
 193         display:none;\r
 194         z-index:6000;\r
 195         opacity:0.1;\r
 196         -moz-opacity: 0.1;\r
 197         filter: alpha(opacity=10);\r
 198         background-color:#000;\r
 199         position:absolute;\r
 200 }\r
 201 \r
 202 /* end loading div */\r
 203 /* toolbar */\r
 204 div.userdata {\r
 205         margin-top: 0px;\r
 206         background-color : #fffcf2;\r
 207         height : 20px;\r
 208         border-left: 1px solid #3c964b;\r
 209         border-right: 1px solid #3c964b;\r
 210         overflow: hidden;\r
 211 }\r
 212 /* end toolbar */\r
 213 /*Subgrid  text mode*/\r
 214 .subgrid {\r
 215         height: 100%;\r
 216         overflow:  auto;\r
 217 }\r
 218 .tablediv {\r
 219         background-color: White;\r
 220         border-spacing: 1px; /*cellspacing:poor IE support for  this*/\r
 221         border-collapse: separate;\r
 222         width:100%; /* FF hack poor when scroling subgrid */\r
 223 }\r
 224 .celldiv {\r
 225         float: left;\r
 226         display: table-cell;\r
 227         border: 1px dotted #CCCCCC;\r
 228         overflow: auto;\r
 229         white-space: normal;\r
 230 }\r
 231 .celldivth {\r
 232         float: left; /*fix for  buggy browsers*/\r
 233         border: 1px solid #CCCCCC;\r
 234         background-color: #99CCFF;\r
 235         border-bottom: 1px solid #CBC7B8;\r
 236         text-align: left;\r
 237         overflow: auto;\r
 238 }\r
 239 .rowdiv  {\r
 240         display: table-row;\r
 241         background: #F9F9F9 none;\r
 242         color: #000000;\r
 243         width: 100%;\r
 244         overflow:auto;\r
 245 }\r
 246 /* End Subgrid */\r
 247 \r
 248 /* InLine editing */\r
 249 input.editable[type="text"]  {\r
 250         font-size: x-small;\r
 251         overflow: hidden;\r
 252 }\r
 253 input.editable[type="checkbox"]  {\r
 254 }\r
 255 \r
 256 textarea.editable {\r
 257         overflow-y: auto;\r
 258 }\r
 259 \r
 260 select.editable {\r
 261         font-size: x-small;\r
 262 }\r
 263 /* End Inline Editing */\r
 264 \r
 265 \r
 266 /* Modal window */\r
 267 .modaltext{ /*caption */\r
 268     text-align : left;\r
 269 }\r
 270 .modalwin{\r
 271     border:1px solid #555555;\r
 272     text-align:left;\r
 273     margin: 0 auto;\r
 274         background: #F9F9F9;\r
 275         overflow: auto; \r
 276 }\r
 277 \r
 278 .modalhead{\r
 279         background-image: url(images/grid-blue-hd.gif);\r
 280         height: 20px;\r
 281 }\r
 282 .modalcontent {\r
 283     overflow : auto;\r
 284     background:#F9F9F9;\r
 285         margin-bottom: 10px;\r
 286         margin-left: 5px;       \r
 287 }\r
 288 /* End modal window */\r
 289 /*search dialog */\r
 290 input.search {\r
 291         margin: 2px;\r
 292         width: 70px;\r
 293         font-size: 10px;\r
 294         color: #15428B; \r
 295 }\r
 296 \r
 297 select.search {\r
 298         margin: 2px;\r
 299         width: 70px;\r
 300         font-size: 10px;\r
 301         color: #15428B;         \r
 302 }\r
 303 .buttonsearch {\r
 304         width : 50px;\r
 305         font-size: 10px;\r
 306         color: #15428B;         \r
 307 }\r
 308 /*End search */\r
 309 \r
 310 /* Form edit */\r
 311 \r
 312 .FormGrid {\r
 313         margin: 0px;\r
 314 }\r
 315 .EditTable {\r
 316         width: 100%;\r
 317 }\r
 318 \r
 319 .FormData { /* tr */\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:18px;\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 /* Resizing corner */\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 \r
 407 /* Tree Grid */\r
 408 .tree-wrap\r
 409 {\r
 410         float: left; \r
 411         position: relative;\r
 412         height: 18px;\r
 413         white-space: nowrap;\r
 414         overflow: hidden;\r
 415 }\r
 416 .tree-minus\r
 417 {\r
 418         position: absolute;\r
 419         height: 18px; \r
 420         width: 16px;\r
 421         overflow: hidden;\r
 422         background: url(images/tree_minus.gif) no-repeat;\r
 423 }\r
 424 .tree-plus\r
 425 {\r
 426         position: absolute;\r
 427         height: 18px; \r
 428         width: 16px;\r
 429         overflow: hidden;\r
 430         background: url(images/tree_plus.gif) no-repeat;\r
 431 }\r
 432 .tree-leaf\r
 433 {\r
 434         position: absolute;\r
 435         height: 18px; \r
 436         width: 16px;\r
 437         overflow: hidden;\r
 438         background: url(images/tree_leaf.gif) no-repeat;\r
 439 }\r
 440 .treeclick\r
 441 {\r
 442         cursor: pointer;\r
 443 }\r
 444 .edit-cell {\r
 445         background-color: #FFDEAD;\r
 446 }\r