上传代码
512
src/main/webapp/test/css/bootstrap-datepicker/css/datepicker.css
vendored
Normal file
@@ -0,0 +1,512 @@
|
||||
/*!
|
||||
* Datepicker for Bootstrap
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Improvements by Andrew Rowls
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
.datepicker {
|
||||
padding: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
/*.dow {
|
||||
border-top: 1px solid #ddd !important;
|
||||
}*/
|
||||
}
|
||||
.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-top: 0;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #ffffff;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:before {
|
||||
left: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:after {
|
||||
left: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:before {
|
||||
right: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:after {
|
||||
right: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:before {
|
||||
top: -7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:after {
|
||||
top: -6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||
bottom: -7px;
|
||||
border-bottom: 0;
|
||||
border-top: 7px solid #999;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||
bottom: -6px;
|
||||
border-bottom: 0;
|
||||
border-top: 6px solid #ffffff;
|
||||
}
|
||||
.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;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.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,
|
||||
.datepicker table tr td.day.focused {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td.today,
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled: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;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||
border-color: #fdf59a #fdf59a #fbed50;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #000;
|
||||
}
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today:hover:hover,
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today.disabled:hover:hover,
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today:hover.disabled,
|
||||
.datepicker table tr td.today.disabled.disabled,
|
||||
.datepicker table tr td.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.today[disabled],
|
||||
.datepicker table tr td.today:hover[disabled],
|
||||
.datepicker table tr td.today.disabled[disabled],
|
||||
.datepicker table tr td.today.disabled:hover[disabled] {
|
||||
background-color: #fdf59a;
|
||||
}
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #fbf069 \9;
|
||||
}
|
||||
.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:hover,
|
||||
.datepicker table tr td.range.disabled,
|
||||
.datepicker table tr td.range.disabled:hover {
|
||||
background: #eeeeee;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today,
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today.disabled: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;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
|
||||
border-color: #f3e97a #f3e97a #edde34;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today:hover:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today:hover.disabled,
|
||||
.datepicker table tr td.range.today.disabled.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.range.today[disabled],
|
||||
.datepicker table tr td.range.today:hover[disabled],
|
||||
.datepicker table tr td.range.today.disabled[disabled],
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
||||
background-color: #f3e97a;
|
||||
}
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active {
|
||||
background-color: #efe24b \9;
|
||||
}
|
||||
.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover {
|
||||
background-color: #9e9e9e;
|
||||
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
|
||||
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: -o-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: linear-gradient(top, #b3b3b3, #808080);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
||||
border-color: #808080 #808080 #595959;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected:hover:hover,
|
||||
.datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected.disabled:hover:hover,
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected:hover.disabled,
|
||||
.datepicker table tr td.selected.disabled.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||
.datepicker table tr td.selected[disabled],
|
||||
.datepicker table tr td.selected:hover[disabled],
|
||||
.datepicker table tr td.selected.disabled[disabled],
|
||||
.datepicker table tr td.selected.disabled:hover[disabled] {
|
||||
background-color: #808080;
|
||||
}
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active {
|
||||
background-color: #666666 \9;
|
||||
}
|
||||
.datepicker table tr td.active,
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active:hover:hover,
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover:hover,
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active:hover.disabled,
|
||||
.datepicker table tr td.active.disabled.disabled,
|
||||
.datepicker table tr td.active.disabled:hover.disabled,
|
||||
.datepicker table tr td.active[disabled],
|
||||
.datepicker table tr td.active:hover[disabled],
|
||||
.datepicker table tr td.active.disabled[disabled],
|
||||
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.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: #eeeeee;
|
||||
}
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td span.active,
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active:hover.disabled,
|
||||
.datepicker table tr td span.active.disabled.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datepicker table tr td span.active[disabled],
|
||||
.datepicker table tr td span.active:hover[disabled],
|
||||
.datepicker table tr td span.active.disabled[disabled],
|
||||
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span.old,
|
||||
.datepicker table tr td span.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker th.datepicker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker thead tr:first-child th,
|
||||
.datepicker tfoot tr th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker thead tr:first-child th:hover,
|
||||
.datepicker tfoot tr th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.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 {
|
||||
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: 20px;
|
||||
padding: 4px 5px;
|
||||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
vertical-align: middle;
|
||||
background-color: #eeeeee;
|
||||
border: 1px solid #ccc;
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
.datepicker.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
float: left;
|
||||
display: none;
|
||||
min-width: 160px;
|
||||
list-style: none;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
color: #333333;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.datepicker.dropdown-menu th,
|
||||
.datepicker.dropdown-menu td {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
790
src/main/webapp/test/css/bootstrap-datepicker/css/datepicker3.css
vendored
Normal file
@@ -0,0 +1,790 @@
|
||||
/*!
|
||||
* Datepicker for Bootstrap
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Improvements by Andrew Rowls
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
.datepicker {
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
/*.dow {
|
||||
border-top: 1px solid #ddd !important;
|
||||
}*/
|
||||
}
|
||||
.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-top: 0;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:before {
|
||||
left: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-left:after {
|
||||
left: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:before {
|
||||
right: 6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-right:after {
|
||||
right: 7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:before {
|
||||
top: -7px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-top:after {
|
||||
top: -6px;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||
bottom: -7px;
|
||||
border-bottom: 0;
|
||||
border-top: 7px solid #999;
|
||||
}
|
||||
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||
bottom: -6px;
|
||||
border-bottom: 0;
|
||||
border-top: 6px solid #fff;
|
||||
}
|
||||
.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;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.datepicker table tr td,
|
||||
.datepicker table tr th {
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
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,
|
||||
.datepicker table tr td.day.focused {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td.today,
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:hover {
|
||||
color: #000000;
|
||||
background-color: #ffdb99;
|
||||
border-color: #ffb733;
|
||||
}
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today:hover:hover,
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today.disabled:hover:hover,
|
||||
.datepicker table tr td.today:focus,
|
||||
.datepicker table tr td.today:hover:focus,
|
||||
.datepicker table tr td.today.disabled:focus,
|
||||
.datepicker table tr td.today.disabled:hover:focus,
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active,
|
||||
.open .dropdown-toggle.datepicker table tr td.today,
|
||||
.open .dropdown-toggle.datepicker table tr td.today:hover,
|
||||
.open .dropdown-toggle.datepicker table tr td.today.disabled,
|
||||
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
|
||||
color: #000000;
|
||||
background-color: #ffcd70;
|
||||
border-color: #f59e00;
|
||||
}
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active,
|
||||
.open .dropdown-toggle.datepicker table tr td.today,
|
||||
.open .dropdown-toggle.datepicker table tr td.today:hover,
|
||||
.open .dropdown-toggle.datepicker table tr td.today.disabled,
|
||||
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
|
||||
background-image: none;
|
||||
}
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today:hover.disabled,
|
||||
.datepicker table tr td.today.disabled.disabled,
|
||||
.datepicker table tr td.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.today[disabled],
|
||||
.datepicker table tr td.today:hover[disabled],
|
||||
.datepicker table tr td.today.disabled[disabled],
|
||||
.datepicker table tr td.today.disabled:hover[disabled],
|
||||
fieldset[disabled] .datepicker table tr td.today,
|
||||
fieldset[disabled] .datepicker table tr td.today:hover,
|
||||
fieldset[disabled] .datepicker table tr td.today.disabled,
|
||||
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today:hover.disabled:hover,
|
||||
.datepicker table tr td.today.disabled.disabled:hover,
|
||||
.datepicker table tr td.today.disabled:hover.disabled:hover,
|
||||
.datepicker table tr td.today[disabled]:hover,
|
||||
.datepicker table tr td.today:hover[disabled]:hover,
|
||||
.datepicker table tr td.today.disabled[disabled]:hover,
|
||||
.datepicker table tr td.today.disabled:hover[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.today:hover,
|
||||
fieldset[disabled] .datepicker table tr td.today:hover:hover,
|
||||
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
|
||||
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
|
||||
.datepicker table tr td.today.disabled:focus,
|
||||
.datepicker table tr td.today:hover.disabled:focus,
|
||||
.datepicker table tr td.today.disabled.disabled:focus,
|
||||
.datepicker table tr td.today.disabled:hover.disabled:focus,
|
||||
.datepicker table tr td.today[disabled]:focus,
|
||||
.datepicker table tr td.today:hover[disabled]:focus,
|
||||
.datepicker table tr td.today.disabled[disabled]:focus,
|
||||
.datepicker table tr td.today.disabled:hover[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.today:focus,
|
||||
fieldset[disabled] .datepicker table tr td.today:hover:focus,
|
||||
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
|
||||
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today:hover.disabled:active,
|
||||
.datepicker table tr td.today.disabled.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover.disabled:active,
|
||||
.datepicker table tr td.today[disabled]:active,
|
||||
.datepicker table tr td.today:hover[disabled]:active,
|
||||
.datepicker table tr td.today.disabled[disabled]:active,
|
||||
.datepicker table tr td.today.disabled:hover[disabled]:active,
|
||||
fieldset[disabled] .datepicker table tr td.today:active,
|
||||
fieldset[disabled] .datepicker table tr td.today:hover:active,
|
||||
fieldset[disabled] .datepicker table tr td.today.disabled:active,
|
||||
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today:hover.disabled.active,
|
||||
.datepicker table tr td.today.disabled.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.disabled.active,
|
||||
.datepicker table tr td.today[disabled].active,
|
||||
.datepicker table tr td.today:hover[disabled].active,
|
||||
.datepicker table tr td.today.disabled[disabled].active,
|
||||
.datepicker table tr td.today.disabled:hover[disabled].active,
|
||||
fieldset[disabled] .datepicker table tr td.today.active,
|
||||
fieldset[disabled] .datepicker table tr td.today:hover.active,
|
||||
fieldset[disabled] .datepicker table tr td.today.disabled.active,
|
||||
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #ffdb99;
|
||||
border-color: #ffb733;
|
||||
}
|
||||
.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:hover,
|
||||
.datepicker table tr td.range.disabled,
|
||||
.datepicker table tr td.range.disabled:hover {
|
||||
background: #eeeeee;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today,
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover {
|
||||
color: #000000;
|
||||
background-color: #f7ca77;
|
||||
border-color: #f1a417;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today:hover:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||
.datepicker table tr td.range.today:focus,
|
||||
.datepicker table tr td.range.today:hover:focus,
|
||||
.datepicker table tr td.range.today.disabled:focus,
|
||||
.datepicker table tr td.range.today.disabled:hover:focus,
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active,
|
||||
.open .dropdown-toggle.datepicker table tr td.range.today,
|
||||
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
|
||||
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
|
||||
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
|
||||
color: #000000;
|
||||
background-color: #f4bb51;
|
||||
border-color: #bf800c;
|
||||
}
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active,
|
||||
.open .dropdown-toggle.datepicker table tr td.range.today,
|
||||
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
|
||||
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
|
||||
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
|
||||
background-image: none;
|
||||
}
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today:hover.disabled,
|
||||
.datepicker table tr td.range.today.disabled.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.range.today[disabled],
|
||||
.datepicker table tr td.range.today:hover[disabled],
|
||||
.datepicker table tr td.range.today.disabled[disabled],
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled],
|
||||
fieldset[disabled] .datepicker table tr td.range.today,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:hover,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.disabled,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today:hover.disabled:hover,
|
||||
.datepicker table tr td.range.today.disabled.disabled:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
|
||||
.datepicker table tr td.range.today[disabled]:hover,
|
||||
.datepicker table tr td.range.today:hover[disabled]:hover,
|
||||
.datepicker table tr td.range.today.disabled[disabled]:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:hover,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
|
||||
.datepicker table tr td.range.today.disabled:focus,
|
||||
.datepicker table tr td.range.today:hover.disabled:focus,
|
||||
.datepicker table tr td.range.today.disabled.disabled:focus,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
|
||||
.datepicker table tr td.range.today[disabled]:focus,
|
||||
.datepicker table tr td.range.today:hover[disabled]:focus,
|
||||
.datepicker table tr td.range.today.disabled[disabled]:focus,
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today:hover.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled:active,
|
||||
.datepicker table tr td.range.today[disabled]:active,
|
||||
.datepicker table tr td.range.today:hover[disabled]:active,
|
||||
.datepicker table tr td.range.today.disabled[disabled]:active,
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:active,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today:hover.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled.active,
|
||||
.datepicker table tr td.range.today[disabled].active,
|
||||
.datepicker table tr td.range.today:hover[disabled].active,
|
||||
.datepicker table tr td.range.today.disabled[disabled].active,
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled].active,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.active,
|
||||
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
|
||||
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
|
||||
background-color: #f7ca77;
|
||||
border-color: #f1a417;
|
||||
}
|
||||
.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover {
|
||||
color: #ffffff;
|
||||
background-color: #999999;
|
||||
border-color: #555555;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected:hover:hover,
|
||||
.datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected.disabled:hover:hover,
|
||||
.datepicker table tr td.selected:focus,
|
||||
.datepicker table tr td.selected:hover:focus,
|
||||
.datepicker table tr td.selected.disabled:focus,
|
||||
.datepicker table tr td.selected.disabled:hover:focus,
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active,
|
||||
.open .dropdown-toggle.datepicker table tr td.selected,
|
||||
.open .dropdown-toggle.datepicker table tr td.selected:hover,
|
||||
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
|
||||
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
|
||||
color: #ffffff;
|
||||
background-color: #858585;
|
||||
border-color: #373737;
|
||||
}
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active,
|
||||
.open .dropdown-toggle.datepicker table tr td.selected,
|
||||
.open .dropdown-toggle.datepicker table tr td.selected:hover,
|
||||
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
|
||||
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
|
||||
background-image: none;
|
||||
}
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected:hover.disabled,
|
||||
.datepicker table tr td.selected.disabled.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||
.datepicker table tr td.selected[disabled],
|
||||
.datepicker table tr td.selected:hover[disabled],
|
||||
.datepicker table tr td.selected.disabled[disabled],
|
||||
.datepicker table tr td.selected.disabled:hover[disabled],
|
||||
fieldset[disabled] .datepicker table tr td.selected,
|
||||
fieldset[disabled] .datepicker table tr td.selected:hover,
|
||||
fieldset[disabled] .datepicker table tr td.selected.disabled,
|
||||
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected:hover.disabled:hover,
|
||||
.datepicker table tr td.selected.disabled.disabled:hover,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled:hover,
|
||||
.datepicker table tr td.selected[disabled]:hover,
|
||||
.datepicker table tr td.selected:hover[disabled]:hover,
|
||||
.datepicker table tr td.selected.disabled[disabled]:hover,
|
||||
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.selected:hover,
|
||||
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
|
||||
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
|
||||
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
|
||||
.datepicker table tr td.selected.disabled:focus,
|
||||
.datepicker table tr td.selected:hover.disabled:focus,
|
||||
.datepicker table tr td.selected.disabled.disabled:focus,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled:focus,
|
||||
.datepicker table tr td.selected[disabled]:focus,
|
||||
.datepicker table tr td.selected:hover[disabled]:focus,
|
||||
.datepicker table tr td.selected.disabled[disabled]:focus,
|
||||
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected:focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
|
||||
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected:hover.disabled:active,
|
||||
.datepicker table tr td.selected.disabled.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled:active,
|
||||
.datepicker table tr td.selected[disabled]:active,
|
||||
.datepicker table tr td.selected:hover[disabled]:active,
|
||||
.datepicker table tr td.selected.disabled[disabled]:active,
|
||||
.datepicker table tr td.selected.disabled:hover[disabled]:active,
|
||||
fieldset[disabled] .datepicker table tr td.selected:active,
|
||||
fieldset[disabled] .datepicker table tr td.selected:hover:active,
|
||||
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
|
||||
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected:hover.disabled.active,
|
||||
.datepicker table tr td.selected.disabled.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled.active,
|
||||
.datepicker table tr td.selected[disabled].active,
|
||||
.datepicker table tr td.selected:hover[disabled].active,
|
||||
.datepicker table tr td.selected.disabled[disabled].active,
|
||||
.datepicker table tr td.selected.disabled:hover[disabled].active,
|
||||
fieldset[disabled] .datepicker table tr td.selected.active,
|
||||
fieldset[disabled] .datepicker table tr td.selected:hover.active,
|
||||
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
|
||||
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
|
||||
background-color: #999999;
|
||||
border-color: #555555;
|
||||
}
|
||||
.datepicker table tr td.active,
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active.disabled:hover {
|
||||
color: #ffffff;
|
||||
background-color: #428bca;
|
||||
border-color: #357ebd;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active:hover:hover,
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover:hover,
|
||||
.datepicker table tr td.active:focus,
|
||||
.datepicker table tr td.active:hover:focus,
|
||||
.datepicker table tr td.active.disabled:focus,
|
||||
.datepicker table tr td.active.disabled:hover:focus,
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active,
|
||||
.open .dropdown-toggle.datepicker table tr td.active,
|
||||
.open .dropdown-toggle.datepicker table tr td.active:hover,
|
||||
.open .dropdown-toggle.datepicker table tr td.active.disabled,
|
||||
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
|
||||
color: #ffffff;
|
||||
background-color: #3276b1;
|
||||
border-color: #285e8e;
|
||||
}
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active,
|
||||
.open .dropdown-toggle.datepicker table tr td.active,
|
||||
.open .dropdown-toggle.datepicker table tr td.active:hover,
|
||||
.open .dropdown-toggle.datepicker table tr td.active.disabled,
|
||||
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
|
||||
background-image: none;
|
||||
}
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active:hover.disabled,
|
||||
.datepicker table tr td.active.disabled.disabled,
|
||||
.datepicker table tr td.active.disabled:hover.disabled,
|
||||
.datepicker table tr td.active[disabled],
|
||||
.datepicker table tr td.active:hover[disabled],
|
||||
.datepicker table tr td.active.disabled[disabled],
|
||||
.datepicker table tr td.active.disabled:hover[disabled],
|
||||
fieldset[disabled] .datepicker table tr td.active,
|
||||
fieldset[disabled] .datepicker table tr td.active:hover,
|
||||
fieldset[disabled] .datepicker table tr td.active.disabled,
|
||||
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active:hover.disabled:hover,
|
||||
.datepicker table tr td.active.disabled.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover.disabled:hover,
|
||||
.datepicker table tr td.active[disabled]:hover,
|
||||
.datepicker table tr td.active:hover[disabled]:hover,
|
||||
.datepicker table tr td.active.disabled[disabled]:hover,
|
||||
.datepicker table tr td.active.disabled:hover[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td.active:hover,
|
||||
fieldset[disabled] .datepicker table tr td.active:hover:hover,
|
||||
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
|
||||
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
|
||||
.datepicker table tr td.active.disabled:focus,
|
||||
.datepicker table tr td.active:hover.disabled:focus,
|
||||
.datepicker table tr td.active.disabled.disabled:focus,
|
||||
.datepicker table tr td.active.disabled:hover.disabled:focus,
|
||||
.datepicker table tr td.active[disabled]:focus,
|
||||
.datepicker table tr td.active:hover[disabled]:focus,
|
||||
.datepicker table tr td.active.disabled[disabled]:focus,
|
||||
.datepicker table tr td.active.disabled:hover[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td.active:focus,
|
||||
fieldset[disabled] .datepicker table tr td.active:hover:focus,
|
||||
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
|
||||
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active:hover.disabled:active,
|
||||
.datepicker table tr td.active.disabled.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover.disabled:active,
|
||||
.datepicker table tr td.active[disabled]:active,
|
||||
.datepicker table tr td.active:hover[disabled]:active,
|
||||
.datepicker table tr td.active.disabled[disabled]:active,
|
||||
.datepicker table tr td.active.disabled:hover[disabled]:active,
|
||||
fieldset[disabled] .datepicker table tr td.active:active,
|
||||
fieldset[disabled] .datepicker table tr td.active:hover:active,
|
||||
fieldset[disabled] .datepicker table tr td.active.disabled:active,
|
||||
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active:hover.disabled.active,
|
||||
.datepicker table tr td.active.disabled.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.disabled.active,
|
||||
.datepicker table tr td.active[disabled].active,
|
||||
.datepicker table tr td.active:hover[disabled].active,
|
||||
.datepicker table tr td.active.disabled[disabled].active,
|
||||
.datepicker table tr td.active.disabled:hover[disabled].active,
|
||||
fieldset[disabled] .datepicker table tr td.active.active,
|
||||
fieldset[disabled] .datepicker table tr td.active:hover.active,
|
||||
fieldset[disabled] .datepicker table tr td.active.disabled.active,
|
||||
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #428bca;
|
||||
border-color: #357ebd;
|
||||
}
|
||||
.datepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.datepicker table tr td span:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td span.active,
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover {
|
||||
color: #ffffff;
|
||||
background-color: #428bca;
|
||||
border-color: #357ebd;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active:focus,
|
||||
.datepicker table tr td span.active:hover:focus,
|
||||
.datepicker table tr td span.active.disabled:focus,
|
||||
.datepicker table tr td span.active.disabled:hover:focus,
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active,
|
||||
.open .dropdown-toggle.datepicker table tr td span.active,
|
||||
.open .dropdown-toggle.datepicker table tr td span.active:hover,
|
||||
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
|
||||
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
|
||||
color: #ffffff;
|
||||
background-color: #3276b1;
|
||||
border-color: #285e8e;
|
||||
}
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active,
|
||||
.open .dropdown-toggle.datepicker table tr td span.active,
|
||||
.open .dropdown-toggle.datepicker table tr td span.active:hover,
|
||||
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
|
||||
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
|
||||
background-image: none;
|
||||
}
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active:hover.disabled,
|
||||
.datepicker table tr td span.active.disabled.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datepicker table tr td span.active[disabled],
|
||||
.datepicker table tr td span.active:hover[disabled],
|
||||
.datepicker table tr td span.active.disabled[disabled],
|
||||
.datepicker table tr td span.active.disabled:hover[disabled],
|
||||
fieldset[disabled] .datepicker table tr td span.active,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active:hover.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled:hover,
|
||||
.datepicker table tr td span.active[disabled]:hover,
|
||||
.datepicker table tr td span.active:hover[disabled]:hover,
|
||||
.datepicker table tr td span.active.disabled[disabled]:hover,
|
||||
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:focus,
|
||||
.datepicker table tr td span.active:hover.disabled:focus,
|
||||
.datepicker table tr td span.active.disabled.disabled:focus,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled:focus,
|
||||
.datepicker table tr td span.active[disabled]:focus,
|
||||
.datepicker table tr td span.active:hover[disabled]:focus,
|
||||
.datepicker table tr td span.active.disabled[disabled]:focus,
|
||||
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active:hover.disabled:active,
|
||||
.datepicker table tr td span.active.disabled.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled:active,
|
||||
.datepicker table tr td span.active[disabled]:active,
|
||||
.datepicker table tr td span.active:hover[disabled]:active,
|
||||
.datepicker table tr td span.active.disabled[disabled]:active,
|
||||
.datepicker table tr td span.active.disabled:hover[disabled]:active,
|
||||
fieldset[disabled] .datepicker table tr td span.active:active,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover:active,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active:hover.disabled.active,
|
||||
.datepicker table tr td span.active.disabled.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled.active,
|
||||
.datepicker table tr td span.active[disabled].active,
|
||||
.datepicker table tr td span.active:hover[disabled].active,
|
||||
.datepicker table tr td span.active.disabled[disabled].active,
|
||||
.datepicker table tr td span.active.disabled:hover[disabled].active,
|
||||
fieldset[disabled] .datepicker table tr td span.active.active,
|
||||
fieldset[disabled] .datepicker table tr td span.active:hover.active,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
|
||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #428bca;
|
||||
border-color: #357ebd;
|
||||
}
|
||||
.datepicker table tr td span.old,
|
||||
.datepicker table tr td span.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker th.datepicker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker thead tr:first-child th,
|
||||
.datepicker tfoot tr th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker thead tr:first-child th:hover,
|
||||
.datepicker tfoot tr th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.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-group.date .input-group-addon i {
|
||||
cursor: pointer;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.input-daterange input {
|
||||
text-align: center;
|
||||
}
|
||||
.input-daterange input:first-child {
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.input-daterange input:last-child {
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.input-daterange .input-group-addon {
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
padding: 4px 5px;
|
||||
font-weight: normal;
|
||||
line-height: 1.428571429;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
vertical-align: middle;
|
||||
background-color: #eeeeee;
|
||||
border: solid #cccccc;
|
||||
border-width: 1px 0;
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
.datepicker.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
float: left;
|
||||
display: none;
|
||||
min-width: 160px;
|
||||
list-style: none;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
color: #333333;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 1.428571429;
|
||||
}
|
||||
.datepicker.dropdown-menu th,
|
||||
.datepicker.dropdown-menu td {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
112
src/main/webapp/test/css/bootstrap-fileinput/bootstrap-fileinput.css
vendored
Normal file
@@ -0,0 +1,112 @@
|
||||
/*!
|
||||
* Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap)
|
||||
* Copyright 2012-2014 Arnold Daniels
|
||||
* Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
.btn-file {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.btn-file > input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
font-size: 23px;
|
||||
cursor: pointer;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
background-color: #3A565A;
|
||||
|
||||
direction: ltr;
|
||||
}
|
||||
.fileinput {
|
||||
display: inline-block;
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
.fileinput .form-control {
|
||||
display: inline-block;
|
||||
padding-top: 7px;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
cursor: text;
|
||||
background-color: transparent;
|
||||
}
|
||||
.fileinput .thumbnail {
|
||||
display: inline-block;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.fileinput .thumbnail > img {
|
||||
max-height: 100%;
|
||||
}
|
||||
.fileinput .btn {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.fileinput-exists .fileinput-new,
|
||||
.fileinput-new .fileinput-exists {
|
||||
display: none;
|
||||
}
|
||||
.fileinput-inline .fileinput-controls {
|
||||
display: inline;
|
||||
}
|
||||
.fileinput-filename {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.form-control .fileinput-filename {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.fileinput.input-group {
|
||||
display: table;
|
||||
}
|
||||
.fileinput.input-group > * {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.fileinput.input-group > .btn-file {
|
||||
z-index: 1;
|
||||
}
|
||||
.fileinput-new.input-group .btn-file,
|
||||
.fileinput-new .input-group .btn-file {
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
.fileinput-new.input-group .btn-file.btn-xs,
|
||||
.fileinput-new .input-group .btn-file.btn-xs,
|
||||
.fileinput-new.input-group .btn-file.btn-sm,
|
||||
.fileinput-new .input-group .btn-file.btn-sm {
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.fileinput-new.input-group .btn-file.btn-lg,
|
||||
.fileinput-new .input-group .btn-file.btn-lg {
|
||||
border-radius: 0 6px 6px 0;
|
||||
}
|
||||
.form-group.has-warning .fileinput .fileinput-preview {
|
||||
color: #8a6d3b;
|
||||
}
|
||||
.form-group.has-warning .fileinput .thumbnail {
|
||||
border-color: #faebcc;
|
||||
}
|
||||
.form-group.has-error .fileinput .fileinput-preview {
|
||||
color: #a94442;
|
||||
}
|
||||
.form-group.has-error .fileinput .thumbnail {
|
||||
border-color: #ebccd1;
|
||||
}
|
||||
.form-group.has-success .fileinput .fileinput-preview {
|
||||
color: #3c763d;
|
||||
}
|
||||
.form-group.has-success .fileinput .thumbnail {
|
||||
border-color: #d6e9c6;
|
||||
}
|
||||
.input-group-addon:not(:first-child) {
|
||||
border-left: 0;
|
||||
}
|
||||
35
src/main/webapp/test/css/bootstrap-modal/css/bootstrap-modal-bs3patch.css
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
/*!
|
||||
* Bootstrap Modal
|
||||
*
|
||||
* Copyright Jordan Schroter
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css!
|
||||
*/
|
||||
|
||||
body.modal-open,
|
||||
.modal-open .navbar-fixed-top,
|
||||
.modal-open .navbar-fixed-bottom {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.modal {
|
||||
left: 50%;
|
||||
bottom: auto;
|
||||
right: auto;
|
||||
padding: 0;
|
||||
width: 500px;
|
||||
margin-left: -250px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #999999;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.modal.container {
|
||||
max-width: none;
|
||||
}
|
||||
214
src/main/webapp/test/css/bootstrap-modal/css/bootstrap-modal.css
vendored
Normal file
@@ -0,0 +1,214 @@
|
||||
/*!
|
||||
* Bootstrap Modal
|
||||
*
|
||||
* Copyright Jordan Schroter
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
|
||||
.modal-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* add a scroll bar to stop page from jerking around */
|
||||
.modal-open.page-overflow .page-container,
|
||||
.modal-open.page-overflow .page-container .navbar-fixed-top,
|
||||
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
|
||||
.modal-open.page-overflow .modal-scrollable {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
@media (max-width: 979px) {
|
||||
.modal-open.page-overflow .page-container .navbar-fixed-top,
|
||||
.modal-open.page-overflow .page-container .navbar-fixed-bottom {
|
||||
overflow-y: visible;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.modal-scrollable {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.modal {
|
||||
outline: none;
|
||||
position: absolute;
|
||||
margin-top: 0;
|
||||
top: 50%;
|
||||
overflow: visible; /* allow content to popup out (i.e tooltips) */
|
||||
}
|
||||
|
||||
.modal.fade {
|
||||
top: -100%;
|
||||
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
|
||||
-moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
|
||||
-o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
|
||||
transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
|
||||
}
|
||||
|
||||
.modal.fade.in {
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
max-height: none;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.modal.modal-absolute {
|
||||
position: absolute;
|
||||
z-index: 950;
|
||||
}
|
||||
|
||||
.modal .loading-mask {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.modal-backdrop.modal-absolute{
|
||||
position: absolute;
|
||||
z-index: 940;
|
||||
}
|
||||
|
||||
.modal-backdrop,
|
||||
.modal-backdrop.fade.in{
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.modal.container {
|
||||
width: 940px;
|
||||
margin-left: -470px;
|
||||
}
|
||||
|
||||
/* Modal Overflow */
|
||||
|
||||
.modal-overflow.modal {
|
||||
top: 1%;
|
||||
}
|
||||
|
||||
.modal-overflow.modal.fade {
|
||||
top: -100%;
|
||||
}
|
||||
|
||||
.modal-overflow.modal.fade.in {
|
||||
top: 1%;
|
||||
}
|
||||
|
||||
.modal-overflow .modal-body {
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.modal.container {
|
||||
width: 1170px;
|
||||
margin-left: -585px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 979px) {
|
||||
.modal,
|
||||
.modal.container,
|
||||
.modal.modal-overflow {
|
||||
top: 1%;
|
||||
right: 1%;
|
||||
left: 1%;
|
||||
bottom: auto;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.modal.fade.in,
|
||||
.modal.container.fade.in,
|
||||
.modal.modal-overflow.fade.in {
|
||||
top: 1%;
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
.modal-body,
|
||||
.modal-overflow .modal-body {
|
||||
position: static;
|
||||
margin: 0;
|
||||
height: auto !important;
|
||||
max-height: none !important;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
.modal-footer,
|
||||
.modal-overflow .modal-footer {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
.loading-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -12px 0 0 -12px;
|
||||
}
|
||||
|
||||
/*
|
||||
Animate.css - http://daneden.me/animate
|
||||
Licensed under the ☺ license (http://licence.visualidiot.com/)
|
||||
|
||||
Copyright (c) 2012 Dan Eden*/
|
||||
|
||||
.animated {
|
||||
-webkit-animation-duration: 1s;
|
||||
-moz-animation-duration: 1s;
|
||||
-o-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
-webkit-animation-fill-mode: both;
|
||||
-moz-animation-fill-mode: both;
|
||||
-o-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
@-webkit-keyframes shake {
|
||||
0%, 100% {-webkit-transform: translateX(0);}
|
||||
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
|
||||
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
|
||||
}
|
||||
|
||||
@-moz-keyframes shake {
|
||||
0%, 100% {-moz-transform: translateX(0);}
|
||||
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
|
||||
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
|
||||
}
|
||||
|
||||
@-o-keyframes shake {
|
||||
0%, 100% {-o-transform: translateX(0);}
|
||||
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
|
||||
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
|
||||
}
|
||||
|
||||
@keyframes shake {
|
||||
0%, 100% {transform: translateX(0);}
|
||||
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
|
||||
20%, 40%, 60%, 80% {transform: translateX(10px);}
|
||||
}
|
||||
|
||||
.shake {
|
||||
-webkit-animation-name: shake;
|
||||
-moz-animation-name: shake;
|
||||
-o-animation-name: shake;
|
||||
animation-name: shake;
|
||||
}
|
||||
260
src/main/webapp/test/css/bootstrap-select/bootstrap-select.css
vendored
Normal file
@@ -0,0 +1,260 @@
|
||||
/*!
|
||||
* Bootstrap-select v1.6.3 (http://silviomoreto.github.io/bootstrap-select/)
|
||||
*
|
||||
* Copyright 2013-2014 bootstrap-select
|
||||
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
.bootstrap-select {
|
||||
/*width: 220px\9; IE8 and below*/
|
||||
width: 220px \0;
|
||||
/*IE9 and below*/
|
||||
}
|
||||
.bootstrap-select > .btn {
|
||||
width: 100%;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.error .bootstrap-select .btn {
|
||||
border: 1px solid #b94a48;
|
||||
}
|
||||
.control-group.error .bootstrap-select .dropdown-toggle {
|
||||
border-color: #b94a48;
|
||||
}
|
||||
.bootstrap-select.fit-width {
|
||||
width: auto !important;
|
||||
}
|
||||
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
|
||||
width: 220px;
|
||||
}
|
||||
.bootstrap-select .btn:focus {
|
||||
outline: thin dotted #333333 !important;
|
||||
outline: 5px auto -webkit-focus-ring-color !important;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.bootstrap-select.form-control {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.bootstrap-select.form-control:not([class*="col-"]) {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.btn-group:not(.input-group-btn),
|
||||
.bootstrap-select.btn-group[class*="col-"] {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
}
|
||||
.bootstrap-select.btn-group.dropdown-menu-right,
|
||||
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
|
||||
.row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
|
||||
float: right;
|
||||
}
|
||||
.form-search .bootstrap-select.btn-group,
|
||||
.form-inline .bootstrap-select.btn-group,
|
||||
.form-horizontal .bootstrap-select.btn-group,
|
||||
.form-group .bootstrap-select.btn-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-group-lg .bootstrap-select.btn-group.form-control,
|
||||
.form-group-sm .bootstrap-select.btn-group.form-control {
|
||||
padding: 0;
|
||||
}
|
||||
.form-inline .bootstrap-select.btn-group .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
.input-append .bootstrap-select.btn-group {
|
||||
margin-left: -1px;
|
||||
}
|
||||
.input-prepend .bootstrap-select.btn-group {
|
||||
margin-right: -1px;
|
||||
}
|
||||
.bootstrap-select.btn-group > .disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select.btn-group > .disabled:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
.bootstrap-select.btn-group .btn .filter-option {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
.bootstrap-select.btn-group .btn .caret {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 12px;
|
||||
margin-top: -2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bootstrap-select.btn-group[class*="col-"] .btn {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu {
|
||||
min-width: 100%;
|
||||
z-index: 1035;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu.inner {
|
||||
position: static;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li {
|
||||
position: relative;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,
|
||||
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,
|
||||
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
|
||||
color: #64b1d8;
|
||||
color: rgba(100, 177, 216, 0.4);
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a {
|
||||
cursor: pointer;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a.opt {
|
||||
position: relative;
|
||||
padding-left: 2.25em;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a span.text {
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li small {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu .notify {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
width: 96%;
|
||||
margin: 0 2%;
|
||||
min-height: 26px;
|
||||
padding: 3px 5px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #e3e3e3;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
pointer-events: none;
|
||||
opacity: 0.9;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select.btn-group .no-results {
|
||||
padding: 3px;
|
||||
background: #f5f5f5;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.bootstrap-select.btn-group.fit-width .btn .filter-option {
|
||||
position: static;
|
||||
}
|
||||
.bootstrap-select.btn-group.fit-width .btn .caret {
|
||||
position: static;
|
||||
top: auto;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 15px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
|
||||
margin-right: 34px;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .btn {
|
||||
z-index: 1035 + 1;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
|
||||
content: '';
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom-width: 7px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #cccccc;
|
||||
border-bottom-color: rgba(204, 204, 204, 0.2);
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 9px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
|
||||
content: '';
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid white;
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 10px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
|
||||
bottom: auto;
|
||||
top: -3px;
|
||||
border-bottom: 0;
|
||||
border-top-width: 7px;
|
||||
border-top-style: solid;
|
||||
border-top-color: #cccccc;
|
||||
border-top-color: rgba(204, 204, 204, 0.2);
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
|
||||
bottom: auto;
|
||||
top: -3px;
|
||||
border-top: 6px solid white;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
|
||||
right: 13px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
|
||||
display: block;
|
||||
}
|
||||
.bs-searchbox,
|
||||
.bs-actionsbox {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.bs-actionsbox {
|
||||
float: left;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bs-actionsbox .btn-group button {
|
||||
width: 50%;
|
||||
}
|
||||
.bs-searchbox + .bs-actionsbox {
|
||||
padding: 0 8px 4px;
|
||||
}
|
||||
.bs-searchbox input.form-control {
|
||||
margin-bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.mobile-device {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block !important;
|
||||
width: 100%;
|
||||
height: 100% !important;
|
||||
opacity: 0;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-select.css.map */
|
||||
6
src/main/webapp/test/css/bootstrap-select/bootstrap-select.min.css
vendored
Normal file
87
src/main/webapp/test/css/bootstrap-tagsinput/bootstrap-tagsinput-angular.js
vendored
Normal file
@@ -0,0 +1,87 @@
|
||||
angular.module('bootstrap-tagsinput', [])
|
||||
.directive('bootstrapTagsinput', [function() {
|
||||
|
||||
function getItemProperty(scope, property) {
|
||||
if (!property)
|
||||
return undefined;
|
||||
|
||||
if (angular.isFunction(scope.$parent[property]))
|
||||
return scope.$parent[property];
|
||||
|
||||
return function(item) {
|
||||
return item[property];
|
||||
};
|
||||
}
|
||||
|
||||
return {
|
||||
restrict: 'EA',
|
||||
scope: {
|
||||
model: '=ngModel'
|
||||
},
|
||||
template: '<select multiple></select>',
|
||||
replace: false,
|
||||
link: function(scope, element, attrs) {
|
||||
$(function() {
|
||||
if (!angular.isArray(scope.model))
|
||||
scope.model = [];
|
||||
|
||||
var select = $('select', element);
|
||||
var typeaheadSourceArray = attrs.typeaheadSource ? attrs.typeaheadSource.split('.') : null;
|
||||
var typeaheadSource = typeaheadSourceArray ?
|
||||
(typeaheadSourceArray.length > 1 ?
|
||||
scope.$parent[typeaheadSourceArray[0]][typeaheadSourceArray[1]]
|
||||
: scope.$parent[typeaheadSourceArray[0]])
|
||||
: null;
|
||||
|
||||
select.tagsinput(scope.$parent[attrs.options || ''] || {
|
||||
typeahead : {
|
||||
source : angular.isFunction(typeaheadSource) ? typeaheadSource : null
|
||||
},
|
||||
itemValue: getItemProperty(scope, attrs.itemvalue),
|
||||
itemText : getItemProperty(scope, attrs.itemtext),
|
||||
confirmKeys : getItemProperty(scope, attrs.confirmkeys) ? JSON.parse(attrs.confirmkeys) : [13],
|
||||
tagClass : angular.isFunction(scope.$parent[attrs.tagclass]) ? scope.$parent[attrs.tagclass] : function(item) { return attrs.tagclass; }
|
||||
});
|
||||
|
||||
for (var i = 0; i < scope.model.length; i++) {
|
||||
select.tagsinput('add', scope.model[i]);
|
||||
}
|
||||
|
||||
select.on('itemAdded', function(event) {
|
||||
if (scope.model.indexOf(event.item) === -1)
|
||||
scope.model.push(event.item);
|
||||
});
|
||||
|
||||
select.on('itemRemoved', function(event) {
|
||||
var idx = scope.model.indexOf(event.item);
|
||||
if (idx !== -1)
|
||||
scope.model.splice(idx, 1);
|
||||
});
|
||||
|
||||
// create a shallow copy of model's current state, needed to determine
|
||||
// diff when model changes
|
||||
var prev = scope.model.slice();
|
||||
scope.$watch("model", function() {
|
||||
var added = scope.model.filter(function(i) {return prev.indexOf(i) === -1;}),
|
||||
removed = prev.filter(function(i) {return scope.model.indexOf(i) === -1;}),
|
||||
i;
|
||||
|
||||
prev = scope.model.slice();
|
||||
|
||||
// Remove tags no longer in binded model
|
||||
for (i = 0; i < removed.length; i++) {
|
||||
select.tagsinput('remove', removed[i]);
|
||||
}
|
||||
|
||||
// Refresh remaining tags
|
||||
select.tagsinput('refresh');
|
||||
|
||||
// Add new items in model as tags
|
||||
for (i = 0; i < added.length; i++) {
|
||||
select.tagsinput('add', added[i]);
|
||||
}
|
||||
}, true);
|
||||
});
|
||||
}
|
||||
};
|
||||
}]);
|
||||
7
src/main/webapp/test/css/bootstrap-tagsinput/bootstrap-tagsinput-angular.min.js
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
/*
|
||||
* bootstrap-tagsinput v0.4.2 by Tim Schlechter
|
||||
*
|
||||
*/
|
||||
|
||||
angular.module("bootstrap-tagsinput",[]).directive("bootstrapTagsinput",[function(){function a(a,b){return b?angular.isFunction(a.$parent[b])?a.$parent[b]:function(a){return a[b]}:void 0}return{restrict:"EA",scope:{model:"=ngModel"},template:"<select multiple></select>",replace:!1,link:function(b,c,d){$(function(){angular.isArray(b.model)||(b.model=[]);var e=$("select",c),f=d.typeaheadSource?d.typeaheadSource.split("."):null,g=f?f.length>1?b.$parent[f[0]][f[1]]:b.$parent[f[0]]:null;e.tagsinput(b.$parent[d.options||""]||{typeahead:{source:angular.isFunction(g)?g:null},itemValue:a(b,d.itemvalue),itemText:a(b,d.itemtext),confirmKeys:a(b,d.confirmkeys)?JSON.parse(d.confirmkeys):[13],tagClass:angular.isFunction(b.$parent[d.tagclass])?b.$parent[d.tagclass]:function(){return d.tagclass}});for(var h=0;h<b.model.length;h++)e.tagsinput("add",b.model[h]);e.on("itemAdded",function(a){-1===b.model.indexOf(a.item)&&b.model.push(a.item)}),e.on("itemRemoved",function(a){var c=b.model.indexOf(a.item);-1!==c&&b.model.splice(c,1)});var i=b.model.slice();b.$watch("model",function(){var a,c=b.model.filter(function(a){return-1===i.indexOf(a)}),d=i.filter(function(a){return-1===b.model.indexOf(a)});for(i=b.model.slice(),a=0;a<d.length;a++)e.tagsinput("remove",d[a]);for(e.tagsinput("refresh"),a=0;a<c.length;a++)e.tagsinput("add",c[a])},!0)})}}}]);
|
||||
//# sourceMappingURL=bootstrap-tagsinput.min.js.map
|
||||
46
src/main/webapp/test/css/bootstrap-tagsinput/bootstrap-tagsinput.css
vendored
Normal file
@@ -0,0 +1,46 @@
|
||||
.bootstrap-tagsinput {
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
display: inline-block;
|
||||
padding: 4px 6px;
|
||||
margin-bottom: 10px;
|
||||
color: #555;
|
||||
vertical-align: middle;
|
||||
border-radius: 4px;
|
||||
max-width: 100%;
|
||||
line-height: 22px;
|
||||
cursor: text;
|
||||
}
|
||||
.bootstrap-tagsinput input {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: auto !important;
|
||||
max-width: inherit;
|
||||
}
|
||||
.bootstrap-tagsinput input:focus {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.bootstrap-tagsinput .tag {
|
||||
margin-right: 2px;
|
||||
color: white;
|
||||
}
|
||||
.bootstrap-tagsinput .tag [data-role="remove"] {
|
||||
margin-left: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.bootstrap-tagsinput .tag [data-role="remove"]:after {
|
||||
content: "x";
|
||||
padding: 0px 2px;
|
||||
}
|
||||
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
617
src/main/webapp/test/css/bootstrap-tagsinput/bootstrap-tagsinput.js
vendored
Normal file
@@ -0,0 +1,617 @@
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
var defaultOptions = {
|
||||
tagClass: function(item) {
|
||||
return 'label label-info';
|
||||
},
|
||||
itemValue: function(item) {
|
||||
return item ? item.toString() : item;
|
||||
},
|
||||
itemText: function(item) {
|
||||
return this.itemValue(item);
|
||||
},
|
||||
freeInput: true,
|
||||
addOnBlur: true,
|
||||
maxTags: undefined,
|
||||
maxChars: undefined,
|
||||
confirmKeys: [13, 44],
|
||||
onTagExists: function(item, $tag) {
|
||||
$tag.hide().fadeIn();
|
||||
},
|
||||
trimValue: false,
|
||||
allowDuplicates: false
|
||||
};
|
||||
|
||||
/**
|
||||
* Constructor function
|
||||
*/
|
||||
function TagsInput(element, options) {
|
||||
this.itemsArray = [];
|
||||
|
||||
this.$element = $(element);
|
||||
this.$element.hide();
|
||||
|
||||
this.isSelect = (element.tagName === 'SELECT');
|
||||
this.multiple = (this.isSelect && element.hasAttribute('multiple'));
|
||||
this.objectItems = options && options.itemValue;
|
||||
this.placeholderText = element.hasAttribute('placeholder') ? this.$element.attr('placeholder') : '';
|
||||
this.inputSize = Math.max(1, this.placeholderText.length);
|
||||
|
||||
this.$container = $('<div class="bootstrap-tagsinput"></div>');
|
||||
this.$input = $('<input type="text" placeholder="' + this.placeholderText + '"/>').appendTo(this.$container);
|
||||
|
||||
this.$element.after(this.$container);
|
||||
|
||||
var inputWidth = (this.inputSize < 3 ? 3 : this.inputSize) + "em";
|
||||
this.$input.get(0).style.cssText = "width: " + inputWidth + " !important;";
|
||||
this.build(options);
|
||||
}
|
||||
|
||||
TagsInput.prototype = {
|
||||
constructor: TagsInput,
|
||||
|
||||
/**
|
||||
* Adds the given item as a new tag. Pass true to dontPushVal to prevent
|
||||
* updating the elements val()
|
||||
*/
|
||||
add: function(item, dontPushVal) {
|
||||
var self = this;
|
||||
|
||||
if (self.options.maxTags && self.itemsArray.length >= self.options.maxTags)
|
||||
return;
|
||||
|
||||
// Ignore falsey values, except false
|
||||
if (item !== false && !item)
|
||||
return;
|
||||
|
||||
// Trim value
|
||||
if (typeof item === "string" && self.options.trimValue) {
|
||||
item = $.trim(item);
|
||||
}
|
||||
|
||||
// Throw an error when trying to add an object while the itemValue option was not set
|
||||
if (typeof item === "object" && !self.objectItems)
|
||||
throw("Can't add objects when itemValue option is not set");
|
||||
|
||||
// Ignore strings only containg whitespace
|
||||
if (item.toString().match(/^\s*$/))
|
||||
return;
|
||||
|
||||
// If SELECT but not multiple, remove current tag
|
||||
if (self.isSelect && !self.multiple && self.itemsArray.length > 0)
|
||||
self.remove(self.itemsArray[0]);
|
||||
|
||||
if (typeof item === "string" && this.$element[0].tagName === 'INPUT') {
|
||||
var items = item.split(',');
|
||||
if (items.length > 1) {
|
||||
for (var i = 0; i < items.length; i++) {
|
||||
this.add(items[i], true);
|
||||
}
|
||||
|
||||
if (!dontPushVal)
|
||||
self.pushVal();
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
var itemValue = self.options.itemValue(item),
|
||||
itemText = self.options.itemText(item),
|
||||
tagClass = self.options.tagClass(item);
|
||||
|
||||
// Ignore items allready added
|
||||
var existing = $.grep(self.itemsArray, function(item) { return self.options.itemValue(item) === itemValue; } )[0];
|
||||
if (existing && !self.options.allowDuplicates) {
|
||||
// Invoke onTagExists
|
||||
if (self.options.onTagExists) {
|
||||
var $existingTag = $(".tag", self.$container).filter(function() { return $(this).data("item") === existing; });
|
||||
self.options.onTagExists(item, $existingTag);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// if length greater than limit
|
||||
if (self.items().toString().length + item.length + 1 > self.options.maxInputLength)
|
||||
return;
|
||||
|
||||
// raise beforeItemAdd arg
|
||||
var beforeItemAddEvent = $.Event('beforeItemAdd', { item: item, cancel: false });
|
||||
self.$element.trigger(beforeItemAddEvent);
|
||||
if (beforeItemAddEvent.cancel)
|
||||
return;
|
||||
|
||||
// register item in internal array and map
|
||||
self.itemsArray.push(item);
|
||||
|
||||
// add a tag element
|
||||
var $tag = $('<span class="tag ' + htmlEncode(tagClass) + '">' + htmlEncode(itemText) + '<span data-role="remove"></span></span>');
|
||||
$tag.data('item', item);
|
||||
self.findInputWrapper().before($tag);
|
||||
$tag.after(' ');
|
||||
|
||||
// add <option /> if item represents a value not present in one of the <select />'s options
|
||||
if (self.isSelect && !$('option[value="' + encodeURIComponent(itemValue) + '"]',self.$element)[0]) {
|
||||
var $option = $('<option selected>' + htmlEncode(itemText) + '</option>');
|
||||
$option.data('item', item);
|
||||
$option.attr('value', itemValue);
|
||||
self.$element.append($option);
|
||||
}
|
||||
|
||||
if (!dontPushVal)
|
||||
self.pushVal();
|
||||
|
||||
// Add class when reached maxTags
|
||||
if (self.options.maxTags === self.itemsArray.length || self.items().toString().length === self.options.maxInputLength)
|
||||
self.$container.addClass('bootstrap-tagsinput-max');
|
||||
|
||||
self.$element.trigger($.Event('itemAdded', { item: item }));
|
||||
},
|
||||
|
||||
/**
|
||||
* Removes the given item. Pass true to dontPushVal to prevent updating the
|
||||
* elements val()
|
||||
*/
|
||||
remove: function(item, dontPushVal) {
|
||||
var self = this;
|
||||
|
||||
if (self.objectItems) {
|
||||
if (typeof item === "object")
|
||||
item = $.grep(self.itemsArray, function(other) { return self.options.itemValue(other) == self.options.itemValue(item); } );
|
||||
else
|
||||
item = $.grep(self.itemsArray, function(other) { return self.options.itemValue(other) == item; } );
|
||||
|
||||
item = item[item.length-1];
|
||||
}
|
||||
|
||||
if (item) {
|
||||
var beforeItemRemoveEvent = $.Event('beforeItemRemove', { item: item, cancel: false });
|
||||
self.$element.trigger(beforeItemRemoveEvent);
|
||||
if (beforeItemRemoveEvent.cancel)
|
||||
return;
|
||||
|
||||
$('.tag', self.$container).filter(function() { return $(this).data('item') === item; }).remove();
|
||||
$('option', self.$element).filter(function() { return $(this).data('item') === item; }).remove();
|
||||
if($.inArray(item, self.itemsArray) !== -1)
|
||||
self.itemsArray.splice($.inArray(item, self.itemsArray), 1);
|
||||
}
|
||||
|
||||
if (!dontPushVal)
|
||||
self.pushVal();
|
||||
|
||||
// Remove class when reached maxTags
|
||||
if (self.options.maxTags > self.itemsArray.length)
|
||||
self.$container.removeClass('bootstrap-tagsinput-max');
|
||||
|
||||
self.$element.trigger($.Event('itemRemoved', { item: item }));
|
||||
},
|
||||
|
||||
/**
|
||||
* Removes all items
|
||||
*/
|
||||
removeAll: function() {
|
||||
var self = this;
|
||||
|
||||
$('.tag', self.$container).remove();
|
||||
$('option', self.$element).remove();
|
||||
|
||||
while(self.itemsArray.length > 0)
|
||||
self.itemsArray.pop();
|
||||
|
||||
self.pushVal();
|
||||
},
|
||||
|
||||
/**
|
||||
* Refreshes the tags so they match the text/value of their corresponding
|
||||
* item.
|
||||
*/
|
||||
refresh: function() {
|
||||
var self = this;
|
||||
$('.tag', self.$container).each(function() {
|
||||
var $tag = $(this),
|
||||
item = $tag.data('item'),
|
||||
itemValue = self.options.itemValue(item),
|
||||
itemText = self.options.itemText(item),
|
||||
tagClass = self.options.tagClass(item);
|
||||
|
||||
// Update tag's class and inner text
|
||||
$tag.attr('class', null);
|
||||
$tag.addClass('tag ' + htmlEncode(tagClass));
|
||||
$tag.contents().filter(function() {
|
||||
return this.nodeType == 3;
|
||||
})[0].nodeValue = htmlEncode(itemText);
|
||||
|
||||
if (self.isSelect) {
|
||||
var option = $('option', self.$element).filter(function() { return $(this).data('item') === item; });
|
||||
option.attr('value', itemValue);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns the items added as tags
|
||||
*/
|
||||
items: function() {
|
||||
return this.itemsArray;
|
||||
},
|
||||
|
||||
/**
|
||||
* Assembly value by retrieving the value of each item, and set it on the
|
||||
* element.
|
||||
*/
|
||||
pushVal: function() {
|
||||
var self = this,
|
||||
val = $.map(self.items(), function(item) {
|
||||
return self.options.itemValue(item).toString();
|
||||
});
|
||||
|
||||
self.$element.val(val, true).trigger('change');
|
||||
},
|
||||
|
||||
/**
|
||||
* Initializes the tags input behaviour on the element
|
||||
*/
|
||||
build: function(options) {
|
||||
var self = this;
|
||||
|
||||
self.options = $.extend({}, defaultOptions, options);
|
||||
// When itemValue is set, freeInput should always be false
|
||||
if (self.objectItems)
|
||||
self.options.freeInput = false;
|
||||
|
||||
makeOptionItemFunction(self.options, 'itemValue');
|
||||
makeOptionItemFunction(self.options, 'itemText');
|
||||
makeOptionFunction(self.options, 'tagClass');
|
||||
|
||||
// Typeahead Bootstrap version 2.3.2
|
||||
if (self.options.typeahead) {
|
||||
var typeahead = self.options.typeahead || {};
|
||||
|
||||
makeOptionFunction(typeahead, 'source');
|
||||
|
||||
self.$input.typeahead($.extend({}, typeahead, {
|
||||
source: function (query, process) {
|
||||
function processItems(items) {
|
||||
var texts = [];
|
||||
|
||||
for (var i = 0; i < items.length; i++) {
|
||||
var text = self.options.itemText(items[i]);
|
||||
map[text] = items[i];
|
||||
texts.push(text);
|
||||
}
|
||||
process(texts);
|
||||
}
|
||||
|
||||
this.map = {};
|
||||
var map = this.map,
|
||||
data = typeahead.source(query);
|
||||
|
||||
if ($.isFunction(data.success)) {
|
||||
// support for Angular callbacks
|
||||
data.success(processItems);
|
||||
} else if ($.isFunction(data.then)) {
|
||||
// support for Angular promises
|
||||
data.then(processItems);
|
||||
} else {
|
||||
// support for functions and jquery promises
|
||||
$.when(data)
|
||||
.then(processItems);
|
||||
}
|
||||
},
|
||||
updater: function (text) {
|
||||
self.add(this.map[text]);
|
||||
},
|
||||
matcher: function (text) {
|
||||
return (text.toLowerCase().indexOf(this.query.trim().toLowerCase()) !== -1);
|
||||
},
|
||||
sorter: function (texts) {
|
||||
return texts.sort();
|
||||
},
|
||||
highlighter: function (text) {
|
||||
var regex = new RegExp( '(' + this.query + ')', 'gi' );
|
||||
return text.replace( regex, "<strong>$1</strong>" );
|
||||
}
|
||||
}));
|
||||
}
|
||||
|
||||
// typeahead.js
|
||||
if (self.options.typeaheadjs) {
|
||||
var typeaheadjs = self.options.typeaheadjs || {};
|
||||
|
||||
self.$input.typeahead(null, typeaheadjs).on('typeahead:selected', $.proxy(function (obj, datum) {
|
||||
if (typeaheadjs.valueKey)
|
||||
self.add(datum[typeaheadjs.valueKey]);
|
||||
else
|
||||
self.add(datum);
|
||||
self.$input.typeahead('val', '');
|
||||
}, self));
|
||||
}
|
||||
|
||||
self.$container.on('click', $.proxy(function(event) {
|
||||
if (! self.$element.attr('disabled')) {
|
||||
self.$input.removeAttr('disabled');
|
||||
}
|
||||
self.$input.focus();
|
||||
}, self));
|
||||
|
||||
if (self.options.addOnBlur && self.options.freeInput) {
|
||||
self.$input.on('focusout', $.proxy(function(event) {
|
||||
// HACK: only process on focusout when no typeahead opened, to
|
||||
// avoid adding the typeahead text as tag
|
||||
if ($('.typeahead, .twitter-typeahead', self.$container).length === 0) {
|
||||
self.add(self.$input.val());
|
||||
self.$input.val('');
|
||||
}
|
||||
}, self));
|
||||
}
|
||||
|
||||
|
||||
self.$container.on('keydown', 'input', $.proxy(function(event) {
|
||||
var $input = $(event.target),
|
||||
$inputWrapper = self.findInputWrapper();
|
||||
|
||||
if (self.$element.attr('disabled')) {
|
||||
self.$input.attr('disabled', 'disabled');
|
||||
return;
|
||||
}
|
||||
|
||||
switch (event.which) {
|
||||
// BACKSPACE
|
||||
case 8:
|
||||
if (doGetCaretPosition($input[0]) === 0) {
|
||||
var prev = $inputWrapper.prev();
|
||||
if (prev) {
|
||||
self.remove(prev.data('item'));
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
// DELETE
|
||||
case 46:
|
||||
if (doGetCaretPosition($input[0]) === 0) {
|
||||
var next = $inputWrapper.next();
|
||||
if (next) {
|
||||
self.remove(next.data('item'));
|
||||
}
|
||||
}
|
||||
break;
|
||||
|
||||
// LEFT ARROW
|
||||
case 37:
|
||||
// Try to move the input before the previous tag
|
||||
var $prevTag = $inputWrapper.prev();
|
||||
if ($input.val().length === 0 && $prevTag[0]) {
|
||||
$prevTag.before($inputWrapper);
|
||||
$input.focus();
|
||||
}
|
||||
break;
|
||||
// RIGHT ARROW
|
||||
case 39:
|
||||
// Try to move the input after the next tag
|
||||
var $nextTag = $inputWrapper.next();
|
||||
if ($input.val().length === 0 && $nextTag[0]) {
|
||||
$nextTag.after($inputWrapper);
|
||||
$input.focus();
|
||||
}
|
||||
break;
|
||||
default:
|
||||
// ignore
|
||||
}
|
||||
|
||||
// Reset internal input's size
|
||||
var textLength = $input.val().length,
|
||||
wordSpace = Math.ceil(textLength / 5),
|
||||
size = textLength + wordSpace + 1;
|
||||
$input.attr('size', Math.max(this.inputSize, $input.val().length));
|
||||
}, self));
|
||||
|
||||
self.$container.on('keypress', 'input', $.proxy(function(event) {
|
||||
var $input = $(event.target);
|
||||
|
||||
if (self.$element.attr('disabled')) {
|
||||
self.$input.attr('disabled', 'disabled');
|
||||
return;
|
||||
}
|
||||
|
||||
var text = $input.val(),
|
||||
maxLengthReached = self.options.maxChars && text.length >= self.options.maxChars;
|
||||
if (self.options.freeInput && (keyCombinationInList(event, self.options.confirmKeys) || maxLengthReached)) {
|
||||
self.add(maxLengthReached ? text.substr(0, self.options.maxChars) : text);
|
||||
$input.val('');
|
||||
event.preventDefault();
|
||||
}
|
||||
|
||||
// Reset internal input's size
|
||||
var textLength = $input.val().length,
|
||||
wordSpace = Math.ceil(textLength / 5),
|
||||
size = textLength + wordSpace + 1;
|
||||
$input.attr('size', Math.max(this.inputSize, $input.val().length));
|
||||
}, self));
|
||||
|
||||
// Remove icon clicked
|
||||
self.$container.on('click', '[data-role=remove]', $.proxy(function(event) {
|
||||
if (self.$element.attr('disabled')) {
|
||||
return;
|
||||
}
|
||||
self.remove($(event.target).closest('.tag').data('item'));
|
||||
}, self));
|
||||
|
||||
// Only add existing value as tags when using strings as tags
|
||||
if (self.options.itemValue === defaultOptions.itemValue) {
|
||||
if (self.$element[0].tagName === 'INPUT') {
|
||||
self.add(self.$element.val());
|
||||
} else {
|
||||
$('option', self.$element).each(function() {
|
||||
self.add($(this).attr('value'), true);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Removes all tagsinput behaviour and unregsiter all event handlers
|
||||
*/
|
||||
destroy: function() {
|
||||
var self = this;
|
||||
|
||||
// Unbind events
|
||||
self.$container.off('keypress', 'input');
|
||||
self.$container.off('click', '[role=remove]');
|
||||
|
||||
self.$container.remove();
|
||||
self.$element.removeData('tagsinput');
|
||||
self.$element.show();
|
||||
},
|
||||
|
||||
/**
|
||||
* Sets focus on the tagsinput
|
||||
*/
|
||||
focus: function() {
|
||||
this.$input.focus();
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns the internal input element
|
||||
*/
|
||||
input: function() {
|
||||
return this.$input;
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns the element which is wrapped around the internal input. This
|
||||
* is normally the $container, but typeahead.js moves the $input element.
|
||||
*/
|
||||
findInputWrapper: function() {
|
||||
var elt = this.$input[0],
|
||||
container = this.$container[0];
|
||||
while(elt && elt.parentNode !== container)
|
||||
elt = elt.parentNode;
|
||||
|
||||
return $(elt);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Register JQuery plugin
|
||||
*/
|
||||
$.fn.tagsinput = function(arg1, arg2) {
|
||||
var results = [];
|
||||
|
||||
this.each(function() {
|
||||
var tagsinput = $(this).data('tagsinput');
|
||||
// Initialize a new tags input
|
||||
if (!tagsinput) {
|
||||
tagsinput = new TagsInput(this, arg1);
|
||||
$(this).data('tagsinput', tagsinput);
|
||||
results.push(tagsinput);
|
||||
|
||||
if (this.tagName === 'SELECT') {
|
||||
$('option', $(this)).attr('selected', 'selected');
|
||||
}
|
||||
|
||||
// Init tags from $(this).val()
|
||||
$(this).val($(this).val());
|
||||
} else if (!arg1 && !arg2) {
|
||||
// tagsinput already exists
|
||||
// no function, trying to init
|
||||
results.push(tagsinput);
|
||||
} else if(tagsinput[arg1] !== undefined) {
|
||||
// Invoke function on existing tags input
|
||||
var retVal = tagsinput[arg1](arg2);
|
||||
if (retVal !== undefined)
|
||||
results.push(retVal);
|
||||
}
|
||||
});
|
||||
|
||||
if ( typeof arg1 == 'string') {
|
||||
// Return the results from the invoked function calls
|
||||
return results.length > 1 ? results : results[0];
|
||||
} else {
|
||||
return results;
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.tagsinput.Constructor = TagsInput;
|
||||
|
||||
/**
|
||||
* Most options support both a string or number as well as a function as
|
||||
* option value. This function makes sure that the option with the given
|
||||
* key in the given options is wrapped in a function
|
||||
*/
|
||||
function makeOptionItemFunction(options, key) {
|
||||
if (typeof options[key] !== 'function') {
|
||||
var propertyName = options[key];
|
||||
options[key] = function(item) { return item[propertyName]; };
|
||||
}
|
||||
}
|
||||
function makeOptionFunction(options, key) {
|
||||
if (typeof options[key] !== 'function') {
|
||||
var value = options[key];
|
||||
options[key] = function() { return value; };
|
||||
}
|
||||
}
|
||||
/**
|
||||
* HtmlEncodes the given value
|
||||
*/
|
||||
var htmlEncodeContainer = $('<div />');
|
||||
function htmlEncode(value) {
|
||||
if (value) {
|
||||
return htmlEncodeContainer.text(value).html();
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the position of the caret in the given input field
|
||||
* http://flightschool.acylt.com/devnotes/caret-position-woes/
|
||||
*/
|
||||
function doGetCaretPosition(oField) {
|
||||
var iCaretPos = 0;
|
||||
if (document.selection) {
|
||||
oField.focus ();
|
||||
var oSel = document.selection.createRange();
|
||||
oSel.moveStart ('character', -oField.value.length);
|
||||
iCaretPos = oSel.text.length;
|
||||
} else if (oField.selectionStart || oField.selectionStart == '0') {
|
||||
iCaretPos = oField.selectionStart;
|
||||
}
|
||||
return (iCaretPos);
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns boolean indicates whether user has pressed an expected key combination.
|
||||
* @param object keyPressEvent: JavaScript event object, refer
|
||||
* http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
|
||||
* @param object lookupList: expected key combinations, as in:
|
||||
* [13, {which: 188, shiftKey: true}]
|
||||
*/
|
||||
function keyCombinationInList(keyPressEvent, lookupList) {
|
||||
var found = false;
|
||||
$.each(lookupList, function (index, keyCombination) {
|
||||
if (typeof (keyCombination) === 'number' && keyPressEvent.which === keyCombination) {
|
||||
found = true;
|
||||
return false;
|
||||
}
|
||||
|
||||
if (keyPressEvent.which === keyCombination.which) {
|
||||
var alt = !keyCombination.hasOwnProperty('altKey') || keyPressEvent.altKey === keyCombination.altKey,
|
||||
shift = !keyCombination.hasOwnProperty('shiftKey') || keyPressEvent.shiftKey === keyCombination.shiftKey,
|
||||
ctrl = !keyCombination.hasOwnProperty('ctrlKey') || keyPressEvent.ctrlKey === keyCombination.ctrlKey;
|
||||
if (alt && shift && ctrl) {
|
||||
found = true;
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return found;
|
||||
}
|
||||
|
||||
/**
|
||||
* Initialize tagsinput behaviour on inputs and selects which have
|
||||
* data-role=tagsinput
|
||||
*/
|
||||
$(function() {
|
||||
$("input[data-role=tagsinput], select[multiple][data-role=tagsinput]").tagsinput();
|
||||
});
|
||||
})(window.jQuery);
|
||||
7
src/main/webapp/test/css/bootstrap-tagsinput/bootstrap-tagsinput.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"dist/bootstrap-tagsinput-angular.min.js","sources":["src/bootstrap-tagsinput-angular.js"],"names":["angular","module","directive","getItemProperty","scope","property","isFunction","$parent","item","undefined","restrict","model","template","replace","link","element","attrs","$","isArray","select","typeaheadSourceArray","typeaheadSource","split","length","tagsinput","options","typeahead","source","itemValue","itemvalue","itemText","itemtext","confirmKeys","confirmkeys","JSON","parse","tagClass","tagclass","i","on","event","indexOf","push","idx","splice","prev","slice","$watch","added","filter","removed"],"mappings":";;;;;AAAAA,QAAQC,OAAO,0BACdC,UAAU,sBAAuB,WAEhC,QAASC,GAAgBC,EAAOC,GAC9B,MAAKA,GAGDL,QAAQM,WAAWF,EAAMG,QAAQF,IAC5BD,EAAMG,QAAQF,GAEhB,SAASG,GACd,MAAOA,GAAKH,IANLI,OAUX,OACEC,SAAU,KACVN,OACEO,MAAO,YAETC,SAAU,6BACVC,SAAS,EACTC,KAAM,SAASV,EAAOW,EAASC,GAC7BC,EAAE,WACKjB,QAAQkB,QAAQd,EAAMO,SACzBP,EAAMO,SAER,IAAIQ,GAASF,EAAE,SAAUF,GACrBK,EAAuBJ,EAAMK,gBAAkBL,EAAMK,gBAAgBC,MAAM,KAAO,KAClFD,EAAkBD,EACjBA,EAAqBG,OAAS,EAC3BnB,EAAMG,QAAQa,EAAqB,IAAIA,EAAqB,IAC1DhB,EAAMG,QAAQa,EAAqB,IACvC,IAEND,GAAOK,UAAUpB,EAAMG,QAAQS,EAAMS,SAAW,MAC9CC,WACEC,OAAW3B,QAAQM,WAAWe,GAAmBA,EAAkB,MAErEO,UAAWzB,EAAgBC,EAAOY,EAAMa,WACxCC,SAAW3B,EAAgBC,EAAOY,EAAMe,UACxCC,YAAc7B,EAAgBC,EAAOY,EAAMiB,aAAeC,KAAKC,MAAMnB,EAAMiB,cAAgB,IAC3FG,SAAWpC,QAAQM,WAAWF,EAAMG,QAAQS,EAAMqB,WAAajC,EAAMG,QAAQS,EAAMqB,UAAY,WAAiB,MAAOrB,GAAMqB,WAG/H,KAAK,GAAIC,GAAI,EAAGA,EAAIlC,EAAMO,MAAMY,OAAQe,IACtCnB,EAAOK,UAAU,MAAOpB,EAAMO,MAAM2B,GAGtCnB,GAAOoB,GAAG,YAAa,SAASC,GACU,KAApCpC,EAAMO,MAAM8B,QAAQD,EAAMhC,OAC5BJ,EAAMO,MAAM+B,KAAKF,EAAMhC,QAG3BW,EAAOoB,GAAG,cAAe,SAASC,GAChC,GAAIG,GAAMvC,EAAMO,MAAM8B,QAAQD,EAAMhC,KACxB,MAARmC,GACFvC,EAAMO,MAAMiC,OAAOD,EAAK,IAK5B,IAAIE,GAAOzC,EAAMO,MAAMmC,OACvB1C,GAAM2C,OAAO,QAAS,WACpB,GAEIT,GAFAU,EAAQ5C,EAAMO,MAAMsC,OAAO,SAASX,GAAI,MAA2B,KAApBO,EAAKJ,QAAQH,KAC5DY,EAAUL,EAAKI,OAAO,SAASX,GAAI,MAAkC,KAA3BlC,EAAMO,MAAM8B,QAAQH,IAMlE,KAHAO,EAAOzC,EAAMO,MAAMmC,QAGdR,EAAI,EAAGA,EAAIY,EAAQ3B,OAAQe,IAC9BnB,EAAOK,UAAU,SAAU0B,EAAQZ,GAOrC,KAHAnB,EAAOK,UAAU,WAGZc,EAAI,EAAGA,EAAIU,EAAMzB,OAAQe,IAC5BnB,EAAOK,UAAU,MAAOwB,EAAMV,MAE/B"}
|
||||
195
src/main/webapp/test/css/bootstrap-toastr/toastr.css
Normal file
@@ -0,0 +1,195 @@
|
||||
/*
|
||||
* Toastr
|
||||
* Copyright 2012-2014 John Papa and Hans Fjällemark.
|
||||
* All Rights Reserved.
|
||||
* Use, reproduction, distribution, and modification of this code is subject to the terms and
|
||||
* conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
* Author: John Papa and Hans Fjällemark
|
||||
* Project: https://github.com/CodeSeven/toastr
|
||||
*/
|
||||
.toast-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.toast-message {
|
||||
-ms-word-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.toast-message a,
|
||||
.toast-message label {
|
||||
color: #ffffff;
|
||||
}
|
||||
.toast-message a:hover {
|
||||
color: #cccccc;
|
||||
text-decoration: none;
|
||||
}
|
||||
.toast-close-button {
|
||||
position: relative;
|
||||
right: -0.3em;
|
||||
top: -0.3em;
|
||||
float: right;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
-webkit-text-shadow: 0 1px 0 #ffffff;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
opacity: 0.8;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
.toast-close-button:hover,
|
||||
.toast-close-button:focus {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
opacity: 0.4;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
||||
filter: alpha(opacity=40);
|
||||
}
|
||||
/*Additional properties for button version
|
||||
iOS requires the button element instead of an anchor tag.
|
||||
If you want the anchor version, it requires `href="#"`.*/
|
||||
button.toast-close-button {
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.toast-top-center {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.toast-bottom-center {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.toast-top-full-width {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.toast-bottom-full-width {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.toast-top-left {
|
||||
top: 12px;
|
||||
left: 12px;
|
||||
}
|
||||
.toast-top-right {
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
}
|
||||
.toast-bottom-right {
|
||||
right: 12px;
|
||||
bottom: 12px;
|
||||
}
|
||||
.toast-bottom-left {
|
||||
bottom: 12px;
|
||||
left: 12px;
|
||||
}
|
||||
#toast-container {
|
||||
position: fixed;
|
||||
z-index: 999999;
|
||||
/*overrides*/
|
||||
|
||||
}
|
||||
#toast-container * {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#toast-container > div {
|
||||
margin: 0 0 6px;
|
||||
padding: 15px 15px 15px 50px;
|
||||
width: 300px;
|
||||
-moz-border-radius: 3px 3px 3px 3px;
|
||||
-webkit-border-radius: 3px 3px 3px 3px;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
background-position: 15px center;
|
||||
background-repeat: no-repeat;
|
||||
-moz-box-shadow: 0 0 12px #999999;
|
||||
-webkit-box-shadow: 0 0 12px #999999;
|
||||
box-shadow: 0 0 12px #999999;
|
||||
color: #ffffff;
|
||||
opacity: 0.8;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
#toast-container > :hover {
|
||||
-moz-box-shadow: 0 0 12px #000000;
|
||||
-webkit-box-shadow: 0 0 12px #000000;
|
||||
box-shadow: 0 0 12px #000000;
|
||||
opacity: 1;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
filter: alpha(opacity=100);
|
||||
cursor: pointer;
|
||||
}
|
||||
#toast-container > .toast-info {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
|
||||
}
|
||||
#toast-container > .toast-error {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
|
||||
}
|
||||
#toast-container > .toast-success {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
|
||||
}
|
||||
#toast-container > .toast-warning {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
|
||||
}
|
||||
#toast-container.toast-top-center > div,
|
||||
#toast-container.toast-bottom-center > div {
|
||||
width: 300px;
|
||||
margin: auto;
|
||||
}
|
||||
#toast-container.toast-top-full-width > div,
|
||||
#toast-container.toast-bottom-full-width > div {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
.toast {
|
||||
background-color: #030303;
|
||||
}
|
||||
.toast-success {
|
||||
background-color: #51a351;
|
||||
}
|
||||
.toast-error {
|
||||
background-color: #bd362f;
|
||||
}
|
||||
.toast-info {
|
||||
background-color: #2f96b4;
|
||||
}
|
||||
.toast-warning {
|
||||
background-color: #f89406;
|
||||
}
|
||||
/*Responsive Design*/
|
||||
@media all and (max-width: 240px) {
|
||||
#toast-container > div {
|
||||
padding: 8px 8px 8px 50px;
|
||||
width: 11em;
|
||||
}
|
||||
#toast-container .toast-close-button {
|
||||
right: -0.2em;
|
||||
top: -0.2em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 241px) and (max-width: 480px) {
|
||||
#toast-container > div {
|
||||
padding: 8px 8px 8px 50px;
|
||||
width: 18em;
|
||||
}
|
||||
#toast-container .toast-close-button {
|
||||
right: -0.2em;
|
||||
top: -0.2em;
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 481px) and (max-width: 768px) {
|
||||
#toast-container > div {
|
||||
padding: 15px 15px 15px 50px;
|
||||
width: 25em;
|
||||
}
|
||||
}
|
||||
6358
src/main/webapp/test/css/bootstrap/css/bootstrap.css
vendored
Normal file
5414
src/main/webapp/test/css/bootstrap/css/bootstrap.min.css
vendored
Normal file
281
src/main/webapp/test/css/bootstrap/css/daterangepicker-bs3.css
Normal file
@@ -0,0 +1,281 @@
|
||||
/*!
|
||||
* Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
|
||||
*
|
||||
* Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Built for http://www.improvely.com
|
||||
*/
|
||||
.clear{ clear:both;}
|
||||
.daterangepicker.dropdown-menu {
|
||||
max-width: none;
|
||||
z-index: 3000;
|
||||
}
|
||||
|
||||
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
|
||||
float: left;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
/*.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {*/
|
||||
.daterangepicker.opensright .calendar {
|
||||
float: right;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges {
|
||||
margin:4px;
|
||||
text-align: left;
|
||||
padding:0px 20px;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges .range_inputs>div {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges .range_inputs>div:nth-child(2) {
|
||||
padding-left: 11px;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges .range_inputs .applyBtn{
|
||||
float:right;
|
||||
}
|
||||
.daterangepicker .ranges .range_inputs .cancelBtn{
|
||||
float:right;margin-right:10px;
|
||||
}
|
||||
|
||||
|
||||
.daterangepicker .calendar {
|
||||
display: none;
|
||||
max-width: 290px;
|
||||
}
|
||||
|
||||
.daterangepicker.show-calendar .calendar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.daterangepicker .calendar.single .calendar-date {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.daterangepicker .calendar th, .daterangepicker .calendar td {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
min-width: 32px;
|
||||
}
|
||||
|
||||
.daterangepicker .daterangepicker_start_input label,
|
||||
.daterangepicker .daterangepicker_end_input label {
|
||||
color: #333;
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 2px;
|
||||
text-shadow: #fff 1px 1px 0px;
|
||||
text-transform: uppercase;
|
||||
padding-right:10px;
|
||||
float:left;
|
||||
height:34px;
|
||||
line-height:34px;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges input {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges .input-mini {
|
||||
background-color: #eee;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
color: #555;
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
vertical-align: middle;
|
||||
margin: 0 0 10px 0;
|
||||
padding: 0 6px;
|
||||
width: 84px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges li {
|
||||
font-size: 13px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #f5f5f5;
|
||||
color: #08c;
|
||||
padding: 3px 12px;
|
||||
margin-bottom: 8px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
|
||||
background: #08c;
|
||||
border: 1px solid #08c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.daterangepicker .calendar-date {
|
||||
border: 1px solid #ddd;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.daterangepicker .calendar-time {
|
||||
text-align: center;
|
||||
margin: 8px auto 0 auto;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.daterangepicker {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
top: 100px;
|
||||
left: 20px;
|
||||
padding: 4px;
|
||||
margin-top: 1px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.daterangepicker.opensleft:before {
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
right: 9px;
|
||||
display: inline-block;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-left: 7px solid transparent;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
content: '';
|
||||
}
|
||||
|
||||
.daterangepicker.opensleft:after {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
right: 10px;
|
||||
display: inline-block;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-left: 6px solid transparent;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.daterangepicker.opensright:before {
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 9px;
|
||||
display: inline-block;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-left: 7px solid transparent;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
content: '';
|
||||
}
|
||||
|
||||
.daterangepicker.opensright:after {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 10px;
|
||||
display: inline-block;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-left: 6px solid transparent;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.daterangepicker table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.daterangepicker td, .daterangepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.daterangepicker td.off {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.daterangepicker td.disabled {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.daterangepicker td.in-range {
|
||||
background: #ebf4f8;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.daterangepicker td.active, .daterangepicker td.active:hover {
|
||||
background-color: #357ebd;
|
||||
border-color: #3071a9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.daterangepicker td.week, .daterangepicker th.week {
|
||||
font-size: 80%;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
|
||||
font-size: 12px;
|
||||
padding: 1px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.daterangepicker select.monthselect {
|
||||
margin-right: 2%;
|
||||
width: 56%;
|
||||
}
|
||||
|
||||
.daterangepicker select.yearselect {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
|
||||
width: 50px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.daterangepicker_start_input {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.daterangepicker_end_input {
|
||||
float: left;
|
||||
padding-left: 11px
|
||||
}
|
||||
|
||||
.daterangepicker th.month {
|
||||
width: auto;
|
||||
}
|
||||
12176
src/main/webapp/test/css/components-rounded.css
Normal file
12250
src/main/webapp/test/css/components.css
Normal file
19
src/main/webapp/test/css/custom.css
Normal file
@@ -0,0 +1,19 @@
|
||||
/* here you can put your own css to customize and override the theme */
|
||||
|
||||
/***
|
||||
Rounded Portlets
|
||||
***/
|
||||
/*
|
||||
.portlet {
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
.portlet .portlet-title {
|
||||
border-radius: 4px 4px 0px 0px !important;
|
||||
}
|
||||
|
||||
.portlet .portlet-body,
|
||||
.portlet .portlet-body .form-actions {
|
||||
border-radius: 0px 0px 4px 4px !important;
|
||||
}
|
||||
*/
|
||||
@@ -0,0 +1,337 @@
|
||||
/*
|
||||
* File: TableTools.css
|
||||
* Description: Styles for TableTools 2
|
||||
* Author: Allan Jardine (www.sprymedia.co.uk)
|
||||
* Language: Javascript
|
||||
* License: GPL v2 / 3 point BSD
|
||||
* Project: DataTables
|
||||
*
|
||||
* Copyright 2009-2012 Allan Jardine, all rights reserved.
|
||||
*
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
*
|
||||
* CSS name space:
|
||||
* DTTT DataTables TableTools
|
||||
*
|
||||
* Style sheet provides:
|
||||
* CONTAINER TableTools container element and styles applying to all components
|
||||
* BUTTON_STYLES Action specific button styles
|
||||
* SELECTING Row selection styles
|
||||
* COLLECTIONS Drop down list (collection) styles
|
||||
* PRINTING Print display styles
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
* CONTAINER
|
||||
* TableTools container element and styles applying to all components
|
||||
*/
|
||||
div.DTTT_container {
|
||||
position: relative;
|
||||
float: right;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
div.DTTT_container {
|
||||
float: none !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.DTTT_container:after {
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
content: "";
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
button.DTTT_button,
|
||||
div.DTTT_button,
|
||||
a.DTTT_button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-right: 3px;
|
||||
padding: 5px 8px;
|
||||
border: 1px solid #999;
|
||||
cursor: pointer;
|
||||
*cursor: hand;
|
||||
font-size: 0.88em;
|
||||
color: black !important;
|
||||
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-ms-border-radius: 2px;
|
||||
-o-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
|
||||
-webkit-box-shadow: 1px 1px 3px #ccc;
|
||||
-moz-box-shadow: 1px 1px 3px #ccc;
|
||||
-ms-box-shadow: 1px 1px 3px #ccc;
|
||||
-o-box-shadow: 1px 1px 3px #ccc;
|
||||
box-shadow: 1px 1px 3px #ccc;
|
||||
|
||||
/* Generated by http://www.colorzilla.com/gradient-editor/ */
|
||||
background: #ffffff; /* Old browsers */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
|
||||
background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
|
||||
button.DTTT_button {
|
||||
height: 30px;
|
||||
padding: 3px 8px;
|
||||
}
|
||||
|
||||
.DTTT_button embed {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
button.DTTT_button:hover,
|
||||
div.DTTT_button:hover,
|
||||
a.DTTT_button:hover {
|
||||
border: 1px solid #666;
|
||||
text-decoration: none !important;
|
||||
|
||||
-webkit-box-shadow: 1px 1px 3px #999;
|
||||
-moz-box-shadow: 1px 1px 3px #999;
|
||||
-ms-box-shadow: 1px 1px 3px #999;
|
||||
-o-box-shadow: 1px 1px 3px #999;
|
||||
box-shadow: 1px 1px 3px #999;
|
||||
|
||||
background: #f3f3f3; /* Old browsers */
|
||||
background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
|
||||
background: -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
|
||||
background: -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
|
||||
background: linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
button.DTTT_disabled,
|
||||
div.DTTT_disabled,
|
||||
a.DTTT_disabled {
|
||||
color: #999;
|
||||
border: 1px solid #d0d0d0;
|
||||
|
||||
background: #ffffff; /* Old browsers */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* FF3.6+ */
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* IE10+ */
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Opera 11.10+ */
|
||||
background: linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* BUTTON_STYLES
|
||||
* Action specific button styles
|
||||
* If you want images - comment this back in
|
||||
|
||||
a.DTTT_button_csv,
|
||||
a.DTTT_button_xls,
|
||||
a.DTTT_button_copy,
|
||||
a.DTTT_button_pdf,
|
||||
a.DTTT_button_print {
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
a.DTTT_button_csv span,
|
||||
a.DTTT_button_xls span,
|
||||
a.DTTT_button_copy span,
|
||||
a.DTTT_button_pdf span,
|
||||
a.DTTT_button_print span {
|
||||
display: inline-block;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
|
||||
a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
|
||||
a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }
|
||||
|
||||
a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
|
||||
a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }
|
||||
|
||||
a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
|
||||
a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }
|
||||
|
||||
a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
|
||||
a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }
|
||||
|
||||
a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
|
||||
a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }
|
||||
|
||||
*/
|
||||
|
||||
button.DTTT_button_collection span {
|
||||
padding-right: 17px;
|
||||
background: url(../images/collection.png) no-repeat center right;
|
||||
}
|
||||
|
||||
button.DTTT_button_collection:hover span {
|
||||
padding-right: 17px;
|
||||
background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* SELECTING
|
||||
* Row selection styles
|
||||
*/
|
||||
table.DTTT_selectable tbody tr {
|
||||
cursor: pointer;
|
||||
*cursor: hand;
|
||||
}
|
||||
|
||||
table.dataTable tr.DTTT_selected.odd {
|
||||
background-color: #9FAFD1;
|
||||
}
|
||||
|
||||
table.dataTable tr.DTTT_selected.odd td.sorting_1 {
|
||||
background-color: #9FAFD1;
|
||||
}
|
||||
|
||||
table.dataTable tr.DTTT_selected.odd td.sorting_2 {
|
||||
background-color: #9FAFD1;
|
||||
}
|
||||
|
||||
table.dataTable tr.DTTT_selected.odd td.sorting_3 {
|
||||
background-color: #9FAFD1;
|
||||
}
|
||||
|
||||
|
||||
table.dataTable tr.DTTT_selected.even {
|
||||
background-color: #B0BED9;
|
||||
}
|
||||
|
||||
table.dataTable tr.DTTT_selected.even td.sorting_1 {
|
||||
background-color: #B0BED9;
|
||||
}
|
||||
|
||||
table.dataTable tr.DTTT_selected.even td.sorting_2 {
|
||||
background-color: #B0BED9;
|
||||
}
|
||||
|
||||
table.dataTable tr.DTTT_selected.even td.sorting_3 {
|
||||
background-color: #B0BED9;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* COLLECTIONS
|
||||
* Drop down list (collection) styles
|
||||
*/
|
||||
|
||||
div.DTTT_collection {
|
||||
width: 150px;
|
||||
padding: 8px 8px 4px 8px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba( 0, 0, 0, 0.4 );
|
||||
background-color: #f3f3f3;
|
||||
background-color: rgba( 255, 255, 255, 0.3 );
|
||||
overflow: hidden;
|
||||
z-index: 2002;
|
||||
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-ms-border-radius: 5px;
|
||||
-o-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
|
||||
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
||||
-ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
||||
-o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
div.DTTT_collection_background {
|
||||
background: transparent url(../images/background.png) repeat top left;
|
||||
z-index: 2001;
|
||||
}
|
||||
|
||||
div.DTTT_collection button.DTTT_button,
|
||||
div.DTTT_collection div.DTTT_button,
|
||||
div.DTTT_collection a.DTTT_button {
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
display: block;
|
||||
float: none;
|
||||
margin-bottom: 4px;
|
||||
|
||||
-webkit-box-shadow: 1px 1px 3px #999;
|
||||
-moz-box-shadow: 1px 1px 3px #999;
|
||||
-ms-box-shadow: 1px 1px 3px #999;
|
||||
-o-box-shadow: 1px 1px 3px #999;
|
||||
box-shadow: 1px 1px 3px #999;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* PRINTING
|
||||
* Print display styles
|
||||
*/
|
||||
|
||||
.DTTT_print_info {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 400px;
|
||||
height: 150px;
|
||||
margin-left: -200px;
|
||||
margin-top: -75px;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
padding: 10px 30px;
|
||||
|
||||
background: #ffffff; /* Old browsers */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
|
||||
background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
opacity: 0.95;
|
||||
|
||||
border: 1px solid black;
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-ms-border-radius: 6px;
|
||||
-o-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
|
||||
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
-ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.DTTT_print_info h6 {
|
||||
font-weight: normal;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
.DTTT_print_info p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
1
src/main/webapp/test/css/datatables/extensions/TableTools/css/dataTables.tableTools.min.css
vendored
Normal file
@@ -0,0 +1,476 @@
|
||||
/*
|
||||
* Table styles
|
||||
*/
|
||||
table.dataTable {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
clear: both;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
/*
|
||||
* Header and footer styles
|
||||
*/
|
||||
/*
|
||||
* Body styles
|
||||
*/
|
||||
}
|
||||
table.dataTable thead th,
|
||||
table.dataTable tfoot th {
|
||||
font-weight: bold;
|
||||
}
|
||||
table.dataTable thead th,
|
||||
table.dataTable thead td {
|
||||
padding: 10px 18px;
|
||||
border-bottom: 1px solid #111111;
|
||||
}
|
||||
table.dataTable thead th:active,
|
||||
table.dataTable thead td:active {
|
||||
outline: none;
|
||||
}
|
||||
table.dataTable tfoot th,
|
||||
table.dataTable tfoot td {
|
||||
padding: 10px 18px 6px 18px;
|
||||
border-top: 1px solid #111111;
|
||||
}
|
||||
table.dataTable thead .sorting_asc,
|
||||
table.dataTable thead .sorting_desc,
|
||||
table.dataTable thead .sorting {
|
||||
cursor: pointer;
|
||||
*cursor: hand;
|
||||
}
|
||||
table.dataTable thead .sorting {
|
||||
background: url("../../../../images/sort_both.png") no-repeat center right;
|
||||
}
|
||||
table.dataTable thead .sorting_asc {
|
||||
background: url("../../../../images/sort_asc.png") no-repeat center right;
|
||||
}
|
||||
table.dataTable thead .sorting_desc {
|
||||
background: url("../../../../images/sort_desc.png") no-repeat center right;
|
||||
}
|
||||
table.dataTable thead .sorting_asc_disabled {
|
||||
background: url("../../../../images/sort_asc_disabled.png") no-repeat center right;
|
||||
}
|
||||
table.dataTable thead .sorting_desc_disabled {
|
||||
background: url("../../../../images/sort_desc_disabled.png") no-repeat center right;
|
||||
}
|
||||
table.dataTable tbody tr {
|
||||
background-color: white;
|
||||
}
|
||||
table.dataTable tbody tr.selected {
|
||||
background-color: #b0bed9;
|
||||
}
|
||||
table.dataTable tbody th,
|
||||
table.dataTable tbody td {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
table.dataTable.row-border tbody tr:first-child th,
|
||||
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
|
||||
table.dataTable.display tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
|
||||
border-top: 1px solid #dddddd;
|
||||
border-right: 1px solid #dddddd;
|
||||
}
|
||||
table.dataTable.cell-border tbody tr th:first-child,
|
||||
table.dataTable.cell-border tbody tr td:first-child {
|
||||
border-left: 1px solid #dddddd;
|
||||
}
|
||||
table.dataTable.cell-border tbody tr:first-child th,
|
||||
table.dataTable.cell-border tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
|
||||
background-color: #abb9d3;
|
||||
}
|
||||
table.dataTable.hover tbody tr:hover,
|
||||
table.dataTable.hover tbody tr.odd:hover,
|
||||
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
|
||||
table.dataTable.display tbody tr.odd:hover,
|
||||
table.dataTable.display tbody tr.even:hover {
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
table.dataTable.hover tbody tr:hover.selected,
|
||||
table.dataTable.hover tbody tr.odd:hover.selected,
|
||||
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
|
||||
table.dataTable.display tbody tr.odd:hover.selected,
|
||||
table.dataTable.display tbody tr.even:hover.selected {
|
||||
background-color: #a9b7d1;
|
||||
}
|
||||
table.dataTable.order-column tbody tr > .sorting_1,
|
||||
table.dataTable.order-column tbody tr > .sorting_2,
|
||||
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
|
||||
table.dataTable.display tbody tr > .sorting_2,
|
||||
table.dataTable.display tbody tr > .sorting_3 {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
table.dataTable.order-column tbody tr.selected > .sorting_1,
|
||||
table.dataTable.order-column tbody tr.selected > .sorting_2,
|
||||
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
|
||||
table.dataTable.display tbody tr.selected > .sorting_2,
|
||||
table.dataTable.display tbody tr.selected > .sorting_3 {
|
||||
background-color: #acbad4;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
|
||||
background-color: #a6b3cd;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
|
||||
background-color: #a7b5ce;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
|
||||
background-color: #a9b6d0;
|
||||
}
|
||||
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
|
||||
background-color: #acbad4;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
|
||||
background-color: #adbbd6;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
|
||||
background-color: #afbdd8;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover > .sorting_1,
|
||||
table.dataTable.display tbody tr.odd:hover > .sorting_1,
|
||||
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
|
||||
background-color: #eaeaea;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover > .sorting_2,
|
||||
table.dataTable.display tbody tr.odd:hover > .sorting_2,
|
||||
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover > .sorting_3,
|
||||
table.dataTable.display tbody tr.odd:hover > .sorting_3,
|
||||
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.selected > .sorting_1,
|
||||
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
|
||||
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
|
||||
background-color: #a1aec7;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.selected > .sorting_2,
|
||||
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
|
||||
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
|
||||
background-color: #a2afc8;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.selected > .sorting_3,
|
||||
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
|
||||
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
|
||||
background-color: #a4b2cb;
|
||||
}
|
||||
table.dataTable.no-footer {
|
||||
border-bottom: 1px solid #111111;
|
||||
}
|
||||
table.dataTable.nowrap th, table.dataTable.nowrap td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
table.dataTable.compact thead th,
|
||||
table.dataTable.compact thead td {
|
||||
padding: 5px 9px;
|
||||
}
|
||||
table.dataTable.compact tfoot th,
|
||||
table.dataTable.compact tfoot td {
|
||||
padding: 5px 9px 3px 9px;
|
||||
}
|
||||
table.dataTable.compact tbody th,
|
||||
table.dataTable.compact tbody td {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
table.dataTable th.dt-left,
|
||||
table.dataTable td.dt-left {
|
||||
text-align: left;
|
||||
}
|
||||
table.dataTable th.dt-center,
|
||||
table.dataTable td.dt-center,
|
||||
table.dataTable td.dataTables_empty {
|
||||
text-align: center;
|
||||
}
|
||||
table.dataTable th.dt-right,
|
||||
table.dataTable td.dt-right {
|
||||
text-align: right;
|
||||
}
|
||||
table.dataTable th.dt-justify,
|
||||
table.dataTable td.dt-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
table.dataTable th.dt-nowrap,
|
||||
table.dataTable td.dt-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
table.dataTable thead th.dt-head-left,
|
||||
table.dataTable thead td.dt-head-left,
|
||||
table.dataTable tfoot th.dt-head-left,
|
||||
table.dataTable tfoot td.dt-head-left {
|
||||
text-align: left;
|
||||
}
|
||||
table.dataTable thead th.dt-head-center,
|
||||
table.dataTable thead td.dt-head-center,
|
||||
table.dataTable tfoot th.dt-head-center,
|
||||
table.dataTable tfoot td.dt-head-center {
|
||||
text-align: center;
|
||||
}
|
||||
table.dataTable thead th.dt-head-right,
|
||||
table.dataTable thead td.dt-head-right,
|
||||
table.dataTable tfoot th.dt-head-right,
|
||||
table.dataTable tfoot td.dt-head-right {
|
||||
text-align: right;
|
||||
}
|
||||
table.dataTable thead th.dt-head-justify,
|
||||
table.dataTable thead td.dt-head-justify,
|
||||
table.dataTable tfoot th.dt-head-justify,
|
||||
table.dataTable tfoot td.dt-head-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
table.dataTable thead th.dt-head-nowrap,
|
||||
table.dataTable thead td.dt-head-nowrap,
|
||||
table.dataTable tfoot th.dt-head-nowrap,
|
||||
table.dataTable tfoot td.dt-head-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
table.dataTable tbody th.dt-body-left,
|
||||
table.dataTable tbody td.dt-body-left {
|
||||
text-align: left;
|
||||
}
|
||||
table.dataTable tbody th.dt-body-center,
|
||||
table.dataTable tbody td.dt-body-center {
|
||||
text-align: center;
|
||||
}
|
||||
table.dataTable tbody th.dt-body-right,
|
||||
table.dataTable tbody td.dt-body-right {
|
||||
text-align: right;
|
||||
}
|
||||
table.dataTable tbody th.dt-body-justify,
|
||||
table.dataTable tbody td.dt-body-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
table.dataTable tbody th.dt-body-nowrap,
|
||||
table.dataTable tbody td.dt-body-nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
table.dataTable,
|
||||
table.dataTable th,
|
||||
table.dataTable td {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/*
|
||||
* Control feature layout
|
||||
*/
|
||||
.dataTables_wrapper {
|
||||
position: relative;
|
||||
clear: both;
|
||||
*zoom: 1;
|
||||
zoom: 1;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_length {
|
||||
float: left;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_filter {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_filter input {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_info {
|
||||
clear: both;
|
||||
float: left;
|
||||
padding-top: 0.755em;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate {
|
||||
float: right;
|
||||
text-align: right;
|
||||
padding-top: 0.25em;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
min-width: 1.5em;
|
||||
padding: 0.5em 1em;
|
||||
margin-left: 2px;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
cursor: pointer;
|
||||
*cursor: hand;
|
||||
color: #333333 !important;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
|
||||
color: #333333 !important;
|
||||
border: 1px solid #cacaca;
|
||||
background-color: white;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
|
||||
/* FF3.6+ */
|
||||
background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
|
||||
/* IE10+ */
|
||||
background: -o-linear-gradient(top, white 0%, gainsboro 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: linear-gradient(to bottom, white 0%, gainsboro 100%);
|
||||
/* W3C */
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
|
||||
cursor: default;
|
||||
color: #666 !important;
|
||||
border: 1px solid transparent;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
|
||||
color: white !important;
|
||||
border: 1px solid #111111;
|
||||
background-color: #585858;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
|
||||
/* FF3.6+ */
|
||||
background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
|
||||
/* IE10+ */
|
||||
background: -o-linear-gradient(top, #585858 0%, #111111 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: linear-gradient(to bottom, #585858 0%, #111111 100%);
|
||||
/* W3C */
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
|
||||
outline: none;
|
||||
background-color: #2b2b2b;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
|
||||
/* FF3.6+ */
|
||||
background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
|
||||
/* IE10+ */
|
||||
background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
|
||||
/* W3C */
|
||||
box-shadow: inset 0 0 3px #111;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
margin-left: -50%;
|
||||
margin-top: -25px;
|
||||
padding-top: 20px;
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
background-color: white;
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||||
/* FF3.6+ */
|
||||
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||||
/* IE10+ */
|
||||
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||||
/* W3C */
|
||||
}
|
||||
.dataTables_wrapper .dataTables_length,
|
||||
.dataTables_wrapper .dataTables_filter,
|
||||
.dataTables_wrapper .dataTables_info,
|
||||
.dataTables_wrapper .dataTables_processing,
|
||||
.dataTables_wrapper .dataTables_paginate {
|
||||
color: #333333;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_scroll {
|
||||
clear: both;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
|
||||
*margin-top: -1px;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
|
||||
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.dataTables_wrapper.no-footer .dataTables_scrollBody {
|
||||
border-bottom: 1px solid #111111;
|
||||
}
|
||||
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
|
||||
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
|
||||
border-bottom: none;
|
||||
}
|
||||
.dataTables_wrapper:after {
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
content: "";
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.dataTables_wrapper .dataTables_info,
|
||||
.dataTables_wrapper .dataTables_paginate {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
.dataTables_wrapper .dataTables_length,
|
||||
.dataTables_wrapper .dataTables_filter {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_filter {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
}
|
||||
1
src/main/webapp/test/css/datatables/media/css/jquery.dataTables.min.css
vendored
Normal file
@@ -0,0 +1,330 @@
|
||||
/*
|
||||
* Table styles
|
||||
*/
|
||||
table.dataTable {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
clear: both;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
/*
|
||||
* Header and footer styles
|
||||
*/
|
||||
/*
|
||||
* Body styles
|
||||
*/
|
||||
}
|
||||
table.dataTable thead th,
|
||||
table.dataTable thead td,
|
||||
table.dataTable tfoot th,
|
||||
table.dataTable tfoot td {
|
||||
padding: 4px 10px;
|
||||
}
|
||||
table.dataTable thead th,
|
||||
table.dataTable tfoot th {
|
||||
font-weight: bold;
|
||||
}
|
||||
table.dataTable thead th:active,
|
||||
table.dataTable thead td:active {
|
||||
outline: none;
|
||||
}
|
||||
table.dataTable thead .sorting_asc,
|
||||
table.dataTable thead .sorting_desc,
|
||||
table.dataTable thead .sorting {
|
||||
cursor: pointer;
|
||||
*cursor: hand;
|
||||
}
|
||||
table.dataTable thead th div.DataTables_sort_wrapper {
|
||||
position: relative;
|
||||
padding-right: 10px;
|
||||
}
|
||||
table.dataTable thead th div.DataTables_sort_wrapper span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
right: -5px;
|
||||
}
|
||||
table.dataTable thead th.ui-state-default {
|
||||
border-right-width: 0;
|
||||
}
|
||||
table.dataTable thead th.ui-state-default:last-child {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
table.dataTable tbody tr {
|
||||
background-color: white;
|
||||
}
|
||||
table.dataTable tbody tr.selected {
|
||||
background-color: #b0bed9;
|
||||
}
|
||||
table.dataTable tbody th,
|
||||
table.dataTable tbody td {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
table.dataTable th.center,
|
||||
table.dataTable td.center,
|
||||
table.dataTable td.dataTables_empty {
|
||||
text-align: center;
|
||||
}
|
||||
table.dataTable th.right,
|
||||
table.dataTable td.right {
|
||||
text-align: right;
|
||||
}
|
||||
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
table.dataTable.row-border tbody tr:first-child th,
|
||||
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
|
||||
table.dataTable.display tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
|
||||
border-top: 1px solid #dddddd;
|
||||
border-right: 1px solid #dddddd;
|
||||
}
|
||||
table.dataTable.cell-border tbody tr th:first-child,
|
||||
table.dataTable.cell-border tbody tr td:first-child {
|
||||
border-left: 1px solid #dddddd;
|
||||
}
|
||||
table.dataTable.cell-border tbody tr:first-child th,
|
||||
table.dataTable.cell-border tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
|
||||
background-color: #abb9d3;
|
||||
}
|
||||
table.dataTable.hover tbody tr:hover,
|
||||
table.dataTable.hover tbody tr.odd:hover,
|
||||
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
|
||||
table.dataTable.display tbody tr.odd:hover,
|
||||
table.dataTable.display tbody tr.even:hover {
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
table.dataTable.hover tbody tr:hover.selected,
|
||||
table.dataTable.hover tbody tr.odd:hover.selected,
|
||||
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
|
||||
table.dataTable.display tbody tr.odd:hover.selected,
|
||||
table.dataTable.display tbody tr.even:hover.selected {
|
||||
background-color: #a9b7d1;
|
||||
}
|
||||
table.dataTable.order-column tbody tr > .sorting_1,
|
||||
table.dataTable.order-column tbody tr > .sorting_2,
|
||||
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
|
||||
table.dataTable.display tbody tr > .sorting_2,
|
||||
table.dataTable.display tbody tr > .sorting_3 {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
table.dataTable.order-column tbody tr.selected > .sorting_1,
|
||||
table.dataTable.order-column tbody tr.selected > .sorting_2,
|
||||
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
|
||||
table.dataTable.display tbody tr.selected > .sorting_2,
|
||||
table.dataTable.display tbody tr.selected > .sorting_3 {
|
||||
background-color: #acbad4;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
|
||||
background-color: whitesmoke;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
|
||||
background-color: #a6b3cd;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
|
||||
background-color: #a7b5ce;
|
||||
}
|
||||
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
|
||||
background-color: #a9b6d0;
|
||||
}
|
||||
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
|
||||
background-color: #acbad4;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
|
||||
background-color: #adbbd6;
|
||||
}
|
||||
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
|
||||
background-color: #afbdd8;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover > .sorting_1,
|
||||
table.dataTable.display tbody tr.odd:hover > .sorting_1,
|
||||
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
|
||||
background-color: #eaeaea;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover > .sorting_2,
|
||||
table.dataTable.display tbody tr.odd:hover > .sorting_2,
|
||||
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover > .sorting_3,
|
||||
table.dataTable.display tbody tr.odd:hover > .sorting_3,
|
||||
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.selected > .sorting_1,
|
||||
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
|
||||
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
|
||||
background-color: #a1aec7;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.selected > .sorting_2,
|
||||
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
|
||||
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
|
||||
background-color: #a2afc8;
|
||||
}
|
||||
table.dataTable.display tbody tr:hover.selected > .sorting_3,
|
||||
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
|
||||
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
|
||||
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
|
||||
background-color: #a4b2cb;
|
||||
}
|
||||
|
||||
table.dataTable,
|
||||
table.dataTable th,
|
||||
table.dataTable td {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/*
|
||||
* Control feature layout
|
||||
*/
|
||||
.dataTables_wrapper {
|
||||
position: relative;
|
||||
clear: both;
|
||||
*zoom: 1;
|
||||
zoom: 1;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_length {
|
||||
float: left;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_filter {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_filter input {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_info {
|
||||
clear: both;
|
||||
float: left;
|
||||
padding-top: 0.55em;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .fg-button {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
min-width: 1.5em;
|
||||
padding: 0.5em;
|
||||
margin-left: 2px;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
cursor: pointer;
|
||||
*cursor: hand;
|
||||
color: #333333 !important;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .fg-button:active {
|
||||
outline: none;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .fg-button:first-child {
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .fg-button:last-child {
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
margin-left: -50%;
|
||||
margin-top: -25px;
|
||||
padding-top: 20px;
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
background-color: white;
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||||
/* FF3.6+ */
|
||||
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||||
/* IE10+ */
|
||||
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||||
/* W3C */
|
||||
}
|
||||
.dataTables_wrapper .dataTables_length,
|
||||
.dataTables_wrapper .dataTables_filter,
|
||||
.dataTables_wrapper .dataTables_info,
|
||||
.dataTables_wrapper .dataTables_processing,
|
||||
.dataTables_wrapper .dataTables_paginate {
|
||||
color: #333333;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_scroll {
|
||||
clear: both;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_scrollBody {
|
||||
*margin-top: -1px;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.dataTables_wrapper .ui-widget-header {
|
||||
font-weight: normal;
|
||||
}
|
||||
.dataTables_wrapper .ui-toolbar {
|
||||
padding: 8px;
|
||||
}
|
||||
.dataTables_wrapper:after {
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
content: "";
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.dataTables_wrapper .dataTables_length,
|
||||
.dataTables_wrapper .dataTables_filter,
|
||||
.dataTables_wrapper .dataTables_info,
|
||||
.dataTables_wrapper .dataTables_paginate {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_filter,
|
||||
.dataTables_wrapper .dataTables_paginate {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
}
|
||||
1
src/main/webapp/test/css/datatables/media/css/jquery.dataTables_themeroller.min.css
vendored
Normal file
BIN
src/main/webapp/test/css/datatables/media/images/sort_asc.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/test/css/datatables/media/images/sort_both.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/test/css/datatables/media/images/sort_desc.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,253 @@
|
||||
div.dataTables_length label {
|
||||
font-weight: normal;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.dataTables_length select {
|
||||
width: 75px;
|
||||
}
|
||||
|
||||
div.dataTables_filter label {
|
||||
font-weight: normal;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.dataTables_filter input {
|
||||
width: 16em;
|
||||
}
|
||||
div.dataTables_info {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
div.dataTables_paginate {
|
||||
float: right;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.dataTables_paginate ul.pagination {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
table.dataTable td,
|
||||
table.dataTable th {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
table.dataTable thead .sorting,
|
||||
table.dataTable thead .sorting_asc,
|
||||
table.dataTable thead .sorting_desc,
|
||||
table.dataTable thead .sorting_asc_disabled,
|
||||
table.dataTable thead .sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
table.dataTable thead .sorting { background: url('../../media/images/sort_both.png') no-repeat center right; }
|
||||
table.dataTable thead .sorting_asc { background: url('../../media/images/sort_asc.png') no-repeat center right; }
|
||||
table.dataTable thead .sorting_desc { background: url('../../media/images/sort_desc.png') no-repeat center right; }
|
||||
|
||||
table.dataTable thead .sorting_asc_disabled { background: url('../../media/images/sort_asc_disabled.png') no-repeat center right; }
|
||||
table.dataTable thead .sorting_desc_disabled { background: url('../../media/images/sort_desc_disabled.png') no-repeat center right; }
|
||||
|
||||
table.dataTable th:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Scrolling */
|
||||
div.dataTables_scrollHead table {
|
||||
margin-bottom: 0 !important;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
div.dataTables_scrollHead table thead tr:last-child th:first-child,
|
||||
div.dataTables_scrollHead table thead tr:last-child td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody tbody tr:first-child th,
|
||||
div.dataTables_scrollBody tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
div.dataTables_scrollFoot table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
|
||||
width calculations when using scrolling impossible to align columns. We have
|
||||
to use separate
|
||||
*/
|
||||
table.table-bordered.dataTable {
|
||||
border-collapse: separate !important;
|
||||
}
|
||||
table.table-bordered thead th,
|
||||
table.table-bordered thead td {
|
||||
border-left-width: 0;
|
||||
border-top-width: 0;
|
||||
}
|
||||
table.table-bordered tbody th,
|
||||
table.table-bordered tbody td {
|
||||
border-left-width: 0;
|
||||
border-bottom-width: 0;
|
||||
width:150px
|
||||
}
|
||||
table.table-bordered th:last-child,
|
||||
table.table-bordered td:last-child {
|
||||
border-right-width: 0;
|
||||
}
|
||||
div.dataTables_scrollHead table.table-bordered {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* TableTools styles
|
||||
*/
|
||||
.table tbody tr.active td,
|
||||
.table tbody tr.active th {
|
||||
background-color: #08C;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.table tbody tr.active:hover td,
|
||||
.table tbody tr.active:hover th {
|
||||
background-color: #0075b0 !important;
|
||||
}
|
||||
|
||||
.table tbody tr.active a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.table-striped tbody tr.active:nth-child(odd) td,
|
||||
.table-striped tbody tr.active:nth-child(odd) th {
|
||||
background-color: #017ebc;
|
||||
}
|
||||
|
||||
table.DTTT_selectable tbody tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.DTTT .btn {
|
||||
color: #333 !important;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
div.DTTT .btn:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu {
|
||||
z-index: 2003;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu a {
|
||||
color: #333 !important; /* needed only when demo_page.css is included */
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu li:hover a {
|
||||
background-color: #0088cc;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
div.DTTT_collection_background {
|
||||
z-index: 2002;
|
||||
}
|
||||
|
||||
/* TableTools information display */
|
||||
div.DTTT_print_info.modal {
|
||||
height: 150px;
|
||||
margin-top: -75px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.DTTT_print_info h6 {
|
||||
font-weight: normal;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
div.DTTT_print_info p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* FixedColumns styles
|
||||
*/
|
||||
div.DTFC_LeftHeadWrapper table,
|
||||
div.DTFC_LeftFootWrapper table,
|
||||
div.DTFC_RightHeadWrapper table,
|
||||
div.DTFC_RightFootWrapper table,
|
||||
table.DTFC_Cloned tr.even {
|
||||
background-color: white;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.DTFC_RightHeadWrapper table ,
|
||||
div.DTFC_LeftHeadWrapper table {
|
||||
margin-bottom: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
|
||||
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
|
||||
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
|
||||
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightBodyWrapper table,
|
||||
div.DTFC_LeftBodyWrapper table {
|
||||
border-top: none;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightBodyWrapper tbody tr:first-child th,
|
||||
div.DTFC_RightBodyWrapper tbody tr:first-child td,
|
||||
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
|
||||
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
div.DTFC_RightFootWrapper table,
|
||||
div.DTFC_LeftFootWrapper table {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* FixedHeader styles
|
||||
*/
|
||||
div.FixedHeader_Cloned table {
|
||||
margin: 0 !important
|
||||
}
|
||||
621
src/main/webapp/test/css/default.css
Normal file
@@ -0,0 +1,621 @@
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
.body {
|
||||
background: url(../images/54.jpg) repeat scroll 0 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #fff !important;
|
||||
}
|
||||
.table > tbody > tr:hover{
|
||||
background-color: rgba(139,152,166,0.3);
|
||||
}
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #4db3a4;
|
||||
}
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #4db3a4;
|
||||
border-color: #4db3a4;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .page-header-top.fixed {
|
||||
background: white !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #e3e8ec;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: rgba(68, 97, 121, 0.88);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: white;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: rgba(68, 97, 121, 0.88);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #e3e8ec;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #3175af;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #eff2f6 !important;
|
||||
color: #222222;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #F3565D;
|
||||
color: white;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #F3565D;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #87b6dd;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #fff;
|
||||
border-bottom: 1px solid #3b434c !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e;
|
||||
}
|
||||
.page-header .page-header-menu {
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */
|
||||
}
|
||||
.page-header .page-header-menu .container {
|
||||
background: rgba(30, 144, 255, 0.5);
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(243, 86,93);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #fff;
|
||||
font-weight:bold;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #bcc2cb;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
color: white;
|
||||
background: rgba(85, 97,111, 0); !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
|
||||
color: white;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff;
|
||||
background: rgba(243, 86,93);
|
||||
font-weight:bold;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #bcc2cb;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
/*box-shadow: 5px 5px rgba(85, 97, 111, 0.2);*/
|
||||
background: rgba(243, 86,93);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #fff;
|
||||
font-weight:bold;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #fff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #fff;
|
||||
background: #8B98A6;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #fff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
/* box-shadow: 5px 5px rgba(85, 97, 111, 0.2); */
|
||||
background: rgba(142, 155, 174, 0.7);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555555;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #bcc2cb;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #bcc2cb;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: white;
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: white;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333333 !important;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333333 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4e5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #bcc2cb;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
/* box-shadow: 5px 5px rgba(85, 97, 111, 0.2); */
|
||||
background: rgba(142, 155, 174, 0.7);
|
||||
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: black;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: black;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: black;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0;
|
||||
}
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #446179;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #AFC4D3;
|
||||
background: #446179;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #AFC4D3;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #AFC4D3;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #AFC4D3;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #AFC4D3;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter h2 {
|
||||
color: #4db3a4;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: white;
|
||||
background-color: #58b8a9;
|
||||
border-color: "";
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
color: white;
|
||||
background-color: #46a597;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: white;
|
||||
background-color: #46a597;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
background-image: none;
|
||||
background-color: #3f9387;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
|
||||
background-color: #429a8d;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
|
||||
background-color: #58b8a9;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #58b8a9;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #22404A;
|
||||
color: #a2abb7;
|
||||
}
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: white !important;
|
||||
background: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: white !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: white !important;
|
||||
background: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: white !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: white !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #5fbbad !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #4db3a4;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #40978a;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .top-menu {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #5fbbad;
|
||||
}
|
||||
28
src/main/webapp/test/css/dtreeselect.css
Normal file
@@ -0,0 +1,28 @@
|
||||
.dtree {
|
||||
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
color: #666;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.dtree img {
|
||||
border: 0px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.dtree a {
|
||||
color: #0000FF;
|
||||
text-decoration: none;
|
||||
}
|
||||
.dtree a.node, .dtree a.nodeSel {
|
||||
white-space: nowrap;
|
||||
padding: 1px 2px 1px 2px;
|
||||
}
|
||||
.dtree a.node:hover, .dtree a.nodeSel:hover {
|
||||
color: #CC6600;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.dtree a.nodeSel {
|
||||
background-color: #c0d2ec;
|
||||
}
|
||||
.dtree .clip {
|
||||
overflow: hidden;
|
||||
}
|
||||
1672
src/main/webapp/test/css/font-awesome/css/font-awesome.css
vendored
Normal file
4
src/main/webapp/test/css/font-awesome/css/font-awesome.min.css
vendored
Normal file
101
src/main/webapp/test/css/gritter/css/jquery.gritter.css
Normal file
@@ -0,0 +1,101 @@
|
||||
/* the norm */
|
||||
#gritter-notice-wrapper {
|
||||
position:fixed;
|
||||
top:20px;
|
||||
right:20px;
|
||||
width:301px;
|
||||
z-index:9999;
|
||||
}
|
||||
#gritter-notice-wrapper.top-left {
|
||||
left: 20px;
|
||||
right: auto;
|
||||
}
|
||||
#gritter-notice-wrapper.bottom-right {
|
||||
top: auto;
|
||||
left: auto;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
#gritter-notice-wrapper.bottom-left {
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: 20px;
|
||||
left: 20px;
|
||||
}
|
||||
.gritter-item-wrapper {
|
||||
position:relative;
|
||||
margin:0 0 10px 0;
|
||||
background:url('../../../images/gritter/images/ie-spacer.gif'); /* ie7/8 fix */
|
||||
}
|
||||
.gritter-top {
|
||||
background:url(../../../images/gritter/images/gritter.png) no-repeat left -30px;
|
||||
height:10px;
|
||||
}
|
||||
.hover .gritter-top {
|
||||
background-position:right -30px;
|
||||
}
|
||||
.gritter-bottom {
|
||||
background:url(../../../images/gritter/images/gritter.png) no-repeat left bottom;
|
||||
height:8px;
|
||||
margin:0;
|
||||
}
|
||||
.hover .gritter-bottom {
|
||||
background-position: bottom right;
|
||||
}
|
||||
.gritter-item {
|
||||
display:block;
|
||||
background:url(../../../images/gritter/images/gritter.png) no-repeat left -40px;
|
||||
color:#eee;
|
||||
padding:2px 11px 8px 11px;
|
||||
font-size: 11px;
|
||||
font-family:verdana;
|
||||
}
|
||||
.hover .gritter-item {
|
||||
background-position:right -40px;
|
||||
}
|
||||
.gritter-item p {
|
||||
padding:0;
|
||||
margin:0;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
.gritter-close {
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:5px;
|
||||
left:3px;
|
||||
background:url(../../../images/gritter/images/gritter.png) no-repeat left top;
|
||||
cursor:pointer;
|
||||
width:30px;
|
||||
height:30px;
|
||||
}
|
||||
.gritter-title {
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
padding:0 0 7px 0;
|
||||
display:block;
|
||||
text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
|
||||
}
|
||||
.gritter-image {
|
||||
width:48px;
|
||||
height:48px;
|
||||
float:left;
|
||||
}
|
||||
.gritter-with-image,
|
||||
.gritter-without-image {
|
||||
padding:0;
|
||||
}
|
||||
.gritter-with-image {
|
||||
width:220px;
|
||||
float:right;
|
||||
}
|
||||
/* for the light (white) version of the gritter notice */
|
||||
.gritter-light .gritter-item,
|
||||
.gritter-light .gritter-bottom,
|
||||
.gritter-light .gritter-top,
|
||||
.gritter-light .gritter-close {
|
||||
background-image: url(../../../images/gritter/images/gritter/images/gritter-light.png);
|
||||
color: #222;
|
||||
}
|
||||
.gritter-light .gritter-title {
|
||||
text-shadow: none;
|
||||
}
|
||||
61
src/main/webapp/test/css/icheck/skins/all.css
Normal file
@@ -0,0 +1,61 @@
|
||||
/* iCheck plugin skins
|
||||
----------------------------------- */
|
||||
@import url("minimal/_all.css");
|
||||
/*
|
||||
@import url("minimal/minimal.css");
|
||||
@import url("minimal/red.css");
|
||||
@import url("minimal/green.css");
|
||||
@import url("minimal/blue.css");
|
||||
@import url("minimal/aero.css");
|
||||
@import url("minimal/grey.css");
|
||||
@import url("minimal/orange.css");
|
||||
@import url("minimal/yellow.css");
|
||||
@import url("minimal/pink.css");
|
||||
@import url("minimal/purple.css");
|
||||
*/
|
||||
|
||||
@import url("square/_all.css");
|
||||
/*
|
||||
@import url("square/square.css");
|
||||
@import url("square/red.css");
|
||||
@import url("square/green.css");
|
||||
@import url("square/blue.css");
|
||||
@import url("square/aero.css");
|
||||
@import url("square/grey.css");
|
||||
@import url("square/orange.css");
|
||||
@import url("square/yellow.css");
|
||||
@import url("square/pink.css");
|
||||
@import url("square/purple.css");
|
||||
*/
|
||||
|
||||
@import url("flat/_all.css");
|
||||
/*
|
||||
@import url("flat/flat.css");
|
||||
@import url("flat/red.css");
|
||||
@import url("flat/green.css");
|
||||
@import url("flat/blue.css");
|
||||
@import url("flat/aero.css");
|
||||
@import url("flat/grey.css");
|
||||
@import url("flat/orange.css");
|
||||
@import url("flat/yellow.css");
|
||||
@import url("flat/pink.css");
|
||||
@import url("flat/purple.css");
|
||||
*/
|
||||
|
||||
@import url("line/_all.css");
|
||||
/*
|
||||
@import url("line/line.css");
|
||||
@import url("line/red.css");
|
||||
@import url("line/green.css");
|
||||
@import url("line/blue.css");
|
||||
@import url("line/aero.css");
|
||||
@import url("line/grey.css");
|
||||
@import url("line/orange.css");
|
||||
@import url("line/yellow.css");
|
||||
@import url("line/pink.css");
|
||||
@import url("line/purple.css");
|
||||
*/
|
||||
|
||||
@import url("polaris/polaris.css");
|
||||
|
||||
@import url("futurico/futurico.css");
|
||||
530
src/main/webapp/test/css/icheck/skins/flat/_all.css
Normal file
@@ -0,0 +1,530 @@
|
||||
/* iCheck plugin Flat skin
|
||||
----------------------------------- */
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(flat.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
background-image: url(flat@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* red */
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(red.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-red {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-red.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-red.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-red.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-red {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-red.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-red.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-red.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
background-image: url(red@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* green */
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-green.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-green.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-green.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-green {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-green.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-green.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-green.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* blue */
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-blue.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-blue.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-blue.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-blue {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-blue.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-blue.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-blue.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* aero */
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-aero.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-aero.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-aero.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-aero {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-aero.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-aero.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-aero.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* grey */
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-grey.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-grey.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-grey.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-grey {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-grey.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-grey.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-grey.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-orange.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-orange.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-orange.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-orange {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-orange.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-orange.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-orange.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* yellow */
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(yellow.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-yellow {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-yellow {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-yellow.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-yellow.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-yellow.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
background-image: url(yellow@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* pink */
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(pink.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-pink {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-pink.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-pink.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-pink.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-pink {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-pink.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-pink.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-pink.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
background-image: url(pink@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* purple */
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(purple.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-purple {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-purple.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-purple.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-purple.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-purple {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-purple.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-purple.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-purple.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
background-image: url(purple@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
53
src/main/webapp/test/css/icheck/skins/flat/aero.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* iCheck plugin Flat skin, aero
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-aero.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-aero.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-aero.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-aero {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-aero.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-aero.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-aero.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/flat/aero.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/test/css/icheck/skins/flat/aero@2x.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
53
src/main/webapp/test/css/icheck/skins/flat/blue.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* iCheck plugin Flat skin, blue
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-blue.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-blue.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-blue.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-blue {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-blue.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-blue.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-blue.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/flat/blue.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/test/css/icheck/skins/flat/blue@2x.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
53
src/main/webapp/test/css/icheck/skins/flat/flat.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* iCheck plugin flat skin, black
|
||||
----------------------------------- */
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(flat.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
background-image: url(flat@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/flat/flat.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/test/css/icheck/skins/flat/flat@2x.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
53
src/main/webapp/test/css/icheck/skins/flat/green.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* iCheck plugin Flat skin, green
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-green.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-green.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-green.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-green {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-green.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-green.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-green.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/flat/green.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/main/webapp/test/css/icheck/skins/flat/green@2x.png
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
53
src/main/webapp/test/css/icheck/skins/flat/grey.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* iCheck plugin Flat skin, grey
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-grey.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-grey.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-grey.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-grey {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-grey.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-grey.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-grey.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/flat/grey.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/test/css/icheck/skins/flat/grey@2x.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
53
src/main/webapp/test/css/icheck/skins/flat/orange.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* iCheck plugin Flat skin, orange
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-orange.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-orange.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-orange.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-orange {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-orange.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-orange.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-orange.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/flat/orange.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/test/css/icheck/skins/flat/orange@2x.png
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
53
src/main/webapp/test/css/icheck/skins/flat/pink.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* iCheck plugin Flat skin, pink
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(pink.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-pink {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-pink.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-pink.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-pink.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-pink {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-pink.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-pink.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-pink.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
background-image: url(pink@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/flat/pink.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/test/css/icheck/skins/flat/pink@2x.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
53
src/main/webapp/test/css/icheck/skins/flat/purple.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* iCheck plugin Flat skin, purple
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(purple.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-purple {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-purple.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-purple.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-purple.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-purple {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-purple.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-purple.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-purple.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
background-image: url(purple@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/flat/purple.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/test/css/icheck/skins/flat/purple@2x.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
53
src/main/webapp/test/css/icheck/skins/flat/red.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* iCheck plugin Flat skin, red
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(red.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-red {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-red.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-red.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-red.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-red {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-red.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-red.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-red.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
background-image: url(red@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/flat/red.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/test/css/icheck/skins/flat/red@2x.png
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
53
src/main/webapp/test/css/icheck/skins/flat/yellow.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* iCheck plugin Flat skin, yellow
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(yellow.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-yellow {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-yellow {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-yellow.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-yellow.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-yellow.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
background-image: url(yellow@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/flat/yellow.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/test/css/icheck/skins/flat/yellow@2x.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
53
src/main/webapp/test/css/icheck/skins/futurico/futurico.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* iCheck plugin Futurico skin
|
||||
----------------------------------- */
|
||||
.icheckbox_futurico,
|
||||
.iradio_futurico {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 16px;
|
||||
height: 17px;
|
||||
background: url(futurico.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_futurico {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_futurico.checked {
|
||||
background-position: -18px 0;
|
||||
}
|
||||
.icheckbox_futurico.disabled {
|
||||
background-position: -36px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_futurico.checked.disabled {
|
||||
background-position: -54px 0;
|
||||
}
|
||||
|
||||
.iradio_futurico {
|
||||
background-position: -72px 0;
|
||||
}
|
||||
.iradio_futurico.checked {
|
||||
background-position: -90px 0;
|
||||
}
|
||||
.iradio_futurico.disabled {
|
||||
background-position: -108px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_futurico.checked.disabled {
|
||||
background-position: -126px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_futurico,
|
||||
.iradio_futurico {
|
||||
background-image: url(futurico@2x.png);
|
||||
-webkit-background-size: 144px 19px;
|
||||
background-size: 144px 19px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/futurico/futurico.png
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
src/main/webapp/test/css/icheck/skins/futurico/futurico@2x.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
710
src/main/webapp/test/css/icheck/skins/line/_all.css
Normal file
@@ -0,0 +1,710 @@
|
||||
/* iCheck plugin Line skin
|
||||
----------------------------------- */
|
||||
.icheckbox_line,
|
||||
.iradio_line {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #000;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line.hover,
|
||||
.icheckbox_line.checked.hover,
|
||||
.iradio_line.hover {
|
||||
background: #444;
|
||||
}
|
||||
.icheckbox_line.checked,
|
||||
.iradio_line.checked {
|
||||
background: #000;
|
||||
}
|
||||
.icheckbox_line.checked .icheck_line-icon,
|
||||
.iradio_line.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line.disabled,
|
||||
.iradio_line.disabled {
|
||||
background: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line.disabled .icheck_line-icon,
|
||||
.iradio_line.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line.checked.disabled,
|
||||
.iradio_line.checked.disabled {
|
||||
background: #ccc;
|
||||
}
|
||||
.icheckbox_line.checked.disabled .icheck_line-icon,
|
||||
.iradio_line.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* red */
|
||||
.icheckbox_line-red,
|
||||
.iradio_line-red {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #e56c69;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-red.hover,
|
||||
.icheckbox_line-red.checked.hover,
|
||||
.iradio_line-red.hover {
|
||||
background: #E98582;
|
||||
}
|
||||
.icheckbox_line-red.checked,
|
||||
.iradio_line-red.checked {
|
||||
background: #e56c69;
|
||||
}
|
||||
.icheckbox_line-red.checked .icheck_line-icon,
|
||||
.iradio_line-red.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-red.disabled,
|
||||
.iradio_line-red.disabled {
|
||||
background: #F7D3D2;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-red.disabled .icheck_line-icon,
|
||||
.iradio_line-red.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled,
|
||||
.iradio_line-red.checked.disabled {
|
||||
background: #F7D3D2;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-red.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* green */
|
||||
.icheckbox_line-green,
|
||||
.iradio_line-green {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #1b7e5a;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-green.hover,
|
||||
.icheckbox_line-green.checked.hover,
|
||||
.iradio_line-green.hover {
|
||||
background: #24AA7A;
|
||||
}
|
||||
.icheckbox_line-green.checked,
|
||||
.iradio_line-green.checked {
|
||||
background: #1b7e5a;
|
||||
}
|
||||
.icheckbox_line-green.checked .icheck_line-icon,
|
||||
.iradio_line-green.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-green.disabled,
|
||||
.iradio_line-green.disabled {
|
||||
background: #89E6C4;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-green.disabled .icheck_line-icon,
|
||||
.iradio_line-green.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled,
|
||||
.iradio_line-green.checked.disabled {
|
||||
background: #89E6C4;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-green.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* blue */
|
||||
.icheckbox_line-blue,
|
||||
.iradio_line-blue {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #2489c5;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-blue.hover,
|
||||
.icheckbox_line-blue.checked.hover,
|
||||
.iradio_line-blue.hover {
|
||||
background: #3DA0DB;
|
||||
}
|
||||
.icheckbox_line-blue.checked,
|
||||
.iradio_line-blue.checked {
|
||||
background: #2489c5;
|
||||
}
|
||||
.icheckbox_line-blue.checked .icheck_line-icon,
|
||||
.iradio_line-blue.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-blue.disabled,
|
||||
.iradio_line-blue.disabled {
|
||||
background: #ADD7F0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-blue.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled,
|
||||
.iradio_line-blue.checked.disabled {
|
||||
background: #ADD7F0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* aero */
|
||||
.icheckbox_line-aero,
|
||||
.iradio_line-aero {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #9cc2cb;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-aero.hover,
|
||||
.icheckbox_line-aero.checked.hover,
|
||||
.iradio_line-aero.hover {
|
||||
background: #B5D1D8;
|
||||
}
|
||||
.icheckbox_line-aero.checked,
|
||||
.iradio_line-aero.checked {
|
||||
background: #9cc2cb;
|
||||
}
|
||||
.icheckbox_line-aero.checked .icheck_line-icon,
|
||||
.iradio_line-aero.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-aero.disabled,
|
||||
.iradio_line-aero.disabled {
|
||||
background: #D2E4E8;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-aero.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled,
|
||||
.iradio_line-aero.checked.disabled {
|
||||
background: #D2E4E8;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* grey */
|
||||
.icheckbox_line-grey,
|
||||
.iradio_line-grey {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #73716e;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-grey.hover,
|
||||
.icheckbox_line-grey.checked.hover,
|
||||
.iradio_line-grey.hover {
|
||||
background: #8B8986;
|
||||
}
|
||||
.icheckbox_line-grey.checked,
|
||||
.iradio_line-grey.checked {
|
||||
background: #73716e;
|
||||
}
|
||||
.icheckbox_line-grey.checked .icheck_line-icon,
|
||||
.iradio_line-grey.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-grey.disabled,
|
||||
.iradio_line-grey.disabled {
|
||||
background: #D5D4D3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-grey.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled,
|
||||
.iradio_line-grey.checked.disabled {
|
||||
background: #D5D4D3;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.icheckbox_line-orange,
|
||||
.iradio_line-orange {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #f70;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-orange.hover,
|
||||
.icheckbox_line-orange.checked.hover,
|
||||
.iradio_line-orange.hover {
|
||||
background: #FF9233;
|
||||
}
|
||||
.icheckbox_line-orange.checked,
|
||||
.iradio_line-orange.checked {
|
||||
background: #f70;
|
||||
}
|
||||
.icheckbox_line-orange.checked .icheck_line-icon,
|
||||
.iradio_line-orange.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-orange.disabled,
|
||||
.iradio_line-orange.disabled {
|
||||
background: #FFD6B3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-orange.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled,
|
||||
.iradio_line-orange.checked.disabled {
|
||||
background: #FFD6B3;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* yellow */
|
||||
.icheckbox_line-yellow,
|
||||
.iradio_line-yellow {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #FFC414;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-yellow.hover,
|
||||
.icheckbox_line-yellow.checked.hover,
|
||||
.iradio_line-yellow.hover {
|
||||
background: #FFD34F;
|
||||
}
|
||||
.icheckbox_line-yellow.checked,
|
||||
.iradio_line-yellow.checked {
|
||||
background: #FFC414;
|
||||
}
|
||||
.icheckbox_line-yellow.checked .icheck_line-icon,
|
||||
.iradio_line-yellow.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled,
|
||||
.iradio_line-yellow.disabled {
|
||||
background: #FFE495;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled,
|
||||
.iradio_line-yellow.checked.disabled {
|
||||
background: #FFE495;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* pink */
|
||||
.icheckbox_line-pink,
|
||||
.iradio_line-pink {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #a77a94;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-pink.hover,
|
||||
.icheckbox_line-pink.checked.hover,
|
||||
.iradio_line-pink.hover {
|
||||
background: #B995A9;
|
||||
}
|
||||
.icheckbox_line-pink.checked,
|
||||
.iradio_line-pink.checked {
|
||||
background: #a77a94;
|
||||
}
|
||||
.icheckbox_line-pink.checked .icheck_line-icon,
|
||||
.iradio_line-pink.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-pink.disabled,
|
||||
.iradio_line-pink.disabled {
|
||||
background: #E0D0DA;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-pink.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled,
|
||||
.iradio_line-pink.checked.disabled {
|
||||
background: #E0D0DA;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* purple */
|
||||
.icheckbox_line-purple,
|
||||
.iradio_line-purple {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #6a5a8c;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-purple.hover,
|
||||
.icheckbox_line-purple.checked.hover,
|
||||
.iradio_line-purple.hover {
|
||||
background: #8677A7;
|
||||
}
|
||||
.icheckbox_line-purple.checked,
|
||||
.iradio_line-purple.checked {
|
||||
background: #6a5a8c;
|
||||
}
|
||||
.icheckbox_line-purple.checked .icheck_line-icon,
|
||||
.iradio_line-purple.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-purple.disabled,
|
||||
.iradio_line-purple.disabled {
|
||||
background: #D2CCDE;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-purple.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled,
|
||||
.iradio_line-purple.checked.disabled {
|
||||
background: #D2CCDE;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
71
src/main/webapp/test/css/icheck/skins/line/aero.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* iCheck plugin Line skin, aero
|
||||
----------------------------------- */
|
||||
.icheckbox_line-aero,
|
||||
.iradio_line-aero {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #9cc2cb;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-aero.hover,
|
||||
.icheckbox_line-aero.checked.hover,
|
||||
.iradio_line-aero.hover {
|
||||
background: #B5D1D8;
|
||||
}
|
||||
.icheckbox_line-aero.checked,
|
||||
.iradio_line-aero.checked {
|
||||
background: #9cc2cb;
|
||||
}
|
||||
.icheckbox_line-aero.checked .icheck_line-icon,
|
||||
.iradio_line-aero.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-aero.disabled,
|
||||
.iradio_line-aero.disabled {
|
||||
background: #D2E4E8;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-aero.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled,
|
||||
.iradio_line-aero.checked.disabled {
|
||||
background: #D2E4E8;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
71
src/main/webapp/test/css/icheck/skins/line/blue.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* iCheck plugin Line skin, blue
|
||||
----------------------------------- */
|
||||
.icheckbox_line-blue,
|
||||
.iradio_line-blue {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #2489c5;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-blue.hover,
|
||||
.icheckbox_line-blue.checked.hover,
|
||||
.iradio_line-blue.hover {
|
||||
background: #3DA0DB;
|
||||
}
|
||||
.icheckbox_line-blue.checked,
|
||||
.iradio_line-blue.checked {
|
||||
background: #2489c5;
|
||||
}
|
||||
.icheckbox_line-blue.checked .icheck_line-icon,
|
||||
.iradio_line-blue.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-blue.disabled,
|
||||
.iradio_line-blue.disabled {
|
||||
background: #ADD7F0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-blue.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled,
|
||||
.iradio_line-blue.checked.disabled {
|
||||
background: #ADD7F0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
71
src/main/webapp/test/css/icheck/skins/line/green.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* iCheck plugin Line skin, green
|
||||
----------------------------------- */
|
||||
.icheckbox_line-green,
|
||||
.iradio_line-green {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #1b7e5a;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-green.hover,
|
||||
.icheckbox_line-green.checked.hover,
|
||||
.iradio_line-green.hover {
|
||||
background: #24AA7A;
|
||||
}
|
||||
.icheckbox_line-green.checked,
|
||||
.iradio_line-green.checked {
|
||||
background: #1b7e5a;
|
||||
}
|
||||
.icheckbox_line-green.checked .icheck_line-icon,
|
||||
.iradio_line-green.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-green.disabled,
|
||||
.iradio_line-green.disabled {
|
||||
background: #89E6C4;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-green.disabled .icheck_line-icon,
|
||||
.iradio_line-green.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled,
|
||||
.iradio_line-green.checked.disabled {
|
||||
background: #89E6C4;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-green.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
71
src/main/webapp/test/css/icheck/skins/line/grey.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* iCheck plugin Line skin, grey
|
||||
----------------------------------- */
|
||||
.icheckbox_line-grey,
|
||||
.iradio_line-grey {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #73716e;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-grey.hover,
|
||||
.icheckbox_line-grey.checked.hover,
|
||||
.iradio_line-grey.hover {
|
||||
background: #8B8986;
|
||||
}
|
||||
.icheckbox_line-grey.checked,
|
||||
.iradio_line-grey.checked {
|
||||
background: #73716e;
|
||||
}
|
||||
.icheckbox_line-grey.checked .icheck_line-icon,
|
||||
.iradio_line-grey.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-grey.disabled,
|
||||
.iradio_line-grey.disabled {
|
||||
background: #D5D4D3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-grey.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled,
|
||||
.iradio_line-grey.checked.disabled {
|
||||
background: #D5D4D3;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
71
src/main/webapp/test/css/icheck/skins/line/line.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* iCheck plugin Line skin, black
|
||||
----------------------------------- */
|
||||
.icheckbox_line,
|
||||
.iradio_line {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #000;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line.hover,
|
||||
.icheckbox_line.checked.hover,
|
||||
.iradio_line.hover {
|
||||
background: #444;
|
||||
}
|
||||
.icheckbox_line.checked,
|
||||
.iradio_line.checked {
|
||||
background: #000;
|
||||
}
|
||||
.icheckbox_line.checked .icheck_line-icon,
|
||||
.iradio_line.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line.disabled,
|
||||
.iradio_line.disabled {
|
||||
background: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line.disabled .icheck_line-icon,
|
||||
.iradio_line.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line.checked.disabled,
|
||||
.iradio_line.checked.disabled {
|
||||
background: #ccc;
|
||||
}
|
||||
.icheckbox_line.checked.disabled .icheck_line-icon,
|
||||
.iradio_line.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/line/line.png
Normal file
|
After Width: | Height: | Size: 588 B |
BIN
src/main/webapp/test/css/icheck/skins/line/line@2x.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
71
src/main/webapp/test/css/icheck/skins/line/orange.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* iCheck plugin Line skin, orange
|
||||
----------------------------------- */
|
||||
.icheckbox_line-orange,
|
||||
.iradio_line-orange {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #f70;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-orange.hover,
|
||||
.icheckbox_line-orange.checked.hover,
|
||||
.iradio_line-orange.hover {
|
||||
background: #FF9233;
|
||||
}
|
||||
.icheckbox_line-orange.checked,
|
||||
.iradio_line-orange.checked {
|
||||
background: #f70;
|
||||
}
|
||||
.icheckbox_line-orange.checked .icheck_line-icon,
|
||||
.iradio_line-orange.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-orange.disabled,
|
||||
.iradio_line-orange.disabled {
|
||||
background: #FFD6B3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-orange.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled,
|
||||
.iradio_line-orange.checked.disabled {
|
||||
background: #FFD6B3;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
71
src/main/webapp/test/css/icheck/skins/line/pink.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* iCheck plugin Line skin, pink
|
||||
----------------------------------- */
|
||||
.icheckbox_line-pink,
|
||||
.iradio_line-pink {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #a77a94;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-pink.hover,
|
||||
.icheckbox_line-pink.checked.hover,
|
||||
.iradio_line-pink.hover {
|
||||
background: #B995A9;
|
||||
}
|
||||
.icheckbox_line-pink.checked,
|
||||
.iradio_line-pink.checked {
|
||||
background: #a77a94;
|
||||
}
|
||||
.icheckbox_line-pink.checked .icheck_line-icon,
|
||||
.iradio_line-pink.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-pink.disabled,
|
||||
.iradio_line-pink.disabled {
|
||||
background: #E0D0DA;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-pink.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled,
|
||||
.iradio_line-pink.checked.disabled {
|
||||
background: #E0D0DA;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
71
src/main/webapp/test/css/icheck/skins/line/purple.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* iCheck plugin Line skin, purple
|
||||
----------------------------------- */
|
||||
.icheckbox_line-purple,
|
||||
.iradio_line-purple {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #6a5a8c;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-purple.hover,
|
||||
.icheckbox_line-purple.checked.hover,
|
||||
.iradio_line-purple.hover {
|
||||
background: #8677A7;
|
||||
}
|
||||
.icheckbox_line-purple.checked,
|
||||
.iradio_line-purple.checked {
|
||||
background: #6a5a8c;
|
||||
}
|
||||
.icheckbox_line-purple.checked .icheck_line-icon,
|
||||
.iradio_line-purple.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-purple.disabled,
|
||||
.iradio_line-purple.disabled {
|
||||
background: #D2CCDE;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-purple.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled,
|
||||
.iradio_line-purple.checked.disabled {
|
||||
background: #D2CCDE;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
71
src/main/webapp/test/css/icheck/skins/line/red.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* iCheck plugin Line skin, red
|
||||
----------------------------------- */
|
||||
.icheckbox_line-red,
|
||||
.iradio_line-red {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #e56c69;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-red.hover,
|
||||
.icheckbox_line-red.checked.hover,
|
||||
.iradio_line-red.hover {
|
||||
background: #E98582;
|
||||
}
|
||||
.icheckbox_line-red.checked,
|
||||
.iradio_line-red.checked {
|
||||
background: #e56c69;
|
||||
}
|
||||
.icheckbox_line-red.checked .icheck_line-icon,
|
||||
.iradio_line-red.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-red.disabled,
|
||||
.iradio_line-red.disabled {
|
||||
background: #F7D3D2;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-red.disabled .icheck_line-icon,
|
||||
.iradio_line-red.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled,
|
||||
.iradio_line-red.checked.disabled {
|
||||
background: #F7D3D2;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-red.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
71
src/main/webapp/test/css/icheck/skins/line/yellow.css
Normal file
@@ -0,0 +1,71 @@
|
||||
/* iCheck plugin Line skin, yellow
|
||||
----------------------------------- */
|
||||
.icheckbox_line-yellow,
|
||||
.iradio_line-yellow {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #FFC414;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-yellow.hover,
|
||||
.icheckbox_line-yellow.checked.hover,
|
||||
.iradio_line-yellow.hover {
|
||||
background: #FFD34F;
|
||||
}
|
||||
.icheckbox_line-yellow.checked,
|
||||
.iradio_line-yellow.checked {
|
||||
background: #FFC414;
|
||||
}
|
||||
.icheckbox_line-yellow.checked .icheck_line-icon,
|
||||
.iradio_line-yellow.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled,
|
||||
.iradio_line-yellow.disabled {
|
||||
background: #FFE495;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled,
|
||||
.iradio_line-yellow.checked.disabled {
|
||||
background: #FFE495;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
590
src/main/webapp/test/css/icheck/skins/minimal/_all.css
Normal file
@@ -0,0 +1,590 @@
|
||||
/* iCheck plugin Minimal skin
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal,
|
||||
.iradio_minimal {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(minimal.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal,
|
||||
.iradio_minimal {
|
||||
background-image: url(minimal@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* red */
|
||||
.icheckbox_minimal-red,
|
||||
.iradio_minimal-red {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(red.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-red {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-red.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-red.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-red.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-red.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-red {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-red.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-red.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-red.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-red.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-red,
|
||||
.iradio_minimal-red {
|
||||
background-image: url(red@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* green */
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-green.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-green.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-green {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-green.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-green.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-green.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-green.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* blue */
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-blue {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-blue.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-blue.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-blue.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-blue.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* aero */
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-aero {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-aero.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-aero.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-aero.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-aero.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* grey */
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-grey {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-grey.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-grey.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-grey.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-grey.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-orange {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-orange.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-orange.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-orange.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-orange.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* yellow */
|
||||
.icheckbox_minimal-yellow,
|
||||
.iradio_minimal-yellow {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(yellow.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-yellow {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-yellow.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-yellow.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-yellow.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-yellow.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-yellow {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-yellow.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-yellow.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-yellow.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-yellow.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-yellow,
|
||||
.iradio_minimal-yellow {
|
||||
background-image: url(yellow@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* pink */
|
||||
.icheckbox_minimal-pink,
|
||||
.iradio_minimal-pink {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(pink.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-pink {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-pink.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-pink {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-pink.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-pink.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-pink.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-pink.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-pink,
|
||||
.iradio_minimal-pink {
|
||||
background-image: url(pink@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* purple */
|
||||
.icheckbox_minimal-purple,
|
||||
.iradio_minimal-purple {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(purple.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-purple {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-purple.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-purple {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-purple.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-purple.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-purple.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-purple.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-purple,
|
||||
.iradio_minimal-purple {
|
||||
background-image: url(purple@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
59
src/main/webapp/test/css/icheck/skins/minimal/aero.css
Normal file
@@ -0,0 +1,59 @@
|
||||
/* iCheck plugin Minimal skin, aero
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-aero {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-aero.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-aero.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-aero.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-aero.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/minimal/aero.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/test/css/icheck/skins/minimal/aero@2x.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
59
src/main/webapp/test/css/icheck/skins/minimal/blue.css
Normal file
@@ -0,0 +1,59 @@
|
||||
/* iCheck plugin Minimal skin, blue
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-blue {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-blue.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-blue.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-blue.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-blue.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/minimal/blue.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/test/css/icheck/skins/minimal/blue@2x.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
59
src/main/webapp/test/css/icheck/skins/minimal/green.css
Normal file
@@ -0,0 +1,59 @@
|
||||
/* iCheck plugin Minimal skin, green
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-green.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-green.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-green {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-green.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-green.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-green.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-green.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/minimal/green.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/test/css/icheck/skins/minimal/green@2x.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
59
src/main/webapp/test/css/icheck/skins/minimal/grey.css
Normal file
@@ -0,0 +1,59 @@
|
||||
/* iCheck plugin Minimal skin, grey
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-grey {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-grey.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-grey.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-grey.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-grey.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/minimal/grey.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/test/css/icheck/skins/minimal/grey@2x.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
59
src/main/webapp/test/css/icheck/skins/minimal/minimal.css
Normal file
@@ -0,0 +1,59 @@
|
||||
/* iCheck plugin Minimal skin, black
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal,
|
||||
.iradio_minimal {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(minimal.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal,
|
||||
.iradio_minimal {
|
||||
background-image: url(minimal@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
src/main/webapp/test/css/icheck/skins/minimal/minimal.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/test/css/icheck/skins/minimal/minimal@2x.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
59
src/main/webapp/test/css/icheck/skins/minimal/orange.css
Normal file
@@ -0,0 +1,59 @@
|
||||
/* iCheck plugin Minimal skin, orange
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-orange {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-orange.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-orange.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-orange.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-orange.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* HiDPI support */
|
||||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||