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