@ -1,471 +0,0 @@ |
|||||||
/*! |
|
||||||
* Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker) |
|
||||||
* |
|
||||||
* 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: 10px; |
|
||||||
-webkit-border-radius: 4px; |
|
||||||
-moz-border-radius: 4px; |
|
||||||
border-radius: 4px; |
|
||||||
direction: ltr; |
|
||||||
} |
|
||||||
.datepicker-inline { |
|
||||||
width: 220px; |
|
||||||
} |
|
||||||
.datepicker.datepicker-rtl { |
|
||||||
direction: rtl; |
|
||||||
} |
|
||||||
.datepicker.datepicker-rtl table tr td span { |
|
||||||
float: right; |
|
||||||
} |
|
||||||
.datepicker-dropdown { |
|
||||||
top: 0; |
|
||||||
left: 0; |
|
||||||
} |
|
||||||
.datepicker-dropdown:before { |
|
||||||
content: ''; |
|
||||||
display: inline-block; |
|
||||||
border-left: 7px solid transparent; |
|
||||||
border-right: 7px solid transparent; |
|
||||||
border-bottom: 7px solid #999; |
|
||||||
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-bottom:before { |
|
||||||
top: -7px; |
|
||||||
} |
|
||||||
.datepicker-dropdown.datepicker-orient-bottom:after { |
|
||||||
top: -6px; |
|
||||||
} |
|
||||||
.datepicker-dropdown.datepicker-orient-top:before { |
|
||||||
bottom: -7px; |
|
||||||
border-bottom: 0; |
|
||||||
border-top: 7px solid #999; |
|
||||||
} |
|
||||||
.datepicker-dropdown.datepicker-orient-top:after { |
|
||||||
bottom: -6px; |
|
||||||
border-bottom: 0; |
|
||||||
border-top: 6px solid #fff; |
|
||||||
} |
|
||||||
.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: 40px; |
|
||||||
height: 40px; |
|
||||||
-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: #eee; |
|
||||||
cursor: pointer; |
|
||||||
} |
|
||||||
.datepicker table tr td.old, |
|
||||||
.datepicker table tr td.new { |
|
||||||
color: #999; |
|
||||||
} |
|
||||||
.datepicker table tr td.disabled, |
|
||||||
.datepicker table tr td.disabled:hover { |
|
||||||
background: none; |
|
||||||
color: #999; |
|
||||||
cursor: default; |
|
||||||
} |
|
||||||
.datepicker table tr td.highlighted { |
|
||||||
background: #d9edf7; |
|
||||||
border-radius: 0; |
|
||||||
} |
|
||||||
.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(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(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: #eee; |
|
||||||
-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(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(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(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; |
|
||||||
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(to bottom, #08c, #0044cc); |
|
||||||
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); |
|
||||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); |
|
||||||
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); |
|
||||||
background-image: -o-linear-gradient(to bottom, #08c, #0044cc); |
|
||||||
background-image: linear-gradient(to bottom, #08c, #0044cc); |
|
||||||
background-repeat: repeat-x; |
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', 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, |
|
||||||
.datepicker table tr td span.focused { |
|
||||||
background: #eee; |
|
||||||
} |
|
||||||
.datepicker table tr td span.disabled, |
|
||||||
.datepicker table tr td span.disabled:hover { |
|
||||||
background: none; |
|
||||||
color: #999; |
|
||||||
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(to bottom, #08c, #0044cc); |
|
||||||
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); |
|
||||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); |
|
||||||
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); |
|
||||||
background-image: -o-linear-gradient(to bottom, #08c, #0044cc); |
|
||||||
background-image: linear-gradient(to bottom, #08c, #0044cc); |
|
||||||
background-repeat: repeat-x; |
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', 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: #999; |
|
||||||
} |
|
||||||
.datepicker .datepicker-switch { |
|
||||||
width: 145px; |
|
||||||
} |
|
||||||
.datepicker .datepicker-switch, |
|
||||||
.datepicker .prev, |
|
||||||
.datepicker .next, |
|
||||||
.datepicker tfoot tr th { |
|
||||||
cursor: pointer; |
|
||||||
} |
|
||||||
.datepicker .datepicker-switch:hover, |
|
||||||
.datepicker .prev:hover, |
|
||||||
.datepicker .next:hover, |
|
||||||
.datepicker tfoot tr th:hover { |
|
||||||
background: #eee; |
|
||||||
} |
|
||||||
.datepicker .cw { |
|
||||||
font-size: 10px; |
|
||||||
width: 12px; |
|
||||||
padding: 0 2px 0 5px; |
|
||||||
vertical-align: middle; |
|
||||||
} |
|
||||||
.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; |
|
||||||
padding: 4px 5px; |
|
||||||
font-weight: normal; |
|
||||||
line-height: 18px; |
|
||||||
text-align: center; |
|
||||||
text-shadow: 0 1px 0 #fff; |
|
||||||
vertical-align: middle; |
|
||||||
background-color: #eee; |
|
||||||
border: 1px solid #ccc; |
|
||||||
margin-left: -5px; |
|
||||||
margin-right: -5px; |
|
||||||
} |
|
||||||
/*# sourceMappingURL=bootstrap-datepicker.css.map */ |
|
@ -1,9 +0,0 @@ |
|||||||
<!doctype html> |
|
||||||
<html lang="en"> |
|
||||||
<head> |
|
||||||
<meta charset="utf-8"> |
|
||||||
<title>Silence is eloquence.</title> |
|
||||||
</head> |
|
||||||
<body> |
|
||||||
</body> |
|
||||||
</html> |
|
@ -1,6 +0,0 @@ |
|||||||
/** |
|
||||||
* Owl Carousel v2.2.1 |
|
||||||
* Copyright 2013-2017 David Deutsch |
|
||||||
* Licensed under () |
|
||||||
*/ |
|
||||||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} |
|
@ -1,15 +0,0 @@ |
|||||||
/** |
|
||||||
* Owl Carousel v2.2.1 |
|
||||||
* Copyright 2013-2017 David Deutsch |
|
||||||
* Licensed under () |
|
||||||
*/ |
|
||||||
.owl-theme .owl-dots, |
|
||||||
.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent} |
|
||||||
.owl-theme .owl-nav{margin-top:10px} |
|
||||||
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;position: absolute;} |
|
||||||
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none} |
|
||||||
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default} |
|
||||||
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px} |
|
||||||
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1} |
|
||||||
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px} |
|
||||||
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} |
|
Before Width: | Height: | Size: 2.4 KiB |
@ -1 +0,0 @@ |
|||||||
eyIxIjp7IklEIjoxLCJuYW1lIjoiTXkgaWNvbnMgY29sbGVjdGlvbiIsImJvb2ttYXJrX2lkIjoia3lnZjliNWRzbTAwMDAwMCIsImNyZWF0ZWQiOm51bGwsInVwZGF0ZWQiOjE1OTI4MDI5OTUsImFjdGl2ZSI6MSwic291cmNlIjoibG9jYWwiLCJvcmRlciI6MCwiY29sb3IiOiIwMDAwMDAiLCJzdGF0dXMiOjF9LCJreWdmOWI1ZHNtMDAwMDAwIjpbeyJpZCI6MjYzNTQ0NywidGVhbSI6MCwibmFtZSI6ImJhYnkiLCJjb2xvciI6IiMwMDAwMDAiLCJwcmVtaXVtIjowLCJzb3J0IjoyfSx7ImlkIjoyOTkxNTc3LCJ0ZWFtIjowLCJuYW1lIjoidGVhY2giLCJjb2xvciI6IiMwMDAwMDAiLCJwcmVtaXVtIjowLCJzb3J0IjozfSx7ImlkIjoyMzAyODA2LCJ0ZWFtIjowLCJuYW1lIjoiY2hpbGQiLCJjb2xvciI6IiMwMDAwMDAiLCJwcmVtaXVtIjowLCJzb3J0Ijo0fSx7ImlkIjoyODE5MTkyLCJ0ZWFtIjowLCJuYW1lIjoiYmVhciIsImNvbG9yIjoiIzAwMDAwMCIsInByZW1pdW0iOjAsInNvcnQiOjF9LHsiaWQiOjI5MTI3NjEsInRlYW0iOjAsIm5hbWUiOiJjZXJ0aWZpY2F0ZSIsImNvbG9yIjoiIzAwMDAwMCIsInByZW1pdW0iOjAsInNvcnQiOjV9LHsiaWQiOjExMTcwNDUsInRlYW0iOjAsIm5hbWUiOiJkcmF3IiwiY29sb3IiOiIjMDAwMDAwIiwicHJlbWl1bSI6MCwic29ydCI6Nn1dfQ== |
|
Before Width: | Height: | Size: 42 KiB |
@ -1,52 +0,0 @@ |
|||||||
/* |
|
||||||
Flaticon icon font: Flaticon |
|
||||||
Creation date: 22/06/2020 05:16 |
|
||||||
*/ |
|
||||||
|
|
||||||
@font-face { |
|
||||||
font-family: "Flaticon"; |
|
||||||
src: url("./Flaticon.eot"); |
|
||||||
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), |
|
||||||
url("./Flaticon.woff2") format("woff2"), |
|
||||||
url("./Flaticon.woff") format("woff"), |
|
||||||
url("./Flaticon.ttf") format("truetype"), |
|
||||||
url("./Flaticon.svg#Flaticon") format("svg"); |
|
||||||
font-weight: normal; |
|
||||||
font-style: normal; |
|
||||||
} |
|
||||||
|
|
||||||
@media screen and (-webkit-min-device-pixel-ratio:0) { |
|
||||||
@font-face { |
|
||||||
font-family: "Flaticon"; |
|
||||||
src: url("./Flaticon.svg#Flaticon") format("svg"); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.fi:before{ |
|
||||||
display: inline-block; |
|
||||||
font-family: "Flaticon"; |
|
||||||
font-style: normal; |
|
||||||
font-weight: normal; |
|
||||||
font-variant: normal; |
|
||||||
line-height: 1; |
|
||||||
text-decoration: inherit; |
|
||||||
text-rendering: optimizeLegibility; |
|
||||||
text-transform: none; |
|
||||||
-moz-osx-font-smoothing: grayscale; |
|
||||||
-webkit-font-smoothing: antialiased; |
|
||||||
font-smoothing: antialiased; |
|
||||||
} |
|
||||||
|
|
||||||
.flaticon-bear:before { content: "\f100"; } |
|
||||||
.flaticon-baby:before { content: "\f101"; } |
|
||||||
.flaticon-teach:before { content: "\f102"; } |
|
||||||
.flaticon-child:before { content: "\f103"; } |
|
||||||
.flaticon-certificate:before { content: "\f104"; } |
|
||||||
.flaticon-draw:before { content: "\f105"; } |
|
||||||
|
|
||||||
$font-Flaticon-bear: "\f100"; |
|
||||||
$font-Flaticon-baby: "\f101"; |
|
||||||
$font-Flaticon-teach: "\f102"; |
|
||||||
$font-Flaticon-child: "\f103"; |
|
||||||
$font-Flaticon-certificate: "\f104"; |
|
||||||
$font-Flaticon-draw: "\f105"; |
|
@ -1,45 +0,0 @@ |
|||||||
/* |
|
||||||
Flaticon icon font: Flaticon |
|
||||||
Creation date: 22/06/2020 05:16 |
|
||||||
*/ |
|
||||||
|
|
||||||
@font-face { |
|
||||||
font-family: "Flaticon"; |
|
||||||
src: url("./Flaticon.eot"); |
|
||||||
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), |
|
||||||
url("./Flaticon.woff2") format("woff2"), |
|
||||||
url("./Flaticon.woff") format("woff"), |
|
||||||
url("./Flaticon.ttf") format("truetype"), |
|
||||||
url("./Flaticon.svg#Flaticon") format("svg"); |
|
||||||
font-weight: normal; |
|
||||||
font-style: normal; |
|
||||||
} |
|
||||||
|
|
||||||
@media screen and (-webkit-min-device-pixel-ratio:0) { |
|
||||||
@font-face { |
|
||||||
font-family: "Flaticon"; |
|
||||||
src: url("./Flaticon.svg#Flaticon") format("svg"); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, |
|
||||||
[class^="flaticon-"]:after, [class*=" flaticon-"]:after { |
|
||||||
font-family: Flaticon; |
|
||||||
speak: none; |
|
||||||
font-style: normal; |
|
||||||
font-weight: normal; |
|
||||||
font-variant: normal; |
|
||||||
text-transform: none; |
|
||||||
line-height: 1; |
|
||||||
|
|
||||||
/* Better Font Rendering =========== */ |
|
||||||
-webkit-font-smoothing: antialiased; |
|
||||||
-moz-osx-font-smoothing: grayscale; |
|
||||||
} |
|
||||||
|
|
||||||
.flaticon-bear:before { content: "\f100"; } |
|
||||||
.flaticon-baby:before { content: "\f101"; } |
|
||||||
.flaticon-teach:before { content: "\f102"; } |
|
||||||
.flaticon-child:before { content: "\f103"; } |
|
||||||
.flaticon-certificate:before { content: "\f104"; } |
|
||||||
.flaticon-draw:before { content: "\f105"; } |
|
@ -1,485 +0,0 @@ |
|||||||
<!DOCTYPE html> |
|
||||||
<!-- |
|
||||||
Flaticon icon font: Flaticon |
|
||||||
Creation date: 22/06/2020 05:16 |
|
||||||
--> |
|
||||||
<html> |
|
||||||
<!DOCTYPE html> |
|
||||||
<html> |
|
||||||
|
|
||||||
<head> |
|
||||||
<title>Flaticon WebFont</title> |
|
||||||
<link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css" /> |
|
||||||
<link rel="stylesheet" type="text/css" href="flaticon.css"> |
|
||||||
<meta charset="UTF-8"> |
|
||||||
<style> |
|
||||||
html, body, div, span, applet, object, iframe, |
|
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
||||||
a, abbr, acronym, address, big, cite, code, |
|
||||||
del, dfn, em, img, ins, kbd, q, s, samp, |
|
||||||
small, strike, strong, sub, sup, tt, var, |
|
||||||
b, u, i, center, |
|
||||||
dl, dt, dd, ol, ul, li, |
|
||||||
fieldset, form, label, legend, |
|
||||||
table, caption, tbody, tfoot, thead, tr, th, td, |
|
||||||
article, aside, canvas, details, embed, |
|
||||||
figure, figcaption, footer, header, hgroup, |
|
||||||
menu, nav, output, ruby, section, summary, |
|
||||||
time, mark, audio, video { |
|
||||||
margin: 0; |
|
||||||
padding: 0; |
|
||||||
border: 0; |
|
||||||
font-size: 100%; |
|
||||||
font: inherit; |
|
||||||
vertical-align: baseline; |
|
||||||
} |
|
||||||
/* HTML5 display-role reset for older browsers */ |
|
||||||
article, aside, details, figcaption, figure, |
|
||||||
footer, header, hgroup, menu, nav, section { |
|
||||||
display: block; |
|
||||||
} |
|
||||||
body { |
|
||||||
line-height: 1; |
|
||||||
} |
|
||||||
ol, ul { |
|
||||||
list-style: none; |
|
||||||
} |
|
||||||
blockquote, q { |
|
||||||
quotes: none; |
|
||||||
} |
|
||||||
blockquote:before, blockquote:after, |
|
||||||
q:before, q:after { |
|
||||||
content: ''; |
|
||||||
content: none; |
|
||||||
} |
|
||||||
table { |
|
||||||
border-collapse: collapse; |
|
||||||
border-spacing: 0; |
|
||||||
} |
|
||||||
body { |
|
||||||
font-family: 'Varela Round', Helvetica, Arial, sans-serif; |
|
||||||
font-size: 16px; |
|
||||||
color: #222; |
|
||||||
} |
|
||||||
a { |
|
||||||
color: #333; |
|
||||||
border-bottom: 1px solid #a9fd00; |
|
||||||
font-weight: bold; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
* { |
|
||||||
-moz-box-sizing: border-box; |
|
||||||
-webkit-box-sizing: border-box; |
|
||||||
box-sizing: border-box; |
|
||||||
margin: 0; |
|
||||||
padding: 0; |
|
||||||
} |
|
||||||
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { |
|
||||||
font-family: Flaticon; |
|
||||||
font-size: 30px; |
|
||||||
font-style: normal; |
|
||||||
margin-left: 20px; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.wrapper { |
|
||||||
max-width: 600px; |
|
||||||
margin: auto; |
|
||||||
padding: 0 1em; |
|
||||||
} |
|
||||||
.title { |
|
||||||
font-size: 1.25em; |
|
||||||
text-align: center; |
|
||||||
margin-bottom: 1em; |
|
||||||
text-transform: uppercase; |
|
||||||
} |
|
||||||
header { |
|
||||||
text-align: center; |
|
||||||
background-color: #222; |
|
||||||
color: #fff; |
|
||||||
padding: 1em; |
|
||||||
} |
|
||||||
header .logo { |
|
||||||
width: 210px; |
|
||||||
height: 38px; |
|
||||||
display: inline-block; |
|
||||||
vertical-align: middle; |
|
||||||
margin-right: 1em; |
|
||||||
border: none; |
|
||||||
} |
|
||||||
header strong { |
|
||||||
font-size: 1.95em; |
|
||||||
font-weight: bold; |
|
||||||
vertical-align: middle; |
|
||||||
margin-top: 5px; |
|
||||||
display: inline-block; |
|
||||||
} |
|
||||||
.demo { |
|
||||||
margin: 2em auto; |
|
||||||
line-height: 1.25em; |
|
||||||
} |
|
||||||
.demo ul li { |
|
||||||
margin-bottom: 1em; |
|
||||||
} |
|
||||||
.demo ul li .num { |
|
||||||
color: #222; |
|
||||||
border-radius: 20px; |
|
||||||
display: inline-block; |
|
||||||
width: 26px; |
|
||||||
padding: 3px; |
|
||||||
height: 26px; |
|
||||||
text-align: center; |
|
||||||
margin-right: 0.5em; |
|
||||||
border: 1px solid #222; |
|
||||||
} |
|
||||||
.demo ul li code { |
|
||||||
background-color: #222; |
|
||||||
border-radius: 4px; |
|
||||||
padding: 0.25em 0.5em; |
|
||||||
display: inline-block; |
|
||||||
color: #fff; |
|
||||||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
|
||||||
font-weight: lighter; |
|
||||||
margin-top: 1em; |
|
||||||
font-size: 0.8em; |
|
||||||
word-break: break-all; |
|
||||||
} |
|
||||||
.demo ul li code.big { |
|
||||||
padding: 1em; |
|
||||||
font-size: 0.9em; |
|
||||||
} |
|
||||||
.demo ul li code .red { |
|
||||||
color: #EF3159; |
|
||||||
} |
|
||||||
.demo ul li code .green { |
|
||||||
color: #ACFF65; |
|
||||||
} |
|
||||||
.demo ul li code .yellow { |
|
||||||
color: #FFFF99; |
|
||||||
} |
|
||||||
.demo ul li code .blue { |
|
||||||
color: #99D3FF; |
|
||||||
} |
|
||||||
.demo ul li code .purple { |
|
||||||
color: #A295FF; |
|
||||||
} |
|
||||||
.demo ul li code .dots { |
|
||||||
margin-top: 0.5em; |
|
||||||
display: block; |
|
||||||
} |
|
||||||
#glyphs { |
|
||||||
border-bottom: 1px solid #ccc; |
|
||||||
padding: 2em 0; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
.glyph { |
|
||||||
display: inline-block; |
|
||||||
width: 9em; |
|
||||||
margin: 1em; |
|
||||||
text-align: center; |
|
||||||
vertical-align: top; |
|
||||||
background: #FFF; |
|
||||||
} |
|
||||||
.glyph .glyph-icon { |
|
||||||
padding: 10px; |
|
||||||
display: block; |
|
||||||
font-family:"Flaticon"; |
|
||||||
font-size: 64px; |
|
||||||
line-height: 1; |
|
||||||
} |
|
||||||
.glyph .glyph-icon:before { |
|
||||||
font-size: 64px; |
|
||||||
color: #222; |
|
||||||
margin-left: 0; |
|
||||||
} |
|
||||||
.class-name { |
|
||||||
font-size: 0.65em; |
|
||||||
background-color: #222; |
|
||||||
color: #fff; |
|
||||||
border-radius: 4px 4px 0 0; |
|
||||||
padding: 0.5em; |
|
||||||
color: #FFFF99; |
|
||||||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
|
||||||
} |
|
||||||
.author-name { |
|
||||||
font-size: 0.6em; |
|
||||||
background-color: #fcfcfd; |
|
||||||
border: 1px solid #DEDEE4; |
|
||||||
border-top: 0; |
|
||||||
border-radius: 0 0 4px 4px; |
|
||||||
padding: 0.5em; |
|
||||||
} |
|
||||||
.class-name:last-child { |
|
||||||
font-size: 10px; |
|
||||||
color:#888; |
|
||||||
} |
|
||||||
.class-name:last-child a { |
|
||||||
font-size: 10px; |
|
||||||
color:#555; |
|
||||||
} |
|
||||||
.class-name:last-child a:hover { |
|
||||||
color:#a9fd00; |
|
||||||
} |
|
||||||
.glyph > input { |
|
||||||
display: block; |
|
||||||
width: 100px; |
|
||||||
margin: 5px auto; |
|
||||||
text-align: center; |
|
||||||
font-size: 12px; |
|
||||||
cursor: text; |
|
||||||
} |
|
||||||
.glyph > input.icon-input { |
|
||||||
font-family:"Flaticon"; |
|
||||||
font-size: 16px; |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
.attribution .title { |
|
||||||
margin-top: 2em; |
|
||||||
} |
|
||||||
.attribution textarea { |
|
||||||
background-color: #fcfcfd; |
|
||||||
padding: 1em; |
|
||||||
border: none; |
|
||||||
box-shadow: none; |
|
||||||
border: 1px solid #DEDEE4; |
|
||||||
border-radius: 4px; |
|
||||||
resize: none; |
|
||||||
width: 100%; |
|
||||||
height: 150px; |
|
||||||
font-size: 0.8em; |
|
||||||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
|
||||||
-webkit-appearance: none; |
|
||||||
} |
|
||||||
.iconsuse { |
|
||||||
margin: 2em auto; |
|
||||||
text-align: center; |
|
||||||
max-width: 1200px; |
|
||||||
} |
|
||||||
.iconsuse:after { |
|
||||||
content: ''; |
|
||||||
display: table; |
|
||||||
clear: both; |
|
||||||
} |
|
||||||
.iconsuse .image { |
|
||||||
float: left; |
|
||||||
width: 25%; |
|
||||||
padding: 0 1em; |
|
||||||
} |
|
||||||
.iconsuse .image p { |
|
||||||
margin-bottom: 1em; |
|
||||||
} |
|
||||||
.iconsuse .image span { |
|
||||||
display: block; |
|
||||||
font-size: 0.65em; |
|
||||||
background-color: #222; |
|
||||||
color: #fff; |
|
||||||
border-radius: 4px; |
|
||||||
padding: 0.5em; |
|
||||||
color: #FFFF99; |
|
||||||
margin-top: 1em; |
|
||||||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
|
||||||
} |
|
||||||
#footer { |
|
||||||
text-align: center; |
|
||||||
background-color: #4C5B5C; |
|
||||||
color: #7c9192; |
|
||||||
padding: 1em; |
|
||||||
} |
|
||||||
#footer a { |
|
||||||
border: none; |
|
||||||
color: #a9fd00; |
|
||||||
font-weight: normal; |
|
||||||
} |
|
||||||
@media (max-width: 960px) { |
|
||||||
.iconsuse .image { |
|
||||||
width: 50%; |
|
||||||
} |
|
||||||
} |
|
||||||
@media (max-width: 560px) { |
|
||||||
.iconsuse .image { |
|
||||||
width: 100%; |
|
||||||
} |
|
||||||
} |
|
||||||
</style> |
|
||||||
</head> |
|
||||||
|
|
||||||
<body class="characters-off"> |
|
||||||
|
|
||||||
<header> |
|
||||||
<a href="https://www.flaticon.com" target="_blank" class="logo"> |
|
||||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" viewBox="0 0 560.875 102.036" enable-background="new 0 0 560.875 102.036" xml:space="preserve"> |
|
||||||
<defs> |
|
||||||
</defs> |
|
||||||
<g> |
|
||||||
<g class="letters"> |
|
||||||
<path fill="#ffffff" d="M141.596,29.675c0-3.777,2.985-6.767,6.764-6.767h34.438c3.426,0,6.15,2.728,6.15,6.15 |
|
||||||
c0,3.43-2.724,6.149-6.15,6.149h-27.674v13.091h23.719c3.429,0,6.151,2.724,6.151,6.15c0,3.43-2.723,6.149-6.151,6.149h-23.719 |
|
||||||
v17.574c0,3.773-2.986,6.761-6.764,6.761c-3.779,0-6.764-2.989-6.764-6.761V29.675z"></path> |
|
||||||
<path fill="#ffffff" d="M193.844,29.149c0-3.781,2.985-6.767,6.764-6.767c3.776,0,6.763,2.985,6.763,6.767v42.957h25.039 |
|
||||||
c3.426,0,6.149,2.726,6.149,6.153c0,3.425-2.723,6.15-6.149,6.15h-31.802c-3.779,0-6.764-2.986-6.764-6.768V29.149z"></path> |
|
||||||
<path fill="#ffffff" d="M241.891,75.71l21.438-48.407c1.492-3.341,4.215-5.357,7.906-5.357h0.792 |
|
||||||
c3.686,0,6.323,2.017,7.815,5.357l21.439,48.407c0.436,0.967,0.701,1.845,0.701,2.723c0,3.602-2.809,6.501-6.414,6.501 |
|
||||||
c-3.161,0-5.269-1.845-6.499-4.655l-4.132-9.661h-27.059l-4.301,10.102c-1.144,2.631-3.426,4.214-6.237,4.214 |
|
||||||
c-3.517,0-6.24-2.81-6.24-6.325C241.1,77.64,241.451,76.677,241.891,75.71z M279.932,58.666l-8.521-20.297l-8.526,20.297H279.932 |
|
||||||
z"></path> |
|
||||||
<path fill="#ffffff" d="M314.864,35.387H301.86c-3.429,0-6.239-2.813-6.239-6.238c0-3.429,2.811-6.24,6.239-6.24h39.533 |
|
||||||
c3.426,0,6.237,2.811,6.237,6.24c0,3.425-2.811,6.238-6.237,6.238h-13.001v42.785c0,3.773-2.99,6.761-6.764,6.761 |
|
||||||
c-3.779,0-6.764-2.989-6.764-6.761V35.387z"></path> |
|
||||||
<path fill="#A9FD00" d="M352.615,29.149c0-3.781,2.985-6.767,6.767-6.767c3.774,0,6.761,2.985,6.761,6.767v49.024 |
|
||||||
c0,3.773-2.987,6.761-6.761,6.761c-3.781,0-6.767-2.989-6.767-6.761V29.149z"></path> |
|
||||||
<path fill="#A9FD00" d="M374.132,53.836v-0.179c0-17.481,13.178-31.801,32.065-31.801c9.22,0,15.459,2.458,20.557,6.238 |
|
||||||
c1.402,1.054,2.637,2.985,2.637,5.357c0,3.692-2.985,6.59-6.681,6.59c-1.845,0-3.071-0.702-4.044-1.319 |
|
||||||
c-3.776-2.813-7.729-4.393-12.562-4.393c-10.364,0-17.831,8.611-17.831,19.154v0.173c0,10.542,7.291,19.329,17.831,19.329 |
|
||||||
c5.715,0,9.492-1.756,13.359-4.834c1.049-0.874,2.458-1.491,4.039-1.491c3.429,0,6.325,2.813,6.325,6.236 |
|
||||||
c0,2.106-1.056,3.78-2.282,4.834c-5.539,4.834-12.036,7.733-21.878,7.733C387.572,85.464,374.132,71.493,374.132,53.836z"></path> |
|
||||||
<path fill="#A9FD00" d="M433.009,53.836v-0.179c0-17.481,13.79-31.801,32.766-31.801c18.981,0,32.592,14.143,32.592,31.628v0.173 |
|
||||||
c0,17.483-13.785,31.807-32.769,31.807C446.625,85.464,433.009,71.32,433.009,53.836z M484.224,53.836v-0.179 |
|
||||||
c0-10.539-7.725-19.326-18.626-19.326c-10.893,0-18.449,8.611-18.449,19.154v0.173c0,10.542,7.73,19.329,18.626,19.329 |
|
||||||
C476.676,72.986,484.224,64.378,484.224,53.836z"></path> |
|
||||||
<path fill="#A9FD00" d="M506.233,29.321c0-3.774,2.99-6.763,6.767-6.763h1.401c3.252,0,5.183,1.583,7.029,3.953l26.093,34.265 |
|
||||||
V29.059c0-3.692,2.99-6.677,6.681-6.677c3.683,0,6.671,2.985,6.671,6.677v48.934c0,3.78-2.987,6.765-6.764,6.765h-0.436 |
|
||||||
c-3.257,0-5.188-1.581-7.034-3.953l-27.056-35.492v32.944c0,3.687-2.985,6.676-6.678,6.676c-3.683,0-6.673-2.989-6.673-6.676 |
|
||||||
V29.321z"></path> |
|
||||||
</g> |
|
||||||
<g class="insignia"> |
|
||||||
<path fill="#ffffff" d="M48.372,56.137h12.517l11.156-18.537H37.186L25.688,18.539h57.825L94.668,0H9.271 |
|
||||||
C5.925,0,2.842,1.801,1.198,4.716c-1.644,2.907-1.593,6.482,0.134,9.343l50.38,83.501c1.678,2.781,4.689,4.476,7.938,4.476 |
|
||||||
c3.246,0,6.257-1.695,7.935-4.476l2.898-4.804L48.372,56.137z"></path> |
|
||||||
<g class="i"> |
|
||||||
<path fill="#A9FD00" d="M93.575,18.539h0.031v0.004l21.652,0.004l2.705-4.488c1.727-2.861,1.778-6.436,0.133-9.343 |
|
||||||
C116.454,1.801,113.371,0,110.026,0h-5.294L93.575,18.539z"></path> |
|
||||||
<polygon fill="#A9FD00" points="88.291,27.356 64.725,66.486 75.519,84.404 109.942,27.356"></polygon> |
|
||||||
</g> |
|
||||||
</g> |
|
||||||
</g> |
|
||||||
</svg> |
|
||||||
</a> |
|
||||||
<strong>Font Demo</strong> |
|
||||||
</header> |
|
||||||
|
|
||||||
|
|
||||||
<section class="demo wrapper"> |
|
||||||
|
|
||||||
<p class="title">Instructions</p> |
|
||||||
|
|
||||||
<ul> |
|
||||||
<li> |
|
||||||
<span class="num">1</span>Copy the "Fonts" files and CSS files to your website CSS folder. |
|
||||||
</li> |
|
||||||
<li> |
|
||||||
<span class="num">2</span>Add the CSS link to your website source code on header. |
|
||||||
<code class="big"> |
|
||||||
<<span class="red">head</span>> |
|
||||||
<br/><span class="dots">...</span> |
|
||||||
<br/><<span class="red">link</span> <span class="green">rel</span>=<span class="yellow">"stylesheet"</span> <span class="green">type</span>=<span class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon.css"</span>> |
|
||||||
<br/><span class="dots">...</span> |
|
||||||
<br/></<span class="red">head</span>> |
|
||||||
</code> |
|
||||||
</li> |
|
||||||
|
|
||||||
<li> |
|
||||||
<p> |
|
||||||
<span class="num">3</span>Use the icon class on <code>"<span class="blue">display</span>:<span class="purple"> inline</span>"</code> elements: |
|
||||||
<br /> |
|
||||||
Use example: <code><<span class="red">i</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">i</span>></code> or <code><<span class="red">span</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">span</span>></code> |
|
||||||
</li> |
|
||||||
</ul> |
|
||||||
|
|
||||||
</section> |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section id="glyphs"> |
|
||||||
|
|
||||||
|
|
||||||
<div class="glyph"><div class="glyph-icon flaticon-bear"></div> |
|
||||||
<div class="class-name">.flaticon-bear</div> |
|
||||||
<div class="author-name">Author: <a data-file="001-bear" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="glyph"><div class="glyph-icon flaticon-baby"></div> |
|
||||||
<div class="class-name">.flaticon-baby</div> |
|
||||||
<div class="author-name">Author: <a data-file="002-baby" href="http://www.freepik.com">Freepik</a> </div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="glyph"><div class="glyph-icon flaticon-teach"></div> |
|
||||||
<div class="class-name">.flaticon-teach</div> |
|
||||||
<div class="author-name">Author: <a data-file="003-teach" href="http://www.freepik.com">Freepik</a> </div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="glyph"><div class="glyph-icon flaticon-child"></div> |
|
||||||
<div class="class-name">.flaticon-child</div> |
|
||||||
<div class="author-name">Author: <a data-file="004-child" href="http://www.freepik.com">Freepik</a> </div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="glyph"><div class="glyph-icon flaticon-certificate"></div> |
|
||||||
<div class="class-name">.flaticon-certificate</div> |
|
||||||
<div class="author-name">Author: <a data-file="005-certificate" href="http://www.freepik.com">Freepik</a> </div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="glyph"><div class="glyph-icon flaticon-draw"></div> |
|
||||||
<div class="class-name">.flaticon-draw</div> |
|
||||||
<div class="author-name">Author: <a data-file="006-draw" href="https://www.flaticon.com/authors/photo3idea-studio">photo3idea_studio</a> </div> |
|
||||||
</div> |
|
||||||
|
|
||||||
|
|
||||||
</section> |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section class="attribution wrapper" style="text-align:center;"> |
|
||||||
|
|
||||||
<div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="005-certificate" href="http://www.freepik.com">Freepik</a>, <a data-file="001-bear" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="006-draw" href="https://www.flaticon.com/authors/photo3idea-studio">photo3idea_studio</a></p> </div> |
|
||||||
</div> |
|
||||||
<div class="title">Copy the Attribution License:</div> |
|
||||||
|
|
||||||
<textarea onclick="this.focus();this.select();">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="005-certificate" href="http://www.freepik.com">Freepik</a>, <a data-file="001-bear" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="006-draw" href="https://www.flaticon.com/authors/photo3idea-studio">photo3idea_studio</a></p> |
|
||||||
</textarea> |
|
||||||
|
|
||||||
</section> |
|
||||||
|
|
||||||
<section class="iconsuse"> |
|
||||||
|
|
||||||
<div class="title">Examples:</div> |
|
||||||
|
|
||||||
<div class="image"> |
|
||||||
<p> |
|
||||||
<i class="glyph-icon flaticon-bear"></i> |
|
||||||
<span><i class="flaticon-bear"></i></span> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="image"> |
|
||||||
<p> |
|
||||||
<i class="glyph-icon flaticon-baby"></i> |
|
||||||
<span><i class="flaticon-baby"></i></span> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="image"> |
|
||||||
<p> |
|
||||||
<i class="glyph-icon flaticon-teach"></i> |
|
||||||
<span><i class="flaticon-teach"></i></span> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="image"> |
|
||||||
<p> |
|
||||||
<i class="glyph-icon flaticon-child"></i> |
|
||||||
<span><i class="flaticon-child"></i></span> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
|
|
||||||
</section> |
|
||||||
|
|
||||||
<div id="footer"> |
|
||||||
<div>Generated by <a href="https://www.flaticon.com">flaticon.com</a> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body> |
|
||||||
</html> |
|
@ -1,7 +0,0 @@ |
|||||||
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures. |
|
||||||
|
|
||||||
To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts |
|
||||||
|
|
||||||
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects. |
|
||||||
|
|
||||||
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection. |
|
@ -1,155 +0,0 @@ |
|||||||
body { |
|
||||||
padding: 0; |
|
||||||
margin: 0; |
|
||||||
font-family: sans-serif; |
|
||||||
font-size: 1em; |
|
||||||
line-height: 1.5; |
|
||||||
color: #555; |
|
||||||
background: #fff; |
|
||||||
} |
|
||||||
h1 { |
|
||||||
font-size: 1.5em; |
|
||||||
font-weight: normal; |
|
||||||
} |
|
||||||
small { |
|
||||||
font-size: .66666667em; |
|
||||||
} |
|
||||||
a { |
|
||||||
color: #e74c3c; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
a:hover, a:focus { |
|
||||||
box-shadow: 0 1px #e74c3c; |
|
||||||
} |
|
||||||
.bshadow0, input { |
|
||||||
box-shadow: inset 0 -2px #e7e7e7; |
|
||||||
} |
|
||||||
input:hover { |
|
||||||
box-shadow: inset 0 -2px #ccc; |
|
||||||
} |
|
||||||
input, fieldset { |
|
||||||
font-family: sans-serif; |
|
||||||
font-size: 1em; |
|
||||||
margin: 0; |
|
||||||
padding: 0; |
|
||||||
border: 0; |
|
||||||
} |
|
||||||
input { |
|
||||||
color: inherit; |
|
||||||
line-height: 1.5; |
|
||||||
height: 1.5em; |
|
||||||
padding: .25em 0; |
|
||||||
} |
|
||||||
input:focus { |
|
||||||
outline: none; |
|
||||||
box-shadow: inset 0 -2px #449fdb; |
|
||||||
} |
|
||||||
.glyph { |
|
||||||
font-size: 16px; |
|
||||||
width: 15em; |
|
||||||
padding-bottom: 1em; |
|
||||||
margin-right: 4em; |
|
||||||
margin-bottom: 1em; |
|
||||||
float: left; |
|
||||||
overflow: hidden; |
|
||||||
} |
|
||||||
.liga { |
|
||||||
width: 80%; |
|
||||||
width: calc(100% - 2.5em); |
|
||||||
} |
|
||||||
.talign-right { |
|
||||||
text-align: right; |
|
||||||
} |
|
||||||
.talign-center { |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
.bgc1 { |
|
||||||
background: #f1f1f1; |
|
||||||
} |
|
||||||
.fgc1 { |
|
||||||
color: #999; |
|
||||||
} |
|
||||||
.fgc0 { |
|
||||||
color: #000; |
|
||||||
} |
|
||||||
p { |
|
||||||
margin-top: 1em; |
|
||||||
margin-bottom: 1em; |
|
||||||
} |
|
||||||
.mvm { |
|
||||||
margin-top: .75em; |
|
||||||
margin-bottom: .75em; |
|
||||||
} |
|
||||||
.mtn { |
|
||||||
margin-top: 0; |
|
||||||
} |
|
||||||
.mtl, .mal { |
|
||||||
margin-top: 1.5em; |
|
||||||
} |
|
||||||
.mbl, .mal { |
|
||||||
margin-bottom: 1.5em; |
|
||||||
} |
|
||||||
.mal, .mhl { |
|
||||||
margin-left: 1.5em; |
|
||||||
margin-right: 1.5em; |
|
||||||
} |
|
||||||
.mhmm { |
|
||||||
margin-left: 1em; |
|
||||||
margin-right: 1em; |
|
||||||
} |
|
||||||
.mls { |
|
||||||
margin-left: .25em; |
|
||||||
} |
|
||||||
.ptl { |
|
||||||
padding-top: 1.5em; |
|
||||||
} |
|
||||||
.pbs, .pvs { |
|
||||||
padding-bottom: .25em; |
|
||||||
} |
|
||||||
.pvs, .pts { |
|
||||||
padding-top: .25em; |
|
||||||
} |
|
||||||
.unit { |
|
||||||
float: left; |
|
||||||
} |
|
||||||
.unitRight { |
|
||||||
float: right; |
|
||||||
} |
|
||||||
.size1of2 { |
|
||||||
width: 50%; |
|
||||||
} |
|
||||||
.size1of1 { |
|
||||||
width: 100%; |
|
||||||
} |
|
||||||
.clearfix:before, .clearfix:after { |
|
||||||
content: " "; |
|
||||||
display: table; |
|
||||||
} |
|
||||||
.clearfix:after { |
|
||||||
clear: both; |
|
||||||
} |
|
||||||
.hidden-true { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
.textbox0 { |
|
||||||
width: 3em; |
|
||||||
background: #f1f1f1; |
|
||||||
padding: .25em .5em; |
|
||||||
line-height: 1.5; |
|
||||||
height: 1.5em; |
|
||||||
} |
|
||||||
#testDrive { |
|
||||||
display: block; |
|
||||||
padding-top: 24px; |
|
||||||
line-height: 1.5; |
|
||||||
} |
|
||||||
.fs0 { |
|
||||||
font-size: 16px; |
|
||||||
} |
|
||||||
.fs1 { |
|
||||||
font-size: 28px; |
|
||||||
} |
|
||||||
.fs2 { |
|
||||||
font-size: 24px; |
|
||||||
} |
|
||||||
|
|
@ -1,30 +0,0 @@ |
|||||||
if (!('boxShadow' in document.body.style)) { |
|
||||||
document.body.setAttribute('class', 'noBoxShadow'); |
|
||||||
} |
|
||||||
|
|
||||||
document.body.addEventListener("click", function(e) { |
|
||||||
var target = e.target; |
|
||||||
if (target.tagName === "INPUT" && |
|
||||||
target.getAttribute('class').indexOf('liga') === -1) { |
|
||||||
target.select(); |
|
||||||
} |
|
||||||
}); |
|
||||||
|
|
||||||
(function() { |
|
||||||
var fontSize = document.getElementById('fontSize'), |
|
||||||
testDrive = document.getElementById('testDrive'), |
|
||||||
testText = document.getElementById('testText'); |
|
||||||
function updateTest() { |
|
||||||
testDrive.innerHTML = testText.value || String.fromCharCode(160); |
|
||||||
if (window.icomoonLiga) { |
|
||||||
window.icomoonLiga(testDrive); |
|
||||||
} |
|
||||||
} |
|
||||||
function updateSize() { |
|
||||||
testDrive.style.fontSize = fontSize.value + 'px'; |
|
||||||
} |
|
||||||
fontSize.addEventListener('change', updateSize, false); |
|
||||||
testText.addEventListener('input', updateTest, false); |
|
||||||
testText.addEventListener('change', updateTest, false); |
|
||||||
updateSize(); |
|
||||||
}()); |
|
Before Width: | Height: | Size: 913 KiB |
@ -1,9 +0,0 @@ |
|||||||
<!doctype html> |
|
||||||
<html lang="en"> |
|
||||||
<head> |
|
||||||
<meta charset="utf-8"> |
|
||||||
<title>Silence is eloquence.</title> |
|
||||||
</head> |
|
||||||
<body> |
|
||||||
</body> |
|
||||||
</html> |
|
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 393 KiB |
Before Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 87 KiB |
Before Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 85 KiB |
Before Width: | Height: | Size: 126 KiB |
Before Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 150 KiB |
Before Width: | Height: | Size: 100 KiB |
Before Width: | Height: | Size: 125 KiB |
Before Width: | Height: | Size: 55 KiB |
Before Width: | Height: | Size: 72 KiB |
Before Width: | Height: | Size: 101 KiB |
Before Width: | Height: | Size: 76 KiB |
Before Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 67 KiB |
Before Width: | Height: | Size: 71 KiB |
Before Width: | Height: | Size: 56 KiB |
Before Width: | Height: | Size: 150 KiB |
Before Width: | Height: | Size: 31 KiB |
Before Width: | Height: | Size: 58 KiB |
Before Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 39 KiB |
Before Width: | Height: | Size: 52 KiB |
Before Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 31 KiB |
Before Width: | Height: | Size: 51 KiB |
Before Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 44 KiB |
Before Width: | Height: | Size: 124 KiB |
Before Width: | Height: | Size: 122 KiB |
Before Width: | Height: | Size: 105 KiB |
Before Width: | Height: | Size: 143 KiB |
@ -1,334 +0,0 @@ |
|||||||
AOS.init({ |
|
||||||
duration: 800, |
|
||||||
easing: 'slide', |
|
||||||
once: true |
|
||||||
}); |
|
||||||
|
|
||||||
$(function(){ |
|
||||||
|
|
||||||
'use strict'; |
|
||||||
|
|
||||||
$(".loader").delay(200).fadeOut("slow"); |
|
||||||
$("#overlayer").delay(200).fadeOut("slow");
|
|
||||||
|
|
||||||
var siteMenuClone = function() { |
|
||||||
|
|
||||||
$('.js-clone-nav').each(function() { |
|
||||||
var $this = $(this); |
|
||||||
$this.clone().attr('class', 'site-nav-wrap').appendTo('.site-mobile-menu-body'); |
|
||||||
}); |
|
||||||
|
|
||||||
|
|
||||||
setTimeout(function() { |
|
||||||
|
|
||||||
var counter = 0; |
|
||||||
$('.site-mobile-menu .has-children').each(function(){ |
|
||||||
var $this = $(this); |
|
||||||
|
|
||||||
$this.prepend('<span class="arrow-collapse collapsed">'); |
|
||||||
|
|
||||||
$this.find('.arrow-collapse').attr({ |
|
||||||
'data-toggle' : 'collapse', |
|
||||||
'data-target' : '#collapseItem' + counter, |
|
||||||
}); |
|
||||||
|
|
||||||
$this.find('> ul').attr({ |
|
||||||
'class' : 'collapse', |
|
||||||
'id' : 'collapseItem' + counter, |
|
||||||
}); |
|
||||||
|
|
||||||
counter++; |
|
||||||
|
|
||||||
}); |
|
||||||
|
|
||||||
}, 1000); |
|
||||||
|
|
||||||
$('body').on('click', '.arrow-collapse', function(e) { |
|
||||||
var $this = $(this); |
|
||||||
if ( $this.closest('li').find('.collapse').hasClass('show') ) { |
|
||||||
$this.removeClass('active'); |
|
||||||
} else { |
|
||||||
$this.addClass('active'); |
|
||||||
} |
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
}); |
|
||||||
|
|
||||||
$(window).resize(function() { |
|
||||||
var $this = $(this), |
|
||||||
w = $this.width(); |
|
||||||
|
|
||||||
if ( w > 768 ) { |
|
||||||
if ( $('body').hasClass('offcanvas-menu') ) { |
|
||||||
$('body').removeClass('offcanvas-menu'); |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
|
|
||||||
$('body').on('click', '.js-menu-toggle', function(e) { |
|
||||||
var $this = $(this); |
|
||||||
e.preventDefault(); |
|
||||||
|
|
||||||
if ( $('body').hasClass('offcanvas-menu') ) { |
|
||||||
$('body').removeClass('offcanvas-menu'); |
|
||||||
$('body').find('.js-menu-toggle').removeClass('active'); |
|
||||||
} else { |
|
||||||
$('body').addClass('offcanvas-menu'); |
|
||||||
$('body').find('.js-menu-toggle').addClass('active'); |
|
||||||
} |
|
||||||
})
|
|
||||||
|
|
||||||
// click outisde offcanvas
|
|
||||||
$(document).mouseup(function(e) { |
|
||||||
var container = $(".site-mobile-menu"); |
|
||||||
if (!container.is(e.target) && container.has(e.target).length === 0) { |
|
||||||
if ( $('body').hasClass('offcanvas-menu') ) { |
|
||||||
$('body').removeClass('offcanvas-menu'); |
|
||||||
$('body').find('.js-menu-toggle').removeClass('active'); |
|
||||||
} |
|
||||||
} |
|
||||||
}); |
|
||||||
};
|
|
||||||
siteMenuClone(); |
|
||||||
|
|
||||||
var owlPlugin = function() { |
|
||||||
if ( $('.owl-3-slider').length > 0 ) { |
|
||||||
var owl3 = $('.owl-3-slider').owlCarousel({ |
|
||||||
loop: true, |
|
||||||
autoHeight: true, |
|
||||||
margin: 40, |
|
||||||
autoplay: true, |
|
||||||
smartSpeed: 700, |
|
||||||
items: 4, |
|
||||||
stagePadding: 0, |
|
||||||
nav: true, |
|
||||||
dots: true, |
|
||||||
navText: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'], |
|
||||||
responsive:{ |
|
||||||
0:{ |
|
||||||
items:1 |
|
||||||
}, |
|
||||||
600:{ |
|
||||||
items:1 |
|
||||||
}, |
|
||||||
800: { |
|
||||||
items:2 |
|
||||||
}, |
|
||||||
1000:{ |
|
||||||
items:2 |
|
||||||
}, |
|
||||||
1100:{ |
|
||||||
items:3 |
|
||||||
} |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
$('.js-custom-next-v2').click(function(e) { |
|
||||||
e.preventDefault(); |
|
||||||
owl3.trigger('next.owl.carousel'); |
|
||||||
}) |
|
||||||
$('.js-custom-prev-v2').click(function(e) { |
|
||||||
e.preventDefault(); |
|
||||||
owl3.trigger('prev.owl.carousel'); |
|
||||||
}) |
|
||||||
if ( $('.owl-4-slider').length > 0 ) { |
|
||||||
var owl4 = $('.owl-4-slider').owlCarousel({ |
|
||||||
loop: true, |
|
||||||
autoHeight: true, |
|
||||||
margin: 10, |
|
||||||
autoplay: true, |
|
||||||
smartSpeed: 700, |
|
||||||
items: 4, |
|
||||||
nav: false, |
|
||||||
dots: true, |
|
||||||
navText: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'], |
|
||||||
responsive:{ |
|
||||||
0:{ |
|
||||||
items:1 |
|
||||||
}, |
|
||||||
600:{ |
|
||||||
items:2 |
|
||||||
}, |
|
||||||
800: { |
|
||||||
items:2 |
|
||||||
}, |
|
||||||
1000:{ |
|
||||||
items:3 |
|
||||||
}, |
|
||||||
1100:{ |
|
||||||
items:4 |
|
||||||
} |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
if ( $('.owl-single-text').length > 0 ) { |
|
||||||
var owlText = $('.owl-single-text').owlCarousel({ |
|
||||||
loop: true, |
|
||||||
autoHeight: true, |
|
||||||
margin: 0, |
|
||||||
autoplay: true, |
|
||||||
smartSpeed: 1200, |
|
||||||
items: 1, |
|
||||||
nav: false, |
|
||||||
navText: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'] |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
if ( $('.events-slider').length > 0 ) { |
|
||||||
var owl = $('.events-slider').owlCarousel({ |
|
||||||
loop: true, |
|
||||||
autoHeight: true, |
|
||||||
margin: 0, |
|
||||||
autoplay: true, |
|
||||||
smartSpeed: 800, |
|
||||||
mouseDrag: false, |
|
||||||
touchDrag: false, |
|
||||||
items: 1, |
|
||||||
nav: false, |
|
||||||
navText: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'], |
|
||||||
}); |
|
||||||
} |
|
||||||
if ( $('.owl-single').length > 0 ) { |
|
||||||
|
|
||||||
var owl = $('.owl-single').owlCarousel({ |
|
||||||
loop: true, |
|
||||||
autoHeight: true, |
|
||||||
margin: 0, |
|
||||||
autoplay: true, |
|
||||||
smartSpeed: 800, |
|
||||||
mouseDrag: false, |
|
||||||
touchDrag: false, |
|
||||||
items: 1, |
|
||||||
nav: false, |
|
||||||
navText: ['<span class="icon-keyboard_backspace"></span>','<span class="icon-keyboard_backspace"></span>'], |
|
||||||
onChanged: changed, |
|
||||||
}); |
|
||||||
|
|
||||||
function changed(event) { |
|
||||||
var i = event.item.index; |
|
||||||
|
|
||||||
if ( i == 0 || i == null) { |
|
||||||
i = 1; |
|
||||||
} else { |
|
||||||
i = i - 1; |
|
||||||
|
|
||||||
$('.js-custom-dots li').removeClass('active'); |
|
||||||
$('.js-custom-dots li[data-index="'+i+'"]').addClass('active'); |
|
||||||
}
|
|
||||||
} |
|
||||||
|
|
||||||
$('.js-custom-dots li').each(function(i) { |
|
||||||
|
|
||||||
var i = i + 1; |
|
||||||
$(this).attr('data-index', i); |
|
||||||
}); |
|
||||||
|
|
||||||
$('.js-custom-dots a').on('click', function(e){ |
|
||||||
e.preventDefault(); |
|
||||||
owl.trigger('stop.owl.autoplay'); |
|
||||||
var k = $(this).closest('li').data('index'); |
|
||||||
k = k - 1; |
|
||||||
owl.trigger('to.owl.carousel', [k, 500]); |
|
||||||
}) |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
if ( $('.wide-slider-testimonial').length > 0 ) { |
|
||||||
$('.wide-slider-testimonial').owlCarousel({ |
|
||||||
loop:true, |
|
||||||
autoplay: true, |
|
||||||
margin:0, |
|
||||||
nav: false, |
|
||||||
autoplayHoverPause: false, |
|
||||||
items: 1, |
|
||||||
smartSpeed: 1000, |
|
||||||
autoHeight: true, |
|
||||||
navText : ["<span class='ion-android-arrow-dropleft'></span>","<span class='ion-android-arrow-dropright'></span>"], |
|
||||||
responsive:{ |
|
||||||
0:{ |
|
||||||
items:1, |
|
||||||
nav:false |
|
||||||
}, |
|
||||||
600:{ |
|
||||||
items:1, |
|
||||||
nav:false |
|
||||||
}, |
|
||||||
1000:{ |
|
||||||
items:1, |
|
||||||
nav:false |
|
||||||
} |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
||||||
owlPlugin(); |
|
||||||
|
|
||||||
var counter = function() { |
|
||||||
|
|
||||||
$('.count-numbers').waypoint( function( direction ) { |
|
||||||
|
|
||||||
if( direction === 'down' && !$(this.element).hasClass('ut-animated') ) { |
|
||||||
|
|
||||||
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',') |
|
||||||
$('.counter > span').each(function(){ |
|
||||||
var $this = $(this), |
|
||||||
num = $this.data('number'); |
|
||||||
$this.animateNumber( |
|
||||||
{ |
|
||||||
number: num, |
|
||||||
numberStep: comma_separator_number_step |
|
||||||
}, 5000 |
|
||||||
); |
|
||||||
}); |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
} , { offset: '95%' } ); |
|
||||||
|
|
||||||
} |
|
||||||
counter(); |
|
||||||
|
|
||||||
// jarallax
|
|
||||||
var jarallaxPlugin = function() { |
|
||||||
if ( $('.jarallax').length > 0 ) { |
|
||||||
$('.jarallax').jarallax({ |
|
||||||
speed: 0.2 |
|
||||||
}); |
|
||||||
} |
|
||||||
}; |
|
||||||
jarallaxPlugin(); |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var accordion = function() { |
|
||||||
$('.btn-link[aria-expanded="true"]').closest('.accordion-item').addClass('active'); |
|
||||||
$('.collapse').on('show.bs.collapse', function () { |
|
||||||
$(this).closest('.accordion-item').addClass('active'); |
|
||||||
}); |
|
||||||
|
|
||||||
$('.collapse').on('hidden.bs.collapse', function () { |
|
||||||
$(this).closest('.accordion-item').removeClass('active'); |
|
||||||
}); |
|
||||||
} |
|
||||||
accordion(); |
|
||||||
|
|
||||||
var siteDatePicker = function() { |
|
||||||
|
|
||||||
if ( $('.datepicker').length > 0 ) { |
|
||||||
$('.datepicker').datepicker(); |
|
||||||
} |
|
||||||
|
|
||||||
}; |
|
||||||
siteDatePicker(); |
|
||||||
|
|
||||||
var siteSticky = function() { |
|
||||||
$(".js-sticky-header").sticky({topSpacing:0}); |
|
||||||
}; |
|
||||||
siteSticky(); |
|
||||||
|
|
||||||
|
|
||||||
}) |
|
@ -1,9 +0,0 @@ |
|||||||
<!doctype html> |
|
||||||
<html lang="en"> |
|
||||||
<head> |
|
||||||
<meta charset="utf-8"> |
|
||||||
<title>Silence is eloquence.</title> |
|
||||||
</head> |
|
||||||
<body> |
|
||||||
</body> |
|
||||||
</html> |
|
@ -1,8 +0,0 @@ |
|||||||
/* |
|
||||||
jQuery animateNumber plugin v0.0.14 |
|
||||||
(c) 2013, Alexandr Borisov. |
|
||||||
https://github.com/aishek/jquery-animateNumber
|
|
||||||
*/ |
|
||||||
(function(d){var r=function(b){return b.split("").reverse().join("")},m={numberStep:function(b,a){var e=Math.floor(b);d(a.elem).text(e)}},g=function(b){var a=b.elem;a.nodeType&&a.parentNode&&(a=a._animateNumberSetter,a||(a=m.numberStep),a(b.now,b))};d.Tween&&d.Tween.propHooks?d.Tween.propHooks.number={set:g}:d.fx.step.number=g;d.animateNumber={numberStepFactories:{append:function(b){return function(a,e){var f=Math.floor(a);d(e.elem).prop("number",a).text(f+b)}},separator:function(b,a,e){b=b||" "; |
|
||||||
a=a||3;e=e||"";return function(f,k){var u=0>f,c=Math.floor((u?-1:1)*f).toString(),n=d(k.elem);if(c.length>a){for(var h=c,l=a,m=h.split("").reverse(),c=[],p,s,q,t=0,g=Math.ceil(h.length/l);t<g;t++){p="";for(q=0;q<l;q++){s=t*l+q;if(s===h.length)break;p+=m[s]}c.push(p)}h=c.length-1;l=r(c[h]);c[h]=r(parseInt(l,10).toString());c=c.join(b);c=r(c)}n.prop("number",f).text((u?"-":"")+c+e)}}}};d.fn.animateNumber=function(){for(var b=arguments[0],a=d.extend({},m,b),e=d(this),f=[a],k=1,g=arguments.length;k<g;k++)f.push(arguments[k]); |
|
||||||
if(b.numberStep){var c=this.each(function(){this._animateNumberSetter=b.numberStep}),n=a.complete;a.complete=function(){c.each(function(){delete this._animateNumberSetter});n&&n.apply(this,arguments)}}return e.animate.apply(e,f)}})(jQuery); |
|
@ -1,288 +0,0 @@ |
|||||||
// Sticky Plugin v1.0.4 for jQuery
|
|
||||||
// =============
|
|
||||||
// Author: Anthony Garand
|
|
||||||
// Improvements by German M. Bravo (Kronuz) and Ruud Kamphuis (ruudk)
|
|
||||||
// Improvements by Leonardo C. Daronco (daronco)
|
|
||||||
// Created: 02/14/2011
|
|
||||||
// Date: 07/20/2015
|
|
||||||
// Website: http://stickyjs.com/
|
|
||||||
// Description: Makes an element on the page stick on the screen as you scroll
|
|
||||||
// It will only set the 'top' and 'position' of your element, you
|
|
||||||
// might need to adjust the width in some cases.
|
|
||||||
|
|
||||||
(function (factory) { |
|
||||||
if (typeof define === 'function' && define.amd) { |
|
||||||
// AMD. Register as an anonymous module.
|
|
||||||
define(['jquery'], factory); |
|
||||||
} else if (typeof module === 'object' && module.exports) { |
|
||||||
// Node/CommonJS
|
|
||||||
module.exports = factory(require('jquery')); |
|
||||||
} else { |
|
||||||
// Browser globals
|
|
||||||
factory(jQuery); |
|
||||||
} |
|
||||||
}(function ($) { |
|
||||||
var slice = Array.prototype.slice; // save ref to original slice()
|
|
||||||
var splice = Array.prototype.splice; // save ref to original slice()
|
|
||||||
|
|
||||||
var defaults = { |
|
||||||
topSpacing: 0, |
|
||||||
bottomSpacing: 0, |
|
||||||
className: 'is-sticky', |
|
||||||
wrapperClassName: 'sticky-wrapper', |
|
||||||
center: false, |
|
||||||
getWidthFrom: '', |
|
||||||
widthFromWrapper: true, // works only when .getWidthFrom is empty
|
|
||||||
responsiveWidth: false, |
|
||||||
zIndex: 'inherit' |
|
||||||
}, |
|
||||||
$window = $(window), |
|
||||||
$document = $(document), |
|
||||||
sticked = [], |
|
||||||
windowHeight = $window.height(), |
|
||||||
scroller = function() { |
|
||||||
var scrollTop = $window.scrollTop(), |
|
||||||
documentHeight = $document.height(), |
|
||||||
dwh = documentHeight - windowHeight, |
|
||||||
extra = (scrollTop > dwh) ? dwh - scrollTop : 0; |
|
||||||
|
|
||||||
for (var i = 0, l = sticked.length; i < l; i++) { |
|
||||||
var s = sticked[i], |
|
||||||
elementTop = s.stickyWrapper.offset().top, |
|
||||||
etse = elementTop - s.topSpacing - extra; |
|
||||||
|
|
||||||
//update height in case of dynamic content
|
|
||||||
s.stickyWrapper.css('height', s.stickyElement.outerHeight()); |
|
||||||
|
|
||||||
if (scrollTop <= etse) { |
|
||||||
if (s.currentTop !== null) { |
|
||||||
s.stickyElement |
|
||||||
.css({ |
|
||||||
'width': '', |
|
||||||
'position': '', |
|
||||||
'top': '', |
|
||||||
'z-index': '' |
|
||||||
}); |
|
||||||
s.stickyElement.parent().removeClass(s.className); |
|
||||||
s.stickyElement.trigger('sticky-end', [s]); |
|
||||||
s.currentTop = null; |
|
||||||
} |
|
||||||
} |
|
||||||
else { |
|
||||||
var newTop = documentHeight - s.stickyElement.outerHeight() |
|
||||||
- s.topSpacing - s.bottomSpacing - scrollTop - extra; |
|
||||||
if (newTop < 0) { |
|
||||||
newTop = newTop + s.topSpacing; |
|
||||||
} else { |
|
||||||
newTop = s.topSpacing; |
|
||||||
} |
|
||||||
if (s.currentTop !== newTop) { |
|
||||||
var newWidth; |
|
||||||
if (s.getWidthFrom) { |
|
||||||
padding = s.stickyElement.innerWidth() - s.stickyElement.width(); |
|
||||||
newWidth = $(s.getWidthFrom).width() - padding || null; |
|
||||||
} else if (s.widthFromWrapper) { |
|
||||||
newWidth = s.stickyWrapper.width(); |
|
||||||
} |
|
||||||
if (newWidth == null) { |
|
||||||
newWidth = s.stickyElement.width(); |
|
||||||
} |
|
||||||
s.stickyElement |
|
||||||
.css('width', newWidth) |
|
||||||
.css('position', 'fixed') |
|
||||||
.css('top', newTop) |
|
||||||
.css('z-index', s.zIndex); |
|
||||||
|
|
||||||
s.stickyElement.parent().addClass(s.className); |
|
||||||
|
|
||||||
if (s.currentTop === null) { |
|
||||||
s.stickyElement.trigger('sticky-start', [s]); |
|
||||||
} else { |
|
||||||
// sticky is started but it have to be repositioned
|
|
||||||
s.stickyElement.trigger('sticky-update', [s]); |
|
||||||
} |
|
||||||
|
|
||||||
if (s.currentTop === s.topSpacing && s.currentTop > newTop || s.currentTop === null && newTop < s.topSpacing) { |
|
||||||
// just reached bottom || just started to stick but bottom is already reached
|
|
||||||
s.stickyElement.trigger('sticky-bottom-reached', [s]); |
|
||||||
} else if(s.currentTop !== null && newTop === s.topSpacing && s.currentTop < newTop) { |
|
||||||
// sticky is started && sticked at topSpacing && overflowing from top just finished
|
|
||||||
s.stickyElement.trigger('sticky-bottom-unreached', [s]); |
|
||||||
} |
|
||||||
|
|
||||||
s.currentTop = newTop; |
|
||||||
} |
|
||||||
|
|
||||||
// Check if sticky has reached end of container and stop sticking
|
|
||||||
var stickyWrapperContainer = s.stickyWrapper.parent(); |
|
||||||
var unstick = (s.stickyElement.offset().top + s.stickyElement.outerHeight() >= stickyWrapperContainer.offset().top + stickyWrapperContainer.outerHeight()) && (s.stickyElement.offset().top <= s.topSpacing); |
|
||||||
|
|
||||||
if( unstick ) { |
|
||||||
s.stickyElement |
|
||||||
.css('position', 'absolute') |
|
||||||
.css('top', '') |
|
||||||
.css('bottom', 0) |
|
||||||
.css('z-index', ''); |
|
||||||
} else { |
|
||||||
s.stickyElement |
|
||||||
.css('position', 'fixed') |
|
||||||
.css('top', newTop) |
|
||||||
.css('bottom', '') |
|
||||||
.css('z-index', s.zIndex); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
resizer = function() { |
|
||||||
windowHeight = $window.height(); |
|
||||||
|
|
||||||
for (var i = 0, l = sticked.length; i < l; i++) { |
|
||||||
var s = sticked[i]; |
|
||||||
var newWidth = null; |
|
||||||
if (s.getWidthFrom) { |
|
||||||
if (s.responsiveWidth) { |
|
||||||
newWidth = $(s.getWidthFrom).width(); |
|
||||||
} |
|
||||||
} else if(s.widthFromWrapper) { |
|
||||||
newWidth = s.stickyWrapper.width(); |
|
||||||
} |
|
||||||
if (newWidth != null) { |
|
||||||
s.stickyElement.css('width', newWidth); |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
methods = { |
|
||||||
init: function(options) { |
|
||||||
return this.each(function() { |
|
||||||
var o = $.extend({}, defaults, options); |
|
||||||
var stickyElement = $(this); |
|
||||||
|
|
||||||
var stickyId = stickyElement.attr('id'); |
|
||||||
var wrapperId = stickyId ? stickyId + '-' + defaults.wrapperClassName : defaults.wrapperClassName; |
|
||||||
var wrapper = $('<div></div>') |
|
||||||
.attr('id', wrapperId) |
|
||||||
.addClass(o.wrapperClassName); |
|
||||||
|
|
||||||
stickyElement.wrapAll(function() { |
|
||||||
if ($(this).parent("#" + wrapperId).length == 0) { |
|
||||||
return wrapper; |
|
||||||
} |
|
||||||
}); |
|
||||||
|
|
||||||
var stickyWrapper = stickyElement.parent(); |
|
||||||
|
|
||||||
if (o.center) { |
|
||||||
stickyWrapper.css({width:stickyElement.outerWidth(),marginLeft:"auto",marginRight:"auto"}); |
|
||||||
} |
|
||||||
|
|
||||||
if (stickyElement.css("float") === "right") { |
|
||||||
stickyElement.css({"float":"none"}).parent().css({"float":"right"}); |
|
||||||
} |
|
||||||
|
|
||||||
o.stickyElement = stickyElement; |
|
||||||
o.stickyWrapper = stickyWrapper; |
|
||||||
o.currentTop = null; |
|
||||||
|
|
||||||
sticked.push(o); |
|
||||||
|
|
||||||
methods.setWrapperHeight(this); |
|
||||||
methods.setupChangeListeners(this); |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
setWrapperHeight: function(stickyElement) { |
|
||||||
var element = $(stickyElement); |
|
||||||
var stickyWrapper = element.parent(); |
|
||||||
if (stickyWrapper) { |
|
||||||
stickyWrapper.css('height', element.outerHeight()); |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
setupChangeListeners: function(stickyElement) { |
|
||||||
if (window.MutationObserver) { |
|
||||||
var mutationObserver = new window.MutationObserver(function(mutations) { |
|
||||||
if (mutations[0].addedNodes.length || mutations[0].removedNodes.length) { |
|
||||||
methods.setWrapperHeight(stickyElement); |
|
||||||
} |
|
||||||
}); |
|
||||||
mutationObserver.observe(stickyElement, {subtree: true, childList: true}); |
|
||||||
} else { |
|
||||||
if (window.addEventListener) { |
|
||||||
stickyElement.addEventListener('DOMNodeInserted', function() { |
|
||||||
methods.setWrapperHeight(stickyElement); |
|
||||||
}, false); |
|
||||||
stickyElement.addEventListener('DOMNodeRemoved', function() { |
|
||||||
methods.setWrapperHeight(stickyElement); |
|
||||||
}, false); |
|
||||||
} else if (window.attachEvent) { |
|
||||||
stickyElement.attachEvent('onDOMNodeInserted', function() { |
|
||||||
methods.setWrapperHeight(stickyElement); |
|
||||||
}); |
|
||||||
stickyElement.attachEvent('onDOMNodeRemoved', function() { |
|
||||||
methods.setWrapperHeight(stickyElement); |
|
||||||
}); |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
update: scroller, |
|
||||||
unstick: function(options) { |
|
||||||
return this.each(function() { |
|
||||||
var that = this; |
|
||||||
var unstickyElement = $(that); |
|
||||||
|
|
||||||
var removeIdx = -1; |
|
||||||
var i = sticked.length; |
|
||||||
while (i-- > 0) { |
|
||||||
if (sticked[i].stickyElement.get(0) === that) { |
|
||||||
splice.call(sticked,i,1); |
|
||||||
removeIdx = i; |
|
||||||
} |
|
||||||
} |
|
||||||
if(removeIdx !== -1) { |
|
||||||
unstickyElement.unwrap(); |
|
||||||
unstickyElement |
|
||||||
.css({ |
|
||||||
'width': '', |
|
||||||
'position': '', |
|
||||||
'top': '', |
|
||||||
'float': '', |
|
||||||
'z-index': '' |
|
||||||
}) |
|
||||||
; |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
// should be more efficient than using $window.scroll(scroller) and $window.resize(resizer):
|
|
||||||
if (window.addEventListener) { |
|
||||||
window.addEventListener('scroll', scroller, false); |
|
||||||
window.addEventListener('resize', resizer, false); |
|
||||||
} else if (window.attachEvent) { |
|
||||||
window.attachEvent('onscroll', scroller); |
|
||||||
window.attachEvent('onresize', resizer); |
|
||||||
} |
|
||||||
|
|
||||||
$.fn.sticky = function(method) { |
|
||||||
if (methods[method]) { |
|
||||||
return methods[method].apply(this, slice.call(arguments, 1)); |
|
||||||
} else if (typeof method === 'object' || !method ) { |
|
||||||
return methods.init.apply( this, arguments ); |
|
||||||
} else { |
|
||||||
$.error('Method ' + method + ' does not exist on jQuery.sticky'); |
|
||||||
} |
|
||||||
}; |
|
||||||
|
|
||||||
$.fn.unstick = function(method) { |
|
||||||
if (methods[method]) { |
|
||||||
return methods[method].apply(this, slice.call(arguments, 1)); |
|
||||||
} else if (typeof method === 'object' || !method ) { |
|
||||||
return methods.unstick.apply( this, arguments ); |
|
||||||
} else { |
|
||||||
$.error('Method ' + method + ' does not exist on jQuery.sticky'); |
|
||||||
} |
|
||||||
}; |
|
||||||
$(function() { |
|
||||||
setTimeout(scroller, 0); |
|
||||||
}); |
|
||||||
})); |
|