|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.editableform { |
|
margin-bottom: 0 |
|
} |
|
|
|
.editableform .control-group { |
|
margin-bottom: 0; |
|
white-space: nowrap; |
|
line-height: 20px |
|
} |
|
|
|
.form-horizontal .editable-popup .editableform .form-group { |
|
margin-left: 0; |
|
margin-right: 0 |
|
} |
|
|
|
.editableform .form-control { |
|
width: auto |
|
} |
|
|
|
.editable-buttons { |
|
display: inline-block; |
|
vertical-align: top; |
|
margin-left: 7px; |
|
zoom: 1 |
|
} |
|
|
|
.editable-buttons.editable-buttons-bottom { |
|
display: block; |
|
margin-top: 7px; |
|
margin-left: 0 |
|
} |
|
|
|
.editable-input { |
|
vertical-align: top; |
|
display: inline-block; |
|
width: auto; |
|
white-space: normal; |
|
zoom: 1 |
|
} |
|
|
|
.editable-buttons .editable-cancel { |
|
margin-left: 7px |
|
} |
|
|
|
.editable-buttons button.ui-button-icon-only { |
|
height: 24px; |
|
width: 30px |
|
} |
|
|
|
.editableform-loading { |
|
background: url(../img/loading.gif) center center no-repeat; |
|
height: 25px; |
|
width: auto; |
|
min-width: 25px |
|
} |
|
|
|
.editable-inline .editableform-loading { |
|
background-position: left 5px |
|
} |
|
|
|
.editable-error-block { |
|
max-width: 300px; |
|
margin: 5px 0 0 0; |
|
width: auto; |
|
white-space: normal |
|
} |
|
|
|
.editable-error-block.ui-state-error { |
|
padding: 3px |
|
} |
|
|
|
.editable-error { |
|
color: red |
|
} |
|
|
|
.editableform .editable-date { |
|
padding: 0; |
|
margin: 0; |
|
float: left |
|
} |
|
|
|
.editable-inline .add-on .icon-th { |
|
margin-top: 3px; |
|
margin-left: 1px |
|
} |
|
|
|
.editable-checklist label input[type=checkbox], |
|
.editable-checklist label span { |
|
vertical-align: middle; |
|
margin: 0 |
|
} |
|
|
|
.editable-checklist label { |
|
white-space: nowrap |
|
} |
|
|
|
.editable-wysihtml5 { |
|
width: 566px; |
|
height: 250px |
|
} |
|
|
|
.editable-clear { |
|
clear: both; |
|
font-size: .9em; |
|
text-decoration: none; |
|
text-align: right |
|
} |
|
|
|
.editable-clear-x { |
|
background: url(../img/clear.png) center center no-repeat; |
|
display: block; |
|
width: 17px; |
|
height: 17px; |
|
position: absolute; |
|
opacity: .6; |
|
z-index: 100; |
|
top: 50%; |
|
right: 6px; |
|
margin-top: -6px |
|
} |
|
|
|
.editable-clear-x:hover { |
|
opacity: 2 |
|
} |
|
|
|
.editable-pre-wrapped { |
|
white-space: pre-wrap |
|
} |
|
|
|
.editable-container.editable-popup { |
|
max-width: none !important |
|
} |
|
|
|
.editable-container.popover { |
|
width: auto |
|
} |
|
|
|
.editable-container.editable-inline { |
|
display: inline-block; |
|
vertical-align: middle; |
|
width: auto; |
|
zoom: 1 |
|
} |
|
|
|
.editable-container.ui-widget { |
|
font-size: inherit; |
|
z-index: 9990 |
|
} |
|
|
|
.editable-click, |
|
a.editable-click, |
|
a.editable-click:hover { |
|
text-decoration: none; |
|
border-bottom: dashed 1px #08c |
|
} |
|
|
|
.editable-click.editable-disabled, |
|
a.editable-click.editable-disabled, |
|
a.editable-click.editable-disabled:hover { |
|
color: #585858; |
|
cursor: default; |
|
border-bottom: none |
|
} |
|
|
|
.editable-empty, |
|
.editable-empty:focus, |
|
.editable-empty:hover { |
|
font-style: italic; |
|
color: #d14; |
|
text-decoration: none |
|
} |
|
|
|
.editable-unsaved { |
|
font-weight: 700 |
|
} |
|
|
|
.editable-bg-transition { |
|
-webkit-transition: background-color 1.4s ease-out; |
|
-moz-transition: background-color 1.4s ease-out; |
|
-o-transition: background-color 1.4s ease-out; |
|
-ms-transition: background-color 1.4s ease-out; |
|
transition: background-color 1.4s ease-out |
|
} |
|
|
|
.form-horizontal .editable { |
|
padding-top: 5px; |
|
display: inline-block |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.datepicker { |
|
padding: 4px; |
|
-webkit-border-radius: 4px; |
|
-moz-border-radius: 4px; |
|
border-radius: 4px; |
|
direction: ltr |
|
} |
|
|
|
.datepicker-inline { |
|
width: 220px |
|
} |
|
|
|
.datepicker.datepicker-rtl { |
|
direction: rtl |
|
} |
|
|
|
.datepicker.datepicker-rtl table tr td span { |
|
float: right |
|
} |
|
|
|
.datepicker-dropdown { |
|
top: 0; |
|
left: 0 |
|
} |
|
|
|
.datepicker-dropdown:before { |
|
content: ''; |
|
display: inline-block; |
|
border-left: 7px solid transparent; |
|
border-right: 7px solid transparent; |
|
border-bottom: 7px solid #ccc; |
|
border-bottom-color: rgba(0, 0, 0, .2); |
|
position: absolute; |
|
top: -7px; |
|
left: 6px |
|
} |
|
|
|
.datepicker-dropdown:after { |
|
content: ''; |
|
display: inline-block; |
|
border-left: 6px solid transparent; |
|
border-right: 6px solid transparent; |
|
border-bottom: 6px solid #fff; |
|
position: absolute; |
|
top: -6px; |
|
left: 7px |
|
} |
|
|
|
.datepicker>div { |
|
display: none |
|
} |
|
|
|
.datepicker.days div.datepicker-days { |
|
display: block |
|
} |
|
|
|
.datepicker.months div.datepicker-months { |
|
display: block |
|
} |
|
|
|
.datepicker.years div.datepicker-years { |
|
display: block |
|
} |
|
|
|
.datepicker table { |
|
margin: 0 |
|
} |
|
|
|
.datepicker td, |
|
.datepicker th { |
|
text-align: center; |
|
width: 20px; |
|
height: 20px; |
|
-webkit-border-radius: 4px; |
|
-moz-border-radius: 4px; |
|
border-radius: 4px; |
|
border: none |
|
} |
|
|
|
.table-striped .datepicker table tr td, |
|
.table-striped .datepicker table tr th { |
|
background-color: transparent |
|
} |
|
|
|
.datepicker table tr td.day:hover { |
|
background: #eee; |
|
cursor: pointer |
|
} |
|
|
|
.datepicker table tr td.new, |
|
.datepicker table tr td.old { |
|
color: #999 |
|
} |
|
|
|
.datepicker table tr td.disabled, |
|
.datepicker table tr td.disabled:hover { |
|
background: 0 0; |
|
color: #999; |
|
cursor: default |
|
} |
|
|
|
.datepicker table tr td.today, |
|
.datepicker table tr td.today.disabled, |
|
.datepicker table tr td.today.disabled:hover, |
|
.datepicker table tr td.today:hover { |
|
background-color: #fde19a; |
|
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); |
|
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); |
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); |
|
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); |
|
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); |
|
background-image: linear-gradient(top, #fdd49a, #fdf59a); |
|
background-repeat: repeat-x; |
|
border-color: #fdf59a #fdf59a #fbed50; |
|
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); |
|
color: #000 |
|
} |
|
|
|
.datepicker table tr td.today.active, |
|
.datepicker table tr td.today.disabled, |
|
.datepicker table tr td.today.disabled.active, |
|
.datepicker table tr td.today.disabled.disabled, |
|
.datepicker table tr td.today.disabled:active, |
|
.datepicker table tr td.today.disabled:hover, |
|
.datepicker table tr td.today.disabled:hover.active, |
|
.datepicker table tr td.today.disabled:hover.disabled, |
|
.datepicker table tr td.today.disabled:hover:active, |
|
.datepicker table tr td.today.disabled:hover:hover, |
|
.datepicker table tr td.today.disabled:hover[disabled], |
|
.datepicker table tr td.today.disabled[disabled], |
|
.datepicker table tr td.today:active, |
|
.datepicker table tr td.today:hover, |
|
.datepicker table tr td.today:hover.active, |
|
.datepicker table tr td.today:hover.disabled, |
|
.datepicker table tr td.today:hover:active, |
|
.datepicker table tr td.today:hover:hover, |
|
.datepicker table tr td.today:hover[disabled], |
|
.datepicker table tr td.today[disabled] { |
|
background-color: #fdf59a |
|
} |
|
|
|
.datepicker table tr td.today:hover:hover { |
|
color: #000 |
|
} |
|
|
|
.datepicker table tr td.today.active:hover { |
|
color: #fff |
|
} |
|
|
|
.datepicker table tr td.range, |
|
.datepicker table tr td.range.disabled, |
|
.datepicker table tr td.range.disabled:hover, |
|
.datepicker table tr td.range:hover { |
|
background: #eee; |
|
-webkit-border-radius: 0; |
|
-moz-border-radius: 0; |
|
border-radius: 0 |
|
} |
|
|
|
.datepicker table tr td.range.today, |
|
.datepicker table tr td.range.today.disabled, |
|
.datepicker table tr td.range.today.disabled:hover, |
|
.datepicker table tr td.range.today:hover { |
|
background-color: #f3d17a; |
|
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a); |
|
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a); |
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); |
|
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a); |
|
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a); |
|
background-image: linear-gradient(top, #f3c17a, #f3e97a); |
|
background-repeat: repeat-x; |
|
border-color: #f3e97a #f3e97a #edde34; |
|
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); |
|
-webkit-border-radius: 0; |
|
-moz-border-radius: 0; |
|
border-radius: 0 |
|
} |
|
|
|
.datepicker table tr td.range.today.active, |
|
.datepicker table tr td.range.today.disabled, |
|
.datepicker table tr td.range.today.disabled.active, |
|
.datepicker table tr td.range.today.disabled.disabled, |
|
.datepicker table tr td.range.today.disabled:active, |
|
.datepicker table tr td.range.today.disabled:hover, |
|
.datepicker table tr td.range.today.disabled:hover.active, |
|
.datepicker table tr td.range.today.disabled:hover.disabled, |
|
.datepicker table tr td.range.today.disabled:hover:active, |
|
.datepicker table tr td.range.today.disabled:hover:hover, |
|
.datepicker table tr td.range.today.disabled:hover[disabled], |
|
.datepicker table tr td.range.today.disabled[disabled], |
|
.datepicker table tr td.range.today:active, |
|
.datepicker table tr td.range.today:hover, |
|
.datepicker table tr td.range.today:hover.active, |
|
.datepicker table tr td.range.today:hover.disabled, |
|
.datepicker table tr td.range.today:hover:active, |
|
.datepicker table tr td.range.today:hover:hover, |
|
.datepicker table tr td.range.today:hover[disabled], |
|
.datepicker table tr td.range.today[disabled] { |
|
background-color: #f3e97a |
|
} |
|
|
|
.datepicker table tr td.selected, |
|
.datepicker table tr td.selected.disabled, |
|
.datepicker table tr td.selected.disabled:hover, |
|
.datepicker table tr td.selected:hover { |
|
background-color: #9e9e9e; |
|
background-image: -moz-linear-gradient(top, #b3b3b3, grey); |
|
background-image: -ms-linear-gradient(top, #b3b3b3, grey); |
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey)); |
|
background-image: -webkit-linear-gradient(top, #b3b3b3, grey); |
|
background-image: -o-linear-gradient(top, #b3b3b3, grey); |
|
background-image: linear-gradient(top, #b3b3b3, grey); |
|
background-repeat: repeat-x; |
|
border-color: grey grey #595959; |
|
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); |
|
color: #fff; |
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) |
|
} |
|
|
|
.datepicker table tr td.selected.active, |
|
.datepicker table tr td.selected.disabled, |
|
.datepicker table tr td.selected.disabled.active, |
|
.datepicker table tr td.selected.disabled.disabled, |
|
.datepicker table tr td.selected.disabled:active, |
|
.datepicker table tr td.selected.disabled:hover, |
|
.datepicker table tr td.selected.disabled:hover.active, |
|
.datepicker table tr td.selected.disabled:hover.disabled, |
|
.datepicker table tr td.selected.disabled:hover:active, |
|
.datepicker table tr td.selected.disabled:hover:hover, |
|
.datepicker table tr td.selected.disabled:hover[disabled], |
|
.datepicker table tr td.selected.disabled[disabled], |
|
.datepicker table tr td.selected:active, |
|
.datepicker table tr td.selected:hover, |
|
.datepicker table tr td.selected:hover.active, |
|
.datepicker table tr td.selected:hover.disabled, |
|
.datepicker table tr td.selected:hover:active, |
|
.datepicker table tr td.selected:hover:hover, |
|
.datepicker table tr td.selected:hover[disabled], |
|
.datepicker table tr td.selected[disabled] { |
|
background-color: grey |
|
} |
|
|
|
.datepicker table tr td.active, |
|
.datepicker table tr td.active.disabled, |
|
.datepicker table tr td.active.disabled:hover, |
|
.datepicker table tr td.active:hover { |
|
background-color: #006dcc; |
|
background-image: -moz-linear-gradient(top, #08c, #04c); |
|
background-image: -ms-linear-gradient(top, #08c, #04c); |
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); |
|
background-image: -webkit-linear-gradient(top, #08c, #04c); |
|
background-image: -o-linear-gradient(top, #08c, #04c); |
|
background-image: linear-gradient(top, #08c, #04c); |
|
background-repeat: repeat-x; |
|
border-color: #04c #04c #002a80; |
|
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); |
|
color: #fff; |
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) |
|
} |
|
|
|
.datepicker table tr td.active.active, |
|
.datepicker table tr td.active.disabled, |
|
.datepicker table tr td.active.disabled.active, |
|
.datepicker table tr td.active.disabled.disabled, |
|
.datepicker table tr td.active.disabled:active, |
|
.datepicker table tr td.active.disabled:hover, |
|
.datepicker table tr td.active.disabled:hover.active, |
|
.datepicker table tr td.active.disabled:hover.disabled, |
|
.datepicker table tr td.active.disabled:hover:active, |
|
.datepicker table tr td.active.disabled:hover:hover, |
|
.datepicker table tr td.active.disabled:hover[disabled], |
|
.datepicker table tr td.active.disabled[disabled], |
|
.datepicker table tr td.active:active, |
|
.datepicker table tr td.active:hover, |
|
.datepicker table tr td.active:hover.active, |
|
.datepicker table tr td.active:hover.disabled, |
|
.datepicker table tr td.active:hover:active, |
|
.datepicker table tr td.active:hover:hover, |
|
.datepicker table tr td.active:hover[disabled], |
|
.datepicker table tr td.active[disabled] { |
|
background-color: #04c |
|
} |
|
|
|
.datepicker table tr td span { |
|
display: block; |
|
width: 23%; |
|
height: 54px; |
|
line-height: 54px; |
|
float: left; |
|
margin: 1%; |
|
cursor: pointer; |
|
-webkit-border-radius: 4px; |
|
-moz-border-radius: 4px; |
|
border-radius: 4px |
|
} |
|
|
|
.datepicker table tr td span:hover { |
|
background: #eee |
|
} |
|
|
|
.datepicker table tr td span.disabled, |
|
.datepicker table tr td span.disabled:hover { |
|
background: 0 0; |
|
color: #999; |
|
cursor: default |
|
} |
|
|
|
.datepicker table tr td span.active, |
|
.datepicker table tr td span.active.disabled, |
|
.datepicker table tr td span.active.disabled:hover, |
|
.datepicker table tr td span.active:hover { |
|
background-color: #006dcc; |
|
background-image: -moz-linear-gradient(top, #08c, #04c); |
|
background-image: -ms-linear-gradient(top, #08c, #04c); |
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); |
|
background-image: -webkit-linear-gradient(top, #08c, #04c); |
|
background-image: -o-linear-gradient(top, #08c, #04c); |
|
background-image: linear-gradient(top, #08c, #04c); |
|
background-repeat: repeat-x; |
|
border-color: #04c #04c #002a80; |
|
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); |
|
color: #fff; |
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) |
|
} |
|
|
|
.datepicker table tr td span.active.active, |
|
.datepicker table tr td span.active.disabled, |
|
.datepicker table tr td span.active.disabled.active, |
|
.datepicker table tr td span.active.disabled.disabled, |
|
.datepicker table tr td span.active.disabled:active, |
|
.datepicker table tr td span.active.disabled:hover, |
|
.datepicker table tr td span.active.disabled:hover.active, |
|
.datepicker table tr td span.active.disabled:hover.disabled, |
|
.datepicker table tr td span.active.disabled:hover:active, |
|
.datepicker table tr td span.active.disabled:hover:hover, |
|
.datepicker table tr td span.active.disabled:hover[disabled], |
|
.datepicker table tr td span.active.disabled[disabled], |
|
.datepicker table tr td span.active:active, |
|
.datepicker table tr td span.active:hover, |
|
.datepicker table tr td span.active:hover.active, |
|
.datepicker table tr td span.active:hover.disabled, |
|
.datepicker table tr td span.active:hover:active, |
|
.datepicker table tr td span.active:hover:hover, |
|
.datepicker table tr td span.active:hover[disabled], |
|
.datepicker table tr td span.active[disabled] { |
|
background-color: #04c |
|
} |
|
|
|
.datepicker table tr td span.new, |
|
.datepicker table tr td span.old { |
|
color: #999 |
|
} |
|
|
|
.datepicker th.datepicker-switch { |
|
width: 145px |
|
} |
|
|
|
.datepicker tfoot tr th, |
|
.datepicker thead tr:first-child th { |
|
cursor: pointer |
|
} |
|
|
|
.datepicker tfoot tr th:hover, |
|
.datepicker thead tr:first-child th:hover { |
|
background: #eee |
|
} |
|
|
|
.datepicker .cw { |
|
font-size: 10px; |
|
width: 12px; |
|
padding: 0 2px 0 5px; |
|
vertical-align: middle |
|
} |
|
|
|
.datepicker thead tr:first-child th.cw { |
|
cursor: default; |
|
background-color: transparent |
|
} |
|
|
|
.input-append.date .add-on i, |
|
.input-prepend.date .add-on i { |
|
display: block; |
|
cursor: pointer; |
|
width: 16px; |
|
height: 16px |
|
} |
|
|
|
.input-daterange input { |
|
text-align: center |
|
} |
|
|
|
.input-daterange input:first-child { |
|
-webkit-border-radius: 3px 0 0 3px; |
|
-moz-border-radius: 3px 0 0 3px; |
|
border-radius: 3px 0 0 3px |
|
} |
|
|
|
.input-daterange input:last-child { |
|
-webkit-border-radius: 0 3px 3px 0; |
|
-moz-border-radius: 0 3px 3px 0; |
|
border-radius: 0 3px 3px 0 |
|
} |
|
|
|
.input-daterange .add-on { |
|
display: inline-block; |
|
width: auto; |
|
min-width: 16px; |
|
height: 18px; |
|
padding: 4px 5px; |
|
font-weight: 400; |
|
line-height: 18px; |
|
text-align: center; |
|
text-shadow: 0 1px 0 #fff; |
|
vertical-align: middle; |
|
background-color: #eee; |
|
border: 1px solid #ccc; |
|
margin-left: -5px; |
|
margin-right: -5px |
|
} |
|
|
|
|