kiso_themes 1.0.2

data/lib/sass/kiso_themes/_core/plugins/_plugin-datepicker.scss

@@ -0,0 +1,554 @@
+/*!
+ * Datepicker for Bootstrap v1.7.0-dev (https://github.com/uxsolutions/bootstrap-datepicker)
+ *
+ * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
+ */
+
+.datepicker {
+  display: block;
+  visibility: hidden;
+
+  width: 254px;
+  max-width: 254px;
+  padding: 8px 6px;
+
+  transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s, opacity .3s ease 0s, height 0s linear .35s;
+
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+
+  direction: ltr;
+  @include opacity(0);
+  @include transform-translate-y(-40px);
+
+  &.dropdown-menu:before {
+    display: none;
+  }
+
+  &.datepicker-primary {
+    @include datepicker-colors($primary-color);
+  }
+}
+.datepicker-inline {
+  width: 220px;
+}
+.datepicker.datepicker-rtl {
+  direction: rtl;
+}
+.datepicker.datepicker-rtl.dropdown-menu {
+  left: auto;
+}
+.datepicker.datepicker-rtl table tr td span {
+  float: right;
+}
+.datepicker-dropdown {
+  top: 0;
+  left: 0;
+}
+.datepicker-dropdown:before {
+  position: absolute;
+
+  display: inline-block;
+
+  content: "";
+
+  border-top: 0;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, .2);
+  border-left: 7px solid transparent;
+}
+.datepicker-dropdown:after {
+  position: absolute;
+
+  display: inline-block;
+
+  content: "";
+
+  border-top: 0;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+}
+.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-bottom:before {
+  top: -7px;
+}
+.datepicker-dropdown.datepicker-orient-bottom:after {
+  top: -6px;
+}
+.datepicker-dropdown.datepicker-orient-top:before {
+  bottom: -7px;
+
+  border-top: 7px solid transparent;
+  border-bottom: 0;
+}
+.datepicker-dropdown.datepicker-orient-top:after {
+  bottom: -6px;
+
+  border-top: 6px solid #fff;
+  border-bottom: 0;
+}
+.datepicker table {
+  width: 241px;
+  max-width: 241px;
+  margin: 0;
+
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+
+   -khtml-user-select: none;
+  -webkit-touch-callout: none;
+}
+.datepicker .day div,
+.datepicker th {
+  position: relative;
+
+  width: 30px;
+  height: 30px;
+
+  cursor: pointer;
+  text-align: center;
+
+  border: none;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 50%;
+
+  font-size: $font-size-base;
+  font-weight: $font-weight-light;
+  line-height: 2.2;
+
+  @include transition(all $general-transition-time $transition-ease);
+}
+
+.datepicker th {
+  color: $primary-color;
+}
+
+.table-condensed > tbody > tr > td,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > td,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > thead > tr > th {
+  padding: 2px;
+
+  cursor: pointer;
+  text-align: center;
+}
+
+.table-striped .datepicker table tr td,
+.table-striped .datepicker table tr th {
+  background-color: transparent;
+}
+.datepicker table tr td.day:hover div,
+.datepicker table tr td.day.focused div {
+  cursor: pointer;
+
+  background: #eee;
+}
+.datepicker table tr td.old,
+.datepicker table tr td.new {
+  color: $default-color;
+}
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover {
+  cursor: default;
+
+  color: $default-color ;
+  background: none;
+}
+.datepicker table tr td.highlighted {
+  border-radius: 0;
+  background: #d9edf7;
+}
+.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: #000;
+  border-color: #fdf59a #fdf59a #fbed50;
+  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
+  background-color: #fde19a;
+  background-image:    -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
+  background-image:     -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
+  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
+  background-image:      -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
+  background-image:         linear-gradient(to bottom, #fdd49a, #fdf59a);
+  background-repeat: repeat-x;
+
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
+}
+.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 {
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+  background: #eee;
+}
+.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 {
+  border-color: #f3e97a #f3e97a #edde34;
+  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+  background-color: #f3d17a;
+  background-image:    -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
+  background-image:     -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
+  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
+  background-image:      -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
+  background-image:         linear-gradient(to bottom, #f3c17a, #f3e97a);
+  background-repeat: repeat-x;
+
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=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 {
+  color: #fff;
+  border-color: #808080 #808080 #595959;
+  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
+  background-color: #9e9e9e;
+  background-image:    -moz-linear-gradient(to bottom, #b3b3b3, #808080);
+  background-image:     -ms-linear-gradient(to bottom, #b3b3b3, #808080);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
+  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
+  background-image:      -o-linear-gradient(to bottom, #b3b3b3, #808080);
+  background-image:         linear-gradient(to bottom, #b3b3b3, #808080);
+  background-repeat: repeat-x;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
+
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+.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: #666 \9;
+}
+.datepicker table tr td.active div,
+.datepicker table tr td.active:hover div,
+.datepicker table tr td.active.disabled div,
+.datepicker table tr td.active.disabled:hover div {
+  color: $white-color;
+  background-color: $primary-color;
+  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
+}
+.datepicker table tr td.active:hover div,
+.datepicker table tr td.active:hover:hover div,
+.datepicker table tr td.active.disabled:hover div,
+.datepicker table tr td.active.disabled:hover:hover div,
+.datepicker table tr td.active:active div,
+.datepicker table tr td.active:hover:active div,
+.datepicker table tr td.active.disabled:active div,
+.datepicker table tr td.active.disabled:hover:active div,
+.datepicker table tr td.active.active div,
+.datepicker table tr td.active:hover.active div,
+.datepicker table tr td.active.disabled.active div,
+.datepicker table tr td.active.disabled:hover.active div,
+.datepicker table tr td.active.disabled div,
+.datepicker table tr td.active:hover.disabled div,
+.datepicker table tr td.active.disabled.disabled div,
+.datepicker table tr td.active.disabled:hover.disabled div,
+.datepicker table tr td.active[disabled] div,
+.datepicker table tr td.active:hover[disabled] div,
+.datepicker table tr td.active.disabled[disabled] div,
+.datepicker table tr td.active.disabled:hover[disabled] div {
+  background-color: $primary-color;
+}
+.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: #039 \9;
+}
+.datepicker table tr td span {
+  display: block;
+  float: left;
+
+  width: 41px;
+  height: 41px;
+  margin: 1%;
+
+  cursor: pointer;
+
+  -webkit-border-radius: 50%;
+     -moz-border-radius: 50%;
+          border-radius: 50%;
+
+  font-size: $font-size-base;
+  line-height: 41px;
+}
+.datepicker table tr td span:hover,
+.datepicker table tr td span.focused {
+  background: #eee;
+}
+.datepicker table tr td span.disabled,
+.datepicker table tr td span.disabled:hover {
+  cursor: default;
+
+  color: $default-color;
+  background: none;
+}
+.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: #fff;
+  background-color: $primary-color;
+}
+.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: $primary-color;
+  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
+}
+.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: #039 \9;
+}
+.datepicker table tr td span.old,
+.datepicker table tr td span.new {
+  color: $default-color;
+}
+.datepicker .datepicker-switch {
+  width: auto;
+
+  border-radius: $border-radius-small;
+}
+.datepicker .datepicker-switch,
+.datepicker .prev,
+.datepicker .next,
+.datepicker tfoot tr th {
+  cursor: pointer;
+}
+
+.datepicker {
+  .prev,
+  .next {
+    width: 35px;
+    height: 35px;
+  }
+
+  i {
+    position: relative;
+    top: 2px;
+  }
+
+  .prev i {
+    left: -1px;
+  }
+
+  .next i {
+    right: -1px;
+  }
+}
+
+.datepicker .datepicker-switch:hover,
+.datepicker .prev:hover,
+.datepicker .next:hover,
+.datepicker tfoot tr th:hover {
+  background: #eee;
+}
+.datepicker .prev.disabled,
+.datepicker .next.disabled {
+  visibility: hidden;
+}
+.datepicker .cw {
+  width: 12px;
+  padding: 0 2px 0 5px;
+
+  vertical-align: middle;
+
+  font-size: 10px;
+}
+.input-append.date .add-on,
+.input-prepend.date .add-on {
+  cursor: pointer;
+}
+.input-append.date .add-on i,
+.input-prepend.date .add-on i {
+  margin-top: 3px;
+}
+.input-daterange input {
+  text-align: center;
+}
+.input-daterange input:first-child {
+  -webkit-border-radius: 3px 0 0 3px;
+     -moz-border-radius: 3px 0 0 3px;
+          border-radius: 3px 0 0 3px;
+}
+.input-daterange input:last-child {
+  -webkit-border-radius: 0 3px 3px 0;
+     -moz-border-radius: 0 3px 3px 0;
+          border-radius: 0 3px 3px 0;
+}
+.input-daterange .add-on {
+  display: inline-block;
+
+  width: auto;
+  min-width: 16px;
+  height: 18px;
+  margin-right: -5px;
+  margin-left: -5px;
+  padding: 4px 5px;
+
+  text-align: center;
+  vertical-align: middle;
+
+  border: 1px solid #ccc;
+  background-color: #eee;
+  text-shadow: 0 1px 0 #fff;
+
+  font-weight: normal;
+  line-height: 18px;
+}