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