Mercurial > mbsePi-apps / file comparison
comparison: www-thermferm/jqwidgets/styles/jqx.base.css
www-thermferm/jqwidgets/styles/jqx.base.css
- changeset 117
- 7119ea8a5225
- child 301
- dbaed96a4a0c
equal
deleted
inserted
replaced
| 116:065a242ed7ec | 117:7119ea8a5225 |
|---|---|
| 1 /*Rounded Corners*/ | |
| 2 /*top-left rounded Corners*/ | |
| 3 .jqx-rc-tl | |
| 4 { | |
| 5 -moz-border-radius-topleft: 3px; | |
| 6 -webkit-border-top-left-radius: 3px; | |
| 7 border-top-left-radius: 3px; | |
| 8 } | |
| 9 /*top-right rounded Corners*/ | |
| 10 .jqx-rc-tr | |
| 11 { | |
| 12 -moz-border-radius-topright: 3px; | |
| 13 -webkit-border-top-right-radius: 3px; | |
| 14 border-top-right-radius: 3px; | |
| 15 } | |
| 16 /*bottom-left rounded Corners*/ | |
| 17 .jqx-rc-bl | |
| 18 { | |
| 19 -moz-border-radius-bottomleft: 3px; | |
| 20 -webkit-border-bottom-left-radius: 3px; | |
| 21 border-bottom-left-radius: 3px; | |
| 22 } | |
| 23 /*bottom-right rounded Corners*/ | |
| 24 .jqx-rc-br | |
| 25 { | |
| 26 -moz-border-radius-bottomright: 3px; | |
| 27 -webkit-border-bottom-right-radius: 3px; | |
| 28 border-bottom-right-radius: 3px; | |
| 29 } | |
| 30 /*top rounded Corners*/ | |
| 31 .jqx-rc-t | |
| 32 { | |
| 33 -moz-border-radius-topleft: 3px; | |
| 34 -webkit-border-top-left-radius: 3px; | |
| 35 border-top-left-radius: 3px; | |
| 36 -moz-border-radius-topright: 3px; | |
| 37 -webkit-border-top-right-radius: 3px; | |
| 38 border-top-right-radius: 3px; | |
| 39 } | |
| 40 /*bottom rounded Corners*/ | |
| 41 .jqx-rc-b | |
| 42 { | |
| 43 -moz-border-radius-bottomleft: 3px; | |
| 44 -webkit-border-bottom-left-radius: 3px; | |
| 45 border-bottom-left-radius: 3px; | |
| 46 -moz-border-radius-bottomright: 3px; | |
| 47 -webkit-border-bottom-right-radius: 3px; | |
| 48 border-bottom-right-radius: 3px; | |
| 49 } | |
| 50 /*right rounded Corners*/ | |
| 51 .jqx-rc-r | |
| 52 { | |
| 53 -moz-border-radius-topright: 3px; | |
| 54 -webkit-border-top-right-radius: 3px; | |
| 55 border-top-right-radius: 3px; | |
| 56 -moz-border-radius-bottomright: 3px; | |
| 57 -webkit-border-bottom-right-radius: 3px; | |
| 58 border-bottom-right-radius: 3px; | |
| 59 } | |
| 60 /*left rounded Corners*/ | |
| 61 .jqx-rc-l | |
| 62 { | |
| 63 -moz-border-radius-topleft: 3px; | |
| 64 -webkit-border-top-left-radius: 3px; | |
| 65 border-top-left-radius: 3px; | |
| 66 -moz-border-radius-bottomleft: 3px; | |
| 67 -webkit-border-bottom-left-radius: 3px; | |
| 68 border-bottom-left-radius: 3px; | |
| 69 } | |
| 70 /*all rounded Corners*/ | |
| 71 .jqx-rc-all | |
| 72 { | |
| 73 -moz-border-radius: 3px; | |
| 74 -webkit-border-radius: 3px; | |
| 75 border-radius: 3px; | |
| 76 } | |
| 77 /*reset rounded corners*/ | |
| 78 .jqx-rc-reset | |
| 79 { | |
| 80 -moz-border-radius: 0px !important; | |
| 81 -webkit-border-radius: 0px !important; | |
| 82 border-radius: 0px !important; | |
| 83 } | |
| 84 | |
| 85 /*Reset Style*/ | |
| 86 .jqx-reset | |
| 87 { | |
| 88 padding: 0; | |
| 89 margin: 0; | |
| 90 border: none; | |
| 91 background: transparent; | |
| 92 outline: none; | |
| 93 box-sizing: content-box; | |
| 94 } | |
| 95 .jqx-clear { | |
| 96 align:left; valign:top; left: 0px; top: 0px; -webkit-appearance: none !important; outline: none !important; padding: 0px; margin: 0px; | |
| 97 } | |
| 98 .jqx-popup { | |
| 99 box-sizing: content-box; | |
| 100 } | |
| 101 .jqx-position-reset { | |
| 102 position: static !important; | |
| 103 } | |
| 104 .jqx-border-reset { | |
| 105 border: none !important; | |
| 106 } | |
| 107 .jqx-overflow-hidden { | |
| 108 overflow: hidden !important; | |
| 109 } | |
| 110 .jqx-position-relative { | |
| 111 position: relative !important; | |
| 112 } | |
| 113 .jqx-position-absolute { | |
| 114 position: absolute !important; | |
| 115 } | |
| 116 .jqx-max-size { | |
| 117 width: 100% !important; | |
| 118 height: 100% !important; | |
| 119 } | |
| 120 .jqx-background-reset { | |
| 121 background: transparent !important; | |
| 122 } | |
| 123 /*Disable browser selection*/ | |
| 124 .jqx-disableselect | |
| 125 { | |
| 126 -webkit-user-select: none; | |
| 127 -khtml-user-select: none; | |
| 128 -moz-user-select: none; | |
| 129 -o-user-select: none; | |
| 130 user-select: none; | |
| 131 -ms-user-select:none; | |
| 132 -webkit-touch-callout:none; | |
| 133 } | |
| 134 .jqx-enableselect { | |
| 135 -webkit-user-select: text; | |
| 136 -khtml-user-select: text; | |
| 137 -moz-user-select: text; | |
| 138 -o-user-select: auto; | |
| 139 -ms-user-select:text; | |
| 140 user-select:all; | |
| 141 } | |
| 142 .jqx-hideborder | |
| 143 { | |
| 144 border: none !important; | |
| 145 } | |
| 146 .jqx-hidescrollbars | |
| 147 { | |
| 148 overflow: hidden !important; | |
| 149 } | |
| 150 /*jqxButton, jqxToggleButton, jqxRepeatButton Style*/ | |
| 151 .jqx-button{outline: none; border: 1px solid transparent; padding: 3px; text-align: center; vertical-align: central; margin: 0 0 0 0; cursor: default; } | |
| 152 button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button { | |
| 153 box-sizing: border-box !important; -moz-box-sizing: border-box !important; | |
| 154 } | |
| 155 | |
| 156 .jqx-buttongroup{} | |
| 157 .jqx-group-button-normal { | |
| 158 vertical-align: middle; | |
| 159 text-align: center; | |
| 160 } | |
| 161 /*applied to the link button's anchor element.*/ | |
| 162 .jqx-link | |
| 163 { | |
| 164 text-decoration: none; | |
| 165 color: #111111; | |
| 166 } | |
| 167 | |
| 168 /*shows elements.*/ | |
| 169 .jqx-visible | |
| 170 { | |
| 171 display: block; | |
| 172 } | |
| 173 /*hides elements.*/ | |
| 174 .jqx-hidden | |
| 175 { | |
| 176 display: none; | |
| 177 } | |
| 178 .jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal { | |
| 179 line-height: 1.231; | |
| 180 } | |
| 181 /*jqxGauge Style*/ | |
| 182 .jqx-gauge-label, .jqx-gauge-caption | |
| 183 { | |
| 184 fill: #333333; | |
| 185 color: #333333; | |
| 186 font-size: 11px; | |
| 187 font-family: Verdana; | |
| 188 } | |
| 189 /*jqxChart Style*/ | |
| 190 .jqx-chart-axis-text, | |
| 191 .jqx-chart-label-text, | |
| 192 .jqx-chart-tooltip-text, | |
| 193 .jqx-chart-legend-text | |
| 194 { | |
| 195 fill: #333333; | |
| 196 color: #333333; | |
| 197 font-size: 11px; | |
| 198 font-family: Verdana; | |
| 199 } | |
| 200 .jqx-chart-axis-description | |
| 201 { | |
| 202 fill: #555555; | |
| 203 color: #555555; | |
| 204 font-size: 11px; | |
| 205 font-family: Verdana; | |
| 206 } | |
| 207 .jqx-chart-title-text | |
| 208 { | |
| 209 fill: #111111; | |
| 210 color: #111111; | |
| 211 font-size: 14px; | |
| 212 font-weight: bold; | |
| 213 font-family: Verdana; | |
| 214 } | |
| 215 .jqx-chart-title-description | |
| 216 { | |
| 217 fill: #111111; | |
| 218 color: #111111; | |
| 219 font-size: 12px; | |
| 220 font-weight: normal; | |
| 221 font-family: Verdana; | |
| 222 } | |
| 223 | |
| 224 /*applied to the Grid's element.*/ | |
| 225 .jqx-grid | |
| 226 { | |
| 227 border-style: solid; | |
| 228 border-width: 1px; | |
| 229 } | |
| 230 /*applied to the Pager.*/ | |
| 231 .jqx-grid-pager | |
| 232 { | |
| 233 border: none; | |
| 234 border-top: 1px solid transparent; | |
| 235 } | |
| 236 /*applied to the Top Pager.*/ | |
| 237 .jqx-grid-pager-top | |
| 238 { | |
| 239 border: none; | |
| 240 border-bottom: 1px solid transparent; | |
| 241 } | |
| 242 .jqx-grid-pager-number { | |
| 243 color: inherit; | |
| 244 padding: 2px 5px; | |
| 245 text-decoration: none; | |
| 246 margin: 1px; | |
| 247 border: 1px solid transparent; | |
| 248 *color: expression(this.parentNode.currentStyle['color']); | |
| 249 outline: none; | |
| 250 } | |
| 251 | |
| 252 /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ | |
| 253 .jqx-grid-bottomright | |
| 254 { | |
| 255 | |
| 256 } | |
| 257 /*applied to the Grid's header area.*/ | |
| 258 .jqx-grid-header | |
| 259 { | |
| 260 border-style: solid; | |
| 261 border-width: 0px 0px 1px 0px; | |
| 262 overflow: hidden; | |
| 263 border-color: transparent; | |
| 264 margin: 0px; | |
| 265 padding: 0px; | |
| 266 } | |
| 267 /*applied to the columns.*/ | |
| 268 .jqx-grid-column-header, .jqx-grid-columngroup-header { | |
| 269 border-style: solid; | |
| 270 border-width: 0px 1px 0px 0px; | |
| 271 border-color: transparent; | |
| 272 white-space: nowrap; | |
| 273 border-style: solid; | |
| 274 font-weight: normal; | |
| 275 overflow: hidden; | |
| 276 text-align: left; | |
| 277 padding: 0px; | |
| 278 margin: 0px; | |
| 279 } | |
| 280 .jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl { | |
| 281 border-width: 0px 0px 0px 1px; | |
| 282 } | |
| 283 .jqx-grid-columngroup-header { | |
| 284 border-bottom-width: 1px; | |
| 285 border-left-width: 1px; | |
| 286 } | |
| 287 /*applied to the column's button.*/ | |
| 288 .jqx-grid-column-menubutton { | |
| 289 border-style: solid; | |
| 290 border-width: 0px 0px 0px 1px; | |
| 291 border-color: transparent; | |
| 292 background-image: url('images/menubutton.png'); | |
| 293 background-repeat: no-repeat; | |
| 294 background-position: center; | |
| 295 cursor: pointer; | |
| 296 } | |
| 297 .jqx-grid-column-menubutton-rtl { | |
| 298 border-width: 0px 1px 0px 0px; | |
| 299 } | |
| 300 /*applied to the column's sort button when the sort order is ascending.*/ | |
| 301 .jqx-grid-column-sortascbutton { | |
| 302 border: none; | |
| 303 background-image: url('images/sortascbutton.png'); | |
| 304 background-repeat: no-repeat; | |
| 305 background-position: center; | |
| 306 cursor: pointer; | |
| 307 } | |
| 308 /*applied to the column's sort button when the sort order is descending.*/ | |
| 309 .jqx-grid-column-sortdescbutton { | |
| 310 border: none; | |
| 311 background-image: url('images/sortdescbutton.png'); | |
| 312 background-repeat: no-repeat; | |
| 313 background-position: center; | |
| 314 cursor: pointer; | |
| 315 } | |
| 316 /*applied to the column's filter button.*/ | |
| 317 .jqx-grid-column-filterbutton | |
| 318 { | |
| 319 border: none; | |
| 320 background-image: url('images/filter.png'); | |
| 321 background-repeat: no-repeat; | |
| 322 background-position: center; | |
| 323 } | |
| 324 /*applied to the column's resize line.*/ | |
| 325 .jqx-grid-column-resizeline { | |
| 326 border-right: 1px dotted #555; | |
| 327 } | |
| 328 /*applied to the validation popup during cell editing.*/ | |
| 329 .jqx-grid-validation | |
| 330 { | |
| 331 background: #df2227 !important; | |
| 332 color: #fff !important; | |
| 333 padding: 4px 8px; | |
| 334 } | |
| 335 .jqx-grid-validation-label { | |
| 336 color: #fff !important; | |
| 337 background: #df2227 !important; | |
| 338 border: 1px solid #df2227 !important; | |
| 339 } | |
| 340 .jqx-grid-validation-arrow-up | |
| 341 { | |
| 342 background-image: url('images/red_arrow_up.png'); | |
| 343 background-repeat: no-repeat; | |
| 344 background-position: center center; | |
| 345 } | |
| 346 .jqx-grid-validation-arrow-down | |
| 347 { | |
| 348 background-image: url('images/red_arrow_down.png'); | |
| 349 background-repeat: no-repeat; | |
| 350 background-position: center center; | |
| 351 } | |
| 352 /*applied to the column's resize start line.*/ | |
| 353 .jqx-grid-column-resizestartline { | |
| 354 border-right: 1px solid #444; | |
| 355 } | |
| 356 /*applied to the sort ascending menu item in the Grid's Context Menu*/ | |
| 357 .jqx-grid-sortasc-icon | |
| 358 { | |
| 359 background-image: url('images/sortasc.png'); | |
| 360 background-repeat: no-repeat; | |
| 361 background-position: left center; | |
| 362 width: 16px; | |
| 363 height: 16px; | |
| 364 float: left; | |
| 365 margin-left: -4px; | |
| 366 margin-right: 4px; | |
| 367 } | |
| 368 /*applied to the sort ascending menu item in the Grid's Context Menu*/ | |
| 369 .jqx-grid-sortdesc-icon | |
| 370 { | |
| 371 background-image: url('images/sortdesc.png'); | |
| 372 background-repeat: no-repeat; | |
| 373 background-position: left center; | |
| 374 width: 16px; | |
| 375 height: 16px; | |
| 376 float: left; | |
| 377 margin-left: -4px; | |
| 378 margin-right: 4px; | |
| 379 } | |
| 380 /*applied to the grid menu's sort remove item/*/ | |
| 381 .jqx-grid-sortremove-icon | |
| 382 { | |
| 383 background-image: url('images/sortremove.png'); | |
| 384 background-repeat: no-repeat; | |
| 385 background-position: left center; | |
| 386 width: 16px; | |
| 387 height: 16px; | |
| 388 float: left; | |
| 389 margin-left: -4px; | |
| 390 margin-right: 4px; | |
| 391 } | |
| 392 /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/ | |
| 393 .jqx-grid-drag-icon | |
| 394 { | |
| 395 background-image: url('images/drag.png'); | |
| 396 background-repeat: no-repeat; | |
| 397 background-position: left center; | |
| 398 width: 16px; | |
| 399 height: 16px; | |
| 400 } | |
| 401 /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/ | |
| 402 .jqx-grid-dragcancel-icon | |
| 403 { | |
| 404 background-image: url('images/dragcancel.png'); | |
| 405 background-repeat: no-repeat; | |
| 406 background-position: left center; | |
| 407 width: 16px; | |
| 408 height: 16px; | |
| 409 } | |
| 410 /*applied to the 'group by' menu item.*/ | |
| 411 .jqx-grid-groupby-icon | |
| 412 { | |
| 413 background-repeat: no-repeat; | |
| 414 background-position: left center; | |
| 415 width: 16px; | |
| 416 height: 16px; | |
| 417 float: left; | |
| 418 margin-left: -4px; | |
| 419 margin-right: 4px; | |
| 420 } | |
| 421 /*applied to the column anchor tags.*/ | |
| 422 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited | |
| 423 { | |
| 424 display: block; | |
| 425 margin: 4px; | |
| 426 height: 18px; | |
| 427 line-height: 18px !important; | |
| 428 color: inherit; | |
| 429 outline: 0 none; | |
| 430 text-decoration: none; | |
| 431 cursor: pointer; | |
| 432 } | |
| 433 .jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited { | |
| 434 margin: 4px; | |
| 435 height: 18px; | |
| 436 line-height: 18px !important; | |
| 437 color: inherit; | |
| 438 outline: 0 none; | |
| 439 text-decoration: none; | |
| 440 cursor: pointer; | |
| 441 } | |
| 442 /*applied to the groups header area.*/ | |
| 443 .jqx-grid-groups-header, .jqx-grid-toolbar { | |
| 444 border-style: solid; | |
| 445 border-width: 0px 0px 1px 0px; | |
| 446 border-color: #aaa; | |
| 447 white-space: nowrap; | |
| 448 overflow: hidden; | |
| 449 text-align: left; | |
| 450 padding: 0px; | |
| 451 margin: 0px; | |
| 452 } | |
| 453 /*applied to a grouping row.*/ | |
| 454 .jqx-grid-groups-row { | |
| 455 font-weight:bold; | |
| 456 white-space: nowrap; | |
| 457 text-align: left; | |
| 458 padding: 0px; | |
| 459 top: 50%; | |
| 460 margin-top: -8px; | |
| 461 } | |
| 462 /*applied to the row details.*/ | |
| 463 .jqx-grid-groups-row-details { | |
| 464 font-weight: normal; | |
| 465 } | |
| 466 /*applied to a grouping column.*/ | |
| 467 .jqx-grid-group-column | |
| 468 { | |
| 469 border: 1px solid transparent; | |
| 470 white-space: nowrap; | |
| 471 border-style: solid; | |
| 472 font-weight: normal; | |
| 473 overflow: hidden; | |
| 474 text-align: left; | |
| 475 padding: 0px; | |
| 476 margin: 0px; | |
| 477 } | |
| 478 /*applied to the lines between the group columns.*/ | |
| 479 .jqx-grid-group-column-line | |
| 480 { | |
| 481 background: #aaa; | |
| 482 } | |
| 483 /*applied to the drop line indicators displayed in the grouping header.*/ | |
| 484 .jqx-grid-group-drag-line | |
| 485 { | |
| 486 background: #80be09; | |
| 487 } | |
| 488 /*applied to the anchor tags inside a grouping column.*/ | |
| 489 .jqx-grid-group-column a:link{ | |
| 490 display: block; | |
| 491 margin: 4px; | |
| 492 height: 18px; | |
| 493 line-height: 18px !important; | |
| 494 outline: 0 none; | |
| 495 text-decoration: none; | |
| 496 cursor: pointer; | |
| 497 color: inherit; | |
| 498 *color: expression(this.parentNode.currentStyle['color']); | |
| 499 } | |
| 500 .jqx-grid-group-column a:visited{ | |
| 501 color: inherit; | |
| 502 display: block; | |
| 503 margin: 4px; | |
| 504 height: 18px; | |
| 505 line-height: 18px !important; | |
| 506 outline: 0 none; | |
| 507 text-decoration: none; | |
| 508 cursor: pointer; | |
| 509 *color: expression(this.parentNode.currentStyle['color']); | |
| 510 } | |
| 511 /*applied to a grid cell*/ | |
| 512 .jqx-grid-cell { | |
| 513 border-style: solid; | |
| 514 border-width: 0px 1px 1px 0px; | |
| 515 margin-right: 1px; | |
| 516 margin-bottom: 1px; | |
| 517 border-color: transparent; | |
| 518 background: #fff; | |
| 519 white-space: nowrap; | |
| 520 font-weight: normal; | |
| 521 font-size: inherit; | |
| 522 overflow: hidden; | |
| 523 position: absolute !important; | |
| 524 height: 100%; | |
| 525 } | |
| 526 .jqx-grid-cell-locked { | |
| 527 color: #aaa !important; | |
| 528 } | |
| 529 /*applied to a grid cell that is part of a rows group.*/ | |
| 530 .jqx-grid-group-cell{ | |
| 531 overflow: hidden; | |
| 532 position: absolute !important; | |
| 533 height: 100%; | |
| 534 background: #fff; | |
| 535 } | |
| 536 /*applied to the grid cells in the sort column*/ | |
| 537 .jqx-grid-cell-sort { | |
| 538 background-color: #f0f0f0; | |
| 539 } | |
| 540 | |
| 541 /*applied to the grid cells in the filter column*/ | |
| 542 .jqx-grid-cell-filter { | |
| 543 background-color: #e6e6e6; | |
| 544 } | |
| 545 /*applied to the grid cells area.*/ | |
| 546 .jqx-grid-content { | |
| 547 border-style: solid; | |
| 548 border-width: 0px 0px 0px 0px; | |
| 549 border-color: transparent; | |
| 550 white-space: nowrap; | |
| 551 overflow: hidden; | |
| 552 } | |
| 553 /*applied to a grid cell that is part of a rows group.*/ | |
| 554 .jqx-grid-group-cell, .jqx-grid-empty-cell { | |
| 555 border-style: solid; | |
| 556 border-width: 0px 0px 1px 0px; | |
| 557 white-space: nowrap; | |
| 558 font-weight: normal; | |
| 559 } | |
| 560 .jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell { | |
| 561 border: transparent !important; | |
| 562 } | |
| 563 .jqx-grid-cell-wrap {white-space: normal;} | |
| 564 | |
| 565 .jqx-tree-grid-indent { | |
| 566 width: 14px; | |
| 567 display: inline-block; | |
| 568 height: 8px; | |
| 569 overflow: hidden; | |
| 570 vertical-align: top; | |
| 571 } | |
| 572 .jqx-tree-grid-title { | |
| 573 text-decoration: none; | |
| 574 vertical-align: top; | |
| 575 white-space: nowrap; | |
| 576 overflow: hidden; | |
| 577 text-overflow: ellipsis; | |
| 578 } | |
| 579 .jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button { | |
| 580 display: inline-block; | |
| 581 margin-top: 2px; | |
| 582 margin-right: 0px; | |
| 583 position: relative; | |
| 584 width: 14px; | |
| 585 height: 13px; | |
| 586 vertical-align: top; | |
| 587 } | |
| 588 .jqx-tree-grid-checkbox { | |
| 589 float: none !important; | |
| 590 width: 14px; | |
| 591 height: 14px; | |
| 592 cursor: pointer; | |
| 593 margin-right: 2px !important; | |
| 594 margin-left: 2px !important; | |
| 595 } | |
| 596 .jqx-tree-grid-icon { | |
| 597 float: none !important; | |
| 598 width: 14px; | |
| 599 height: 14px; | |
| 600 margin-right: 4px; | |
| 601 } | |
| 602 .jqx-tree-grid-icon-rtl { | |
| 603 margin-right: 0px; | |
| 604 margin-left: 4px; | |
| 605 } | |
| 606 .jqx-tree-grid-icon-size { | |
| 607 width: 14px; | |
| 608 height: 14px; | |
| 609 line-height: 16px; | |
| 610 } | |
| 611 | |
| 612 .jqx-tree-grid-checkbox-tick { | |
| 613 width: 100%; | |
| 614 height: 100%; | |
| 615 } | |
| 616 .jqx-tree-grid-expand-button { | |
| 617 height: 10px; | |
| 618 width: 14px; | |
| 619 vertical-align: top; | |
| 620 } | |
| 621 | |
| 622 /*applied to a cell in jqxDataTable*/ | |
| 623 .jqx-cell { | |
| 624 min-height: 23px; | |
| 625 padding: 6px 4px; | |
| 626 margin: 0; | |
| 627 border-collapse: separate; | |
| 628 border-spacing: 0px; | |
| 629 overflow: hidden; | |
| 630 text-overflow: ellipsis; | |
| 631 border: 1px solid transparent; | |
| 632 border-top-width: 0px; | |
| 633 border-left-width: 0px; | |
| 634 box-sizing: border-box; | |
| 635 -moz-box-sizing: border-box; | |
| 636 white-space: normal; | |
| 637 line-height: 1.231; | |
| 638 } | |
| 639 .jqx-grid-cell-nowrap {white-space: nowrap;} | |
| 640 | |
| 641 .jqx-cell-editor { | |
| 642 padding-left: 4px !important; | |
| 643 padding-right: 3px !important; | |
| 644 } | |
| 645 .jqx-left-align { | |
| 646 text-align: left; | |
| 647 } | |
| 648 .jqx-center-align { | |
| 649 text-align: center; | |
| 650 } | |
| 651 .jqx-right-align { | |
| 652 text-align: right; | |
| 653 } | |
| 654 | |
| 655 .jqx-grid-table .jqx-grid-cell { | |
| 656 position: static !important; | |
| 657 zoom: 1; | |
| 658 } | |
| 659 /*applied to the Grid's Table element.*/ | |
| 660 .jqx-grid-table { | |
| 661 font-size: 13px; | |
| 662 table-layout: fixed; | |
| 663 margin: 0px; | |
| 664 padding: 0px; | |
| 665 border-collapse: separate; | |
| 666 border-spacing: 0px; | |
| 667 -webkit-overflow-scrolling: touch; | |
| 668 outline: none; | |
| 669 zoom: 1; | |
| 670 empty-cells: show; | |
| 671 border-right: 1px solid #aaa; | |
| 672 line-height: 1.231; | |
| 673 width: auto; | |
| 674 border: none; | |
| 675 } | |
| 676 .jqx-grid-table-rtl { | |
| 677 border-left-width: 1px; | |
| 678 border-right-width: 0px; | |
| 679 } | |
| 680 .jqx-details table { | |
| 681 border-collapse: collapse; | |
| 682 table-layout: fixed; | |
| 683 border-spacing: 0px; | |
| 684 } | |
| 685 | |
| 686 /*applied to a grid cell that is part of a details row and grouping is enabled.*/ | |
| 687 .jqx-grid-group-details-cell { | |
| 688 | |
| 689 } | |
| 690 /*applied to a grid cell that is part of a details row.*/ | |
| 691 .jqx-grid-details-cell { | |
| 692 border-width: 0px 1px 0px 0px; | |
| 693 } | |
| 694 /*applied to a grid cell. Represents the alternating cell background.*/ | |
| 695 .jqx-grid-cell-alt { | |
| 696 background: #f9f9f9; | |
| 697 } | |
| 698 /*applied to a sorted and alternating grid cell*/ | |
| 699 .jqx-grid-cell-sort-alt { | |
| 700 background-color: #e5e5e5; | |
| 701 }/*applied to a sorted and alternating grid cell*/ | |
| 702 .jqx-grid-cell-filter-alt { | |
| 703 background-color: #f0f0f0; | |
| 704 } | |
| 705 /*applied to a pinned grid cell.*/ | |
| 706 .jqx-grid-cell-pinned { | |
| 707 background-color: #e5e5e5; | |
| 708 } | |
| 709 /*applied to a pinned grid cell. Represents the alternating cell background.*/ | |
| 710 .jqx-grid-cell-pinned-alt { | |
| 711 background-color: #e5e5e5; | |
| 712 } | |
| 713 /*applied to a selected grid cell.*/ | |
| 714 .jqx-grid-cell-selected { | |
| 715 border-left: 0px solid transparent; | |
| 716 } | |
| 717 .jqx-cell-rtl { | |
| 718 border-left-width: 1px; | |
| 719 border-right-width: 0px; | |
| 720 } | |
| 721 .jqx-grid-cell-rtl { | |
| 722 border-width: 0px 0px 1px 1px; | |
| 723 } | |
| 724 .jqx-grid-table .jqx-grid-cell { | |
| 725 border-width: 0px 0px 1px 1px; | |
| 726 } | |
| 727 .jqx-grid-table .jqx-grid-cell:first-child { | |
| 728 border-left-width: 0px; | |
| 729 } | |
| 730 | |
| 731 /*applied to the selection area.*/ | |
| 732 .jqx-grid-selectionarea { | |
| 733 border: 1px solid transparent; | |
| 734 opacity: 0.5; | |
| 735 filter: alpha(opacity=50); | |
| 736 } | |
| 737 /*applied to a hovered grid cell.*/ | |
| 738 .jqx-grid-cell-hover { | |
| 739 border-color: transparent; | |
| 740 } | |
| 741 /*applied to a grid cell when the grid is empty.*/ | |
| 742 .jqx-grid-empty-cell{ overflow: visible; border-bottom: none;} | |
| 743 | |
| 744 /*applied to the Grid when its loading the data.*/ | |
| 745 .jqx-grid-load | |
| 746 { | |
| 747 padding-right: 0px; | |
| 748 background-image: url(images/loader.gif); | |
| 749 background-position: 50% 50%; | |
| 750 background-repeat: no-repeat; | |
| 751 z-index: 9999; | |
| 752 display: block; | |
| 753 } | |
| 754 /*applied to a group's collapse button.*/ | |
| 755 .jqx-grid-group-collapse | |
| 756 { | |
| 757 padding-right: 0px; | |
| 758 background-image: url(images/icon-right.png); | |
| 759 background-position: 50% 50%; | |
| 760 background-repeat: no-repeat; | |
| 761 cursor: pointer; | |
| 762 } | |
| 763 .jqx-grid-group-collapse-rtl | |
| 764 { | |
| 765 padding-right: 0px; | |
| 766 background-image: url(images/icon-left.png); | |
| 767 background-position: 50% 50%; | |
| 768 background-repeat: no-repeat; | |
| 769 cursor: pointer; | |
| 770 } | |
| 771 /*applied to a group's expand button.*/ | |
| 772 .jqx-grid-group-expand, .jqx-grid-group-expand-rtl | |
| 773 { | |
| 774 padding-right: 0px; | |
| 775 background-image: url(images/icon-down.png); | |
| 776 background-position: 50% 50%; | |
| 777 background-repeat: no-repeat; | |
| 778 cursor: pointer; | |
| 779 } | |
| 780 /*jqxProgresBar Style*/ | |
| 781 .jqx-progressbar | |
| 782 { | |
| 783 overflow: hidden; | |
| 784 outline: none; | |
| 785 border: 1px solid transparent; | |
| 786 height: 2em; | |
| 787 } | |
| 788 /*applied to the progressbar's value element*/ | |
| 789 .jqx-progressbar-value | |
| 790 { | |
| 791 outline: none; | |
| 792 border: 0px solid transparent; | |
| 793 height: 100%; | |
| 794 } | |
| 795 /*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/ | |
| 796 .jqx-progressbar-value-vertical | |
| 797 { | |
| 798 outline: none; | |
| 799 border: 0px solid transparent; | |
| 800 height: 100%; | |
| 801 background: transparent; | |
| 802 } | |
| 803 /*applied to the progressbar's text element*/ | |
| 804 .jqx-progressbar-text | |
| 805 { | |
| 806 font-size: 10px; | |
| 807 border: none; | |
| 808 } | |
| 809 /*applied to the progress bar when the widget is in disabled state*/ | |
| 810 .jqx-progressbar-disabled | |
| 811 { | |
| 812 outline: none; | |
| 813 border: 1px solid transparent; | |
| 814 height: 2em; | |
| 815 } | |
| 816 | |
| 817 /*jqxMenu Style*/ | |
| 818 .jqx-menu | |
| 819 { | |
| 820 border: 1px solid transparent; | |
| 821 float: none; | |
| 822 margin: 0px; | |
| 823 height: 100%; | |
| 824 padding: 0px; | |
| 825 overflow: hidden; | |
| 826 text-align: left; | |
| 827 } | |
| 828 .jqx-menu-dropdown-column | |
| 829 { | |
| 830 float: left; | |
| 831 } | |
| 832 /*applied to the menu when it is horizontal. Sets the menu's background*/ | |
| 833 .jqx-menu-horizontal | |
| 834 { | |
| 835 margin: 0px; | |
| 836 padding: 0px; | |
| 837 overflow: hidden; | |
| 838 text-align: center; | |
| 839 } | |
| 840 /*applied to the menu when it is vertical. Sets the menu's background*/ | |
| 841 .jqx-menu-vertical | |
| 842 { | |
| 843 text-align: left; | |
| 844 } | |
| 845 /*applied to the sub menu. Sets the sub menu's background*/ | |
| 846 .jqx-menu-dropdown | |
| 847 { | |
| 848 left: 100%; | |
| 849 margin: 0px; | |
| 850 padding: 0px; | |
| 851 right: 0; | |
| 852 overflow: hidden; | |
| 853 display: none; | |
| 854 float: none; | |
| 855 width: 150px; | |
| 856 border-style: solid; | |
| 857 border-width: 1px; | |
| 858 text-align: left; | |
| 859 padding: 2px; | |
| 860 } | |
| 861 /*applied to the sub menu's ul elements.*/ | |
| 862 .jqx-menu-dropdown ul | |
| 863 { | |
| 864 left: 100%; | |
| 865 margin: 0px; | |
| 866 padding: 0px; | |
| 867 right: 0; | |
| 868 overflow: hidden; | |
| 869 border: none; | |
| 870 } | |
| 871 /*applied to the menu's ul elements.*/ | |
| 872 .jqx-menu ul | |
| 873 { | |
| 874 left: 100%; | |
| 875 margin: 0px; | |
| 876 padding: 2px; | |
| 877 right: 0; | |
| 878 overflow: hidden; | |
| 879 background-color: transparent; | |
| 880 border: none; | |
| 881 } | |
| 882 /*applied to the menu's li elements.*/ | |
| 883 .jqx-menu li, .jqx-menu-dropdown li | |
| 884 { | |
| 885 line-height: 1.3 !important; | |
| 886 } | |
| 887 /*applied to the top level menu items.*/ | |
| 888 .jqx-menu-item-top | |
| 889 { | |
| 890 border: 1px solid transparent; | |
| 891 text-indent: 0; | |
| 892 list-style: none; | |
| 893 padding: 4px 8px 4px 8px; | |
| 894 left: 100%; | |
| 895 overflow: hidden; | |
| 896 color: inherit; | |
| 897 right: 0; | |
| 898 margin: 0px 1px 0px 1px; | |
| 899 cursor: pointer; | |
| 900 } | |
| 901 /*applied to the sub menu items.*/ | |
| 902 .jqx-menu-item | |
| 903 { | |
| 904 border: 1px solid transparent; | |
| 905 text-indent: 0; | |
| 906 list-style: none; | |
| 907 padding: 4px 8px 4px 8px; | |
| 908 margin: 1px; | |
| 909 float: none; | |
| 910 overflow: hidden; | |
| 911 left: 100%; | |
| 912 color: inherit; | |
| 913 right: 0; | |
| 914 text-align: left; | |
| 915 cursor: pointer; | |
| 916 *color: expression(this.parentNode.currentStyle['color']); | |
| 917 } | |
| 918 /*applied to a sub menu item when the mouse is over the item.*/ | |
| 919 .jqx-menu-item-hover | |
| 920 { | |
| 921 color: inherit; | |
| 922 right: 0; | |
| 923 list-style: none; | |
| 924 margin: 1px; | |
| 925 left: 100%; | |
| 926 padding: 4px 8px 4px 8px; | |
| 927 text-align: left; | |
| 928 cursor: pointer; | |
| 929 *color: expression(this.parentNode.currentStyle['color']); | |
| 930 } | |
| 931 /*applied to a top-level menu item when the mouse is over it.*/ | |
| 932 .jqx-menu-item-top-hover | |
| 933 { | |
| 934 color: inherit; | |
| 935 right: 0; | |
| 936 list-style: none; | |
| 937 margin: 0px 1px 0px 1px; | |
| 938 left: 100%; | |
| 939 padding: 4px 8px 4px 8px; | |
| 940 top: 50%; | |
| 941 cursor: pointer; | |
| 942 *color: expression(this.parentNode.currentStyle['color']); | |
| 943 } | |
| 944 /*applied to a sub menu item when its sub menu is opened.*/ | |
| 945 .jqx-menu-item-selected | |
| 946 { | |
| 947 right: 0; | |
| 948 list-style: none; | |
| 949 margin: 1px; | |
| 950 left: 100%; | |
| 951 padding: 4px 8px 4px 8px; | |
| 952 text-align: left; | |
| 953 cursor: pointer; | |
| 954 *color: expression(this.parentNode.currentStyle['color']); | |
| 955 } | |
| 956 /*applied to a disabled sub menu item.*/ | |
| 957 .jqx-menu-item-disabled | |
| 958 { | |
| 959 | |
| 960 } | |
| 961 /*applied to a top-level menu item when its sub menu is opened.*/ | |
| 962 .jqx-menu-item-top-selected | |
| 963 { | |
| 964 right: 0; | |
| 965 list-style: none; | |
| 966 margin: 0px 1px 0px 1px; | |
| 967 left: 100%; | |
| 968 padding: 4px 8px 4px 8px; | |
| 969 cursor: pointer; | |
| 970 } | |
| 971 /*applied to the menu separator items.*/ | |
| 972 .jqx-menu-item-separator | |
| 973 { | |
| 974 text-indent: 0; | |
| 975 background-color: #ddd; | |
| 976 border: none; | |
| 977 list-style: none; | |
| 978 height: 1px; | |
| 979 line-height:0 !important; | |
| 980 padding: 0px; | |
| 981 margin: 1px 2px 1px 2px; | |
| 982 float: none; | |
| 983 overflow: hidden; | |
| 984 left: 100%; | |
| 985 color: inherit; | |
| 986 right: 0; | |
| 987 font-size: 1px; | |
| 988 } | |
| 989 /*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/ | |
| 990 .jqx-menu-item-arrow-right | |
| 991 { | |
| 992 background-image: url(images/icon-right.png); | |
| 993 } | |
| 994 /*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/ | |
| 995 .jqx-menu-item-arrow-down | |
| 996 { | |
| 997 background-image: url(images/icon-down.png); | |
| 998 } | |
| 999 /*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/ | |
| 1000 .jqx-menu-item-arrow-up | |
| 1001 { | |
| 1002 background-image: url(images/icon-up.png); | |
| 1003 } | |
| 1004 .jqx-menu-minimized { | |
| 1005 position: relative; | |
| 1006 } | |
| 1007 .jqx-menu-title { | |
| 1008 position: relative; | |
| 1009 float: right; | |
| 1010 margin-top: 4px; | |
| 1011 padding-top: 4px; | |
| 1012 padding-right: 20px; | |
| 1013 } | |
| 1014 .jqx-menu-minimized-button | |
| 1015 { | |
| 1016 background-image: url('images/icon-menu-minimized.png'); | |
| 1017 background-repeat: no-repeat; | |
| 1018 background-position: left center; | |
| 1019 height: 24px; | |
| 1020 width: 24px; | |
| 1021 padding: 0px; | |
| 1022 margin-left: 7px; | |
| 1023 margin-top: 4px; | |
| 1024 float : left; | |
| 1025 } | |
| 1026 .jqx-menu-ul-minimized { | |
| 1027 display: normal!important; | |
| 1028 width: auto !important; | |
| 1029 } | |
| 1030 .jqx-menu-ul-minimized ul { | |
| 1031 margin-top: 0px; | |
| 1032 margin-bottom: 0px; | |
| 1033 padding-top: 0px; | |
| 1034 padding-bottom: 0px; | |
| 1035 -webkit-box-shadow: none !important; | |
| 1036 -moz-box-shadow : none !important; | |
| 1037 -o-box-shadow : none !important; | |
| 1038 box-shadow : none !important; | |
| 1039 } | |
| 1040 .jqx-menu-minimized li:last-child { | |
| 1041 padding-bottom: 0px; | |
| 1042 margin: 0px; | |
| 1043 } | |
| 1044 .jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right { | |
| 1045 background-position: 100% 50%; | |
| 1046 background-repeat: no-repeat; | |
| 1047 padding-right: 0px; | |
| 1048 margin-right: -8px; | |
| 1049 width: 17px; | |
| 1050 height: 15px; | |
| 1051 } | |
| 1052 /*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/ | |
| 1053 .jqx-menu-item-arrow-left | |
| 1054 { | |
| 1055 padding-right: 0px; | |
| 1056 padding-left: 5px; | |
| 1057 width: 17px; | |
| 1058 height: 15px; | |
| 1059 background-image: url(images/icon-left.png); | |
| 1060 background-position: 0 50%; | |
| 1061 background-repeat: no-repeat; | |
| 1062 } | |
| 1063 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/ | |
| 1064 .jqx-menu-item-arrow-right-selected | |
| 1065 { | |
| 1066 background-image: url(images/icon-right.png); | |
| 1067 } | |
| 1068 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/ | |
| 1069 .jqx-menu-item-arrow-down-selected | |
| 1070 { | |
| 1071 background-image: url(images/icon-down.png); | |
| 1072 } | |
| 1073 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/ | |
| 1074 .jqx-menu-item-arrow-up-selected | |
| 1075 { | |
| 1076 background-image: url(images/icon-up.png); | |
| 1077 } | |
| 1078 .jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right { | |
| 1079 padding-right: 0px; | |
| 1080 margin-right: -8px; | |
| 1081 width: 17px; | |
| 1082 height: 15px; | |
| 1083 background-position: 100% 50%; | |
| 1084 background-repeat: no-repeat; | |
| 1085 } | |
| 1086 /*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/ | |
| 1087 .jqx-menu-item-arrow-top-right | |
| 1088 { | |
| 1089 background-image: url(images/icon-right.png); | |
| 1090 } | |
| 1091 /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/ | |
| 1092 .jqx-menu-item-arrow-left-selected | |
| 1093 { | |
| 1094 background-image: url(images/icon-left.png); | |
| 1095 } | |
| 1096 /*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/ | |
| 1097 .jqx-menu-item-arrow-top-left | |
| 1098 { | |
| 1099 background-image: url(images/icon-left.png); | |
| 1100 } | |
| 1101 .jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left { | |
| 1102 background-position: 0 50%; | |
| 1103 background-repeat: no-repeat; | |
| 1104 padding-right: 0px; | |
| 1105 padding-left: 5px; | |
| 1106 width: 17px; | |
| 1107 height: 15px; | |
| 1108 } | |
| 1109 /*applied to the anchor elements*/ | |
| 1110 .jqx-menu-item a:link, .jqx-menu-item a:visited, .jqx-menu-item a:hover, .jqx-menu-item-top a:link, .jqx-menu-item-top a:visited, .jqx-menu-item-top a:hover | |
| 1111 { | |
| 1112 text-decoration: none; | |
| 1113 color: inherit; | |
| 1114 outline: none; | |
| 1115 background-color: transparent; | |
| 1116 *color: expression(this.parentNode.currentStyle['color']); | |
| 1117 } | |
| 1118 | |
| 1119 /*applied to the menu widget when it is disabled.*/ | |
| 1120 .jqx-menu-disabled | |
| 1121 { | |
| 1122 cursor: default; | |
| 1123 } | |
| 1124 /*applied to the anchor elements of all disabled menu items.*/ | |
| 1125 .jqx-menu-disabled a:link | |
| 1126 { | |
| 1127 cursor: default; | |
| 1128 text-decoration: none; | |
| 1129 } | |
| 1130 .jqx-menu-disabled a:visited | |
| 1131 { | |
| 1132 cursor: default; | |
| 1133 text-decoration: none; | |
| 1134 } | |
| 1135 .jqx-menu-disabled a:hover | |
| 1136 { | |
| 1137 cursor: default; | |
| 1138 } | |
| 1139 .jqx-menu-dropdown | |
| 1140 { | |
| 1141 right: -1px; | |
| 1142 } | |
| 1143 | |
| 1144 /*jqxtree Style*/ | |
| 1145 .jqx-tree | |
| 1146 { | |
| 1147 left: 100%; | |
| 1148 right: 0; | |
| 1149 float: none; | |
| 1150 margin: 0px; | |
| 1151 border-style: solid; | |
| 1152 border-width: 1px; | |
| 1153 padding: 0px; | |
| 1154 overflow: hidden; | |
| 1155 text-align: left; | |
| 1156 outline: none; | |
| 1157 white-space: nowrap; | |
| 1158 line-height: 14px !important; | |
| 1159 } | |
| 1160 /*applied to the jqxTree root UL element.*/ | |
| 1161 .jqx-tree-dropdown-root | |
| 1162 { | |
| 1163 left: 100%; | |
| 1164 padding: 0px 5px 0px 5px; | |
| 1165 right: 0; | |
| 1166 display: block; | |
| 1167 float: none; | |
| 1168 background-color: transparent; | |
| 1169 border-style: solid; | |
| 1170 border-width: 0px; | |
| 1171 border-color: #fff; | |
| 1172 text-align: left; | |
| 1173 outline: none; | |
| 1174 white-space: nowrap; | |
| 1175 margin: 0px; | |
| 1176 } | |
| 1177 .jqx-tree-dropdown-root-rtl { | |
| 1178 padding: 0px 5px 0px 0px; | |
| 1179 text-align: right; | |
| 1180 float: right; | |
| 1181 margin: 0px; | |
| 1182 } | |
| 1183 | |
| 1184 /*applied to the jqxTree UL elements.*/ | |
| 1185 .jqx-tree-dropdown | |
| 1186 { | |
| 1187 left: 100%; | |
| 1188 margin: 0px; | |
| 1189 padding: 0px 0px 0px 10px; | |
| 1190 right: 0; | |
| 1191 display: block; | |
| 1192 float: none; | |
| 1193 background-color: transparent; | |
| 1194 border-style: solid; | |
| 1195 border-width: 0px; | |
| 1196 border-color: transparent; | |
| 1197 text-align: left; | |
| 1198 outline: none; | |
| 1199 } | |
| 1200 .jqx-tree-dropdown-rtl { | |
| 1201 padding: 3px 0px 0px 0px; | |
| 1202 text-align: right; | |
| 1203 } | |
| 1204 | |
| 1205 /*applied to a tree item.*/ | |
| 1206 .jqx-tree-item | |
| 1207 { | |
| 1208 border: 1px solid transparent; | |
| 1209 text-indent: 0; | |
| 1210 list-style: none; | |
| 1211 padding: 3px; | |
| 1212 margin: 0px; | |
| 1213 float: none; | |
| 1214 overflow: hidden; | |
| 1215 left: 100%; | |
| 1216 right: 0; | |
| 1217 text-align: left; | |
| 1218 cursor: default; | |
| 1219 text-decoration: none; | |
| 1220 } | |
| 1221 /*applied to the jqxTree LI elements.*/ | |
| 1222 .jqx-tree-item-li | |
| 1223 { | |
| 1224 text-indent: 0; | |
| 1225 background-color: transparent; | |
| 1226 border: 0px solid transparent; | |
| 1227 list-style: none; | |
| 1228 left: 100%; | |
| 1229 right: 0; | |
| 1230 text-align: left; | |
| 1231 outline: none; | |
| 1232 margin: 0px; | |
| 1233 margin-top: 1px; | |
| 1234 padding: 0px; | |
| 1235 } | |
| 1236 /*applied to the last LI elements in an UL element.*/ | |
| 1237 .jqx-tree-item-u-last | |
| 1238 { | |
| 1239 margin: 0px 0px 0px 0px; | |
| 1240 } | |
| 1241 /*applied to a tree item when the mouse is over the item.*/ | |
| 1242 .jqx-tree-item-hover | |
| 1243 { | |
| 1244 color: inherit; | |
| 1245 right: 0; | |
| 1246 padding: 3px; | |
| 1247 margin: 0px; | |
| 1248 list-style: none; | |
| 1249 left: 100%; | |
| 1250 cursor: pointer; | |
| 1251 text-decoration: none; | |
| 1252 } | |
| 1253 /*applied to a tree item when the item is selected.*/ | |
| 1254 .jqx-tree-item-selected | |
| 1255 { | |
| 1256 color: inherit; | |
| 1257 right: 0; | |
| 1258 padding: 3px; | |
| 1259 margin: 0px; | |
| 1260 list-style: none; | |
| 1261 left: 100%; | |
| 1262 cursor: pointer; | |
| 1263 text-decoration: none; | |
| 1264 } | |
| 1265 .jqx-tree-item-rtl { | |
| 1266 text-align: right; | |
| 1267 } | |
| 1268 .jqx-tree-item-li-rtl { | |
| 1269 text-align: right; | |
| 1270 } | |
| 1271 /*applied to the anchor element of a tree item.*/ | |
| 1272 .jqx-tree-item a:link, .jqx-tree-item a:visited | |
| 1273 { | |
| 1274 text-indent: 0; | |
| 1275 background-color: transparent; | |
| 1276 border: 0px solid transparent; | |
| 1277 list-style: none; | |
| 1278 padding: 0px; | |
| 1279 margin: 0px; | |
| 1280 float: none; | |
| 1281 overflow: hidden; | |
| 1282 left: 100%; | |
| 1283 color: inherit; | |
| 1284 right: 0; | |
| 1285 text-align: left; | |
| 1286 cursor: pointer; | |
| 1287 text-decoration: none; | |
| 1288 outline: none; | |
| 1289 } | |
| 1290 .jqx-tree-item-selected, .jqx-tree-item-hover a:hover | |
| 1291 { | |
| 1292 color: inherit; | |
| 1293 } | |
| 1294 .jqx-tree-item-selected, .jqx-tree-item-hover a:visited | |
| 1295 { | |
| 1296 color: inherit; | |
| 1297 } | |
| 1298 | |
| 1299 /*applied to a tree item when the item is disabled.*/ | |
| 1300 .jqx-tree-item-disabled | |
| 1301 { | |
| 1302 | |
| 1303 } | |
| 1304 /*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/ | |
| 1305 .jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover | |
| 1306 { | |
| 1307 padding-right: 0px; | |
| 1308 width: 17px; | |
| 1309 height: 17px; | |
| 1310 background-image: url(images/icon-right.png); | |
| 1311 background-position: 100% 50%; | |
| 1312 background-repeat: no-repeat; | |
| 1313 cursor: pointer; | |
| 1314 } | |
| 1315 .jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl { | |
| 1316 background-image: url(images/icon-left.png); | |
| 1317 } | |
| 1318 | |
| 1319 /*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/ | |
| 1320 .jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover | |
| 1321 { | |
| 1322 padding-right: 0px; | |
| 1323 width: 17px; | |
| 1324 height: 17px; | |
| 1325 background-image: url(images/icon-down.png); | |
| 1326 background-position: 100% 50%; | |
| 1327 background-repeat: no-repeat; | |
| 1328 cursor: pointer; | |
| 1329 } | |
| 1330 /*applied to the tree when it is disabled.*/ | |
| 1331 .jqx-tree-disabled | |
| 1332 { | |
| 1333 cursor: default; | |
| 1334 } | |
| 1335 /*applied to the anchor elements in a tree when it is disabled.*/ | |
| 1336 .jqx-tree-disabled a:link | |
| 1337 { | |
| 1338 cursor: default; | |
| 1339 text-decoration: none; | |
| 1340 } | |
| 1341 .jqx-tree-disabled a:visited | |
| 1342 { | |
| 1343 cursor: default; | |
| 1344 text-decoration: none; | |
| 1345 } | |
| 1346 .jqx-tree-disabled a:hover | |
| 1347 { | |
| 1348 cursor: default; | |
| 1349 } | |
| 1350 | |
| 1351 | |
| 1352 /*jqxTabs*/ | |
| 1353 .jqx-tabs | |
| 1354 { | |
| 1355 outline: none; | |
| 1356 margin: 0 0 0 0; | |
| 1357 padding: 0px; | |
| 1358 overflow: hidden; | |
| 1359 background: transparent; | |
| 1360 border: 1px solid transparent; | |
| 1361 } | |
| 1362 /*applied to the tab close button.*/ | |
| 1363 .jqx-tabs-close-button | |
| 1364 { | |
| 1365 outline: none; | |
| 1366 background-image: url(images/close.png); | |
| 1367 cursor: pointer; | |
| 1368 margin: 0 0 0 0; | |
| 1369 padding: 0 0 0 0; | |
| 1370 position: relative; | |
| 1371 left: 5px; | |
| 1372 } | |
| 1373 /*applied to the tab close button when the tab is selected.*/ | |
| 1374 .jqx-tabs-close-button-selected | |
| 1375 { | |
| 1376 outline: none; | |
| 1377 background-image: url(images/close.png); | |
| 1378 cursor: pointer; | |
| 1379 margin: 0 0 0 0; | |
| 1380 padding: 0 0 0 0; | |
| 1381 } | |
| 1382 /*applied to the tab close button when the mouse is over the tab.*/ | |
| 1383 .jqx-tabs-close-button-hover | |
| 1384 { | |
| 1385 outline: none; | |
| 1386 background-image: url(images/close.png); | |
| 1387 cursor: pointer; | |
| 1388 margin: 0 0 0 0; | |
| 1389 padding: 0 0 0 0; | |
| 1390 } | |
| 1391 /*applied to the tab's left scroll arrow.*/ | |
| 1392 .jqx-tabs-arrow-left | |
| 1393 { | |
| 1394 outline: none; | |
| 1395 position: relative; | |
| 1396 z-index: 15; | |
| 1397 float: left; | |
| 1398 cursor: pointer; | |
| 1399 margin: 0 0 0 0; | |
| 1400 padding: 0 0 0 0; | |
| 1401 background-image: url('images/icon-left.png'); | |
| 1402 background-repeat: no-repeat; | |
| 1403 background-position: center; | |
| 1404 } | |
| 1405 /*applied to the tab's right scroll arrow.*/ | |
| 1406 .jqx-tabs-arrow-right | |
| 1407 { | |
| 1408 outline: none; | |
| 1409 position: relative; | |
| 1410 z-index: 15; | |
| 1411 background-image: url('images/icon-right.png'); | |
| 1412 background-repeat: no-repeat; | |
| 1413 background-position: center; | |
| 1414 float: left; | |
| 1415 cursor: pointer; | |
| 1416 margin: 0 0 0 0; | |
| 1417 padding: 0 0 0 0; | |
| 1418 } | |
| 1419 .jqx-tabs-arrow-background | |
| 1420 { | |
| 1421 background: #eeeeee; | |
| 1422 } | |
| 1423 /*applied to the tab's title.*/ | |
| 1424 .jqx-tabs-title | |
| 1425 { | |
| 1426 outline: none; | |
| 1427 display: block; | |
| 1428 cursor: pointer; | |
| 1429 white-space: nowrap; | |
| 1430 left: 100%; | |
| 1431 right: 0; | |
| 1432 text-indent: 0px; | |
| 1433 list-style: none; | |
| 1434 border: 1px solid transparent; | |
| 1435 margin: 0px 2px 0px 0px; | |
| 1436 overflow: hidden; | |
| 1437 z-index: 1; | |
| 1438 padding-left: 13px; | |
| 1439 padding-right: 13px; | |
| 1440 padding-bottom: 5px; | |
| 1441 padding-top: 5px; | |
| 1442 background: transparent; | |
| 1443 height: auto; | |
| 1444 position: relative; | |
| 1445 } | |
| 1446 .jqx-tabs-title-bottom | |
| 1447 { | |
| 1448 } | |
| 1449 .jqx-tabs-title a:link | |
| 1450 { | |
| 1451 color: inherit; | |
| 1452 *color: expression(this.parentNode.currentStyle['color']); | |
| 1453 text-decoration: none; | |
| 1454 } | |
| 1455 .jqx-tabs-title a:hover | |
| 1456 { | |
| 1457 color: inherit; | |
| 1458 *color: expression(this.parentNode.currentStyle['color']); | |
| 1459 text-decoration: none; | |
| 1460 } | |
| 1461 .jqx-tabs-title a:active | |
| 1462 { | |
| 1463 color: inherit; | |
| 1464 *color: expression(this.parentNode.currentStyle['color']); | |
| 1465 text-decoration: none; | |
| 1466 } | |
| 1467 .jqx-tabs-title a:visited | |
| 1468 { | |
| 1469 color: inherit; | |
| 1470 *color: expression(this.parentNode.currentStyle['color']); | |
| 1471 text-decoration: none; | |
| 1472 } | |
| 1473 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/ | |
| 1474 .jqx-tabs-title-selected-top | |
| 1475 { | |
| 1476 z-index: 99; | |
| 1477 outline: none; | |
| 1478 border-top: 1px solid transparent; | |
| 1479 border-left: 1px solid transparent; | |
| 1480 border-right: 1px solid transparent; | |
| 1481 border-bottom: 1px solid #fff; | |
| 1482 background-color: #fff; | |
| 1483 padding-bottom: 7px; | |
| 1484 } | |
| 1485 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ | |
| 1486 .jqx-tabs-title-selected-bottom | |
| 1487 { | |
| 1488 outline: none; | |
| 1489 border-top: 1px solid #fff; | |
| 1490 border-left: 1px solid transparent; | |
| 1491 border-right: 1px solid transparent; | |
| 1492 border-bottom: 1px solid transparent; | |
| 1493 padding-top: 7px; | |
| 1494 padding-bottom: 5px; | |
| 1495 margin-top: -2px; | |
| 1496 background-color: #fff; | |
| 1497 } | |
| 1498 /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/ | |
| 1499 .jqx-tabs-title-hover-top | |
| 1500 { | |
| 1501 outline: none; | |
| 1502 border: 1px solid transparent; | |
| 1503 padding-bottom: 5px; | |
| 1504 } | |
| 1505 /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/ | |
| 1506 .jqx-tabs-title-hover-bottom | |
| 1507 { | |
| 1508 outline: none; | |
| 1509 border: 1px solid transparent; | |
| 1510 padding-top: 5px; | |
| 1511 } | |
| 1512 /*applied to the tab's title when the tab is disabled.*/ | |
| 1513 .jqx-tabs-title-disable | |
| 1514 { | |
| 1515 | |
| 1516 } | |
| 1517 /*applied to the tab's header.*/ | |
| 1518 .jqx-tabs-header | |
| 1519 { | |
| 1520 padding-left: 0px; | |
| 1521 padding-right: 0px; | |
| 1522 padding-top: 3px; | |
| 1523 padding-bottom: 1px; | |
| 1524 margin: 0px; | |
| 1525 border-top: 0px solid transparent; | |
| 1526 border-left: 0px solid transparent; | |
| 1527 border-right: 0px solid transparent; | |
| 1528 border-bottom: 1px solid #aaa; | |
| 1529 background: #eeeeee; | |
| 1530 } | |
| 1531 /*applied to the tab's header when the position is bottom.*/ | |
| 1532 .jqx-tabs-header-bottom | |
| 1533 { | |
| 1534 padding-top: 1px; | |
| 1535 padding-bottom: 3px; | |
| 1536 border-top: 0px solid #aaa; | |
| 1537 border-left: 0px solid transparent; | |
| 1538 border-right: 0px solid transparent; | |
| 1539 border-bottom: 1px solid transparent; | |
| 1540 } | |
| 1541 /*applied to the tab's header when the tab is collapsed.*/ | |
| 1542 .jqx-tabs-header-collapsed | |
| 1543 { | |
| 1544 border: 1px solid #aaa; | |
| 1545 } | |
| 1546 /*applied to the tab's header when the position is bottom and tab is collapsed.*/ | |
| 1547 .jqx-tabs-header-collapsed-bottom | |
| 1548 { | |
| 1549 border: 1px solid #aaa; | |
| 1550 } | |
| 1551 .jqx-tabs-collapsed | |
| 1552 { | |
| 1553 border: 0px solid transparent; | |
| 1554 } | |
| 1555 .jqx-tabs-collapsed-bottom | |
| 1556 { | |
| 1557 border: 0px solid transparent; | |
| 1558 } | |
| 1559 /*applied to the tab's selection tracker container element.*/ | |
| 1560 .jqx-tabs-selection-tracker-container | |
| 1561 { | |
| 1562 outline: none; | |
| 1563 position: relative; | |
| 1564 text-indent: 0px; | |
| 1565 margin: 0 0 0 0; | |
| 1566 padding: 0 0 0 0; | |
| 1567 width: 100%; | |
| 1568 background: transparent; | |
| 1569 height: 0px; | |
| 1570 } | |
| 1571 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ | |
| 1572 .jqx-tabs-selection-tracker-top | |
| 1573 { | |
| 1574 border-top: 1px solid transparent; | |
| 1575 border-left: 1px solid transparent; | |
| 1576 border-right: 1px solid transparent; | |
| 1577 padding-bottom: 2px; | |
| 1578 background-color: #fff; | |
| 1579 outline: none; | |
| 1580 position: absolute; | |
| 1581 z-index: 10; | |
| 1582 } | |
| 1583 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ | |
| 1584 .jqx-tabs-selection-tracker-bottom | |
| 1585 { | |
| 1586 border-left: 1px solid transparent; | |
| 1587 border-right: 1px solid transparent; | |
| 1588 border-bottom: 1px solid transparent; | |
| 1589 background-color: #fff; | |
| 1590 outline: none; | |
| 1591 position: absolute; | |
| 1592 z-index: 10; | |
| 1593 margin-top: -1px; | |
| 1594 padding-bottom: 2px; | |
| 1595 } | |
| 1596 /*applied to the tab's content element which represents a DIV element.*/ | |
| 1597 .jqx-tabs-content | |
| 1598 { | |
| 1599 outline: none; | |
| 1600 border-bottom: 0px solid transparent; | |
| 1601 border-left: 0px solid transparent; | |
| 1602 border-right: 0px solid transparent; | |
| 1603 border-top: 0px solid transparent; | |
| 1604 text-align: left; | |
| 1605 clear: both; | |
| 1606 } | |
| 1607 .jqx-tabs-content-element | |
| 1608 { | |
| 1609 height: 100%; | |
| 1610 overflow: auto; | |
| 1611 } | |
| 1612 | |
| 1613 /*jqxCheckBox*/ | |
| 1614 .jqx-checkbox | |
| 1615 { | |
| 1616 text-align: left; | |
| 1617 border: none; | |
| 1618 outline: none; | |
| 1619 margin: 0 0 0 0; | |
| 1620 white-space: nowrap; | |
| 1621 text-overflow: ellipsis; | |
| 1622 } | |
| 1623 /*applied to the check box.*/ | |
| 1624 .jqx-checkbox-default | |
| 1625 { | |
| 1626 text-align: left; | |
| 1627 float: left; | |
| 1628 padding: 0px; | |
| 1629 border: 1px solid transparent; | |
| 1630 outline: none; | |
| 1631 margin: 0px 3px 0px 3px; | |
| 1632 } | |
| 1633 /*applied to the check box when the mouse cursor is over it.*/ | |
| 1634 .jqx-checkbox-hover | |
| 1635 { | |
| 1636 cursor: pointer; | |
| 1637 float: left; | |
| 1638 padding: 0px; | |
| 1639 border: 1px solid transparent; | |
| 1640 outline: none; | |
| 1641 margin: 0px 3px 0px 3px; | |
| 1642 } | |
| 1643 /*applied to the widget when it is disabled.*/ | |
| 1644 .jqx-checkbox-disabled | |
| 1645 { | |
| 1646 cursor: default; | |
| 1647 background: transparent; | |
| 1648 padding: 0px; | |
| 1649 border: none; | |
| 1650 outline: none; | |
| 1651 margin: 0px 0px 0px 0px; | |
| 1652 } | |
| 1653 /*applied to the check box when the widget is disabled.*/ | |
| 1654 .jqx-checkbox-disabled-box | |
| 1655 { | |
| 1656 float: left; | |
| 1657 padding: 0px; | |
| 1658 border: 1px solid transparent; | |
| 1659 outline: none; | |
| 1660 margin: 0px 3px 0px 3px; | |
| 1661 } | |
| 1662 /*applied to the check box when it is checked. Displays a check icon.*/ | |
| 1663 .jqx-checkbox-check-checked | |
| 1664 { | |
| 1665 float: left; | |
| 1666 background: transparent url(images/check_black.png) center center no-repeat; | |
| 1667 padding: 0px; | |
| 1668 border: none; | |
| 1669 outline: none; | |
| 1670 margin: 0 0 0 0; | |
| 1671 } | |
| 1672 /*applied to the check box when the widget is disabled. Displays a disabled check icon.*/ | |
| 1673 .jqx-checkbox-check-disabled | |
| 1674 { | |
| 1675 float: left; | |
| 1676 background: transparent url(images/check_disabled.png) center center no-repeat; | |
| 1677 padding: 0px; | |
| 1678 border: none; | |
| 1679 outline: none; | |
| 1680 margin: 0 0 0 0; | |
| 1681 } | |
| 1682 /*applied to the check box when its state is indeterminate.*/ | |
| 1683 .jqx-checkbox-check-indeterminate | |
| 1684 { | |
| 1685 float: left; | |
| 1686 background: transparent url(images/check_indeterminate_black.png) center center no-repeat; | |
| 1687 padding: 0px; | |
| 1688 border: none; | |
| 1689 outline: none; | |
| 1690 margin: 0 0 0 0; | |
| 1691 } | |
| 1692 /*applied to the check box when its state is indeterminate and it is disabled.*/ | |
| 1693 .jqx-checkbox-check-indeterminate-disabled | |
| 1694 { | |
| 1695 float: left; | |
| 1696 background: transparent url(images/check_indeterminate_disabled.png) center center no-repeat; | |
| 1697 padding: 0px; | |
| 1698 border: none; | |
| 1699 outline: none; | |
| 1700 margin: 0 0 0 0; | |
| 1701 } | |
| 1702 /*applied to the check box when its in rtl mode.*/ | |
| 1703 .jqx-checkbox-rtl { | |
| 1704 float: right; | |
| 1705 } | |
| 1706 /*jqxRadioButton*/ | |
| 1707 .jqx-radiobutton | |
| 1708 { | |
| 1709 text-overflow: ellipsis; | |
| 1710 border: none; | |
| 1711 outline: none; | |
| 1712 margin: 0 0 0 0; | |
| 1713 white-space: nowrap; | |
| 1714 } | |
| 1715 /*applied to the radio button.*/ | |
| 1716 .jqx-radiobutton-default | |
| 1717 { | |
| 1718 cursor: pointer; | |
| 1719 float: left; | |
| 1720 background: transparent url(images/roundbg_classic_normal.png) left center scroll repeat-x; | |
| 1721 padding: 0px; | |
| 1722 border: 1px solid transparent; | |
| 1723 outline: none; | |
| 1724 margin: 1px 3px 0px 3px; | |
| 1725 -moz-border-radius: 100%; | |
| 1726 -webkit-border-radius: 100%; | |
| 1727 border-radius: 100%; | |
| 1728 } | |
| 1729 /*applied to the radio button when the mouse is over it.*/ | |
| 1730 .jqx-radiobutton-hover | |
| 1731 { | |
| 1732 cursor: pointer; | |
| 1733 float: left; | |
| 1734 background: transparent; | |
| 1735 padding: 0px; | |
| 1736 border: 1px solid transparent; | |
| 1737 outline: none; | |
| 1738 margin: 1px 3px 0px 3px; | |
| 1739 -moz-border-radius: 100%; | |
| 1740 -webkit-border-radius: 100%; | |
| 1741 border-radius: 100%; | |
| 1742 } | |
| 1743 /*applied to the radio button when it is disabled.*/ | |
| 1744 .jqx-radiobutton-disabled | |
| 1745 { | |
| 1746 cursor: default; | |
| 1747 } | |
| 1748 /*applied to the radio button's radio icon when it is disabled.*/ | |
| 1749 .jqx-radiobutton-disabled-box | |
| 1750 { | |
| 1751 } | |
| 1752 /*applied to the radio button when it is checked.*/ | |
| 1753 .jqx-radiobutton-check-checked | |
| 1754 { | |
| 1755 float: left; | |
| 1756 background: transparent url(images/roundbg_check_black.png) left top no-repeat; | |
| 1757 padding: 0px; | |
| 1758 border: 1px solid transparent; | |
| 1759 outline: none; | |
| 1760 margin: 0 0 0 0; | |
| 1761 -moz-border-radius: 100%; | |
| 1762 -webkit-border-radius: 100%; | |
| 1763 border-radius: 100%; | |
| 1764 width: 7px; | |
| 1765 height: 7px; | |
| 1766 margin-left: 2px; | |
| 1767 margin-top: 2px; | |
| 1768 } | |
| 1769 /*applied to the radio button when it is checked and disabled.*/ | |
| 1770 .jqx-radiobutton-check-disabled | |
| 1771 { | |
| 1772 } | |
| 1773 /*applied to the radio button when it is in indeterminate state.*/ | |
| 1774 .jqx-radiobutton-check-indeterminate | |
| 1775 { | |
| 1776 float: left; | |
| 1777 background: transparent url(images/roundbg_check_indeterminate.png) left top no-repeat; | |
| 1778 padding: 0px; | |
| 1779 border: none; | |
| 1780 outline: none; | |
| 1781 margin: 0 0 0 0; | |
| 1782 -moz-border-radius: 100%; | |
| 1783 -webkit-border-radius: 100%; | |
| 1784 border-radius: 100%; | |
| 1785 width: 6px; | |
| 1786 height: 6px; | |
| 1787 margin-left: 2px; | |
| 1788 margin-top: 2px; | |
| 1789 } | |
| 1790 /*applied to the radio button when it is in indeterminate state and disabled.*/ | |
| 1791 .jqx-radiobutton-check-indeterminate-disabled | |
| 1792 { | |
| 1793 } | |
| 1794 /*applied to the radio button when its in rtl mode.*/ | |
| 1795 .jqx-radiobutton-rtl { | |
| 1796 float: right; | |
| 1797 } | |
| 1798 | |
| 1799 /*jqxRating*/ | |
| 1800 .jqx-rating | |
| 1801 { | |
| 1802 margin: 0px; | |
| 1803 padding: 0px; | |
| 1804 outline: none; | |
| 1805 overflow: hidden; | |
| 1806 } | |
| 1807 .jqx-rating-image | |
| 1808 { | |
| 1809 border-width: 0px; | |
| 1810 } | |
| 1811 .jqx-rating-image-default | |
| 1812 { | |
| 1813 margin: 0px; | |
| 1814 padding: 0px; | |
| 1815 outline: none; | |
| 1816 background-color: transparent; | |
| 1817 background-repeat: no-repeat; | |
| 1818 cursor: pointer; | |
| 1819 background-image: url(images/star.png); | |
| 1820 overflow: hidden; | |
| 1821 } | |
| 1822 /*applied to the rating when it is hovered.*/ | |
| 1823 .jqx-rating-image-hover | |
| 1824 { | |
| 1825 background-color: transparent; | |
| 1826 padding: 0px; | |
| 1827 background-repeat: no-repeat; | |
| 1828 cursor: pointer; | |
| 1829 background-image: url(images/star_hover.png); | |
| 1830 overflow: hidden; | |
| 1831 } | |
| 1832 /*applied to the rating when it is disabled.*/ | |
| 1833 .jqx-rating-image-backward | |
| 1834 { | |
| 1835 background-color: transparent; | |
| 1836 padding: 0px; | |
| 1837 background-repeat: no-repeat; | |
| 1838 cursor: pointer; | |
| 1839 background-image: url(images/star_disabled.png); | |
| 1840 overflow: hidden; | |
| 1841 } | |
| 1842 /*jqxCalendar Style*/ | |
| 1843 .jqx-calendar | |
| 1844 { | |
| 1845 border: 1px solid transparent; | |
| 1846 -webkit-appearance: none; | |
| 1847 overflow: hidden; | |
| 1848 outline: none; | |
| 1849 padding: 0px; | |
| 1850 margin: 0 0 0 0; | |
| 1851 cursor: default; | |
| 1852 border-collapse: separate; | |
| 1853 } | |
| 1854 .jqx-calendar td { | |
| 1855 padding-top: 0px; | |
| 1856 padding-bottom: 0px; | |
| 1857 border-collapse: separate; | |
| 1858 border-spacing: 1px; | |
| 1859 font-size: 13px; | |
| 1860 line-height: 1.231; | |
| 1861 } | |
| 1862 .jqx-calendar table { | |
| 1863 margin: 0px; | |
| 1864 padding: 0px; | |
| 1865 border-collapse: separate; | |
| 1866 border-spacing: 1px; | |
| 1867 font-size: 13px; | |
| 1868 line-height: 1.231; | |
| 1869 } | |
| 1870 /*applied to the calendar's row header. This header displays the week numbers.*/ | |
| 1871 .jqx-calendar-row-header | |
| 1872 { | |
| 1873 outline: none; | |
| 1874 border: 0px solid #f2f2f2; | |
| 1875 padding: 0; | |
| 1876 margin: 0 0 0 0; | |
| 1877 cursor: default; | |
| 1878 } | |
| 1879 /*applied to the calendar's column. This header displays the day names.*/ | |
| 1880 .jqx-calendar-column-header | |
| 1881 { | |
| 1882 outline: none; | |
| 1883 text-align: right; | |
| 1884 padding: 3px; | |
| 1885 border-top: none; | |
| 1886 border-bottom: 1px solid transparent; | |
| 1887 border-left: none; | |
| 1888 border-right: none; | |
| 1889 margin: 0 0 0 0; | |
| 1890 cursor: default; | |
| 1891 } | |
| 1892 /*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/ | |
| 1893 .jqx-calendar-top-left-header | |
| 1894 { | |
| 1895 outline: none; | |
| 1896 border: 0px solid #f2f2f2; | |
| 1897 margin: 0 0 0 0; | |
| 1898 cursor: default; | |
| 1899 } | |
| 1900 /*applied to the calendar's navigation buttons.*/ | |
| 1901 .jqx-calendar-title-navigation | |
| 1902 { | |
| 1903 cursor: pointer; | |
| 1904 background-color: transparent; | |
| 1905 margin: 0; | |
| 1906 padding: 0; | |
| 1907 border: none; | |
| 1908 width: 25px; | |
| 1909 height: 25px; | |
| 1910 } | |
| 1911 /*applied to the month table*/ | |
| 1912 .jqx-calendar-month | |
| 1913 { | |
| 1914 margin: 0; padding: 0; | |
| 1915 border: none; | |
| 1916 width: 100%; | |
| 1917 } | |
| 1918 /*applied to the calendar's title content.*/ | |
| 1919 .jqx-calendar-title-content | |
| 1920 { | |
| 1921 cursor: pointer; | |
| 1922 text-align: center; | |
| 1923 } | |
| 1924 /*applied to the calendar's navigation title.*/ | |
| 1925 .jqx-calendar-title-header | |
| 1926 { | |
| 1927 border-left: none; | |
| 1928 border-top: none; | |
| 1929 border-right: none; | |
| 1930 border-bottom-width: 1px; | |
| 1931 border-bottom-style: solid; | |
| 1932 margin: 0 0 0 0; | |
| 1933 } | |
| 1934 .jqx-calendar-title-header td { | |
| 1935 padding-left: 0px; | |
| 1936 padding-right: 0px; | |
| 1937 border: none; | |
| 1938 } | |
| 1939 /*applied to the calendar's navigation title when the calendar is disabled.*/ | |
| 1940 .jqx-calendar-title-header-disabled | |
| 1941 { | |
| 1942 border-bottom-width: 1px; | |
| 1943 border-bottom-style:solid; | |
| 1944 margin: 0 0 0 0; | |
| 1945 border-left: 0px solid transparent; | |
| 1946 border-right: 0px solid transparent; | |
| 1947 border-top: 0px solid transparent; | |
| 1948 | |
| 1949 } | |
| 1950 /*applied to a calendar cell.*/ | |
| 1951 .jqx-calendar-cell | |
| 1952 { | |
| 1953 border: 1px solid transparent; | |
| 1954 margin: 0px; | |
| 1955 outline: none; | |
| 1956 text-align: center; | |
| 1957 padding: 1px; | |
| 1958 cursor: pointer; | |
| 1959 background-color: transparent; | |
| 1960 } | |
| 1961 .jqx-calendar-cell td | |
| 1962 { | |
| 1963 padding: 0; | |
| 1964 margin: 0; | |
| 1965 } | |
| 1966 /*applied to a calendar cell in decade and year views.*/ | |
| 1967 .jqx-calendar-cell-decade, .jqx-calendar-cell-year { | |
| 1968 text-align: center; | |
| 1969 } | |
| 1970 | |
| 1971 .jqx-calendar .jqx-fill-state-normal | |
| 1972 { | |
| 1973 background: transparent; | |
| 1974 border: 1px solid transparent; | |
| 1975 } | |
| 1976 | |
| 1977 /*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/ | |
| 1978 .jqx-calendar-cell-hidden | |
| 1979 { | |
| 1980 margin: 0 0 0 0; | |
| 1981 visibility: hidden; | |
| 1982 cursor: default; | |
| 1983 } | |
| 1984 /*applied to a calendar cell when the cell's date is a weekend date.*/ | |
| 1985 .jqx-calendar-cell-weekend | |
| 1986 { | |
| 1987 color: #898989 !important; | |
| 1988 margin: 0 0 0 0; | |
| 1989 cursor: pointer; | |
| 1990 } | |
| 1991 /*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/ | |
| 1992 .jqx-calendar-cell-specialDate | |
| 1993 { | |
| 1994 color: #FF0000 !important; | |
| 1995 background-color: transparent; | |
| 1996 border: 1px solid #fff; | |
| 1997 margin: 0 0 0 0; | |
| 1998 cursor: pointer; | |
| 1999 } | |
| 2000 .jqx-calendar-cell-selected-invalid | |
| 2001 { | |
| 2002 color: #FFF !important; | |
| 2003 background: #FF0000 !important; | |
| 2004 border: 1px solid #FF0000 !important; | |
| 2005 } | |
| 2006 /*applied to a calendar cell when the cell's date is the today date.*/ | |
| 2007 .jqx-calendar-cell-today | |
| 2008 { | |
| 2009 color: #898989; | |
| 2010 background-color: #ffffdb; | |
| 2011 border: 1px solid #fdc066; | |
| 2012 margin: 0 0 0 0; | |
| 2013 cursor: pointer; | |
| 2014 } | |
| 2015 /*applied to a calendar cell when the cell is hovered.*/ | |
| 2016 .jqx-calendar-cell-hover | |
| 2017 { | |
| 2018 margin: 0 0 0 0; | |
| 2019 cursor: pointer; | |
| 2020 } | |
| 2021 /*applied to a calendar cell when the cell is selected.*/ | |
| 2022 .jqx-calendar-cell-selected | |
| 2023 { | |
| 2024 margin: 0 0 0 0; | |
| 2025 cursor: pointer; | |
| 2026 } | |
| 2027 /*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/ | |
| 2028 .jqx-calendar-cell-othermonth | |
| 2029 { | |
| 2030 color: #898989 !important; | |
| 2031 margin: 0 0 0 0; | |
| 2032 cursor: pointer; | |
| 2033 } | |
| 2034 /*applied to a calendar cell when the calendar is disabled.*/ | |
| 2035 .jqx-calendar-cell-disabled | |
| 2036 { | |
| 2037 color: #ccc; | |
| 2038 } | |
| 2039 /*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/ | |
| 2040 .jqx-calendar-row-cell | |
| 2041 { | |
| 2042 outline: none; | |
| 2043 text-align: center; | |
| 2044 border: 1px solid transparent; | |
| 2045 margin: 0 0 0 0; | |
| 2046 cursor: default; | |
| 2047 } | |
| 2048 /*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/ | |
| 2049 .jqx-calendar-row-cell-disabled | |
| 2050 { | |
| 2051 | |
| 2052 } | |
| 2053 .jqx-calendar-footer | |
| 2054 { | |
| 2055 margin: 5px; | |
| 2056 color: inherit; | |
| 2057 font-size: 13px; | |
| 2058 } | |
| 2059 | |
| 2060 .jqx-calendar-title-container | |
| 2061 { | |
| 2062 overflow: hidden; | |
| 2063 } | |
| 2064 /*applied to a calendar cell when the cell is from the column header that displays the day names.*/ | |
| 2065 .jqx-calendar-column-cell | |
| 2066 { | |
| 2067 overflow: hidden; | |
| 2068 text-align: center; | |
| 2069 outline: none; | |
| 2070 font-weight: normal; | |
| 2071 padding: 1px; | |
| 2072 border: 1px solid transparent; | |
| 2073 margin: 0 0 0 0; | |
| 2074 cursor: default; | |
| 2075 } | |
| 2076 /*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/ | |
| 2077 .jqx-calendar-column-cell-disabled | |
| 2078 { | |
| 2079 | |
| 2080 } | |
| 2081 /*applied to the calendar's cell area element.*/ | |
| 2082 .jqx-calendar-view | |
| 2083 { | |
| 2084 -webkit-appearance: none; | |
| 2085 outline: none; | |
| 2086 padding: 0px; | |
| 2087 border: 0px solid #fff; | |
| 2088 margin: 0 0 0 0; | |
| 2089 cursor: default; | |
| 2090 } | |
| 2091 | |
| 2092 /*jqxExpander and jqxNavigationBar Style*/ | |
| 2093 .jqx-expander | |
| 2094 { | |
| 2095 } | |
| 2096 /*applied to the Expander's header and content*/ | |
| 2097 .jqx-expander-header, .jqx-expander-content | |
| 2098 { | |
| 2099 border-left-width: 1px; | |
| 2100 border-right-width: 1px; | |
| 2101 border-left-style: solid; | |
| 2102 border-right-style: solid; | |
| 2103 padding-top: 5px; | |
| 2104 padding-bottom: 5px; | |
| 2105 outline: 0; | |
| 2106 } | |
| 2107 /*applid to the content of the expander header.*/ | |
| 2108 .jqx-expander-header-content | |
| 2109 { | |
| 2110 padding-left: 3px; | |
| 2111 } | |
| 2112 /*applid to the content of the expander header.*/ | |
| 2113 .jqx-expander-header-content-rtl | |
| 2114 { | |
| 2115 padding-right: 3px; | |
| 2116 } | |
| 2117 .jqx-expander-content{padding-top: 0px;padding-bottom:0px; overflow: auto; outline: 0;} | |
| 2118 /*applied to the Expander's header and its content when it is on the top of the header*/ | |
| 2119 .jqx-expander-header, .jqx-expander-content-top | |
| 2120 { | |
| 2121 border-top-width: 1px; | |
| 2122 border-top-style: solid; | |
| 2123 } | |
| 2124 /*applied to the Expander's header and its content when it is on the bottom of the header*/ | |
| 2125 .jqx-expander-header, .jqx-expander-content-bottom | |
| 2126 { | |
| 2127 border-bottom-width: 1px; | |
| 2128 border-bottom-style: solid; | |
| 2129 } | |
| 2130 /*applied to the Expander's header*/ | |
| 2131 .jqx-expander-header | |
| 2132 { | |
| 2133 cursor: pointer; | |
| 2134 overflow: hidden; | |
| 2135 } | |
| 2136 /*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/ | |
| 2137 .jqx-expander-header-disabled | |
| 2138 { | |
| 2139 cursor: default; | |
| 2140 } | |
| 2141 /*applied to the Expander's arrow*/ | |
| 2142 .jqx-expander-arrow | |
| 2143 { | |
| 2144 width: 17px; | |
| 2145 height: 17px; | |
| 2146 position: relative; | |
| 2147 } | |
| 2148 /*applied to the Expander's content if it is empty*/ | |
| 2149 .jqx-expander-content-empty | |
| 2150 { | |
| 2151 border-width: 0px; | |
| 2152 padding: 0px; | |
| 2153 } | |
| 2154 | |
| 2155 /*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/ | |
| 2156 .jqx-navigationbar | |
| 2157 { | |
| 2158 border: none; | |
| 2159 margin: 0px; | |
| 2160 -webkit-appearance: none; | |
| 2161 outline: none; | |
| 2162 } | |
| 2163 /*jqxPanel Style*/ | |
| 2164 .jqx-panel | |
| 2165 { | |
| 2166 border: 1px solid transparent; | |
| 2167 -webkit-appearance: none; | |
| 2168 outline: none; | |
| 2169 padding: 0px; | |
| 2170 margin: 0px; | |
| 2171 cursor: default; | |
| 2172 overflow: hidden; | |
| 2173 } | |
| 2174 /*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right | |
| 2175 of the horizontal scrollbar.*/ | |
| 2176 .jqx-panel-bottomright | |
| 2177 { | |
| 2178 | |
| 2179 } | |
| 2180 /*applied to the DropDownButton's Popup.*/ | |
| 2181 .jqx-dropdownbutton-popup { | |
| 2182 -webkit-appearance: none; | |
| 2183 outline: none; | |
| 2184 border: 1px solid transparent; | |
| 2185 } | |
| 2186 | |
| 2187 .jqx-listbox | |
| 2188 { | |
| 2189 -webkit-appearance: none; | |
| 2190 outline: none; | |
| 2191 border: 1px solid transparent; | |
| 2192 padding: 0px; | |
| 2193 margin: 0px; | |
| 2194 cursor: default; | |
| 2195 overflow: hidden; | |
| 2196 } | |
| 2197 /*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right | |
| 2198 of the horizontal scrollbar.*/ | |
| 2199 .jqx-listbox-bottomright | |
| 2200 { | |
| 2201 | |
| 2202 } | |
| 2203 /*applied to the ListBox's groups.*/ | |
| 2204 .jqx-listitem-state-group | |
| 2205 { | |
| 2206 white-space: nowrap; | |
| 2207 padding: 4px 2px 4px 2px; | |
| 2208 background: transparent; | |
| 2209 font-weight: bold; | |
| 2210 text-align: left; | |
| 2211 outline: none; | |
| 2212 overflow: hidden; | |
| 2213 vertical-align: middle; | |
| 2214 cursor: default; | |
| 2215 } | |
| 2216 /*applied to a list item in default state.*/ | |
| 2217 .jqx-listitem-state-normal | |
| 2218 { | |
| 2219 white-space: nowrap; | |
| 2220 padding: 3px; | |
| 2221 margin: 1px; | |
| 2222 border: 1px solid transparent; | |
| 2223 outline: none; | |
| 2224 visibility: inherit; | |
| 2225 display: inherit; | |
| 2226 text-align: left; | |
| 2227 overflow: hidden; | |
| 2228 position: absolute; | |
| 2229 left: 0; | |
| 2230 top: 0; | |
| 2231 cursor: default; | |
| 2232 } | |
| 2233 /*applied to a list item in hovered state.*/ | |
| 2234 .jqx-listitem-state-hover | |
| 2235 { | |
| 2236 white-space: nowrap; | |
| 2237 background: transparent; | |
| 2238 padding: 3px 3px 3px 3px; | |
| 2239 margin: 1px; | |
| 2240 border: 1px solid transparent; | |
| 2241 } | |
| 2242 /*applied to a list item when the item is selected.*/ | |
| 2243 .jqx-listitem-state-selected | |
| 2244 { | |
| 2245 white-space: nowrap; | |
| 2246 padding: 3px 3px 3px 3px; | |
| 2247 margin: 1px; | |
| 2248 border: 1px solid transparent; | |
| 2249 } | |
| 2250 .jqx-listbox-feedback | |
| 2251 { | |
| 2252 height: 1px; | |
| 2253 border-top: 1px dashed #000; | |
| 2254 } | |
| 2255 .jqx-listitem-element | |
| 2256 { | |
| 2257 -ms-touch-action: none; | |
| 2258 border: none; | |
| 2259 width:100%; | |
| 2260 height: 100%; | |
| 2261 align:left; | |
| 2262 valign:top; | |
| 2263 position: absolute; | |
| 2264 } | |
| 2265 /*jqxComboBox Style*/ | |
| 2266 /*applied to the jqxComboBox's content which displays the text.*/ | |
| 2267 .jqx-combobox-content | |
| 2268 { | |
| 2269 padding: 0px; | |
| 2270 overflow: hidden; | |
| 2271 padding-left: 0px; | |
| 2272 padding-top: 0px; | |
| 2273 padding-bottom: 0px; | |
| 2274 padding-right: 0px; | |
| 2275 margin: 0px; | |
| 2276 text-align: left; | |
| 2277 vertical-align: middle; | |
| 2278 white-space: nowrap; | |
| 2279 -webkit-appearance: none; | |
| 2280 outline: none; | |
| 2281 border: none; | |
| 2282 -moz-border-radius-topleft: 3px; | |
| 2283 -webkit-border-top-left-radius: 3px; | |
| 2284 border-top-left-radius: 3px; | |
| 2285 -moz-border-radius-bottomleft: 3px; | |
| 2286 -webkit-border-bottom-left-radius: 3px; | |
| 2287 border-bottom-left-radius: 3px; | |
| 2288 border-right: 1px solid transparent; | |
| 2289 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; | |
| 2290 } | |
| 2291 .jqx-combobox-content-rtl { | |
| 2292 border: none; | |
| 2293 -moz-border-radius-topleft: 0px; | |
| 2294 -webkit-border-top-left-radius: 0px; | |
| 2295 border-top-left-radius: 0px; | |
| 2296 -moz-border-radius-bottomleft: 0px; | |
| 2297 -webkit-border-bottom-left-radius: 0px; | |
| 2298 border-bottom-left-radius: 0px; | |
| 2299 -moz-border-radius-topleft: 3px; | |
| 2300 -webkit-border-top-left-radius: 0px; | |
| 2301 border-top-right-radius: 3px; | |
| 2302 -moz-border-radius-bottomright: 3px; | |
| 2303 -webkit-border-bottom-right-radius: 0px; | |
| 2304 border-bottom-right-radius: 3px; | |
| 2305 border-right: none; | |
| 2306 border-left: 1px solid transparent; | |
| 2307 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; | |
| 2308 } | |
| 2309 /*applied to the ComboBox's input field.*/ | |
| 2310 .jqx-combobox-input | |
| 2311 { | |
| 2312 -webkit-appearance: none; | |
| 2313 -webkit-border-radius: 0px; | |
| 2314 padding: 0 0 0 0; | |
| 2315 outline: none; | |
| 2316 border: 0px solid #aaa; | |
| 2317 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; | |
| 2318 } | |
| 2319 .jqx-combobox-input::-ms-clear { | |
| 2320 display: none; | |
| 2321 } | |
| 2322 /*applied to the ComboBox's content when the widget is disabled.*/ | |
| 2323 .jqx-combobox-content-disabled | |
| 2324 { | |
| 2325 color: #AAA; | |
| 2326 } | |
| 2327 /*applied to the ComboBox's arrow button.*/ | |
| 2328 .jqx-combobox-arrow-normal, .jqx-action-button | |
| 2329 { | |
| 2330 -webkit-appearance: none; | |
| 2331 outline: none; | |
| 2332 overflow: hidden; | |
| 2333 margin: 0 0 0 0; | |
| 2334 border: none; | |
| 2335 cursor: pointer; | |
| 2336 } | |
| 2337 /*applied to the ComboBox's arrow button*/ | |
| 2338 .jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected | |
| 2339 { | |
| 2340 -webkit-appearance: none; | |
| 2341 outline: none; | |
| 2342 overflow: hidden; | |
| 2343 margin: 0 0 0 0; | |
| 2344 } | |
| 2345 /*applied to the ComboBox in normal state.*/ | |
| 2346 .jqx-combobox-state-normal | |
| 2347 { | |
| 2348 -webkit-appearance: none; | |
| 2349 outline: none; | |
| 2350 border: 1px solid transparent; | |
| 2351 overflow: hidden; | |
| 2352 margin: 0 0 0 0; | |
| 2353 } | |
| 2354 /*applied to the ComboBox when the mouse is over the widget.*/ | |
| 2355 .jqx-combobox-state-hover | |
| 2356 { | |
| 2357 overflow: hidden; | |
| 2358 border: 1px solid transparent; | |
| 2359 margin: 0 0 0 0; | |
| 2360 } | |
| 2361 /*applied to the ComboBox when the popup ListBox is shown.*/ | |
| 2362 .jqx-combobox-state-selected | |
| 2363 { | |
| 2364 overflow: hidden; | |
| 2365 border: 1px solid transparent; | |
| 2366 margin: 0 0 0 0; | |
| 2367 } | |
| 2368 /*applied to the ComboBox when the widget is focused.*/ | |
| 2369 .jqx-combobox-state-focus | |
| 2370 { | |
| 2371 border: 1px solid transparent; | |
| 2372 } | |
| 2373 .jqx-combobox-multi-item { | |
| 2374 padding: 1px 3px; | |
| 2375 margin: 2px; | |
| 2376 white-space: nowrap; | |
| 2377 border-style: solid; | |
| 2378 font-weight: normal; | |
| 2379 overflow: hidden; | |
| 2380 text-align: left; | |
| 2381 | |
| 2382 } | |
| 2383 .jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited { | |
| 2384 color: inherit; | |
| 2385 display: block; | |
| 2386 outline: 0 none; | |
| 2387 text-decoration: none; | |
| 2388 cursor: pointer; | |
| 2389 *color: expression(this.parentNode.currentStyle['color']); | |
| 2390 } | |
| 2391 /*applied to the ComboBox when the widget is disabled.*/ | |
| 2392 .jqx-combobox-state-disabled | |
| 2393 { | |
| 2394 white-space: nowrap; | |
| 2395 margin: 0px; | |
| 2396 color: #AAA; | |
| 2397 } | |
| 2398 /*jqxSelect Style*/ | |
| 2399 .jqx-select { | |
| 2400 overflow: hidden; | |
| 2401 padding-left: 3px; | |
| 2402 padding-top: 0px; | |
| 2403 padding-bottom: 0px; | |
| 2404 margin: 0px; | |
| 2405 -webkit-appearance: none; | |
| 2406 outline: 0 none; | |
| 2407 } | |
| 2408 .jqx-select-content { | |
| 2409 cursor: pointer; | |
| 2410 text-overflow: ellipsis; | |
| 2411 } | |
| 2412 .jqx-select-container { | |
| 2413 padding: 0; | |
| 2414 } | |
| 2415 .jqx-select-item | |
| 2416 { | |
| 2417 padding: 3px; | |
| 2418 margin: 1px; | |
| 2419 white-space: normal !important; | |
| 2420 cursor: default; | |
| 2421 } | |
| 2422 /*jqxDropDownList Style*/ | |
| 2423 /*applied to the dropdownlist's content element which displays the selected item's text or html.*/ | |
| 2424 .jqx-dropdownlist-content | |
| 2425 { | |
| 2426 padding: 0px; | |
| 2427 overflow: hidden; | |
| 2428 padding-left: 3px; | |
| 2429 padding-top: 0px; | |
| 2430 padding-bottom: 0px; | |
| 2431 margin: 0px; | |
| 2432 text-align: left; | |
| 2433 vertical-align: middle; | |
| 2434 white-space: nowrap; | |
| 2435 -webkit-appearance: none; | |
| 2436 outline: 0 none; | |
| 2437 border: none; | |
| 2438 } | |
| 2439 .jqx-dropdownlist-content-rtl { | |
| 2440 padding-left: 0px; | |
| 2441 padding-right: 3px; | |
| 2442 } | |
| 2443 | |
| 2444 /*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */ | |
| 2445 .jqx-dropdownlist-content-disabled | |
| 2446 { | |
| 2447 } | |
| 2448 /*applied to the dropdownlist in default state.*/ | |
| 2449 .jqx-dropdownlist-state-normal | |
| 2450 { | |
| 2451 -webkit-appearance: none; | |
| 2452 outline: none; | |
| 2453 border: 1px solid transparent; | |
| 2454 overflow: hidden; | |
| 2455 margin: 0 0 0 0; | |
| 2456 cursor: pointer; | |
| 2457 } | |
| 2458 /*applied to the dropdownlist in hovered state.*/ | |
| 2459 .jqx-dropdownlist-state-hover | |
| 2460 { | |
| 2461 overflow: hidden; | |
| 2462 border: 1px solid transparent; | |
| 2463 margin: 0 0 0 0; | |
| 2464 cursor: pointer; | |
| 2465 } | |
| 2466 /*applied to the dropdownlist in selected state.*/ | |
| 2467 .jqx-dropdownlist-state-selected | |
| 2468 { | |
| 2469 overflow: hidden; | |
| 2470 background-color: transparent; | |
| 2471 border: 1px solid transparent; | |
| 2472 margin: 0 0 0 0; | |
| 2473 cursor: pointer; | |
| 2474 } | |
| 2475 /*applied to the dropdownlist in focused state.*/ | |
| 2476 .jqx-dropdownlist-state-focus | |
| 2477 { | |
| 2478 border: 1px solid #909090; | |
| 2479 } | |
| 2480 /*applied to the dropdownlist in disabled state.*/ | |
| 2481 .jqx-dropdownlist-state-disabled | |
| 2482 { | |
| 2483 | |
| 2484 } | |
| 2485 /*jqxScrollBar Style*/ | |
| 2486 .jqx-scrollbar | |
| 2487 { | |
| 2488 background: transparent; | |
| 2489 margin: 0; | |
| 2490 padding: 0; | |
| 2491 border: none; | |
| 2492 } | |
| 2493 /*applied to the scrollbar in default state.*/ | |
| 2494 .jqx-scrollbar-state-normal | |
| 2495 { | |
| 2496 background: #efefef; | |
| 2497 margin: 0px; | |
| 2498 padding: 0px; | |
| 2499 border: 1px solid transparent; | |
| 2500 } | |
| 2501 /*applied to the scrollbar buttons in default state.*/ | |
| 2502 .jqx-scrollbar-button-state-normal | |
| 2503 { | |
| 2504 margin: 0px; | |
| 2505 padding: 0px; | |
| 2506 border: 1px solid transparent; | |
| 2507 } | |
| 2508 /*applied to the scrollbar buttons in hovered state.*/ | |
| 2509 .jqx-scrollbar-button-state-hover | |
| 2510 { | |
| 2511 margin: 0px; | |
| 2512 padding: 0px; | |
| 2513 border: 1px solid transparent; | |
| 2514 } | |
| 2515 /*applied to the scrollbar buttons in pressed state.*/ | |
| 2516 .jqx-scrollbar-button-state-pressed | |
| 2517 { | |
| 2518 margin: 0px; | |
| 2519 padding: 0px; | |
| 2520 border: 1px solid transparent; | |
| 2521 } | |
| 2522 /*applied to the horizontal scrollbar thumb in default state.*/ | |
| 2523 .jqx-scrollbar-thumb-state-normal-horizontal | |
| 2524 { | |
| 2525 margin: 0px; | |
| 2526 padding: 0px; | |
| 2527 background: transparent; | |
| 2528 border: 1px solid transparent; | |
| 2529 } | |
| 2530 /*applied to the horizontal scrollbar thumb in hovered state.*/ | |
| 2531 .jqx-scrollbar-thumb-state-hover-horizontal | |
| 2532 { | |
| 2533 margin: 0px; | |
| 2534 padding: 0px; | |
| 2535 border: 1px solid transparent; | |
| 2536 } | |
| 2537 /*applied to the horizontal scrollbar thumb in default state.*/ | |
| 2538 .jqx-scrollbar-thumb-state-pressed-horizontal | |
| 2539 { | |
| 2540 margin: 0px; | |
| 2541 padding: 0px; | |
| 2542 border: 1px solid transparent; | |
| 2543 } | |
| 2544 /*applied to the vertical scrollbar thumb in default state.*/ | |
| 2545 .jqx-scrollbar-thumb-state-normal | |
| 2546 { | |
| 2547 margin: 0px; | |
| 2548 padding: 0px; | |
| 2549 border: 1px solid transparent; | |
| 2550 } | |
| 2551 /*applied to the vertical scrollbar thumb in default state.*/ | |
| 2552 .jqx-scrollbar-thumb-state-hover | |
| 2553 { | |
| 2554 margin: 0px; | |
| 2555 padding: 0px; | |
| 2556 background: transparent; | |
| 2557 border: 1px solid transparent; | |
| 2558 } | |
| 2559 /*applied to the vertical scrollbar thumb in default state.*/ | |
| 2560 .jqx-scrollbar-thumb-state-pressed | |
| 2561 { | |
| 2562 margin: 0px; | |
| 2563 padding: 0px; | |
| 2564 background: #d1d1d1; | |
| 2565 border: 1px solid #909090; | |
| 2566 } | |
| 2567 | |
| 2568 /* jqxWindow */ | |
| 2569 .jqx-window | |
| 2570 { | |
| 2571 position: absolute; | |
| 2572 overflow: hidden; | |
| 2573 border: 1px solid transparent; | |
| 2574 } | |
| 2575 /*applied to the jqxWindow when it’s disabled*/ | |
| 2576 .jqx-window-disabled | |
| 2577 { | |
| 2578 } | |
| 2579 /*applied to the window’s header*/ | |
| 2580 .jqx-window-header | |
| 2581 { | |
| 2582 outline: none; | |
| 2583 border-width: 0px; | |
| 2584 border-bottom: 1px solid transparent; | |
| 2585 overflow: hidden; | |
| 2586 padding: 5px; | |
| 2587 height: auto; | |
| 2588 white-space: nowrap; | |
| 2589 overflow: hidden; | |
| 2590 } | |
| 2591 /*applied to the window’s header when the window is disabled*/ | |
| 2592 .jqx-window-header-disabled | |
| 2593 { | |
| 2594 | |
| 2595 } | |
| 2596 /*applied to the window’s content*/ | |
| 2597 .jqx-window-content | |
| 2598 { | |
| 2599 outline: none; | |
| 2600 overflow: auto; | |
| 2601 text-align: left; | |
| 2602 background-color: transparent; | |
| 2603 padding: 5px; | |
| 2604 -webkit-background-clip: padding-box; background-clip: padding-box; | |
| 2605 } | |
| 2606 /*applied to the window’s content when the window is disabled*/ | |
| 2607 .jqx-window-content-disabled | |
| 2608 { | |
| 2609 outline: none; | |
| 2610 overflow: auto; | |
| 2611 text-align: left; | |
| 2612 padding: 5px; | |
| 2613 } | |
| 2614 /*applied to the window’s close button*/ | |
| 2615 .jqx-window-close-button | |
| 2616 { | |
| 2617 cursor: pointer; | |
| 2618 background-image: url(images/close.png); | |
| 2619 background-repeat: no-repeat; | |
| 2620 } | |
| 2621 /*applied to the window's collapse button*/ | |
| 2622 .jqx-window-collapse-button | |
| 2623 { | |
| 2624 background-image: url(images/icon-up.png); | |
| 2625 cursor: pointer; | |
| 2626 margin-top: 1px; | |
| 2627 } | |
| 2628 /*applied to the window's collapse button when the window is collapsed*/ | |
| 2629 .jqx-window-collapse-button-collapsed | |
| 2630 { | |
| 2631 margin-top: 0px; | |
| 2632 cursor: pointer; | |
| 2633 background-image: url(images/icon-down.png); | |
| 2634 } | |
| 2635 /*setting styles of the modal window’s background*/ | |
| 2636 .jqx-window-modal | |
| 2637 { | |
| 2638 background-color: Black; | |
| 2639 } | |
| 2640 .jqx-window-close-button-hover | |
| 2641 { | |
| 2642 } | |
| 2643 .jqx-docking | |
| 2644 { | |
| 2645 overflow: hidden; | |
| 2646 } | |
| 2647 .jqx-docking-panel | |
| 2648 { | |
| 2649 margin: 0px; | |
| 2650 padding: 0px; | |
| 2651 min-height: 100px; | |
| 2652 } | |
| 2653 .jqx-docking-drop-indicator | |
| 2654 { | |
| 2655 border-style: dashed; | |
| 2656 border-width: 1px; | |
| 2657 margin: 0px; | |
| 2658 } | |
| 2659 .jqx-docking-window | |
| 2660 { | |
| 2661 margin: 0px; | |
| 2662 } | |
| 2663 | |
| 2664 /* jxSlider */ | |
| 2665 /* applied to jqxSlider widget */ | |
| 2666 .jqx-slider | |
| 2667 { | |
| 2668 outline: none; | |
| 2669 clear: both; | |
| 2670 } | |
| 2671 /*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/ | |
| 2672 .jqx-slider-tick | |
| 2673 { | |
| 2674 border-left: 1px solid transparent; | |
| 2675 z-index: 9; | |
| 2676 } | |
| 2677 /*applied to the ticks when the slider is in horizontal mode*/ | |
| 2678 .jqx-slider-tick-horizontal | |
| 2679 { | |
| 2680 width: 1px; | |
| 2681 border-left: none; | |
| 2682 margin-top: 1px; | |
| 2683 } | |
| 2684 /*applied to the ticks when the slider is in vertical mode*/ | |
| 2685 .jqx-slider-tick-vertical | |
| 2686 { | |
| 2687 height: 1px; | |
| 2688 border-top: none; | |
| 2689 } | |
| 2690 /*applied to the ticks container*/ | |
| 2691 .jqx-slider-tickscontainer | |
| 2692 { | |
| 2693 z-index: 10; | |
| 2694 position: relative; | |
| 2695 margin-top: 0px; | |
| 2696 margin-bottom: 0px; | |
| 2697 z-index: 9; | |
| 2698 } | |
| 2699 /*applied to the jqxSlider thumb used for changing/indicating current value*/ | |
| 2700 .jqx-slider-slider | |
| 2701 { | |
| 2702 cursor: pointer; | |
| 2703 width: 16px; | |
| 2704 height: 16px; | |
| 2705 z-index: 15; | |
| 2706 position: absolute; | |
| 2707 left: 0px; | |
| 2708 top: 0px; | |
| 2709 -moz-border-radius: 100%; | |
| 2710 -webkit-border-radius: 100%; | |
| 2711 border-radius: 100%; | |
| 2712 } | |
| 2713 .jqx-slider-button | |
| 2714 { | |
| 2715 -moz-border-radius: 100%; | |
| 2716 -webkit-border-radius: 100%; | |
| 2717 border-radius: 100%; | |
| 2718 box-sizing: content-box !important; | |
| 2719 } | |
| 2720 /*applied to the slider's thumb when the slider is in horizontal mode*/ | |
| 2721 .jqx-slider-slider-horizontal | |
| 2722 { | |
| 2723 background-image: url(images/slider_horizontal_classic.png); | |
| 2724 background-repeat: no-repeat; | |
| 2725 margin-top: -5px; | |
| 2726 -moz-border-radius: 7px; | |
| 2727 -webkit-border-radius: 7px; | |
| 2728 border-radius: 7px; | |
| 2729 border: 1px solid transparent; | |
| 2730 } | |
| 2731 /*applied to the slider's thumb when the slider is in vertical mode*/ | |
| 2732 .jqx-slider-slider-vertical | |
| 2733 { | |
| 2734 margin-left: -5px; | |
| 2735 background-image: url(images/slider_vertical_classic.png); | |
| 2736 background-repeat: no-repeat; | |
| 2737 -moz-border-radius: 7px; | |
| 2738 -webkit-border-radius: 7px; | |
| 2739 border-radius: 7px; | |
| 2740 border: 1px solid transparent; | |
| 2741 } | |
| 2742 /*applied to the track where is located the thumb*/ | |
| 2743 .jqx-slider-track | |
| 2744 { | |
| 2745 height: 8px; | |
| 2746 float:left; | |
| 2747 position: relative; | |
| 2748 z-index: 20; | |
| 2749 } | |
| 2750 /*used in horizontal slider*/ | |
| 2751 .jqx-slider-track-horizontal | |
| 2752 { | |
| 2753 height: 8px; | |
| 2754 margin-top: 2px; | |
| 2755 } | |
| 2756 /*used in vertical slider*/ | |
| 2757 .jqx-slider-track-vertical | |
| 2758 { | |
| 2759 width: 8px; | |
| 2760 } | |
| 2761 /*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/ | |
| 2762 .jqx-slider-rangebar | |
| 2763 { | |
| 2764 | |
| 2765 } | |
| 2766 | |
| 2767 /* jqxSplitter */ | |
| 2768 .jqx-splitter | |
| 2769 { | |
| 2770 overflow: hidden; | |
| 2771 border: 1px solid transparent; | |
| 2772 position: relative; | |
| 2773 } | |
| 2774 /* Split bar's class when the jqxSplitter is with horizontal orientation */ | |
| 2775 .jqx-splitter-splitbar-vertical | |
| 2776 { | |
| 2777 border: 1px solid transparent; | |
| 2778 border-top-width: 0px; | |
| 2779 border-bottom-width: 0px; | |
| 2780 cursor: e-resize; | |
| 2781 cursor: col-resize; | |
| 2782 position: absolute; | |
| 2783 } | |
| 2784 /* Split bar's mouse over state */ | |
| 2785 .jqx-splitter-splitbar-hover | |
| 2786 { | |
| 2787 background-color: transparent; | |
| 2788 } | |
| 2789 /* Split bar's class when the jqxSplitter is with horizontal orientation. */ | |
| 2790 .jqx-splitter-splitbar-horizontal | |
| 2791 { | |
| 2792 position: absolute; | |
| 2793 border: 1px solid transparent; | |
| 2794 border-left-width: 0px; | |
| 2795 border-right-width: 0px; | |
| 2796 cursor: n-resize; | |
| 2797 cursor: row-resize; | |
| 2798 } | |
| 2799 /* This class is applied to the splitter when it's dragged to it's max left/right boundary */ | |
| 2800 .jqx-splitter-splitbar-invalid | |
| 2801 { | |
| 2802 background: #FF0000 !important; | |
| 2803 } | |
| 2804 /* This class is added to split bar's collapse button when the splitter is with vectical orientation. */ | |
| 2805 .jqx-splitter-collapse-button-horizontal | |
| 2806 { | |
| 2807 cursor: pointer; | |
| 2808 width: 45px; | |
| 2809 height: 5px; | |
| 2810 } | |
| 2811 /* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */ | |
| 2812 .jqx-splitter-collapse-button-vertical | |
| 2813 { | |
| 2814 cursor: pointer; | |
| 2815 width: 5px; | |
| 2816 height: 45px; | |
| 2817 } | |
| 2818 /* This class is added when the user disable the splitter. */ | |
| 2819 .jqx-splitter-splitbar-collapsed | |
| 2820 { | |
| 2821 cursor: default; | |
| 2822 } | |
| 2823 /* Applied to the jqxSplitter panels. */ | |
| 2824 .jqx-splitter-panel | |
| 2825 { | |
| 2826 border: none; | |
| 2827 outline: none; | |
| 2828 position: absolute; | |
| 2829 overflow: hidden; | |
| 2830 } | |
| 2831 /* This class is added to a nested splitter.*/ | |
| 2832 .jqx-splitter-nested, .jqx-splitter-panel-nested | |
| 2833 { | |
| 2834 border: none; | |
| 2835 overflow: hidden; | |
| 2836 } | |
| 2837 .jqx-draggable | |
| 2838 { | |
| 2839 | |
| 2840 } | |
| 2841 .jqx-draggable-dragging | |
| 2842 { | |
| 2843 border: 0px solid black; | |
| 2844 } | |
| 2845 .jqx-draggable-disabled | |
| 2846 { | |
| 2847 cursor: default; | |
| 2848 } | |
| 2849 .jqx-validator-hint | |
| 2850 { | |
| 2851 height: 18px; | |
| 2852 width: auto; | |
| 2853 display: inline-block; | |
| 2854 cursor: pointer; | |
| 2855 padding-left: 5px; | |
| 2856 padding-right: 5px; | |
| 2857 font-family: Verdana; | |
| 2858 font-size: 13px; | |
| 2859 border: 1px solid #6E0000; | |
| 2860 background-color: #942724; | |
| 2861 color: #fff; | |
| 2862 z-index: 99999; | |
| 2863 white-space: nowrap; | |
| 2864 } | |
| 2865 .jqx-validator-hint-arrow | |
| 2866 { | |
| 2867 z-index: 99999; | |
| 2868 height: 9px; | |
| 2869 width: 9px; | |
| 2870 padding: 0px; | |
| 2871 margin: 0px; | |
| 2872 background-color: transparent; | |
| 2873 background-image: url(images/multi-arrow.gif); | |
| 2874 } | |
| 2875 .jqx-validator-error-label { | |
| 2876 color: #dd4b39; | |
| 2877 vertical-align:top; | |
| 2878 text-align: left; | |
| 2879 display: block; | |
| 2880 cursor: default; | |
| 2881 line-height: 17px; | |
| 2882 } | |
| 2883 .jqx-validator-error-element { | |
| 2884 border-color: #dd4b39 !important; | |
| 2885 } | |
| 2886 | |
| 2887 .jqx-switchbutton | |
| 2888 { | |
| 2889 overflow: hidden; | |
| 2890 -moz-border-radius: 5px; | |
| 2891 -webkit-border-radius: 5px; | |
| 2892 border-radius: 5px; | |
| 2893 border: 1px solid #ccc; | |
| 2894 } | |
| 2895 .jqx-switchbutton-thumb | |
| 2896 { | |
| 2897 display: inline-block; | |
| 2898 cursor: pointer; | |
| 2899 border: 1px solid #ccc; | |
| 2900 } | |
| 2901 .jqx-switchbutton-label | |
| 2902 { | |
| 2903 font-size: 15px; | |
| 2904 font-family: Sans-Serif; | |
| 2905 text-align: center; | |
| 2906 text-transform: uppercase; | |
| 2907 font-weight: bold; | |
| 2908 } | |
| 2909 .jqx-switchbutton-wrapper | |
| 2910 { | |
| 2911 } | |
| 2912 .jqx-switchbutton-label-on | |
| 2913 { | |
| 2914 | |
| 2915 } | |
| 2916 .jqx-switchbutton-label-off | |
| 2917 { | |
| 2918 | |
| 2919 } | |
| 2920 | |
| 2921 /*left, right, up and down arrow icons.*/ | |
| 2922 .jqx-left-arrow | |
| 2923 { | |
| 2924 background: transparent; | |
| 2925 background-image: url('left.png'); | |
| 2926 cursor: pointer; | |
| 2927 } | |
| 2928 .jqx-right-arrow | |
| 2929 { | |
| 2930 background: transparent; | |
| 2931 background-image: url('right.png'); | |
| 2932 cursor: pointer; | |
| 2933 } | |
| 2934 .jqx-icon-delete | |
| 2935 { | |
| 2936 background-image: url('images/icon-delete.png'); | |
| 2937 background-repeat: no-repeat; | |
| 2938 background-position: center; | |
| 2939 } | |
| 2940 .jqx-icon-edit | |
| 2941 { | |
| 2942 background-image: url('images/icon-edit.png'); | |
| 2943 background-repeat: no-repeat; | |
| 2944 background-position: center; | |
| 2945 } | |
| 2946 .jqx-icon-save | |
| 2947 { | |
| 2948 background-image: url('images/icon-save.png'); | |
| 2949 background-repeat: no-repeat; | |
| 2950 background-position: center; | |
| 2951 } | |
| 2952 .jqx-icon-cancel | |
| 2953 { | |
| 2954 background-image: url('images/icon-cancel.png'); | |
| 2955 background-repeat: no-repeat; | |
| 2956 background-position: center; | |
| 2957 } | |
| 2958 .jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected | |
| 2959 { | |
| 2960 background-image: url('images/icon-up.png'); | |
| 2961 background-repeat: no-repeat; | |
| 2962 background-position: center; | |
| 2963 } | |
| 2964 .jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected | |
| 2965 { | |
| 2966 background-image: url('images/icon-down.png'); | |
| 2967 background-repeat: no-repeat; | |
| 2968 background-position: center; | |
| 2969 } | |
| 2970 .jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected | |
| 2971 { | |
| 2972 background-image: url('images/icon-left.png'); | |
| 2973 background-repeat: no-repeat; | |
| 2974 background-position: center; | |
| 2975 } | |
| 2976 .jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected | |
| 2977 { | |
| 2978 background-image: url('images/icon-right.png'); | |
| 2979 background-repeat: no-repeat; | |
| 2980 background-position: center; | |
| 2981 } | |
| 2982 .jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected | |
| 2983 { | |
| 2984 background-image: url('images/icon-first.png'); | |
| 2985 background-repeat: no-repeat; | |
| 2986 background-position: center; | |
| 2987 } | |
| 2988 .jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected | |
| 2989 { | |
| 2990 background-image: url('images/icon-last.png'); | |
| 2991 background-repeat: no-repeat; | |
| 2992 background-position: center; | |
| 2993 } | |
| 2994 .jqx-icon-arrow-up-hover | |
| 2995 { | |
| 2996 background-image: url('images/icon-up.png'); | |
| 2997 background-repeat: no-repeat; | |
| 2998 background-position: center; | |
| 2999 } | |
| 3000 .jqx-icon-arrow-down-hover | |
| 3001 { | |
| 3002 background-image: url('images/icon-down.png'); | |
| 3003 background-repeat: no-repeat; | |
| 3004 background-position: center; | |
| 3005 } | |
| 3006 .jqx-icon-arrow-left-hover | |
| 3007 { | |
| 3008 background-image: url('images/icon-left.png'); | |
| 3009 background-repeat: no-repeat; | |
| 3010 background-position: center; | |
| 3011 } | |
| 3012 .jqx-icon-arrow-right-hover | |
| 3013 { | |
| 3014 background-image: url('images/icon-right.png'); | |
| 3015 background-repeat: no-repeat; | |
| 3016 background-position: center; | |
| 3017 } | |
| 3018 | |
| 3019 .jqx-icon-arrow-up-selected | |
| 3020 { | |
| 3021 background-image: url('images/icon-up.png'); | |
| 3022 background-repeat: no-repeat; | |
| 3023 background-position: center; | |
| 3024 } | |
| 3025 .jqx-icon-arrow-down-selected | |
| 3026 { | |
| 3027 background-image: url('images/icon-down.png'); | |
| 3028 background-repeat: no-repeat; | |
| 3029 background-position: center; | |
| 3030 } | |
| 3031 .jqx-icon-arrow-left-selected | |
| 3032 { | |
| 3033 background-image: url('images/icon-left.png'); | |
| 3034 background-repeat: no-repeat; | |
| 3035 background-position: center; | |
| 3036 } | |
| 3037 .jqx-icon-arrow-right-selected | |
| 3038 { | |
| 3039 background-image: url('images/icon-right.png'); | |
| 3040 background-repeat: no-repeat; | |
| 3041 background-position: center; | |
| 3042 } | |
| 3043 .jqx-icon-close | |
| 3044 { | |
| 3045 cursor: pointer; | |
| 3046 background-image: url(images/close.png); | |
| 3047 background-repeat: no-repeat; | |
| 3048 background-position: center; | |
| 3049 } | |
| 3050 .jqx-icon-close-hover | |
| 3051 { | |
| 3052 cursor: pointer; | |
| 3053 background-image: url(images/close.png); | |
| 3054 background-repeat: no-repeat; | |
| 3055 background-position: center; | |
| 3056 } | |
| 3057 .jqx-icon-search | |
| 3058 { | |
| 3059 cursor: pointer; | |
| 3060 background-image: url(images/search.png); | |
| 3061 background-repeat: no-repeat; | |
| 3062 background-position: center; | |
| 3063 margin-top: 1px; | |
| 3064 background-size: 13px; | |
| 3065 width: 13px; | |
| 3066 height: 13px; | |
| 3067 } | |
| 3068 .jqx-icon-plus | |
| 3069 { | |
| 3070 background-image: url(images/plus.png); | |
| 3071 background-repeat: no-repeat; | |
| 3072 background-position: center; | |
| 3073 background-size: 16px; | |
| 3074 width: 16px; | |
| 3075 height: 16px; | |
| 3076 } | |
| 3077 /* jqxScrollView */ | |
| 3078 .jqx-scrollview-button | |
| 3079 { | |
| 3080 width: 10px; | |
| 3081 height: 10px; | |
| 3082 border-radius: 10px; | |
| 3083 -moz-border-radius: 10px; | |
| 3084 -webkit-border-radius: 10px; | |
| 3085 display: inline-block; | |
| 3086 margin: 2px; | |
| 3087 cursor: pointer; | |
| 3088 background-color: #aaaeaf; | |
| 3089 } | |
| 3090 .jqx-scrollview | |
| 3091 { | |
| 3092 background-color: #000; | |
| 3093 -ms-touch-action: auto !important; | |
| 3094 } | |
| 3095 .jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed | |
| 3096 { | |
| 3097 background-image: url('images/icon-calendar.png'); | |
| 3098 background-repeat: no-repeat; | |
| 3099 background-position: left top; | |
| 3100 position: relative; | |
| 3101 width: 15px !important; | |
| 3102 height: 15px !important; | |
| 3103 margin-top: -7.5px !important; | |
| 3104 } | |
| 3105 /*applied to Inputs*/ | |
| 3106 .jqx-input{-webkit-user-modify:inherit; -moz-user-modify: inherit; overflow: hidden; background-color: inherit; border-color: #c7c7c7;} | |
| 3107 .jqx-input-invalid { | |
| 3108 color: red !important; | |
| 3109 } | |
| 3110 .jqx-input-group {overflow: hidden;} | |
| 3111 .jqx-input-group-addon {border: 1px solid transparent; position: relative; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding: 2px 8px !important; float: left; white-space: nowrap; vertical-align: middle; } | |
| 3112 .jqx-input-group-addon:first-child { | |
| 3113 border-right-width: 0px; | |
| 3114 border-bottom-right-radius: 0 !important; | |
| 3115 border-top-right-radius: 0 !important; | |
| 3116 } | |
| 3117 .jqx-input-group-addon:last-child { | |
| 3118 border-left-width: 0px; | |
| 3119 border-bottom-left-radius: 0 !important; | |
| 3120 border-top-left-radius: 0 !important; | |
| 3121 } | |
| 3122 .jqx-input-group-addon:not(:last-child):not(:first-child) { | |
| 3123 border-bottom-left-radius: 0 !important; | |
| 3124 border-top-left-radius: 0 !important; | |
| 3125 border-bottom-right-radius: 0 !important; | |
| 3126 border-top-right-radius: 0 !important; | |
| 3127 border-left-width: 0px; | |
| 3128 } | |
| 3129 .jqx-input-group .jqx-input { | |
| 3130 padding: 2px 1px !important; | |
| 3131 border-left-width: 1px !important; | |
| 3132 border-right-width: 1px !important; | |
| 3133 } | |
| 3134 .jqx-editor { | |
| 3135 border-style: solid; | |
| 3136 border-width: 1px; | |
| 3137 border-color: transparent; | |
| 3138 overflow: hidden; | |
| 3139 box-sizing: border-box !important; | |
| 3140 } | |
| 3141 .jqx-editor-window { | |
| 3142 overflow: hidden; | |
| 3143 } | |
| 3144 .jqx-editor-inline { | |
| 3145 padding: 0px; | |
| 3146 border-width: 1px; | |
| 3147 border-style: solid; | |
| 3148 border-color: transparent; | |
| 3149 } | |
| 3150 .jqx-editor-inline p { | |
| 3151 margin: 0px;padding:0 .2em; | |
| 3152 } | |
| 3153 .jqx-editor-inline-focus { | |
| 3154 border-width: 1px; | |
| 3155 border-style: solid; | |
| 3156 overflow: auto; | |
| 3157 } | |
| 3158 .jqx-editor iframe { | |
| 3159 border: 0; | |
| 3160 margin: 0; | |
| 3161 padding: 0; | |
| 3162 background: #fff; | |
| 3163 display: inline; | |
| 3164 vertical-align: top; | |
| 3165 width: 100%; | |
| 3166 height: 100%; | |
| 3167 } | |
| 3168 .jqx-editor-color-bar { | |
| 3169 height: 3px; | |
| 3170 } | |
| 3171 .jqx-editor-color-picker table { | |
| 3172 margin: 0; | |
| 3173 padding: 0 4px 4px; | |
| 3174 empty-cells: show; | |
| 3175 border-collapse: separate; | |
| 3176 } | |
| 3177 .jqx-editor-color-picker td { | |
| 3178 border-collapse: separate; | |
| 3179 border: 1px solid transparent; | |
| 3180 cursor: pointer; | |
| 3181 margin: 0; | |
| 3182 position: relative; | |
| 3183 } | |
| 3184 .jqx-editor-color-picker td:hover { | |
| 3185 border: 1px solid #000; | |
| 3186 } | |
| 3187 .jqx-editor-color-picker-selected-cell { | |
| 3188 outline: 1px solid #000; | |
| 3189 } | |
| 3190 .jqx-editor-color-picker td div{ | |
| 3191 width: 16px; | |
| 3192 height: 16px; | |
| 3193 } | |
| 3194 .jqx-editor-content { | |
| 3195 width: 100%; | |
| 3196 border-style: solid; | |
| 3197 border-width: 1px; | |
| 3198 outline: 0; | |
| 3199 left: 0px; | |
| 3200 position: relative; | |
| 3201 box-sizing: border-box !important; | |
| 3202 } | |
| 3203 .jqx-editor-container { | |
| 3204 position: relative; | |
| 3205 padding: 4px; | |
| 3206 padding-top: 0px; | |
| 3207 width: 100%; | |
| 3208 height: 100%; | |
| 3209 box-sizing: border-box !important; | |
| 3210 } | |
| 3211 .jqx-editor-toolbar-container { | |
| 3212 top: 0px; left: 0px; | |
| 3213 box-sizing: border-box !important; | |
| 3214 } | |
| 3215 .jqx-editor-toolbar-inline { | |
| 3216 padding: 0px 4px; | |
| 3217 border-width: 1px; | |
| 3218 border-style: solid; | |
| 3219 } | |
| 3220 .jqx-editor-toolbar { | |
| 3221 margin: 0; | |
| 3222 padding: 0px; | |
| 3223 padding-bottom: 4px; | |
| 3224 } | |
| 3225 .jqx-editor-toolbar-icon { | |
| 3226 height: 21px; | |
| 3227 width: 21px; | |
| 3228 vertical-align: middle; | |
| 3229 opacity: .667; | |
| 3230 margin: 2px 0; | |
| 3231 background: url('images/html_editor.png') no-repeat; | |
| 3232 } | |
| 3233 .jqx-editor-toolbar-icon-bold { | |
| 3234 background-position: 0px 0px !important; | |
| 3235 } | |
| 3236 .jqx-editor-toolbar-icon-italic { | |
| 3237 background-position: -21px 0px !important; | |
| 3238 } | |
| 3239 .jqx-editor-toolbar-icon-underline { | |
| 3240 background-position: -42px 0px !important; | |
| 3241 } | |
| 3242 .jqx-editor-toolbar-icon-fontname { | |
| 3243 background-position: -63px 0px !important; | |
| 3244 } | |
| 3245 .jqx-editor-toolbar-icon-fontsize { | |
| 3246 background-position: -84px 0px !important; | |
| 3247 } | |
| 3248 .jqx-editor-toolbar-icon-createlink { | |
| 3249 background-position: -147px 0px !important; | |
| 3250 } | |
| 3251 .jqx-editor-toolbar-icon-insertorderedlist { | |
| 3252 background-position: -168px 0px !important; | |
| 3253 } | |
| 3254 .jqx-editor-toolbar-icon-insertunorderedlist { | |
| 3255 background-position: -189px 0px !important; | |
| 3256 } | |
| 3257 .jqx-editor-toolbar-icon-outdent { | |
| 3258 background-position: -210px 0px !important; | |
| 3259 } | |
| 3260 .jqx-editor-toolbar-icon-indent { | |
| 3261 background-position: -231px 0px !important; | |
| 3262 } | |
| 3263 .jqx-editor-toolbar-icon-insertimage { | |
| 3264 background-position: -337px 0px !important; | |
| 3265 } | |
| 3266 .jqx-editor-toolbar-icon-justifyleft { | |
| 3267 background-position: -252px 0px !important; | |
| 3268 } | |
| 3269 .jqx-editor-toolbar-icon-justifycenter { | |
| 3270 background-position: -273px 0px !important; | |
| 3271 } | |
| 3272 .jqx-editor-toolbar-icon-justifyright { | |
| 3273 background-position: -294px 0px !important; | |
| 3274 } | |
| 3275 .jqx-editor-toolbar-icon-removeformat { | |
| 3276 background-position: -316px 0px !important; | |
| 3277 } | |
| 3278 .jqx-editor-toolbar-icon-viewsource { | |
| 3279 background-position: -359px 0px !important; | |
| 3280 } | |
| 3281 .jqx-editor-toolbar-icon-forecolor { | |
| 3282 background-position: -105px 0px !important; | |
| 3283 height: 15px; | |
| 3284 } | |
| 3285 .jqx-editor-toolbar-icon-backcolor { | |
| 3286 background-position: -380px 0px !important; | |
| 3287 height: 15px; | |
| 3288 } | |
| 3289 | |
| 3290 .jqx-editor-toolbar-icon:hover { | |
| 3291 opacity: 1; | |
| 3292 } | |
| 3293 .jqx-fill-state-disabled .jqx-editor-toolbar-icon { | |
| 3294 opacity: .667; | |
| 3295 } | |
| 3296 .jqx-editor-toolbar-item { | |
| 3297 display: inline-block; | |
| 3298 margin-left: 2px; | |
| 3299 vertical-align: middle; | |
| 3300 } | |
| 3301 .jqx-editor-toolbar-separator { | |
| 3302 border-left: 1px solid #ccc; | |
| 3303 margin: 0 2px; | |
| 3304 outline: none; | |
| 3305 overflow: hidden; | |
| 3306 padding: 0; | |
| 3307 text-decoration: none; | |
| 3308 vertical-align: middle; | |
| 3309 width: 0; | |
| 3310 display: inline-block; | |
| 3311 } | |
| 3312 .jqx-editor-toolbar-group { | |
| 3313 display: inline-block; | |
| 3314 margin-right: 4px; | |
| 3315 margin-top: 4px; | |
| 3316 white-space: nowrap; | |
| 3317 } | |
| 3318 .jqx-editor-toolbar-button { | |
| 3319 text-decoration: none; | |
| 3320 vertical-align: middle; | |
| 3321 cursor: default; | |
| 3322 display: inline-block; | |
| 3323 padding: 0px !important; | |
| 3324 margin-right: 2px; | |
| 3325 } | |
| 3326 .jqx-editor-toolbar-group .jqx-editor-toolbar-button { | |
| 3327 margin-right: -1px; | |
| 3328 box-shadow: none; | |
| 3329 position: relative; | |
| 3330 margin-left: 0px !important; | |
| 3331 } | |
| 3332 .jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover, .jqx-editor-toolbar-group .jqx-editor-toolbar-button:active { | |
| 3333 z-index: 55; | |
| 3334 } | |
| 3335 .jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal { | |
| 3336 background: transparent !important; | |
| 3337 } | |
| 3338 | |
| 3339 /*applied to all widgets*/ | |
| 3340 .jqx-widget{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; zoom: 1; color: #000000; -moz-background-clip: padding; background-clip: padding-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-appearance: none; -webkit-background-clip: padding-box; direction: ltr !important; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px;} | |
| 3341 | |
| 3342 .jqx-item{-ms-touch-action: none; -moz-box-sizing: content-box; box-sizing: content-box; color: inherit; -webkit-text-size-adjust: none;} | |
| 3343 | |
| 3344 /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/ | |
| 3345 .jqx-widget-content {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color: #c7c7c7; background: #fff; } | |
| 3346 /*applied to header areas. Tabs, Menu, Window, Calendar.*/ | |
| 3347 .jqx-widget-header {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;-moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); border-color: #c5c5c5; background: #e8e8e8; } | |
| 3348 | |
| 3349 .jqx-fill-state-normal{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color:#aaa; background: #efefef; } | |
| 3350 .jqx-fill-state-hover {-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #e8e8e8;} | |
| 3351 .jqx-fill-state-pressed{-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #d1d1d1;} | |
| 3352 .jqx-fill-state-focus {border-color: #555; } | |
| 3353 .jqx-fill-state-disabled {cursor: default; color: #000; opacity: .55; filter:Alpha(Opacity=45);} | |
| 3354 .jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td { | |
| 3355 box-sizing: border-box; -moz-box-sizing: border-box; | |
| 3356 } | |
| 3357 .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #aaa;} | |
| 3358 .jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton | |
| 3359 { | |
| 3360 background-color: transparent; | |
| 3361 border-color: #aaa; | |
| 3362 } | |
| 3363 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited | |
| 3364 { | |
| 3365 *color: expression(this.parentNode.currentStyle['color']); | |
| 3366 } | |
| 3367 .jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright | |
| 3368 { | |
| 3369 background-color: #e5e5e5; | |
| 3370 } | |
| 3371 | |
| 3372 .jqx-tabs-title-selected-top | |
| 3373 { | |
| 3374 border-color: #aaa; | |
| 3375 border-bottom: 1px solid #fff; | |
| 3376 background-color: #fff; | |
| 3377 } | |
| 3378 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ | |
| 3379 .jqx-tabs-title-selected-bottom | |
| 3380 { | |
| 3381 border-color: #aaa; | |
| 3382 border-top: 1px solid #fff; | |
| 3383 background-color: #fff; | |
| 3384 } | |
| 3385 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ | |
| 3386 .jqx-tabs-selection-tracker-top | |
| 3387 { | |
| 3388 border-color: #aaa; | |
| 3389 border-bottom: 1px solid #fff; | |
| 3390 } | |
| 3391 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ | |
| 3392 .jqx-tabs-selection-tracker-bottom | |
| 3393 { | |
| 3394 border-color: #aaa; | |
| 3395 border-top: 1px solid #fff; | |
| 3396 } | |
| 3397 /*jqxMaskedInput and jqxNumberInput Styles*/ | |
| 3398 .jqx-input | |
| 3399 { | |
| 3400 -webkit-appearance: none; | |
| 3401 padding: 0 0 0 0; | |
| 3402 outline: none; | |
| 3403 border-width: 1px; | |
| 3404 border-style: solid; | |
| 3405 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; | |
| 3406 } | |
| 3407 input[type=text].jqx-input, input[type=password].jqx-input { | |
| 3408 min-height: 16px; | |
| 3409 min-width: 16px; | |
| 3410 margin: 0px; | |
| 3411 border-width: 1px; | |
| 3412 border-style: solid; | |
| 3413 font-size: 13px; | |
| 3414 padding: 0px; | |
| 3415 } | |
| 3416 .jqx-input::-ms-reveal { | |
| 3417 display: none; | |
| 3418 } | |
| 3419 .jqx-input::-ms-clear { | |
| 3420 display: none; | |
| 3421 } | |
| 3422 .jqx-input-content::-ms-clear { | |
| 3423 display: none; | |
| 3424 } | |
| 3425 .jqx-input::-ms-value { | |
| 3426 margin: 0px; | |
| 3427 padding: 0px; | |
| 3428 min-height: 13px; | |
| 3429 line-height: 13px; | |
| 3430 } | |
| 3431 | |
| 3432 /*applied to the input when the validation fails.*/ | |
| 3433 .jqx-input-invalid | |
| 3434 { | |
| 3435 border-color: #dd4b39 !important; | |
| 3436 } | |
| 3437 | |
| 3438 /*applied to the input's content.*/ | |
| 3439 .jqx-input-content | |
| 3440 { | |
| 3441 -webkit-appearance: none; | |
| 3442 padding: 1px; | |
| 3443 resize: none; | |
| 3444 outline: none; | |
| 3445 outline-width: 0px; | |
| 3446 -webkit-user-modify:inherit; -moz-user-modify:inherit; | |
| 3447 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; | |
| 3448 } | |
| 3449 /*applied to the input when it is disabled.*/ | |
| 3450 .jqx-input-disabled | |
| 3451 { | |
| 3452 -webkit-appearance: none; | |
| 3453 resize: none; | |
| 3454 outline: none; | |
| 3455 outline-width: 0px; | |
| 3456 } | |
| 3457 /*applied to the list menu.*/ | |
| 3458 .jqx-listmenu-widget { | |
| 3459 -ms-touch-action: auto; | |
| 3460 } | |
| 3461 .jqx-listmenu-widget .jqx-widget-content{ | |
| 3462 -ms-touch-action: auto; | |
| 3463 } | |
| 3464 .jqx-listmenu-widget .jqx-widget-header{ | |
| 3465 -ms-touch-action: auto; | |
| 3466 } | |
| 3467 .jqx-listmenu-widget li{ | |
| 3468 -ms-touch-action: auto; | |
| 3469 } | |
| 3470 .jqx-menu-popup { | |
| 3471 | |
| 3472 } | |
| 3473 .jqx-menu-vertical | |
| 3474 { | |
| 3475 background-color: #efefef; | |
| 3476 } | |
| 3477 .jqx-color-picker | |
| 3478 { | |
| 3479 | |
| 3480 } | |
| 3481 .jqx-color-picker-panel | |
| 3482 { | |
| 3483 } | |
| 3484 .jqx-color-picker-map | |
| 3485 { | |
| 3486 border: 1px solid #A0A0A0; | |
| 3487 background-color: transparent; | |
| 3488 background-image: url('images/colorpicker/map-saturation.png'); | |
| 3489 background-repeat: no-repeat; | |
| 3490 background-position: left top; | |
| 3491 overflow: hidden; | |
| 3492 } | |
| 3493 .jqx-color-picker-map-hue | |
| 3494 { | |
| 3495 border: 1px solid #A0A0A0; | |
| 3496 background-color: transparent; | |
| 3497 background-image: url('images/colorpicker/map-hue.png'); | |
| 3498 background-repeat: no-repeat; | |
| 3499 background-position: left top; | |
| 3500 overflow: hidden; | |
| 3501 } | |
| 3502 .jqx-color-picker-map-overlay | |
| 3503 { | |
| 3504 background-color: transparent; | |
| 3505 background-image: url('images/colorpicker/map-saturation-overlay.png'); | |
| 3506 background-repeat: no-repeat; | |
| 3507 background-position: left top; | |
| 3508 } | |
| 3509 .jqx-color-picker-bar | |
| 3510 { | |
| 3511 border: 1px solid #A0A0A0; | |
| 3512 background-color: transparent; | |
| 3513 background-image: url('images/colorpicker/bar-saturation.png'); | |
| 3514 background-repeat: no-repeat; | |
| 3515 background-position: left top; | |
| 3516 } | |
| 3517 .jqx-color-picker-bar-hue | |
| 3518 { | |
| 3519 border: 1px solid #A0A0A0; | |
| 3520 background-color: transparent; | |
| 3521 background-image: url('images/colorpicker/bar-hue.png'); | |
| 3522 background-repeat: no-repeat; | |
| 3523 background-position: left top; | |
| 3524 } | |
| 3525 .jqx-color-picker-preview | |
| 3526 { | |
| 3527 border: 1px solid #A0A0A0; | |
| 3528 } | |
| 3529 .jqx-color-picker-pointer | |
| 3530 { | |
| 3531 background-image: url('images/crosshair.png'); | |
| 3532 background-repeat: no-repeat; | |
| 3533 height: 16px; | |
| 3534 width: 16px; | |
| 3535 } | |
| 3536 .jqx-color-picker-pointer-alt | |
| 3537 { | |
| 3538 background-image: url('images/crosshair-white.png'); | |
| 3539 background-repeat: no-repeat; | |
| 3540 height: 16px; | |
| 3541 width: 16px; | |
| 3542 } | |
| 3543 .jqx-color-picker-bar-pointer | |
| 3544 { | |
| 3545 background-image: url('images/pointer.png'); | |
| 3546 background-repeat: no-repeat; | |
| 3547 height: 15px; | |
| 3548 margin-left: 6px; | |
| 3549 background-position: right top; | |
| 3550 } | |
| 3551 .jqx-icon | |
| 3552 { | |
| 3553 width: 16px; | |
| 3554 height: 16px; | |
| 3555 margin: 0 auto; | |
| 3556 position: relative; | |
| 3557 top: 50%; | |
| 3558 margin-top: -8px; | |
| 3559 } | |
| 3560 .jqx-input-icon | |
| 3561 { | |
| 3562 width: 13px; | |
| 3563 height: 13px; | |
| 3564 margin: 0 auto; | |
| 3565 } | |
| 3566 .jqx-scrollbar-thumb-state-normal-touch | |
| 3567 { | |
| 3568 border-color:#c3c3c3; background: #c3c3c3; | |
| 3569 } | |
| 3570 .jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link{} | |
| 3571 .jqx-scrollbar .jqx-icon-arrow-up{width: 100%; height: 100%;} | |
| 3572 .jqx-scrollbar .jqx-icon-arrow-down{width: 100%; height: 100%;} | |
| 3573 .jqx-scrollbar .jqx-icon-arrow-left{width: 100%; height: 100%;} | |
| 3574 .jqx-scrollbar .jqx-icon-arrow-right{width: 100%; height: 100%;} | |
| 3575 /*jqx-listmenu*/ | |
| 3576 .jqx-listmenu-widget | |
| 3577 { | |
| 3578 border-width: 1px; | |
| 3579 border-style: solid; | |
| 3580 } | |
| 3581 ol.jqx-listmenu, ul.jqx-listmenu | |
| 3582 { | |
| 3583 margin: 0; | |
| 3584 padding: 0; | |
| 3585 border: 0; | |
| 3586 outline: 0; | |
| 3587 font-size: 100%; | |
| 3588 vertical-align: baseline; | |
| 3589 line-height: 1; | |
| 3590 counter-reset: section; | |
| 3591 } | |
| 3592 .jqx-listmenu li | |
| 3593 { | |
| 3594 margin-left: 0px; | |
| 3595 list-style: none; | |
| 3596 line-height: 1; | |
| 3597 } | |
| 3598 .jqx-listmenu | |
| 3599 { | |
| 3600 width: 100%; | |
| 3601 } | |
| 3602 .jqx-listmenu-header | |
| 3603 { | |
| 3604 padding: 15px; | |
| 3605 } | |
| 3606 .jqx-listmenu-item | |
| 3607 { | |
| 3608 cursor: pointer; | |
| 3609 padding: 15px; | |
| 3610 float: none; | |
| 3611 overflow: hidden; | |
| 3612 text-align: left; | |
| 3613 position: relative; | |
| 3614 } | |
| 3615 | |
| 3616 .jqx-listmenu-separator | |
| 3617 { | |
| 3618 padding: 10px; | |
| 3619 counter-reset: section; | |
| 3620 } | |
| 3621 .jqx-listmenu-header-label | |
| 3622 { | |
| 3623 margin-left: 30px; | |
| 3624 } | |
| 3625 .jqx-listmenu-arrow-right | |
| 3626 { | |
| 3627 width: 16px; | |
| 3628 height: 16px; | |
| 3629 position: absolute; | |
| 3630 top: 50%; | |
| 3631 margin-top: -7px; | |
| 3632 right: 7px; | |
| 3633 } | |
| 3634 .jqx-listmenu-arrow-rtl { | |
| 3635 right: 0px; | |
| 3636 left: 7px; | |
| 3637 } | |
| 3638 .jqx-listmenu-arrow-right-pressed | |
| 3639 { | |
| 3640 width: 16px; | |
| 3641 height: 16px; | |
| 3642 } | |
| 3643 .jqx-listmenu-header .jqx-button | |
| 3644 { | |
| 3645 -moz-border-radius: 10px; | |
| 3646 -webkit-border-radius: 10px; | |
| 3647 -o-border-radius: 10px; | |
| 3648 border-radius: 10px; | |
| 3649 padding: 6px 10px; | |
| 3650 } | |
| 3651 .jqx-listmenu-filter-input | |
| 3652 { | |
| 3653 -moz-border-radius: 3px; | |
| 3654 -webkit-border-radius: 3px; | |
| 3655 border-radius: 3px; | |
| 3656 border: 1px solid; | |
| 3657 outline: none; | |
| 3658 width: 97%; | |
| 3659 padding: 3px; | |
| 3660 padding-left: 10px; | |
| 3661 padding-right: 10px; | |
| 3662 border-color: #c7c7c7; | |
| 3663 background-color: #fff; | |
| 3664 font-size: 20px; | |
| 3665 min-height: 25px !important; | |
| 3666 height: 25px; | |
| 3667 } | |
| 3668 .jqx-listmenu-filter | |
| 3669 { | |
| 3670 text-align: center; | |
| 3671 padding: 4px; | |
| 3672 } | |
| 3673 ol li .jqx-listmenu-item-label:before | |
| 3674 { | |
| 3675 content: counter(section) ". "; | |
| 3676 counter-increment: section; | |
| 3677 } | |
| 3678 .jqx-listmenu div | |
| 3679 { | |
| 3680 clear: both; | |
| 3681 } | |
| 3682 .jqx-listmenu-auto-separator | |
| 3683 { | |
| 3684 } | |
| 3685 .jqx-listmenu-item-readonly | |
| 3686 { | |
| 3687 cursor: default; | |
| 3688 } | |
| 3689 .jqx-tooltip | |
| 3690 { | |
| 3691 position: absolute; | |
| 3692 width: auto; | |
| 3693 height: auto; | |
| 3694 } | |
| 3695 .jqx-tooltip-main | |
| 3696 { | |
| 3697 position: relative; | |
| 3698 width: 100%; | |
| 3699 height: 100%; | |
| 3700 text-align: center; | |
| 3701 filter: inherit; | |
| 3702 border-style: solid; | |
| 3703 border-width: 1px; | |
| 3704 } | |
| 3705 .jqx-tooltip-text | |
| 3706 { | |
| 3707 padding: 5px 8px; | |
| 3708 overflow: hidden; | |
| 3709 filter: inherit; | |
| 3710 } | |
| 3711 .jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main { | |
| 3712 -moz-border-radius: 5px; | |
| 3713 -webkit-border-radius: 5px; | |
| 3714 border-radius: 5px; | |
| 3715 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; | |
| 3716 } | |
| 3717 .jqx-tooltip-arrow | |
| 3718 { | |
| 3719 position: absolute; | |
| 3720 width: 0px; | |
| 3721 height: 0px; | |
| 3722 display: block; | |
| 3723 border-style: solid; | |
| 3724 margin: -6px 0 0 -7px; | |
| 3725 background: transparent !important; | |
| 3726 filter: inherit; | |
| 3727 } | |
| 3728 .jqx-tooltip-arrow-t-b | |
| 3729 { | |
| 3730 border-left-color: transparent !important; | |
| 3731 border-right-color: transparent !important; | |
| 3732 } | |
| 3733 .jqx-tooltip-arrow-l-r | |
| 3734 { | |
| 3735 border-top-color: transparent !important; | |
| 3736 border-bottom-color: transparent !important; | |
| 3737 } | |
| 3738 /*Sets the text-alignment to right.*/ | |
| 3739 .jqx-rtl{text-align: right !important;} | |
| 3740 .jqx-shadow{ | |
| 3741 -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15)!important; | |
| 3742 -moz-box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; | |
| 3743 -o-box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; | |
| 3744 box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; | |
| 3745 } | |
| 3746 .jqx-noshadow { | |
| 3747 -webkit-box-shadow: none !important; | |
| 3748 -moz-box-shadow : none !important; | |
| 3749 -o-box-shadow : none !important; | |
| 3750 box-shadow : none !important; | |
| 3751 } | |
| 3752 .jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl | |
| 3753 { | |
| 3754 background-image: url(images/icon-showpassword.png) !important; | |
| 3755 background-repeat: no-repeat !important; | |
| 3756 width: 14px; | |
| 3757 height: 9px; | |
| 3758 } | |
| 3759 .jqx-passwordinput-password-icon-ltr | |
| 3760 { | |
| 3761 background-position: right !important; | |
| 3762 } | |
| 3763 .jqx-passwordinput-password-icon-rtl | |
| 3764 { | |
| 3765 background-position: left !important; | |
| 3766 } | |
| 3767 .jqx-passwordinput-password-strength-inicator | |
| 3768 { | |
| 3769 width: 20%; | |
| 3770 height: 5px; | |
| 3771 margin-top: 5px; | |
| 3772 } | |
| 3773 /*top rounded Corners*/ | |
| 3774 .jqx-rc-t-expanded | |
| 3775 { | |
| 3776 -moz-border-radius-topleft: 0px !important; | |
| 3777 -webkit-border-top-left-radius: 0px !important; | |
| 3778 border-top-left-radius: 0px !important; | |
| 3779 -moz-border-radius-topright: 0px !important; | |
| 3780 -webkit-border-top-right-radius: 0px !important; | |
| 3781 border-top-right-radius: 0px !important; | |
| 3782 } | |
| 3783 /*bottom rounded Corners*/ | |
| 3784 .jqx-rc-b-expanded | |
| 3785 { | |
| 3786 -moz-border-radius-bottomleft: 0px !important; | |
| 3787 -webkit-border-bottom-left-radius: 0px !important; | |
| 3788 border-bottom-left-radius: 0px !important; | |
| 3789 -moz-border-radius-bottomright: 0px !important; | |
| 3790 -webkit-border-bottom-right-radius: 0px !important; | |
| 3791 border-bottom-right-radius: 0px !important; | |
| 3792 } | |
| 3793 .jqx-treemap-rectangle { | |
| 3794 font-size: 13px; | |
| 3795 font-weight: normal; | |
| 3796 border: 1px solid #555; | |
| 3797 color: #222; | |
| 3798 text-shadow: 0px 0px 0px; | |
| 3799 overflow: hidden; | |
| 3800 text-overflow: ellipsis; | |
| 3801 } | |
| 3802 .jqx-treemap-label { | |
| 3803 text-overflow: ellipsis; | |
| 3804 overflow: hidden; | |
| 3805 } | |
| 3806 .jqx-treemap-rectangle-parent { | |
| 3807 color: #222; | |
| 3808 font-size: 15px; | |
| 3809 font-family: Verdana; | |
| 3810 font-weight: bold; | |
| 3811 } | |
| 3812 .jqx-treemap-legend-label { | |
| 3813 color: #fff; | |
| 3814 } | |
| 3815 .jqx-treemap-legend { | |
| 3816 width: 350px; | |
| 3817 background-color: rgba(0, 0, 0, 0.1); | |
| 3818 z-index: 41; | |
| 3819 overflow: hidden; | |
| 3820 } | |
| 3821 .jqx-treemap-legend-table { | |
| 3822 table-layout: fixed; | |
| 3823 width: 100%; | |
| 3824 } | |
| 3825 .jqx-treemap-legend-color { | |
| 3826 height: 3px; | |
| 3827 } | |
| 3828 .jqx-treemap-legend-values { | |
| 3829 height: 12px; | |
| 3830 width: 100%; | |
| 3831 } | |
| 3832 .jqx-treemap-legend-value { | |
| 3833 font-size: 9px; | |
| 3834 position: absolute; | |
| 3835 color: #fff; | |
| 3836 } | |
| 3837 .jqx-treemap-rectangle-hover { | |
| 3838 -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); | |
| 3839 -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); | |
| 3840 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); | |
| 3841 z-index: 40; | |
| 3842 } | |
| 3843 /*jqxRangeSelector*/ | |
| 3844 .jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers, | |
| 3845 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter | |
| 3846 { | |
| 3847 box-shadow: none !important; | |
| 3848 -webkit-box-shadow: none !important; | |
| 3849 -moz-box-shadow: none !important; | |
| 3850 box-sizing: content-box !important; | |
| 3851 } | |
| 3852 .jqx-rangeselector-markers { | |
| 3853 | |
| 3854 } | |
| 3855 .jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow | |
| 3856 { | |
| 3857 position: absolute; | |
| 3858 } | |
| 3859 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider | |
| 3860 { | |
| 3861 height: 100%; | |
| 3862 } | |
| 3863 .jqx-rangeselector-ticks-container, .jqx-rangeselector-slider | |
| 3864 { | |
| 3865 width: 100%; | |
| 3866 box-shadow: none !important; | |
| 3867 -webkit-box-shadow: none !important; | |
| 3868 -moz-box-shadow: none !important; | |
| 3869 -moz-border-radius: 0px !important; | |
| 3870 -webkit-border-radius: 0px !important; | |
| 3871 border-radius: 0px !important; | |
| 3872 } | |
| 3873 .jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider | |
| 3874 { | |
| 3875 float: left; | |
| 3876 } | |
| 3877 .jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow | |
| 3878 { | |
| 3879 border-style: solid; | |
| 3880 } | |
| 3881 .jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks | |
| 3882 { | |
| 3883 width: 1px; | |
| 3884 background: #aaa; | |
| 3885 } | |
| 3886 .jqx-rangeselector-labels, .jqx-rangeselector-markers | |
| 3887 { | |
| 3888 white-space: nowrap; | |
| 3889 width: auto; | |
| 3890 } | |
| 3891 .jqx-rangeselector-slider, .jqx-rangeselector-markers | |
| 3892 { | |
| 3893 border-width: 1px !important; | |
| 3894 } | |
| 3895 .jqx-rangeselector-ticks-container | |
| 3896 { | |
| 3897 background-color: transparent; | |
| 3898 position: relative; | |
| 3899 } | |
| 3900 .jqx-rangeselector-shutter | |
| 3901 { | |
| 3902 opacity: 0.75; | |
| 3903 background: #efefef; | |
| 3904 border-width: 0px !important; | |
| 3905 } | |
| 3906 .jqx-rangeselector-slider | |
| 3907 { | |
| 3908 background-color: transparent !important; | |
| 3909 border-top: none !important; | |
| 3910 background-image: none !important; | |
| 3911 border-bottom: none !important; | |
| 3912 border-color: #aaa; | |
| 3913 border-right-color: transparent !important; | |
| 3914 position: relative; | |
| 3915 overflow: hidden; | |
| 3916 } | |
| 3917 .jqx-rangeselector-inner-slider | |
| 3918 { | |
| 3919 position: absolute; | |
| 3920 right: 0; | |
| 3921 background: #aaa; | |
| 3922 width: 1px; | |
| 3923 height: 100%; | |
| 3924 } | |
| 3925 .jqx-rangeselector-ticks | |
| 3926 { | |
| 3927 margin-top: 0px; | |
| 3928 } | |
| 3929 .jqx-rangeselector-labels, .jqx-rangeselector-group-labels | |
| 3930 { | |
| 3931 margin-top: 4px; | |
| 3932 } | |
| 3933 .jqx-rangeselector-markers | |
| 3934 { | |
| 3935 height: 20px; | |
| 3936 padding: 5px; | |
| 3937 opacity: 0.75; | |
| 3938 } | |
| 3939 .jqx-rangeselector-marker-arrow | |
| 3940 { | |
| 3941 width: 0px; | |
| 3942 height: 0px; | |
| 3943 display: block; | |
| 3944 margin: -6px 0 0 -7px; | |
| 3945 background-color: transparent !important; | |
| 3946 filter: inherit; | |
| 3947 border-top-width: 5px; | |
| 3948 border-bottom-width: 5px; | |
| 3949 border-right-color: transparent !important; | |
| 3950 border-left-color: transparent !important; | |
| 3951 background-clip: border-box; | |
| 3952 background-repeat: repeat; | |
| 3953 box-shadow: none !important; | |
| 3954 -webkit-box-shadow: none !important; | |
| 3955 background-image: none !important; | |
| 3956 } | |
| 3957 .jqx-rangeselector-marker-arrow-top { | |
| 3958 border-bottom-color: transparent !important; | |
| 3959 } | |
| 3960 .jqx-rangeselector-marker-arrow-bottom { | |
| 3961 border-top-color: transparent !important; | |
| 3962 } | |
| 3963 .jqx-rangeselector-marker-left-arrow | |
| 3964 { | |
| 3965 border-right-width: 0px; | |
| 3966 border-left-width: 5px; | |
| 3967 } | |
| 3968 .jqx-rangeselector-marker-right-arrow | |
| 3969 { | |
| 3970 border-right-width: 5px; | |
| 3971 border-left-width: 0px; | |
| 3972 } | |
| 3973 .jqx-rangeselector-markers-value | |
| 3974 { | |
| 3975 overflow: hidden; | |
| 3976 white-space: nowrap; | |
| 3977 } | |
| 3978 .jqx-rangeselector-group-labels-rtl | |
| 3979 { | |
| 3980 margin-right: 10px; | |
| 3981 direction: rtl; | |
| 3982 } | |
| 3983 .jqx-rangeselector-group-labels-ticks | |
| 3984 { | |
| 3985 height: 17px; | |
| 3986 } | |
| 3987 .jqx-rangeselector-group-labels-ticks-rtl | |
| 3988 { | |
| 3989 margin-left: 5px; | |
| 3990 } | |
| 3991 .jqx-action-button { | |
| 3992 border: none; | |
| 3993 border-left: 1px solid #c7c7c7; | |
| 3994 } | |
| 3995 .jqx-action-button-rtl { | |
| 3996 border: none; | |
| 3997 border-right: 1px solid #c7c7c7; | |
| 3998 cursor: pointer; | |
| 3999 } | |
| 4000 /*jqxBulletChart*/ | |
| 4001 .jqx-bulletchart | |
| 4002 { | |
| 4003 } | |
| 4004 .jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical | |
| 4005 { | |
| 4006 position: relative; | |
| 4007 } | |
| 4008 .jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels | |
| 4009 { | |
| 4010 position: absolute; | |
| 4011 } | |
| 4012 .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical | |
| 4013 { | |
| 4014 width: 100%; | |
| 4015 } | |
| 4016 .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal | |
| 4017 { | |
| 4018 float: left; | |
| 4019 overflow: hidden; | |
| 4020 } | |
| 4021 .jqx-bulletchart-title, .jqx-bulletchart-description | |
| 4022 { | |
| 4023 text-align: center; | |
| 4024 } | |
| 4025 .jqx-bulletchart-title-inner-container | |
| 4026 { | |
| 4027 margin: auto; | |
| 4028 top: 0; | |
| 4029 left: 0; | |
| 4030 right: 0; | |
| 4031 bottom: 0; | |
| 4032 } | |
| 4033 .jqx-bulletchart-title-inner-container-ltr | |
| 4034 { | |
| 4035 padding-right: 5px; | |
| 4036 } | |
| 4037 .jqx-bulletchart-title-inner-container-rtl | |
| 4038 { | |
| 4039 padding-left: 5px; | |
| 4040 } | |
| 4041 .jqx-bulletchart-title-description-ltr | |
| 4042 { | |
| 4043 text-align: right; | |
| 4044 } | |
| 4045 .jqx-bulletchart-title-description-rtl | |
| 4046 { | |
| 4047 text-align: left; | |
| 4048 } | |
| 4049 .jqx-bulletchart-title-description-vertical | |
| 4050 { | |
| 4051 text-align: center; | |
| 4052 } | |
| 4053 .jqx-bulletchart-title | |
| 4054 { | |
| 4055 font-size: 110%; | |
| 4056 font-weight: bold; | |
| 4057 } | |
| 4058 .jqx-bulletchart-description | |
| 4059 { | |
| 4060 font-size: 90%; | |
| 4061 } | |
| 4062 .jqx-bulletchart-range-horizontal | |
| 4063 { | |
| 4064 height: 100%; | |
| 4065 } | |
| 4066 .jqx-bulletchart-target-horizontal | |
| 4067 { | |
| 4068 top: 10%; | |
| 4069 height: 80%; | |
| 4070 } | |
| 4071 .jqx-bulletchart-target-vertical | |
| 4072 { | |
| 4073 left: 10%; | |
| 4074 width: 80%; | |
| 4075 } | |
| 4076 .jqx-bulletchart-ticks | |
| 4077 { | |
| 4078 background-color: #AAAAAA; | |
| 4079 } | |
| 4080 .jqx-bulletchart-ticks-horizontal | |
| 4081 { | |
| 4082 width: 1px; | |
| 4083 } | |
| 4084 .jqx-bulletchart-ticks-vertical | |
| 4085 { | |
| 4086 height: 1px; | |
| 4087 } | |
| 4088 .jqx-bulletchart-zero-tick | |
| 4089 { | |
| 4090 } | |
| 4091 .jqx-bulletchart-labels | |
| 4092 { | |
| 4093 } |
