1/*! X-editable - v1.5.1 2* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery 3* http://github.com/vitalets/x-editable 4* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ 5.editableform { 6 margin-bottom: 0; /* overwrites bootstrap margin */ 7} 8 9.editableform .control-group { 10 margin-bottom: 0; /* overwrites bootstrap margin */ 11 white-space: nowrap; /* prevent wrapping buttons on new line */ 12 line-height: 20px; /* overwriting bootstrap line-height. See #133 */ 13} 14 15/* 16 BS3 width:1005 for inputs breaks editable form in popup 17 See: https://github.com/vitalets/x-editable/issues/393 18*/ 19.editableform .form-control { 20 width: auto; 21} 22 23.editable-buttons { 24 display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ 25 vertical-align: top; 26 margin-left: 7px; 27 /* inline-block emulation for IE7*/ 28 zoom: 1; 29 *display: inline; 30} 31 32.editable-buttons.editable-buttons-bottom { 33 display: block; 34 margin-top: 7px; 35 margin-left: 0; 36} 37 38.editable-input { 39 vertical-align: top; 40 display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ 41 width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ 42 white-space: normal; /* reset white-space decalred in parent*/ 43 /* display-inline emulation for IE7*/ 44 zoom: 1; 45 *display: inline; 46} 47 48.editable-buttons .editable-cancel { 49 margin-left: 7px; 50} 51 52/*for jquery-ui buttons need set height to look more pretty*/ 53.editable-buttons button.ui-button-icon-only { 54 height: 24px; 55 width: 30px; 56} 57 58.editableform-loading { 59 background: url('../img/loading.gif') center center no-repeat; 60 height: 25px; 61 width: auto; 62 min-width: 25px; 63} 64 65.editable-inline .editableform-loading { 66 background-position: left 5px; 67} 68 69 .editable-error-block { 70 max-width: 300px; 71 margin: 5px 0 0 0; 72 width: auto; 73 white-space: normal; 74} 75 76/*add padding for jquery ui*/ 77.editable-error-block.ui-state-error { 78 padding: 3px; 79} 80 81.editable-error { 82 color: red; 83} 84 85/* ---- For specific types ---- */ 86 87.editableform .editable-date { 88 padding: 0; 89 margin: 0; 90 float: left; 91} 92 93/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */ 94.editable-inline .add-on .icon-th { 95 margin-top: 3px; 96 margin-left: 1px; 97} 98 99 100/* checklist vertical alignment */ 101.editable-checklist label input[type="checkbox"], 102.editable-checklist label span { 103 vertical-align: middle; 104 margin: 0; 105} 106 107.editable-checklist label { 108 white-space: nowrap; 109} 110 111/* set exact width of textarea to fit buttons toolbar */ 112.editable-wysihtml5 { 113 width: 566px; 114 height: 250px; 115} 116 117/* clear button shown as link in date inputs */ 118.editable-clear { 119 clear: both; 120 font-size: 0.9em; 121 text-decoration: none; 122 text-align: right; 123} 124 125/* IOS-style clear button for text inputs */ 126.editable-clear-x { 127 background: url('../img/clear.png') center center no-repeat; 128 display: block; 129 width: 13px; 130 height: 13px; 131 position: absolute; 132 opacity: 0.6; 133 z-index: 100; 134 135 top: 50%; 136 right: 6px; 137 margin-top: -6px; 138 139} 140 141.editable-clear-x:hover { 142 opacity: 1; 143} 144 145.editable-pre-wrapped { 146 white-space: pre-wrap; 147} 148.editable-container.editable-popup { 149 max-width: none !important; /* without this rule poshytip/tooltip does not stretch */ 150} 151 152.editable-container.popover { 153 width: auto; /* without this rule popover does not stretch */ 154} 155 156.editable-container.editable-inline { 157 display: inline-block; 158 vertical-align: middle; 159 width: auto; 160 /* inline-block emulation for IE7*/ 161 zoom: 1; 162 *display: inline; 163} 164 165.editable-container.ui-widget { 166 font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ 167 z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */ 168} 169.editable-click, 170a.editable-click, 171a.editable-click:hover { 172 text-decoration: none; 173 border-bottom: dashed 1px #0088cc; 174} 175 176.editable-click.editable-disabled, 177a.editable-click.editable-disabled, 178a.editable-click.editable-disabled:hover { 179 color: #585858; 180 cursor: default; 181 border-bottom: none; 182} 183 184.editable-empty, .editable-empty:hover, .editable-empty:focus{ 185 font-style: italic; 186 color: #DD1144; 187 /* border-bottom: none; */ 188 text-decoration: none; 189} 190 191.editable-unsaved { 192 font-weight: bold; 193} 194 195.editable-unsaved:after { 196/* content: '*'*/ 197} 198 199.editable-bg-transition { 200 -webkit-transition: background-color 1400ms ease-out; 201 -moz-transition: background-color 1400ms ease-out; 202 -o-transition: background-color 1400ms ease-out; 203 -ms-transition: background-color 1400ms ease-out; 204 transition: background-color 1400ms ease-out; 205} 206 207/*see https://github.com/vitalets/x-editable/issues/139 */ 208.form-horizontal .editable 209{ 210 padding-top: 5px; 211 display:inline-block; 212} 213 214 215/*! 216 * Datepicker for Bootstrap 217 * 218 * Copyright 2012 Stefan Petre 219 * Improvements by Andrew Rowls 220 * Licensed under the Apache License v2.0 221 * http://www.apache.org/licenses/LICENSE-2.0 222 * 223 */ 224.datepicker { 225 padding: 4px; 226 -webkit-border-radius: 4px; 227 -moz-border-radius: 4px; 228 border-radius: 4px; 229 direction: ltr; 230 /*.dow { 231 border-top: 1px solid #ddd !important; 232 }*/ 233 234} 235.datepicker-inline { 236 width: 220px; 237} 238.datepicker.datepicker-rtl { 239 direction: rtl; 240} 241.datepicker.datepicker-rtl table tr td span { 242 float: right; 243} 244.datepicker-dropdown { 245 top: 0; 246 left: 0; 247} 248.datepicker-dropdown:before { 249 content: ''; 250 display: inline-block; 251 border-left: 7px solid transparent; 252 border-right: 7px solid transparent; 253 border-bottom: 7px solid #ccc; 254 border-bottom-color: rgba(0, 0, 0, 0.2); 255 position: absolute; 256 top: -7px; 257 left: 6px; 258} 259.datepicker-dropdown:after { 260 content: ''; 261 display: inline-block; 262 border-left: 6px solid transparent; 263 border-right: 6px solid transparent; 264 border-bottom: 6px solid #ffffff; 265 position: absolute; 266 top: -6px; 267 left: 7px; 268} 269.datepicker > div { 270 display: none; 271} 272.datepicker.days div.datepicker-days { 273 display: block; 274} 275.datepicker.months div.datepicker-months { 276 display: block; 277} 278.datepicker.years div.datepicker-years { 279 display: block; 280} 281.datepicker table { 282 margin: 0; 283} 284.datepicker td, 285.datepicker th { 286 text-align: center; 287 width: 20px; 288 height: 20px; 289 -webkit-border-radius: 4px; 290 -moz-border-radius: 4px; 291 border-radius: 4px; 292 border: none; 293} 294.table-striped .datepicker table tr td, 295.table-striped .datepicker table tr th { 296 background-color: transparent; 297} 298.datepicker table tr td.day:hover { 299 background: #eeeeee; 300 cursor: pointer; 301} 302.datepicker table tr td.old, 303.datepicker table tr td.new { 304 color: #999999; 305} 306.datepicker table tr td.disabled, 307.datepicker table tr td.disabled:hover { 308 background: none; 309 color: #999999; 310 cursor: default; 311} 312.datepicker table tr td.today, 313.datepicker table tr td.today:hover, 314.datepicker table tr td.today.disabled, 315.datepicker table tr td.today.disabled:hover { 316 background-color: #fde19a; 317 background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); 318 background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); 319 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); 320 background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); 321 background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); 322 background-image: linear-gradient(top, #fdd49a, #fdf59a); 323 background-repeat: repeat-x; 324 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); 325 border-color: #fdf59a #fdf59a #fbed50; 326 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 327 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 328 color: #000; 329} 330.datepicker table tr td.today:hover, 331.datepicker table tr td.today:hover:hover, 332.datepicker table tr td.today.disabled:hover, 333.datepicker table tr td.today.disabled:hover:hover, 334.datepicker table tr td.today:active, 335.datepicker table tr td.today:hover:active, 336.datepicker table tr td.today.disabled:active, 337.datepicker table tr td.today.disabled:hover:active, 338.datepicker table tr td.today.active, 339.datepicker table tr td.today:hover.active, 340.datepicker table tr td.today.disabled.active, 341.datepicker table tr td.today.disabled:hover.active, 342.datepicker table tr td.today.disabled, 343.datepicker table tr td.today:hover.disabled, 344.datepicker table tr td.today.disabled.disabled, 345.datepicker table tr td.today.disabled:hover.disabled, 346.datepicker table tr td.today[disabled], 347.datepicker table tr td.today:hover[disabled], 348.datepicker table tr td.today.disabled[disabled], 349.datepicker table tr td.today.disabled:hover[disabled] { 350 background-color: #fdf59a; 351} 352.datepicker table tr td.today:active, 353.datepicker table tr td.today:hover:active, 354.datepicker table tr td.today.disabled:active, 355.datepicker table tr td.today.disabled:hover:active, 356.datepicker table tr td.today.active, 357.datepicker table tr td.today:hover.active, 358.datepicker table tr td.today.disabled.active, 359.datepicker table tr td.today.disabled:hover.active { 360 background-color: #fbf069 \9; 361} 362.datepicker table tr td.today:hover:hover { 363 color: #000; 364} 365.datepicker table tr td.today.active:hover { 366 color: #fff; 367} 368.datepicker table tr td.range, 369.datepicker table tr td.range:hover, 370.datepicker table tr td.range.disabled, 371.datepicker table tr td.range.disabled:hover { 372 background: #eeeeee; 373 -webkit-border-radius: 0; 374 -moz-border-radius: 0; 375 border-radius: 0; 376} 377.datepicker table tr td.range.today, 378.datepicker table tr td.range.today:hover, 379.datepicker table tr td.range.today.disabled, 380.datepicker table tr td.range.today.disabled:hover { 381 background-color: #f3d17a; 382 background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a); 383 background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a); 384 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); 385 background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a); 386 background-image: -o-linear-gradient(top, #f3c17a, #f3e97a); 387 background-image: linear-gradient(top, #f3c17a, #f3e97a); 388 background-repeat: repeat-x; 389 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); 390 border-color: #f3e97a #f3e97a #edde34; 391 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 392 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 393 -webkit-border-radius: 0; 394 -moz-border-radius: 0; 395 border-radius: 0; 396} 397.datepicker table tr td.range.today:hover, 398.datepicker table tr td.range.today:hover:hover, 399.datepicker table tr td.range.today.disabled:hover, 400.datepicker table tr td.range.today.disabled:hover:hover, 401.datepicker table tr td.range.today:active, 402.datepicker table tr td.range.today:hover:active, 403.datepicker table tr td.range.today.disabled:active, 404.datepicker table tr td.range.today.disabled:hover:active, 405.datepicker table tr td.range.today.active, 406.datepicker table tr td.range.today:hover.active, 407.datepicker table tr td.range.today.disabled.active, 408.datepicker table tr td.range.today.disabled:hover.active, 409.datepicker table tr td.range.today.disabled, 410.datepicker table tr td.range.today:hover.disabled, 411.datepicker table tr td.range.today.disabled.disabled, 412.datepicker table tr td.range.today.disabled:hover.disabled, 413.datepicker table tr td.range.today[disabled], 414.datepicker table tr td.range.today:hover[disabled], 415.datepicker table tr td.range.today.disabled[disabled], 416.datepicker table tr td.range.today.disabled:hover[disabled] { 417 background-color: #f3e97a; 418} 419.datepicker table tr td.range.today:active, 420.datepicker table tr td.range.today:hover:active, 421.datepicker table tr td.range.today.disabled:active, 422.datepicker table tr td.range.today.disabled:hover:active, 423.datepicker table tr td.range.today.active, 424.datepicker table tr td.range.today:hover.active, 425.datepicker table tr td.range.today.disabled.active, 426.datepicker table tr td.range.today.disabled:hover.active { 427 background-color: #efe24b \9; 428} 429.datepicker table tr td.selected, 430.datepicker table tr td.selected:hover, 431.datepicker table tr td.selected.disabled, 432.datepicker table tr td.selected.disabled:hover { 433 background-color: #9e9e9e; 434 background-image: -moz-linear-gradient(top, #b3b3b3, #808080); 435 background-image: -ms-linear-gradient(top, #b3b3b3, #808080); 436 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); 437 background-image: -webkit-linear-gradient(top, #b3b3b3, #808080); 438 background-image: -o-linear-gradient(top, #b3b3b3, #808080); 439 background-image: linear-gradient(top, #b3b3b3, #808080); 440 background-repeat: repeat-x; 441 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); 442 border-color: #808080 #808080 #595959; 443 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 444 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 445 color: #fff; 446 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 447} 448.datepicker table tr td.selected:hover, 449.datepicker table tr td.selected:hover:hover, 450.datepicker table tr td.selected.disabled:hover, 451.datepicker table tr td.selected.disabled:hover:hover, 452.datepicker table tr td.selected:active, 453.datepicker table tr td.selected:hover:active, 454.datepicker table tr td.selected.disabled:active, 455.datepicker table tr td.selected.disabled:hover:active, 456.datepicker table tr td.selected.active, 457.datepicker table tr td.selected:hover.active, 458.datepicker table tr td.selected.disabled.active, 459.datepicker table tr td.selected.disabled:hover.active, 460.datepicker table tr td.selected.disabled, 461.datepicker table tr td.selected:hover.disabled, 462.datepicker table tr td.selected.disabled.disabled, 463.datepicker table tr td.selected.disabled:hover.disabled, 464.datepicker table tr td.selected[disabled], 465.datepicker table tr td.selected:hover[disabled], 466.datepicker table tr td.selected.disabled[disabled], 467.datepicker table tr td.selected.disabled:hover[disabled] { 468 background-color: #808080; 469} 470.datepicker table tr td.selected:active, 471.datepicker table tr td.selected:hover:active, 472.datepicker table tr td.selected.disabled:active, 473.datepicker table tr td.selected.disabled:hover:active, 474.datepicker table tr td.selected.active, 475.datepicker table tr td.selected:hover.active, 476.datepicker table tr td.selected.disabled.active, 477.datepicker table tr td.selected.disabled:hover.active { 478 background-color: #666666 \9; 479} 480.datepicker table tr td.active, 481.datepicker table tr td.active:hover, 482.datepicker table tr td.active.disabled, 483.datepicker table tr td.active.disabled:hover { 484 background-color: #006dcc; 485 background-image: -moz-linear-gradient(top, #0088cc, #0044cc); 486 background-image: -ms-linear-gradient(top, #0088cc, #0044cc); 487 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); 488 background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); 489 background-image: -o-linear-gradient(top, #0088cc, #0044cc); 490 background-image: linear-gradient(top, #0088cc, #0044cc); 491 background-repeat: repeat-x; 492 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); 493 border-color: #0044cc #0044cc #002a80; 494 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 495 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 496 color: #fff; 497 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 498} 499.datepicker table tr td.active:hover, 500.datepicker table tr td.active:hover:hover, 501.datepicker table tr td.active.disabled:hover, 502.datepicker table tr td.active.disabled:hover:hover, 503.datepicker table tr td.active:active, 504.datepicker table tr td.active:hover:active, 505.datepicker table tr td.active.disabled:active, 506.datepicker table tr td.active.disabled:hover:active, 507.datepicker table tr td.active.active, 508.datepicker table tr td.active:hover.active, 509.datepicker table tr td.active.disabled.active, 510.datepicker table tr td.active.disabled:hover.active, 511.datepicker table tr td.active.disabled, 512.datepicker table tr td.active:hover.disabled, 513.datepicker table tr td.active.disabled.disabled, 514.datepicker table tr td.active.disabled:hover.disabled, 515.datepicker table tr td.active[disabled], 516.datepicker table tr td.active:hover[disabled], 517.datepicker table tr td.active.disabled[disabled], 518.datepicker table tr td.active.disabled:hover[disabled] { 519 background-color: #0044cc; 520} 521.datepicker table tr td.active:active, 522.datepicker table tr td.active:hover:active, 523.datepicker table tr td.active.disabled:active, 524.datepicker table tr td.active.disabled:hover:active, 525.datepicker table tr td.active.active, 526.datepicker table tr td.active:hover.active, 527.datepicker table tr td.active.disabled.active, 528.datepicker table tr td.active.disabled:hover.active { 529 background-color: #003399 \9; 530} 531.datepicker table tr td span { 532 display: block; 533 width: 23%; 534 height: 54px; 535 line-height: 54px; 536 float: left; 537 margin: 1%; 538 cursor: pointer; 539 -webkit-border-radius: 4px; 540 -moz-border-radius: 4px; 541 border-radius: 4px; 542} 543.datepicker table tr td span:hover { 544 background: #eeeeee; 545} 546.datepicker table tr td span.disabled, 547.datepicker table tr td span.disabled:hover { 548 background: none; 549 color: #999999; 550 cursor: default; 551} 552.datepicker table tr td span.active, 553.datepicker table tr td span.active:hover, 554.datepicker table tr td span.active.disabled, 555.datepicker table tr td span.active.disabled:hover { 556 background-color: #006dcc; 557 background-image: -moz-linear-gradient(top, #0088cc, #0044cc); 558 background-image: -ms-linear-gradient(top, #0088cc, #0044cc); 559 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); 560 background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); 561 background-image: -o-linear-gradient(top, #0088cc, #0044cc); 562 background-image: linear-gradient(top, #0088cc, #0044cc); 563 background-repeat: repeat-x; 564 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); 565 border-color: #0044cc #0044cc #002a80; 566 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 567 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); 568 color: #fff; 569 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 570} 571.datepicker table tr td span.active:hover, 572.datepicker table tr td span.active:hover:hover, 573.datepicker table tr td span.active.disabled:hover, 574.datepicker table tr td span.active.disabled:hover:hover, 575.datepicker table tr td span.active:active, 576.datepicker table tr td span.active:hover:active, 577.datepicker table tr td span.active.disabled:active, 578.datepicker table tr td span.active.disabled:hover:active, 579.datepicker table tr td span.active.active, 580.datepicker table tr td span.active:hover.active, 581.datepicker table tr td span.active.disabled.active, 582.datepicker table tr td span.active.disabled:hover.active, 583.datepicker table tr td span.active.disabled, 584.datepicker table tr td span.active:hover.disabled, 585.datepicker table tr td span.active.disabled.disabled, 586.datepicker table tr td span.active.disabled:hover.disabled, 587.datepicker table tr td span.active[disabled], 588.datepicker table tr td span.active:hover[disabled], 589.datepicker table tr td span.active.disabled[disabled], 590.datepicker table tr td span.active.disabled:hover[disabled] { 591 background-color: #0044cc; 592} 593.datepicker table tr td span.active:active, 594.datepicker table tr td span.active:hover:active, 595.datepicker table tr td span.active.disabled:active, 596.datepicker table tr td span.active.disabled:hover:active, 597.datepicker table tr td span.active.active, 598.datepicker table tr td span.active:hover.active, 599.datepicker table tr td span.active.disabled.active, 600.datepicker table tr td span.active.disabled:hover.active { 601 background-color: #003399 \9; 602} 603.datepicker table tr td span.old, 604.datepicker table tr td span.new { 605 color: #999999; 606} 607.datepicker th.datepicker-switch { 608 width: 145px; 609} 610.datepicker thead tr:first-child th, 611.datepicker tfoot tr th { 612 cursor: pointer; 613} 614.datepicker thead tr:first-child th:hover, 615.datepicker tfoot tr th:hover { 616 background: #eeeeee; 617} 618.datepicker .cw { 619 font-size: 10px; 620 width: 12px; 621 padding: 0 2px 0 5px; 622 vertical-align: middle; 623} 624.datepicker thead tr:first-child th.cw { 625 cursor: default; 626 background-color: transparent; 627} 628.input-append.date .add-on i, 629.input-prepend.date .add-on i { 630 display: block; 631 cursor: pointer; 632 width: 16px; 633 height: 16px; 634} 635.input-daterange input { 636 text-align: center; 637} 638.input-daterange input:first-child { 639 -webkit-border-radius: 3px 0 0 3px; 640 -moz-border-radius: 3px 0 0 3px; 641 border-radius: 3px 0 0 3px; 642} 643.input-daterange input:last-child { 644 -webkit-border-radius: 0 3px 3px 0; 645 -moz-border-radius: 0 3px 3px 0; 646 border-radius: 0 3px 3px 0; 647} 648.input-daterange .add-on { 649 display: inline-block; 650 width: auto; 651 min-width: 16px; 652 height: 18px; 653 padding: 4px 5px; 654 font-weight: normal; 655 line-height: 18px; 656 text-align: center; 657 text-shadow: 0 1px 0 #ffffff; 658 vertical-align: middle; 659 background-color: #eeeeee; 660 border: 1px solid #ccc; 661 margin-left: -5px; 662 margin-right: -5px; 663} 664