bitsnote-assets 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/javascripts/fullcalendar/fullcalendar.js +8369 -0
- data/app/assets/javascripts/fullcalendar/fullcalendar.min.js +8 -0
- data/app/assets/javascripts/moment/moment-with-locales.js +9083 -0
- data/app/assets/javascripts/moment/moment-with-locales.min.js +10 -0
- data/app/assets/javascripts/moment/moment.js +2815 -0
- data/app/assets/javascripts/moment/moment.min.js +6 -0
- data/app/assets/javascripts/pickadate/picker.date.js +1349 -0
- data/app/assets/javascripts/pickadate/picker.date.min.js +5 -0
- data/app/assets/javascripts/pickadate/picker.js +1078 -0
- data/app/assets/javascripts/pickadate/picker.min.js +7 -0
- data/app/assets/javascripts/pickadate/picker.time.js +1014 -0
- data/app/assets/javascripts/pickadate/picker.time.min.js +5 -0
- data/app/assets/javascripts/spin/spin.js +349 -0
- data/app/assets/javascripts/spin/spin.min.js +2 -0
- data/app/assets/stylesheets/fullcalendar/fullcalendar.css +933 -0
- data/app/assets/stylesheets/fullcalendar/fullcalendar.min.css +5 -0
- data/app/assets/stylesheets/fullcalendar/fullcalendar.print.css +201 -0
- data/app/assets/stylesheets/pickadate/classic.css +109 -0
- data/app/assets/stylesheets/pickadate/classic.date.css +301 -0
- data/app/assets/stylesheets/pickadate/classic.date.min.css +1 -0
- data/app/assets/stylesheets/pickadate/classic.min.css +4 -0
- data/app/assets/stylesheets/pickadate/classic.time.css +131 -0
- data/app/assets/stylesheets/pickadate/classic.time.min.css +1 -0
- data/app/assets/stylesheets/pickadate/default.css +175 -0
- data/app/assets/stylesheets/pickadate/default.date.css +301 -0
- data/app/assets/stylesheets/pickadate/default.date.min.css +1 -0
- data/app/assets/stylesheets/pickadate/default.min.css +4 -0
- data/app/assets/stylesheets/pickadate/default.time.css +125 -0
- data/app/assets/stylesheets/pickadate/default.time.min.css +1 -0
- data/app/assets/stylesheets/pickadate/rtl.css +29 -0
- data/app/assets/stylesheets/pickadate/rtl.min.css +3 -0
- data/lib/bitsnote-assets/version.rb +1 -1
- data/lib/bitsnote-assets.rb +92 -33
- data/test/dummy/app/views/layouts/application.html.erb +5 -0
- data/test/dummy/config/initializers/assets.rb +1 -1
- data/test/dummy/config/routes.rb +1 -1
- data/test/dummy/db/development.sqlite3 +0 -0
- data/test/dummy/log/development.log +448 -396
- data/test/dummy/tmp/cache/assets/development/sprockets/{91056193051f3741ee35672c43f02cc2 → 04a7d966f3aa1a0f5afdd96eeea4dcc8} +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/{bf21891f6ce2dc468abfcb9bb75c6a1e → 078a7c15de920196b676c944198be294} +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/13fe41fee1fe35b49d145bcc06610705 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/{6d98f39010827cad999334e769f03398 → 20a916d3e45f4d0f19d33a8135f20e3e} +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/25fca4643219052b0d5c66cf2c71f72f +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2f5173deea6c795b8fdde723bb4b63af +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/357970feca3ac29060c1e3861e2c0953 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/386e9196dd0f9efdce6f92ce93a6d107 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/3f9170db678c4e1fdfa51752e5ec8e39 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/{d34631840b4592db0d749b96ab27a620 → 43affd68874f8c6cd63f138e85ced50f} +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/{babe75ab5fc2c1762e161e6eaae5c30b → 4718fe4eff59abcea146c68e87a226a0} +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/489af12e680adec109e506328fdc1368 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/{64f399e2eee4409012ebcc8ea938419a → 59cdca5342cf01aa6f7243c6dbb51b95} +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/{50b9a4dd63d203039ce5b560ff2c33d7 → 6e275cec34b7a11680df0b73c4b46740} +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/727150a817e8100f4a7f7475c0bdb616 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/861d9659592a81ca16c7c25ad7ceffc7 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/{ee10c355250f9cd7adb9593445676545 → a984c731d3729a5afd87810c979f93b3} +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/bbe5f5151cdf105fcaea71a26e3a0955 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/cffd775d018f68ce5dba1ee0d951a994 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/d1df176743f01ba00229d3954a670e72 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/d771ace226fc8215a3572e0aa35bb0d6 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/{eb199fcd85e4107f4eb5d71939ea330c → e352b93f329aa1bd1679fe7be91c6a87} +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/e36b8fcf5914a3a6bf058abfe7367b19 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/ecc916b0e46dd019c226421d5ae880c2 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f242e30fcd4aeaf37980aa77bc7de0c3 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f6eeb33602682bd6ff6d1f177f6b142d +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f7cbd26ba1d28d48de824f0e94586655 +0 -0
- metadata +125 -66
- data/test/dummy/db/schema.rb +0 -16
- data/test/dummy/db/test.sqlite3 +0 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* FullCalendar v2.1.0 Stylesheet
|
|
3
|
+
* Docs & License: http://arshaw.com/fullcalendar/
|
|
4
|
+
* (c) 2013 Adam Shaw
|
|
5
|
+
*/.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}body .fc{font-size:1em}.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed hr,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-popover .fc-header,.fc-unthemed hr{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed .fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3;filter:alpha(opacity=30)}.fc-icon{display:inline-block;font-size:2em;line-height:.5em;height:.5em;font-family:"Courier New",Courier,monospace}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700}.fc-icon-left-double-arrow:after{content:"\000AB"}.fc-icon-right-double-arrow:after{content:"\000BB"}.fc-icon-x:after{content:"\000D7"}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:.05em;margin:0 .1em}.fc-state-default{background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-popover .fc-header .fc-close{cursor:pointer}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:25px;margin-top:4px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc hr{height:0;margin:0;padding:0 0 2px;border-style:solid;border-width:1px 0}.fc-clear{clear:both}.fc-bg,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc-bg table{height:100%}.fc table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-highlight-skeleton{z-index:2;bottom:0}.fc-row .fc-highlight-skeleton table{height:100%}.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-content-skeleton{position:relative;z-index:3;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:4}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{overflow-y:scroll;overflow-x:hidden}.fc-scroller>*{position:relative;width:100%;overflow:hidden}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;background-color:#3a87ad;font-weight:400}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-event.fc-draggable,.fc-event[href]{cursor:pointer}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}.fc-ltr .fc-day-grid-event.fc-not-start,.fc-rtl .fc-day-grid-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-day-grid-event.fc-not-end,.fc-rtl .fc-day-grid-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-day-grid-event>.fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-day-grid-event .fc-resizer{position:absolute;top:0;bottom:0;width:7px}.fc-ltr .fc-day-grid-event .fc-resizer{right:-3px;cursor:e-resize}.fc-rtl .fc-day-grid-event .fc-resizer{left:-3px;cursor:w-resize}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-toolbar{text-align:center;margin-bottom:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc-basic-view tbody .fc-row{min-height:4em}.fc-row.fc-rigid{overflow:hidden}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:0 2px}.fc-basic-view td.fc-day-number,.fc-basic-view td.fc-week-number span{padding-top:2px;padding-bottom:2px}.fc-basic-view .fc-week-number{text-align:center}.fc-basic-view .fc-week-number span{display:inline-block;min-width:1.25em}.fc-ltr .fc-basic-view .fc-day-number{text-align:right}.fc-rtl .fc-basic-view .fc-day-number{text-align:left}.fc-day-number.fc-other-month{opacity:.3;filter:alpha(opacity=30)}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-highlight-skeleton{z-index:3}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:4;top:0;left:0;right:0}.fc-time-grid>.fc-helper-skeleton{z-index:5}.fc-slats td{height:1.5em;border-bottom:0}.fc-slats .fc-minor td{border-top-style:dotted}.fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight-container{position:relative}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-time-grid .fc-event-container{position:relative}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-time-grid-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event{overflow:hidden}.fc-time-grid-event>.fc-content{position:relative;z-index:2}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event .fc-bg{z-index:1;background:#fff;opacity:.25;filter:alpha(opacity=25)}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event .fc-resizer{position:absolute;z-index:3;left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event .fc-resizer:after{content:"="}
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* FullCalendar v2.1.0 Print Stylesheet
|
|
3
|
+
* Docs & License: http://arshaw.com/fullcalendar/
|
|
4
|
+
* (c) 2013 Adam Shaw
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
/*
|
|
8
|
+
* Include this stylesheet on your page to get a more printer-friendly calendar.
|
|
9
|
+
* When including this stylesheet, use the media='print' attribute of the <link> tag.
|
|
10
|
+
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
.fc {
|
|
14
|
+
max-width: 100% !important;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
/* Global Event Restyling
|
|
19
|
+
--------------------------------------------------------------------------------------------------*/
|
|
20
|
+
|
|
21
|
+
.fc-event {
|
|
22
|
+
background: #fff !important;
|
|
23
|
+
color: #000 !important;
|
|
24
|
+
page-break-inside: avoid;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.fc-event .fc-resizer {
|
|
28
|
+
display: none;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
/* Table & Day-Row Restyling
|
|
33
|
+
--------------------------------------------------------------------------------------------------*/
|
|
34
|
+
|
|
35
|
+
th,
|
|
36
|
+
td,
|
|
37
|
+
hr,
|
|
38
|
+
thead,
|
|
39
|
+
tbody,
|
|
40
|
+
.fc-row {
|
|
41
|
+
border-color: #ccc !important;
|
|
42
|
+
background: #fff !important;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/* kill the overlaid, absolutely-positioned common components */
|
|
46
|
+
.fc-bg,
|
|
47
|
+
.fc-highlight-skeleton,
|
|
48
|
+
.fc-helper-skeleton {
|
|
49
|
+
display: none;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* don't force a min-height on rows (for DayGrid) */
|
|
53
|
+
.fc tbody .fc-row {
|
|
54
|
+
height: auto !important; /* undo height that JS set in distributeHeight */
|
|
55
|
+
min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.fc tbody .fc-row .fc-content-skeleton {
|
|
59
|
+
position: static; /* undo .fc-rigid */
|
|
60
|
+
padding-bottom: 0 !important; /* use a more border-friendly method for this... */
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */
|
|
64
|
+
padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.fc tbody .fc-row .fc-content-skeleton table {
|
|
68
|
+
/* provides a min-height for the row, but only effective for IE, which exaggerates this value,
|
|
69
|
+
making it look more like 3em. for other browers, it will already be this tall */
|
|
70
|
+
height: 1em;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
/* Undo month-view event limiting. Display all events and hide the "more" links
|
|
75
|
+
--------------------------------------------------------------------------------------------------*/
|
|
76
|
+
|
|
77
|
+
.fc-more-cell,
|
|
78
|
+
.fc-more {
|
|
79
|
+
display: none !important;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.fc tr.fc-limited {
|
|
83
|
+
display: table-row !important;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.fc td.fc-limited {
|
|
87
|
+
display: table-cell !important;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.fc-popover {
|
|
91
|
+
display: none; /* never display the "more.." popover in print mode */
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
/* TimeGrid Restyling
|
|
96
|
+
--------------------------------------------------------------------------------------------------*/
|
|
97
|
+
|
|
98
|
+
/* undo the min-height 100% trick used to fill the container's height */
|
|
99
|
+
.fc-time-grid {
|
|
100
|
+
min-height: 0 !important;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
/* don't display the side axis at all ("all-day" and time cells) */
|
|
104
|
+
.fc-agenda-view .fc-axis {
|
|
105
|
+
display: none;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/* don't display the horizontal lines */
|
|
109
|
+
.fc-slats,
|
|
110
|
+
.fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */
|
|
111
|
+
display: none !important; /* important overrides inline declaration */
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
/* let the container that holds the events be naturally positioned and create real height */
|
|
115
|
+
.fc-time-grid .fc-content-skeleton {
|
|
116
|
+
position: static;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
/* in case there are no events, we still want some height */
|
|
120
|
+
.fc-time-grid .fc-content-skeleton table {
|
|
121
|
+
height: 4em;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
/* kill the horizontal spacing made by the event container. event margins will be done below */
|
|
125
|
+
.fc-time-grid .fc-event-container {
|
|
126
|
+
margin: 0 !important;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
/* TimeGrid *Event* Restyling
|
|
131
|
+
--------------------------------------------------------------------------------------------------*/
|
|
132
|
+
|
|
133
|
+
/* naturally position events, vertically stacking them */
|
|
134
|
+
.fc-time-grid .fc-event {
|
|
135
|
+
position: static !important;
|
|
136
|
+
margin: 3px 2px !important;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
/* for events that continue to a future day, give the bottom border back */
|
|
140
|
+
.fc-time-grid .fc-event.fc-not-end {
|
|
141
|
+
border-bottom-width: 1px !important;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
/* indicate the event continues via "..." text */
|
|
145
|
+
.fc-time-grid .fc-event.fc-not-end:after {
|
|
146
|
+
content: "...";
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
/* for events that are continuations from previous days, give the top border back */
|
|
150
|
+
.fc-time-grid .fc-event.fc-not-start {
|
|
151
|
+
border-top-width: 1px !important;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
/* indicate the event is a continuation via "..." text */
|
|
155
|
+
.fc-time-grid .fc-event.fc-not-start:before {
|
|
156
|
+
content: "...";
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/* time */
|
|
160
|
+
|
|
161
|
+
/* undo a previous declaration and let the time text span to a second line */
|
|
162
|
+
.fc-time-grid .fc-event .fc-time {
|
|
163
|
+
white-space: normal !important;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
/* hide the the time that is normally displayed... */
|
|
167
|
+
.fc-time-grid .fc-event .fc-time span {
|
|
168
|
+
display: none;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
|
|
172
|
+
.fc-time-grid .fc-event .fc-time:after {
|
|
173
|
+
content: attr(data-full);
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
/* Vertical Scroller & Containers
|
|
178
|
+
--------------------------------------------------------------------------------------------------*/
|
|
179
|
+
|
|
180
|
+
/* kill the scrollbars and allow natural height */
|
|
181
|
+
.fc-scroller,
|
|
182
|
+
.fc-day-grid-container, /* these divs might be assigned height, which we need to cleared */
|
|
183
|
+
.fc-time-grid-container { /* */
|
|
184
|
+
overflow: visible !important;
|
|
185
|
+
height: auto !important;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
/* kill the horizontal border/padding used to compensate for scrollbars */
|
|
189
|
+
.fc-row {
|
|
190
|
+
border: 0 !important;
|
|
191
|
+
margin: 0 !important;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
/* Button Controls
|
|
196
|
+
--------------------------------------------------------------------------------------------------*/
|
|
197
|
+
|
|
198
|
+
.fc-button-group,
|
|
199
|
+
.fc button {
|
|
200
|
+
display: none; /* don't display any button-related controls */
|
|
201
|
+
}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
/* ==========================================================================
|
|
2
|
+
$BASE-PICKER
|
|
3
|
+
========================================================================== */
|
|
4
|
+
/**
|
|
5
|
+
* Note: the root picker element should *NOT* be styled more than what’s here.
|
|
6
|
+
*/
|
|
7
|
+
.picker {
|
|
8
|
+
font-size: 16px;
|
|
9
|
+
text-align: left;
|
|
10
|
+
line-height: 1.2;
|
|
11
|
+
color: #000000;
|
|
12
|
+
position: absolute;
|
|
13
|
+
z-index: 10000;
|
|
14
|
+
-webkit-user-select: none;
|
|
15
|
+
-moz-user-select: none;
|
|
16
|
+
-ms-user-select: none;
|
|
17
|
+
user-select: none;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* The picker input element.
|
|
21
|
+
*/
|
|
22
|
+
.picker__input {
|
|
23
|
+
cursor: default;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* When the picker is opened, the input element is “activated”.
|
|
27
|
+
*/
|
|
28
|
+
.picker__input.picker__input--active {
|
|
29
|
+
border-color: #0089ec;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* The holder is the only “scrollable” top-level container element.
|
|
33
|
+
*/
|
|
34
|
+
.picker__holder {
|
|
35
|
+
width: 100%;
|
|
36
|
+
overflow-y: auto;
|
|
37
|
+
-webkit-overflow-scrolling: touch;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/*!
|
|
41
|
+
* Classic picker styling for pickadate.js
|
|
42
|
+
* Demo: http://amsul.github.io/pickadate.js
|
|
43
|
+
*/
|
|
44
|
+
/**
|
|
45
|
+
* Note: the root picker element should *NOT* be styled more than what’s here.
|
|
46
|
+
*/
|
|
47
|
+
.picker {
|
|
48
|
+
width: 100%;
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* The holder is the base of the picker.
|
|
52
|
+
*/
|
|
53
|
+
.picker__holder {
|
|
54
|
+
position: absolute;
|
|
55
|
+
background: #ffffff;
|
|
56
|
+
border: 1px solid #aaaaaa;
|
|
57
|
+
border-top-width: 0;
|
|
58
|
+
border-bottom-width: 0;
|
|
59
|
+
-webkit-border-radius: 0 0 5px 5px;
|
|
60
|
+
-moz-border-radius: 0 0 5px 5px;
|
|
61
|
+
border-radius: 0 0 5px 5px;
|
|
62
|
+
-webkit-box-sizing: border-box;
|
|
63
|
+
-moz-box-sizing: border-box;
|
|
64
|
+
box-sizing: border-box;
|
|
65
|
+
min-width: 176px;
|
|
66
|
+
max-width: 466px;
|
|
67
|
+
max-height: 0;
|
|
68
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
|
69
|
+
filter: alpha(opacity=0);
|
|
70
|
+
-moz-opacity: 0;
|
|
71
|
+
opacity: 0;
|
|
72
|
+
-webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
|
|
73
|
+
-moz-transform: translateY(-1em) perspective(600px) rotateX(10deg);
|
|
74
|
+
transform: translateY(-1em) perspective(600px) rotateX(10deg);
|
|
75
|
+
-webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
|
|
76
|
+
-moz-transition: -moz-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
|
|
77
|
+
transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* The frame and wrap work together to ensure that
|
|
81
|
+
* clicks within the picker don’t reach the holder.
|
|
82
|
+
*/
|
|
83
|
+
.picker__frame {
|
|
84
|
+
padding: 1px;
|
|
85
|
+
}
|
|
86
|
+
.picker__wrap {
|
|
87
|
+
margin: -1px;
|
|
88
|
+
}
|
|
89
|
+
/**
|
|
90
|
+
* When the picker opens...
|
|
91
|
+
*/
|
|
92
|
+
.picker--opened .picker__holder {
|
|
93
|
+
max-height: 25em;
|
|
94
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
95
|
+
filter: alpha(opacity=100);
|
|
96
|
+
-moz-opacity: 1;
|
|
97
|
+
opacity: 1;
|
|
98
|
+
border-top-width: 1px;
|
|
99
|
+
border-bottom-width: 1px;
|
|
100
|
+
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
|
|
101
|
+
-moz-transform: translateY(0) perspective(600px) rotateX(0);
|
|
102
|
+
transform: translateY(0) perspective(600px) rotateX(0);
|
|
103
|
+
-webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
|
|
104
|
+
-moz-transition: -moz-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
|
|
105
|
+
transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
|
|
106
|
+
-webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
|
|
107
|
+
-moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
|
|
108
|
+
box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
|
|
109
|
+
}
|
|
@@ -0,0 +1,301 @@
|
|
|
1
|
+
/* ==========================================================================
|
|
2
|
+
$BASE-DATE-PICKER
|
|
3
|
+
========================================================================== */
|
|
4
|
+
/**
|
|
5
|
+
* The picker box.
|
|
6
|
+
*/
|
|
7
|
+
.picker__box {
|
|
8
|
+
padding: 0 1em;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* The header containing the month and year stuff.
|
|
12
|
+
*/
|
|
13
|
+
.picker__header {
|
|
14
|
+
text-align: center;
|
|
15
|
+
position: relative;
|
|
16
|
+
margin-top: .75em;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* The month and year labels.
|
|
20
|
+
*/
|
|
21
|
+
.picker__month,
|
|
22
|
+
.picker__year {
|
|
23
|
+
font-weight: 500;
|
|
24
|
+
display: inline-block;
|
|
25
|
+
margin-left: .25em;
|
|
26
|
+
margin-right: .25em;
|
|
27
|
+
}
|
|
28
|
+
.picker__year {
|
|
29
|
+
color: #999999;
|
|
30
|
+
font-size: .8em;
|
|
31
|
+
font-style: italic;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* The month and year selectors.
|
|
35
|
+
*/
|
|
36
|
+
.picker__select--month,
|
|
37
|
+
.picker__select--year {
|
|
38
|
+
border: 1px solid #b7b7b7;
|
|
39
|
+
height: 2em;
|
|
40
|
+
padding: .5em;
|
|
41
|
+
margin-left: .25em;
|
|
42
|
+
margin-right: .25em;
|
|
43
|
+
}
|
|
44
|
+
@media (min-width: 24.5em) {
|
|
45
|
+
.picker__select--month,
|
|
46
|
+
.picker__select--year {
|
|
47
|
+
margin-top: -0.5em;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
.picker__select--month {
|
|
51
|
+
width: 35%;
|
|
52
|
+
}
|
|
53
|
+
.picker__select--year {
|
|
54
|
+
width: 22.5%;
|
|
55
|
+
}
|
|
56
|
+
.picker__select--month:focus,
|
|
57
|
+
.picker__select--year:focus {
|
|
58
|
+
border-color: #0089ec;
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* The month navigation buttons.
|
|
62
|
+
*/
|
|
63
|
+
.picker__nav--prev,
|
|
64
|
+
.picker__nav--next {
|
|
65
|
+
position: absolute;
|
|
66
|
+
padding: .5em 1.25em;
|
|
67
|
+
width: 1em;
|
|
68
|
+
height: 1em;
|
|
69
|
+
box-sizing: content-box;
|
|
70
|
+
top: -0.25em;
|
|
71
|
+
}
|
|
72
|
+
@media (min-width: 24.5em) {
|
|
73
|
+
.picker__nav--prev,
|
|
74
|
+
.picker__nav--next {
|
|
75
|
+
top: -0.33em;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
.picker__nav--prev {
|
|
79
|
+
left: -1em;
|
|
80
|
+
padding-right: 1.25em;
|
|
81
|
+
}
|
|
82
|
+
@media (min-width: 24.5em) {
|
|
83
|
+
.picker__nav--prev {
|
|
84
|
+
padding-right: 1.5em;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
.picker__nav--next {
|
|
88
|
+
right: -1em;
|
|
89
|
+
padding-left: 1.25em;
|
|
90
|
+
}
|
|
91
|
+
@media (min-width: 24.5em) {
|
|
92
|
+
.picker__nav--next {
|
|
93
|
+
padding-left: 1.5em;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
.picker__nav--prev:before,
|
|
97
|
+
.picker__nav--next:before {
|
|
98
|
+
content: " ";
|
|
99
|
+
border-top: .5em solid transparent;
|
|
100
|
+
border-bottom: .5em solid transparent;
|
|
101
|
+
border-right: 0.75em solid #000000;
|
|
102
|
+
width: 0;
|
|
103
|
+
height: 0;
|
|
104
|
+
display: block;
|
|
105
|
+
margin: 0 auto;
|
|
106
|
+
}
|
|
107
|
+
.picker__nav--next:before {
|
|
108
|
+
border-right: 0;
|
|
109
|
+
border-left: 0.75em solid #000000;
|
|
110
|
+
}
|
|
111
|
+
.picker__nav--prev:hover,
|
|
112
|
+
.picker__nav--next:hover {
|
|
113
|
+
cursor: pointer;
|
|
114
|
+
color: #000000;
|
|
115
|
+
background: #b1dcfb;
|
|
116
|
+
}
|
|
117
|
+
.picker__nav--disabled,
|
|
118
|
+
.picker__nav--disabled:hover,
|
|
119
|
+
.picker__nav--disabled:before,
|
|
120
|
+
.picker__nav--disabled:before:hover {
|
|
121
|
+
cursor: default;
|
|
122
|
+
background: none;
|
|
123
|
+
border-right-color: #f5f5f5;
|
|
124
|
+
border-left-color: #f5f5f5;
|
|
125
|
+
}
|
|
126
|
+
/**
|
|
127
|
+
* The calendar table of dates
|
|
128
|
+
*/
|
|
129
|
+
.picker__table {
|
|
130
|
+
text-align: center;
|
|
131
|
+
border-collapse: collapse;
|
|
132
|
+
border-spacing: 0;
|
|
133
|
+
table-layout: fixed;
|
|
134
|
+
font-size: inherit;
|
|
135
|
+
width: 100%;
|
|
136
|
+
margin-top: .75em;
|
|
137
|
+
margin-bottom: .5em;
|
|
138
|
+
}
|
|
139
|
+
@media (min-height: 33.875em) {
|
|
140
|
+
.picker__table {
|
|
141
|
+
margin-bottom: .75em;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
.picker__table td {
|
|
145
|
+
margin: 0;
|
|
146
|
+
padding: 0;
|
|
147
|
+
}
|
|
148
|
+
/**
|
|
149
|
+
* The weekday labels
|
|
150
|
+
*/
|
|
151
|
+
.picker__weekday {
|
|
152
|
+
width: 14.285714286%;
|
|
153
|
+
font-size: .75em;
|
|
154
|
+
padding-bottom: .25em;
|
|
155
|
+
color: #999999;
|
|
156
|
+
font-weight: 500;
|
|
157
|
+
/* Increase the spacing a tad */
|
|
158
|
+
}
|
|
159
|
+
@media (min-height: 33.875em) {
|
|
160
|
+
.picker__weekday {
|
|
161
|
+
padding-bottom: .5em;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
/**
|
|
165
|
+
* The days on the calendar
|
|
166
|
+
*/
|
|
167
|
+
.picker__day {
|
|
168
|
+
padding: .3125em 0;
|
|
169
|
+
font-weight: 200;
|
|
170
|
+
border: 1px solid transparent;
|
|
171
|
+
}
|
|
172
|
+
.picker__day--today {
|
|
173
|
+
position: relative;
|
|
174
|
+
}
|
|
175
|
+
.picker__day--today:before {
|
|
176
|
+
content: " ";
|
|
177
|
+
position: absolute;
|
|
178
|
+
top: 2px;
|
|
179
|
+
right: 2px;
|
|
180
|
+
width: 0;
|
|
181
|
+
height: 0;
|
|
182
|
+
border-top: 0.5em solid #0059bc;
|
|
183
|
+
border-left: .5em solid transparent;
|
|
184
|
+
}
|
|
185
|
+
.picker__day--disabled:before {
|
|
186
|
+
border-top-color: #aaaaaa;
|
|
187
|
+
}
|
|
188
|
+
.picker__day--outfocus {
|
|
189
|
+
color: #dddddd;
|
|
190
|
+
}
|
|
191
|
+
.picker__day--infocus:hover,
|
|
192
|
+
.picker__day--outfocus:hover {
|
|
193
|
+
cursor: pointer;
|
|
194
|
+
color: #000000;
|
|
195
|
+
background: #b1dcfb;
|
|
196
|
+
}
|
|
197
|
+
.picker__day--highlighted {
|
|
198
|
+
border-color: #0089ec;
|
|
199
|
+
}
|
|
200
|
+
.picker__day--highlighted:hover,
|
|
201
|
+
.picker--focused .picker__day--highlighted {
|
|
202
|
+
cursor: pointer;
|
|
203
|
+
color: #000000;
|
|
204
|
+
background: #b1dcfb;
|
|
205
|
+
}
|
|
206
|
+
.picker__day--selected,
|
|
207
|
+
.picker__day--selected:hover,
|
|
208
|
+
.picker--focused .picker__day--selected {
|
|
209
|
+
background: #0089ec;
|
|
210
|
+
color: #ffffff;
|
|
211
|
+
}
|
|
212
|
+
.picker__day--disabled,
|
|
213
|
+
.picker__day--disabled:hover,
|
|
214
|
+
.picker--focused .picker__day--disabled {
|
|
215
|
+
background: #f5f5f5;
|
|
216
|
+
border-color: #f5f5f5;
|
|
217
|
+
color: #dddddd;
|
|
218
|
+
cursor: default;
|
|
219
|
+
}
|
|
220
|
+
.picker__day--highlighted.picker__day--disabled,
|
|
221
|
+
.picker__day--highlighted.picker__day--disabled:hover {
|
|
222
|
+
background: #bbbbbb;
|
|
223
|
+
}
|
|
224
|
+
/**
|
|
225
|
+
* The footer containing the "today", "clear", and "close" buttons.
|
|
226
|
+
*/
|
|
227
|
+
.picker__footer {
|
|
228
|
+
text-align: center;
|
|
229
|
+
}
|
|
230
|
+
.picker__button--today,
|
|
231
|
+
.picker__button--clear,
|
|
232
|
+
.picker__button--close {
|
|
233
|
+
border: 1px solid #ffffff;
|
|
234
|
+
background: #ffffff;
|
|
235
|
+
font-size: .8em;
|
|
236
|
+
padding: .66em 0;
|
|
237
|
+
font-weight: bold;
|
|
238
|
+
width: 33%;
|
|
239
|
+
display: inline-block;
|
|
240
|
+
vertical-align: bottom;
|
|
241
|
+
}
|
|
242
|
+
.picker__button--today:hover,
|
|
243
|
+
.picker__button--clear:hover,
|
|
244
|
+
.picker__button--close:hover {
|
|
245
|
+
cursor: pointer;
|
|
246
|
+
color: #000000;
|
|
247
|
+
background: #b1dcfb;
|
|
248
|
+
border-bottom-color: #b1dcfb;
|
|
249
|
+
}
|
|
250
|
+
.picker__button--today:focus,
|
|
251
|
+
.picker__button--clear:focus,
|
|
252
|
+
.picker__button--close:focus {
|
|
253
|
+
background: #b1dcfb;
|
|
254
|
+
border-color: #0089ec;
|
|
255
|
+
outline: none;
|
|
256
|
+
}
|
|
257
|
+
.picker__button--today:before,
|
|
258
|
+
.picker__button--clear:before,
|
|
259
|
+
.picker__button--close:before {
|
|
260
|
+
position: relative;
|
|
261
|
+
display: inline-block;
|
|
262
|
+
height: 0;
|
|
263
|
+
}
|
|
264
|
+
.picker__button--today:before,
|
|
265
|
+
.picker__button--clear:before {
|
|
266
|
+
content: " ";
|
|
267
|
+
margin-right: .45em;
|
|
268
|
+
}
|
|
269
|
+
.picker__button--today:before {
|
|
270
|
+
top: -0.05em;
|
|
271
|
+
width: 0;
|
|
272
|
+
border-top: 0.66em solid #0059bc;
|
|
273
|
+
border-left: .66em solid transparent;
|
|
274
|
+
}
|
|
275
|
+
.picker__button--clear:before {
|
|
276
|
+
top: -0.25em;
|
|
277
|
+
width: .66em;
|
|
278
|
+
border-top: 3px solid #ee2200;
|
|
279
|
+
}
|
|
280
|
+
.picker__button--close:before {
|
|
281
|
+
content: "\D7";
|
|
282
|
+
top: -0.1em;
|
|
283
|
+
vertical-align: top;
|
|
284
|
+
font-size: 1.1em;
|
|
285
|
+
margin-right: .35em;
|
|
286
|
+
color: #777777;
|
|
287
|
+
}
|
|
288
|
+
.picker__button--today[disabled],
|
|
289
|
+
.picker__button--today[disabled]:hover {
|
|
290
|
+
background: #f5f5f5;
|
|
291
|
+
border-color: #f5f5f5;
|
|
292
|
+
color: #dddddd;
|
|
293
|
+
cursor: default;
|
|
294
|
+
}
|
|
295
|
+
.picker__button--today[disabled]:before {
|
|
296
|
+
border-top-color: #aaaaaa;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
/* ==========================================================================
|
|
300
|
+
$CLASSIC-DATE-PICKER
|
|
301
|
+
========================================================================== */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.picker__box{padding:0 1em}.picker__header{text-align:center;position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}@media (min-width:24.5em){.picker__nav--next,.picker__nav--prev{top:-.33em}}.picker__nav--prev{left:-1em;padding-right:1.25em}@media (min-width:24.5em){.picker__nav--prev{padding-right:1.5em}}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker__table{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker__day--infocus:hover,.picker__day--outfocus:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__day--highlighted{border-color:#0089ec}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__footer{text-align:center}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}/*!
|
|
2
|
+
* Classic picker styling for pickadate.js
|
|
3
|
+
* Demo: http://amsul.github.io/pickadate.js
|
|
4
|
+
*/.picker{width:100%}.picker__holder{position:absolute;background:#fff;border:1px solid #aaa;border-top-width:0;border-bottom-width:0;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-width:176px;max-width:466px;max-height:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transform:translateY(-1em) perspective(600px) rotateX(10deg);-moz-transform:translateY(-1em) perspective(600px) rotateX(10deg);transform:translateY(-1em) perspective(600px) rotateX(10deg);-webkit-transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s;-moz-transition:-moz-transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s;transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s}.picker__frame{padding:1px}.picker__wrap{margin:-1px}.picker--opened .picker__holder{max-height:25em;-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border-top-width:1px;border-bottom-width:1px;-webkit-transform:translateY(0) perspective(600px) rotateX(0);-moz-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0);-webkit-transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;-moz-transition:-moz-transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;-webkit-box-shadow:0 6px 18px 1px rgba(0,0,0,.12);-moz-box-shadow:0 6px 18px 1px rgba(0,0,0,.12);box-shadow:0 6px 18px 1px rgba(0,0,0,.12)}
|