Repository: StanKocken/MaterialResume Branch: master Commit: 8ac3ba1f19f9 Files: 8 Total size: 446.4 KB Directory structure: gitextract_yzbsi7ea/ ├── LICENSE ├── README.md ├── css/ │ ├── custom.css │ └── materialize.css ├── font/ │ └── material-design-icons/ │ └── LICENSE.txt ├── index.html ├── js/ │ └── materialize.js └── mockup.sketch ================================================ FILE CONTENTS ================================================ ================================================ FILE: LICENSE ================================================ The MIT License (MIT) Copyright (c) 2015 Stan Kocken Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ # MaterialResume An example of Material Resume ### Mockup ![alt mockup](./mockup.jpg) Made with [Sketch](http://bohemiancoding.com/sketch/) ### Example [stankocken.com/cv](http://www.stankocken.com/cv) ================================================ FILE: css/custom.css ================================================ body { font-size: 12px; color: #999999; } .title { color: #737373; font-size: 1.2rem; } .collection .collection-item.avatar { height: 62px; border-bottom: 0px } .collection .collection-item.avatar .icon { padding: 10px; position: absolute; width: 42px; height: 42px; overflow: hidden; left: 15px; display: inline-block; vertical-align: middle; } .collection .divider { margin: 5px 0px; } a { color: inherit; } .collection a.collection-item { color: inherit; } .about_me_header { height: 148px; width: 400px; background-image: url(../img/header.jpg); background-position: bottom center; background-size: cover; margin-bottom: 10px; position: relative; } .left_content { max-width: 400px; } .about_me_header .name { color: #FFFFFF; font-size: 1.92rem; position: absolute; bottom: 10px; left: 25px; } .cv_title { color: #4D4D4E; font-size: 1.92rem; line-height: 3.212rem; margin: 1.46rem 0 1.168rem 0; border-bottom: 1px groove #DCDCDC; display: block; margin-left: 90px; margin-bottom: 30px; } .title { display: block; } .cv_card { margin-top: 30px; } .cv_card .title { margin-left: 70px; } .cv_card .icon { position: absolute; margin-left: 15px; width: 22px; height: 22px; } .cv_card .date_container { margin-left: 70px; padding-left: 10px; /*border-left: #999999 solid 1px;*/ } .cv_card .date_container .title { margin-left: 10px; } .date_container .date { display: block; color: #999999; margin-top: 10px; } .date_container .location { display: block; color: #999999; margin-left: 20px; } .date_container .description { margin-left: 20px; display: block; } .date_container .location img { margin-right: 5px; width: 10px; } .date_container .date_entry { padding-top: 10px; } .cv_card .at { color: #40BFED; } .left_content .cv_card .icon { position: absolute; margin-left: 5px; } .left_content .cv_card .title { margin-left: 55px; } .app_container { margin-left: 30px; margin-top: 15px; margin-bottom: 15px; } .app_entry { display: inline-block; width: 220px; padding-left: 55px; margin: 5px; } .cv_card .app_entry .title { margin-left: 0px; } .app_entry img { position: absolute; margin-left: -55px; width: 45px; } .skills { margin-top: 20px; margin-left: 100px; } .skills .title { margin-top: 10px; margin-left: -20px; } .left_content .skills { margin-left: 80px; } .left_content .skills .title { margin-left: -20px; } .round_mark { border: 1px solid #DCDCDC; border-radius: 25px; display: inline-block; width: 10px; height: 10px; position: absolute; margin-left: -17px; margin-top: 3px; } .left_border { border-left: 1px solid #DCDCDC; padding-top: 10px; margin-top: -6px; margin-left: -12px; padding-left: 12px; margin-bottom: -13px; padding-bottom: 13px; } @media (max-width: 600px) { .cv_card .date_container { margin-left: 0px; } .skills { margin-left: 30px; } .left_content .skills { margin-left: 30px; } } @media (max-width: 480px) { .cv_title { font-size: 1.5rem; margin-left: 2.8rem; } } ================================================ FILE: css/materialize.css ================================================ /*! * Materialize v0.95.3 (http://materializecss.com) * Copyright 2014-2015 Materialize * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) */ .materialize-red.lighten-5 { background-color: #fdeaeb !important; } .materialize-red-text.text-lighten-5 { color: #fdeaeb !important; } .materialize-red.lighten-4 { background-color: #f8c1c3 !important; } .materialize-red-text.text-lighten-4 { color: #f8c1c3 !important; } .materialize-red.lighten-3 { background-color: #f3989b !important; } .materialize-red-text.text-lighten-3 { color: #f3989b !important; } .materialize-red.lighten-2 { background-color: #ee6e73 !important; } .materialize-red-text.text-lighten-2 { color: #ee6e73 !important; } .materialize-red.lighten-1 { background-color: #ea454b !important; } .materialize-red-text.text-lighten-1 { color: #ea454b !important; } .materialize-red { background-color: #e51c23 !important; } .materialize-red-text { color: #e51c23 !important; } .materialize-red.darken-1 { background-color: #d0181e !important; } .materialize-red-text.text-darken-1 { color: #d0181e !important; } .materialize-red.darken-2 { background-color: #b9151b !important; } .materialize-red-text.text-darken-2 { color: #b9151b !important; } .materialize-red.darken-3 { background-color: #a21318 !important; } .materialize-red-text.text-darken-3 { color: #a21318 !important; } .materialize-red.darken-4 { background-color: #8b1014 !important; } .materialize-red-text.text-darken-4 { color: #8b1014 !important; } .red.lighten-5 { background-color: #FFEBEE !important; } .red-text.text-lighten-5 { color: #FFEBEE !important; } .red.lighten-4 { background-color: #FFCDD2 !important; } .red-text.text-lighten-4 { color: #FFCDD2 !important; } .red.lighten-3 { background-color: #EF9A9A !important; } .red-text.text-lighten-3 { color: #EF9A9A !important; } .red.lighten-2 { background-color: #E57373 !important; } .red-text.text-lighten-2 { color: #E57373 !important; } .red.lighten-1 { background-color: #EF5350 !important; } .red-text.text-lighten-1 { color: #EF5350 !important; } .red { background-color: #F44336 !important; } .red-text { color: #F44336 !important; } .red.darken-1 { background-color: #E53935 !important; } .red-text.text-darken-1 { color: #E53935 !important; } .red.darken-2 { background-color: #D32F2F !important; } .red-text.text-darken-2 { color: #D32F2F !important; } .red.darken-3 { background-color: #C62828 !important; } .red-text.text-darken-3 { color: #C62828 !important; } .red.darken-4 { background-color: #B71C1C !important; } .red-text.text-darken-4 { color: #B71C1C !important; } .red.accent-1 { background-color: #FF8A80 !important; } .red-text.text-accent-1 { color: #FF8A80 !important; } .red.accent-2 { background-color: #FF5252 !important; } .red-text.text-accent-2 { color: #FF5252 !important; } .red.accent-3 { background-color: #FF1744 !important; } .red-text.text-accent-3 { color: #FF1744 !important; } .red.accent-4 { background-color: #D50000 !important; } .red-text.text-accent-4 { color: #D50000 !important; } .pink.lighten-5 { background-color: #fce4ec !important; } .pink-text.text-lighten-5 { color: #fce4ec !important; } .pink.lighten-4 { background-color: #f8bbd0 !important; } .pink-text.text-lighten-4 { color: #f8bbd0 !important; } .pink.lighten-3 { background-color: #f48fb1 !important; } .pink-text.text-lighten-3 { color: #f48fb1 !important; } .pink.lighten-2 { background-color: #f06292 !important; } .pink-text.text-lighten-2 { color: #f06292 !important; } .pink.lighten-1 { background-color: #ec407a !important; } .pink-text.text-lighten-1 { color: #ec407a !important; } .pink { background-color: #e91e63 !important; } .pink-text { color: #e91e63 !important; } .pink.darken-1 { background-color: #d81b60 !important; } .pink-text.text-darken-1 { color: #d81b60 !important; } .pink.darken-2 { background-color: #c2185b !important; } .pink-text.text-darken-2 { color: #c2185b !important; } .pink.darken-3 { background-color: #ad1457 !important; } .pink-text.text-darken-3 { color: #ad1457 !important; } .pink.darken-4 { background-color: #880e4f !important; } .pink-text.text-darken-4 { color: #880e4f !important; } .pink.accent-1 { background-color: #ff80ab !important; } .pink-text.text-accent-1 { color: #ff80ab !important; } .pink.accent-2 { background-color: #ff4081 !important; } .pink-text.text-accent-2 { color: #ff4081 !important; } .pink.accent-3 { background-color: #f50057 !important; } .pink-text.text-accent-3 { color: #f50057 !important; } .pink.accent-4 { background-color: #c51162 !important; } .pink-text.text-accent-4 { color: #c51162 !important; } .purple.lighten-5 { background-color: #f3e5f5 !important; } .purple-text.text-lighten-5 { color: #f3e5f5 !important; } .purple.lighten-4 { background-color: #e1bee7 !important; } .purple-text.text-lighten-4 { color: #e1bee7 !important; } .purple.lighten-3 { background-color: #ce93d8 !important; } .purple-text.text-lighten-3 { color: #ce93d8 !important; } .purple.lighten-2 { background-color: #ba68c8 !important; } .purple-text.text-lighten-2 { color: #ba68c8 !important; } .purple.lighten-1 { background-color: #ab47bc !important; } .purple-text.text-lighten-1 { color: #ab47bc !important; } .purple { background-color: #9c27b0 !important; } .purple-text { color: #9c27b0 !important; } .purple.darken-1 { background-color: #8e24aa !important; } .purple-text.text-darken-1 { color: #8e24aa !important; } .purple.darken-2 { background-color: #7b1fa2 !important; } .purple-text.text-darken-2 { color: #7b1fa2 !important; } .purple.darken-3 { background-color: #6a1b9a !important; } .purple-text.text-darken-3 { color: #6a1b9a !important; } .purple.darken-4 { background-color: #4a148c !important; } .purple-text.text-darken-4 { color: #4a148c !important; } .purple.accent-1 { background-color: #ea80fc !important; } .purple-text.text-accent-1 { color: #ea80fc !important; } .purple.accent-2 { background-color: #e040fb !important; } .purple-text.text-accent-2 { color: #e040fb !important; } .purple.accent-3 { background-color: #d500f9 !important; } .purple-text.text-accent-3 { color: #d500f9 !important; } .purple.accent-4 { background-color: #aa00ff !important; } .purple-text.text-accent-4 { color: #aa00ff !important; } .deep-purple.lighten-5 { background-color: #ede7f6 !important; } .deep-purple-text.text-lighten-5 { color: #ede7f6 !important; } .deep-purple.lighten-4 { background-color: #d1c4e9 !important; } .deep-purple-text.text-lighten-4 { color: #d1c4e9 !important; } .deep-purple.lighten-3 { background-color: #b39ddb !important; } .deep-purple-text.text-lighten-3 { color: #b39ddb !important; } .deep-purple.lighten-2 { background-color: #9575cd !important; } .deep-purple-text.text-lighten-2 { color: #9575cd !important; } .deep-purple.lighten-1 { background-color: #7e57c2 !important; } .deep-purple-text.text-lighten-1 { color: #7e57c2 !important; } .deep-purple { background-color: #673ab7 !important; } .deep-purple-text { color: #673ab7 !important; } .deep-purple.darken-1 { background-color: #5e35b1 !important; } .deep-purple-text.text-darken-1 { color: #5e35b1 !important; } .deep-purple.darken-2 { background-color: #512da8 !important; } .deep-purple-text.text-darken-2 { color: #512da8 !important; } .deep-purple.darken-3 { background-color: #4527a0 !important; } .deep-purple-text.text-darken-3 { color: #4527a0 !important; } .deep-purple.darken-4 { background-color: #311b92 !important; } .deep-purple-text.text-darken-4 { color: #311b92 !important; } .deep-purple.accent-1 { background-color: #b388ff !important; } .deep-purple-text.text-accent-1 { color: #b388ff !important; } .deep-purple.accent-2 { background-color: #7c4dff !important; } .deep-purple-text.text-accent-2 { color: #7c4dff !important; } .deep-purple.accent-3 { background-color: #651fff !important; } .deep-purple-text.text-accent-3 { color: #651fff !important; } .deep-purple.accent-4 { background-color: #6200ea !important; } .deep-purple-text.text-accent-4 { color: #6200ea !important; } .indigo.lighten-5 { background-color: #e8eaf6 !important; } .indigo-text.text-lighten-5 { color: #e8eaf6 !important; } .indigo.lighten-4 { background-color: #c5cae9 !important; } .indigo-text.text-lighten-4 { color: #c5cae9 !important; } .indigo.lighten-3 { background-color: #9fa8da !important; } .indigo-text.text-lighten-3 { color: #9fa8da !important; } .indigo.lighten-2 { background-color: #7986cb !important; } .indigo-text.text-lighten-2 { color: #7986cb !important; } .indigo.lighten-1 { background-color: #5c6bc0 !important; } .indigo-text.text-lighten-1 { color: #5c6bc0 !important; } .indigo { background-color: #3f51b5 !important; } .indigo-text { color: #3f51b5 !important; } .indigo.darken-1 { background-color: #3949ab !important; } .indigo-text.text-darken-1 { color: #3949ab !important; } .indigo.darken-2 { background-color: #303f9f !important; } .indigo-text.text-darken-2 { color: #303f9f !important; } .indigo.darken-3 { background-color: #283593 !important; } .indigo-text.text-darken-3 { color: #283593 !important; } .indigo.darken-4 { background-color: #1a237e !important; } .indigo-text.text-darken-4 { color: #1a237e !important; } .indigo.accent-1 { background-color: #8c9eff !important; } .indigo-text.text-accent-1 { color: #8c9eff !important; } .indigo.accent-2 { background-color: #536dfe !important; } .indigo-text.text-accent-2 { color: #536dfe !important; } .indigo.accent-3 { background-color: #3d5afe !important; } .indigo-text.text-accent-3 { color: #3d5afe !important; } .indigo.accent-4 { background-color: #304ffe !important; } .indigo-text.text-accent-4 { color: #304ffe !important; } .blue.lighten-5 { background-color: #E3F2FD !important; } .blue-text.text-lighten-5 { color: #E3F2FD !important; } .blue.lighten-4 { background-color: #BBDEFB !important; } .blue-text.text-lighten-4 { color: #BBDEFB !important; } .blue.lighten-3 { background-color: #90CAF9 !important; } .blue-text.text-lighten-3 { color: #90CAF9 !important; } .blue.lighten-2 { background-color: #64B5F6 !important; } .blue-text.text-lighten-2 { color: #64B5F6 !important; } .blue.lighten-1 { background-color: #42A5F5 !important; } .blue-text.text-lighten-1 { color: #42A5F5 !important; } .blue { background-color: #2196F3 !important; } .blue-text { color: #2196F3 !important; } .blue.darken-1 { background-color: #1E88E5 !important; } .blue-text.text-darken-1 { color: #1E88E5 !important; } .blue.darken-2 { background-color: #1976D2 !important; } .blue-text.text-darken-2 { color: #1976D2 !important; } .blue.darken-3 { background-color: #1565C0 !important; } .blue-text.text-darken-3 { color: #1565C0 !important; } .blue.darken-4 { background-color: #0D47A1 !important; } .blue-text.text-darken-4 { color: #0D47A1 !important; } .blue.accent-1 { background-color: #82B1FF !important; } .blue-text.text-accent-1 { color: #82B1FF !important; } .blue.accent-2 { background-color: #448AFF !important; } .blue-text.text-accent-2 { color: #448AFF !important; } .blue.accent-3 { background-color: #2979FF !important; } .blue-text.text-accent-3 { color: #2979FF !important; } .blue.accent-4 { background-color: #2962FF !important; } .blue-text.text-accent-4 { color: #2962FF !important; } .light-blue.lighten-5 { background-color: #e1f5fe !important; } .light-blue-text.text-lighten-5 { color: #e1f5fe !important; } .light-blue.lighten-4 { background-color: #b3e5fc !important; } .light-blue-text.text-lighten-4 { color: #b3e5fc !important; } .light-blue.lighten-3 { background-color: #81d4fa !important; } .light-blue-text.text-lighten-3 { color: #81d4fa !important; } .light-blue.lighten-2 { background-color: #4fc3f7 !important; } .light-blue-text.text-lighten-2 { color: #4fc3f7 !important; } .light-blue.lighten-1 { background-color: #29b6f6 !important; } .light-blue-text.text-lighten-1 { color: #29b6f6 !important; } .light-blue { background-color: #03a9f4 !important; } .light-blue-text { color: #03a9f4 !important; } .light-blue.darken-1 { background-color: #039be5 !important; } .light-blue-text.text-darken-1 { color: #039be5 !important; } .light-blue.darken-2 { background-color: #0288d1 !important; } .light-blue-text.text-darken-2 { color: #0288d1 !important; } .light-blue.darken-3 { background-color: #0277bd !important; } .light-blue-text.text-darken-3 { color: #0277bd !important; } .light-blue.darken-4 { background-color: #01579b !important; } .light-blue-text.text-darken-4 { color: #01579b !important; } .light-blue.accent-1 { background-color: #80d8ff !important; } .light-blue-text.text-accent-1 { color: #80d8ff !important; } .light-blue.accent-2 { background-color: #40c4ff !important; } .light-blue-text.text-accent-2 { color: #40c4ff !important; } .light-blue.accent-3 { background-color: #00b0ff !important; } .light-blue-text.text-accent-3 { color: #00b0ff !important; } .light-blue.accent-4 { background-color: #0091ea !important; } .light-blue-text.text-accent-4 { color: #0091ea !important; } .cyan.lighten-5 { background-color: #e0f7fa !important; } .cyan-text.text-lighten-5 { color: #e0f7fa !important; } .cyan.lighten-4 { background-color: #b2ebf2 !important; } .cyan-text.text-lighten-4 { color: #b2ebf2 !important; } .cyan.lighten-3 { background-color: #80deea !important; } .cyan-text.text-lighten-3 { color: #80deea !important; } .cyan.lighten-2 { background-color: #4dd0e1 !important; } .cyan-text.text-lighten-2 { color: #4dd0e1 !important; } .cyan.lighten-1 { background-color: #26c6da !important; } .cyan-text.text-lighten-1 { color: #26c6da !important; } .cyan { background-color: #00bcd4 !important; } .cyan-text { color: #00bcd4 !important; } .cyan.darken-1 { background-color: #00acc1 !important; } .cyan-text.text-darken-1 { color: #00acc1 !important; } .cyan.darken-2 { background-color: #0097a7 !important; } .cyan-text.text-darken-2 { color: #0097a7 !important; } .cyan.darken-3 { background-color: #00838f !important; } .cyan-text.text-darken-3 { color: #00838f !important; } .cyan.darken-4 { background-color: #006064 !important; } .cyan-text.text-darken-4 { color: #006064 !important; } .cyan.accent-1 { background-color: #84ffff !important; } .cyan-text.text-accent-1 { color: #84ffff !important; } .cyan.accent-2 { background-color: #18ffff !important; } .cyan-text.text-accent-2 { color: #18ffff !important; } .cyan.accent-3 { background-color: #00e5ff !important; } .cyan-text.text-accent-3 { color: #00e5ff !important; } .cyan.accent-4 { background-color: #00b8d4 !important; } .cyan-text.text-accent-4 { color: #00b8d4 !important; } .teal.lighten-5 { background-color: #e0f2f1 !important; } .teal-text.text-lighten-5 { color: #e0f2f1 !important; } .teal.lighten-4 { background-color: #b2dfdb !important; } .teal-text.text-lighten-4 { color: #b2dfdb !important; } .teal.lighten-3 { background-color: #80cbc4 !important; } .teal-text.text-lighten-3 { color: #80cbc4 !important; } .teal.lighten-2 { background-color: #4db6ac !important; } .teal-text.text-lighten-2 { color: #4db6ac !important; } .teal.lighten-1 { background-color: #26a69a !important; } .teal-text.text-lighten-1 { color: #26a69a !important; } .teal { background-color: #009688 !important; } .teal-text { color: #009688 !important; } .teal.darken-1 { background-color: #00897b !important; } .teal-text.text-darken-1 { color: #00897b !important; } .teal.darken-2 { background-color: #00796b !important; } .teal-text.text-darken-2 { color: #00796b !important; } .teal.darken-3 { background-color: #00695c !important; } .teal-text.text-darken-3 { color: #00695c !important; } .teal.darken-4 { background-color: #004d40 !important; } .teal-text.text-darken-4 { color: #004d40 !important; } .teal.accent-1 { background-color: #a7ffeb !important; } .teal-text.text-accent-1 { color: #a7ffeb !important; } .teal.accent-2 { background-color: #64ffda !important; } .teal-text.text-accent-2 { color: #64ffda !important; } .teal.accent-3 { background-color: #1de9b6 !important; } .teal-text.text-accent-3 { color: #1de9b6 !important; } .teal.accent-4 { background-color: #00bfa5 !important; } .teal-text.text-accent-4 { color: #00bfa5 !important; } .green.lighten-5 { background-color: #E8F5E9 !important; } .green-text.text-lighten-5 { color: #E8F5E9 !important; } .green.lighten-4 { background-color: #C8E6C9 !important; } .green-text.text-lighten-4 { color: #C8E6C9 !important; } .green.lighten-3 { background-color: #A5D6A7 !important; } .green-text.text-lighten-3 { color: #A5D6A7 !important; } .green.lighten-2 { background-color: #81C784 !important; } .green-text.text-lighten-2 { color: #81C784 !important; } .green.lighten-1 { background-color: #66BB6A !important; } .green-text.text-lighten-1 { color: #66BB6A !important; } .green { background-color: #4CAF50 !important; } .green-text { color: #4CAF50 !important; } .green.darken-1 { background-color: #43A047 !important; } .green-text.text-darken-1 { color: #43A047 !important; } .green.darken-2 { background-color: #388E3C !important; } .green-text.text-darken-2 { color: #388E3C !important; } .green.darken-3 { background-color: #2E7D32 !important; } .green-text.text-darken-3 { color: #2E7D32 !important; } .green.darken-4 { background-color: #1B5E20 !important; } .green-text.text-darken-4 { color: #1B5E20 !important; } .green.accent-1 { background-color: #B9F6CA !important; } .green-text.text-accent-1 { color: #B9F6CA !important; } .green.accent-2 { background-color: #69F0AE !important; } .green-text.text-accent-2 { color: #69F0AE !important; } .green.accent-3 { background-color: #00E676 !important; } .green-text.text-accent-3 { color: #00E676 !important; } .green.accent-4 { background-color: #00C853 !important; } .green-text.text-accent-4 { color: #00C853 !important; } .light-green.lighten-5 { background-color: #f1f8e9 !important; } .light-green-text.text-lighten-5 { color: #f1f8e9 !important; } .light-green.lighten-4 { background-color: #dcedc8 !important; } .light-green-text.text-lighten-4 { color: #dcedc8 !important; } .light-green.lighten-3 { background-color: #c5e1a5 !important; } .light-green-text.text-lighten-3 { color: #c5e1a5 !important; } .light-green.lighten-2 { background-color: #aed581 !important; } .light-green-text.text-lighten-2 { color: #aed581 !important; } .light-green.lighten-1 { background-color: #9ccc65 !important; } .light-green-text.text-lighten-1 { color: #9ccc65 !important; } .light-green { background-color: #8bc34a !important; } .light-green-text { color: #8bc34a !important; } .light-green.darken-1 { background-color: #7cb342 !important; } .light-green-text.text-darken-1 { color: #7cb342 !important; } .light-green.darken-2 { background-color: #689f38 !important; } .light-green-text.text-darken-2 { color: #689f38 !important; } .light-green.darken-3 { background-color: #558b2f !important; } .light-green-text.text-darken-3 { color: #558b2f !important; } .light-green.darken-4 { background-color: #33691e !important; } .light-green-text.text-darken-4 { color: #33691e !important; } .light-green.accent-1 { background-color: #ccff90 !important; } .light-green-text.text-accent-1 { color: #ccff90 !important; } .light-green.accent-2 { background-color: #b2ff59 !important; } .light-green-text.text-accent-2 { color: #b2ff59 !important; } .light-green.accent-3 { background-color: #76ff03 !important; } .light-green-text.text-accent-3 { color: #76ff03 !important; } .light-green.accent-4 { background-color: #64dd17 !important; } .light-green-text.text-accent-4 { color: #64dd17 !important; } .lime.lighten-5 { background-color: #f9fbe7 !important; } .lime-text.text-lighten-5 { color: #f9fbe7 !important; } .lime.lighten-4 { background-color: #f0f4c3 !important; } .lime-text.text-lighten-4 { color: #f0f4c3 !important; } .lime.lighten-3 { background-color: #e6ee9c !important; } .lime-text.text-lighten-3 { color: #e6ee9c !important; } .lime.lighten-2 { background-color: #dce775 !important; } .lime-text.text-lighten-2 { color: #dce775 !important; } .lime.lighten-1 { background-color: #d4e157 !important; } .lime-text.text-lighten-1 { color: #d4e157 !important; } .lime { background-color: #cddc39 !important; } .lime-text { color: #cddc39 !important; } .lime.darken-1 { background-color: #c0ca33 !important; } .lime-text.text-darken-1 { color: #c0ca33 !important; } .lime.darken-2 { background-color: #afb42b !important; } .lime-text.text-darken-2 { color: #afb42b !important; } .lime.darken-3 { background-color: #9e9d24 !important; } .lime-text.text-darken-3 { color: #9e9d24 !important; } .lime.darken-4 { background-color: #827717 !important; } .lime-text.text-darken-4 { color: #827717 !important; } .lime.accent-1 { background-color: #f4ff81 !important; } .lime-text.text-accent-1 { color: #f4ff81 !important; } .lime.accent-2 { background-color: #eeff41 !important; } .lime-text.text-accent-2 { color: #eeff41 !important; } .lime.accent-3 { background-color: #c6ff00 !important; } .lime-text.text-accent-3 { color: #c6ff00 !important; } .lime.accent-4 { background-color: #aeea00 !important; } .lime-text.text-accent-4 { color: #aeea00 !important; } .yellow.lighten-5 { background-color: #fffde7 !important; } .yellow-text.text-lighten-5 { color: #fffde7 !important; } .yellow.lighten-4 { background-color: #fff9c4 !important; } .yellow-text.text-lighten-4 { color: #fff9c4 !important; } .yellow.lighten-3 { background-color: #fff59d !important; } .yellow-text.text-lighten-3 { color: #fff59d !important; } .yellow.lighten-2 { background-color: #fff176 !important; } .yellow-text.text-lighten-2 { color: #fff176 !important; } .yellow.lighten-1 { background-color: #ffee58 !important; } .yellow-text.text-lighten-1 { color: #ffee58 !important; } .yellow { background-color: #ffeb3b !important; } .yellow-text { color: #ffeb3b !important; } .yellow.darken-1 { background-color: #fdd835 !important; } .yellow-text.text-darken-1 { color: #fdd835 !important; } .yellow.darken-2 { background-color: #fbc02d !important; } .yellow-text.text-darken-2 { color: #fbc02d !important; } .yellow.darken-3 { background-color: #f9a825 !important; } .yellow-text.text-darken-3 { color: #f9a825 !important; } .yellow.darken-4 { background-color: #f57f17 !important; } .yellow-text.text-darken-4 { color: #f57f17 !important; } .yellow.accent-1 { background-color: #ffff8d !important; } .yellow-text.text-accent-1 { color: #ffff8d !important; } .yellow.accent-2 { background-color: #ffff00 !important; } .yellow-text.text-accent-2 { color: #ffff00 !important; } .yellow.accent-3 { background-color: #ffea00 !important; } .yellow-text.text-accent-3 { color: #ffea00 !important; } .yellow.accent-4 { background-color: #ffd600 !important; } .yellow-text.text-accent-4 { color: #ffd600 !important; } .amber.lighten-5 { background-color: #fff8e1 !important; } .amber-text.text-lighten-5 { color: #fff8e1 !important; } .amber.lighten-4 { background-color: #ffecb3 !important; } .amber-text.text-lighten-4 { color: #ffecb3 !important; } .amber.lighten-3 { background-color: #ffe082 !important; } .amber-text.text-lighten-3 { color: #ffe082 !important; } .amber.lighten-2 { background-color: #ffd54f !important; } .amber-text.text-lighten-2 { color: #ffd54f !important; } .amber.lighten-1 { background-color: #ffca28 !important; } .amber-text.text-lighten-1 { color: #ffca28 !important; } .amber { background-color: #ffc107 !important; } .amber-text { color: #ffc107 !important; } .amber.darken-1 { background-color: #ffb300 !important; } .amber-text.text-darken-1 { color: #ffb300 !important; } .amber.darken-2 { background-color: #ffa000 !important; } .amber-text.text-darken-2 { color: #ffa000 !important; } .amber.darken-3 { background-color: #ff8f00 !important; } .amber-text.text-darken-3 { color: #ff8f00 !important; } .amber.darken-4 { background-color: #ff6f00 !important; } .amber-text.text-darken-4 { color: #ff6f00 !important; } .amber.accent-1 { background-color: #ffe57f !important; } .amber-text.text-accent-1 { color: #ffe57f !important; } .amber.accent-2 { background-color: #ffd740 !important; } .amber-text.text-accent-2 { color: #ffd740 !important; } .amber.accent-3 { background-color: #ffc400 !important; } .amber-text.text-accent-3 { color: #ffc400 !important; } .amber.accent-4 { background-color: #ffab00 !important; } .amber-text.text-accent-4 { color: #ffab00 !important; } .orange.lighten-5 { background-color: #fff3e0 !important; } .orange-text.text-lighten-5 { color: #fff3e0 !important; } .orange.lighten-4 { background-color: #ffe0b2 !important; } .orange-text.text-lighten-4 { color: #ffe0b2 !important; } .orange.lighten-3 { background-color: #ffcc80 !important; } .orange-text.text-lighten-3 { color: #ffcc80 !important; } .orange.lighten-2 { background-color: #ffb74d !important; } .orange-text.text-lighten-2 { color: #ffb74d !important; } .orange.lighten-1 { background-color: #ffa726 !important; } .orange-text.text-lighten-1 { color: #ffa726 !important; } .orange { background-color: #ff9800 !important; } .orange-text { color: #ff9800 !important; } .orange.darken-1 { background-color: #fb8c00 !important; } .orange-text.text-darken-1 { color: #fb8c00 !important; } .orange.darken-2 { background-color: #f57c00 !important; } .orange-text.text-darken-2 { color: #f57c00 !important; } .orange.darken-3 { background-color: #ef6c00 !important; } .orange-text.text-darken-3 { color: #ef6c00 !important; } .orange.darken-4 { background-color: #e65100 !important; } .orange-text.text-darken-4 { color: #e65100 !important; } .orange.accent-1 { background-color: #ffd180 !important; } .orange-text.text-accent-1 { color: #ffd180 !important; } .orange.accent-2 { background-color: #ffab40 !important; } .orange-text.text-accent-2 { color: #ffab40 !important; } .orange.accent-3 { background-color: #ff9100 !important; } .orange-text.text-accent-3 { color: #ff9100 !important; } .orange.accent-4 { background-color: #ff6d00 !important; } .orange-text.text-accent-4 { color: #ff6d00 !important; } .deep-orange.lighten-5 { background-color: #fbe9e7 !important; } .deep-orange-text.text-lighten-5 { color: #fbe9e7 !important; } .deep-orange.lighten-4 { background-color: #ffccbc !important; } .deep-orange-text.text-lighten-4 { color: #ffccbc !important; } .deep-orange.lighten-3 { background-color: #ffab91 !important; } .deep-orange-text.text-lighten-3 { color: #ffab91 !important; } .deep-orange.lighten-2 { background-color: #ff8a65 !important; } .deep-orange-text.text-lighten-2 { color: #ff8a65 !important; } .deep-orange.lighten-1 { background-color: #ff7043 !important; } .deep-orange-text.text-lighten-1 { color: #ff7043 !important; } .deep-orange { background-color: #ff5722 !important; } .deep-orange-text { color: #ff5722 !important; } .deep-orange.darken-1 { background-color: #f4511e !important; } .deep-orange-text.text-darken-1 { color: #f4511e !important; } .deep-orange.darken-2 { background-color: #e64a19 !important; } .deep-orange-text.text-darken-2 { color: #e64a19 !important; } .deep-orange.darken-3 { background-color: #d84315 !important; } .deep-orange-text.text-darken-3 { color: #d84315 !important; } .deep-orange.darken-4 { background-color: #bf360c !important; } .deep-orange-text.text-darken-4 { color: #bf360c !important; } .deep-orange.accent-1 { background-color: #ff9e80 !important; } .deep-orange-text.text-accent-1 { color: #ff9e80 !important; } .deep-orange.accent-2 { background-color: #ff6e40 !important; } .deep-orange-text.text-accent-2 { color: #ff6e40 !important; } .deep-orange.accent-3 { background-color: #ff3d00 !important; } .deep-orange-text.text-accent-3 { color: #ff3d00 !important; } .deep-orange.accent-4 { background-color: #dd2c00 !important; } .deep-orange-text.text-accent-4 { color: #dd2c00 !important; } .brown.lighten-5 { background-color: #efebe9 !important; } .brown-text.text-lighten-5 { color: #efebe9 !important; } .brown.lighten-4 { background-color: #d7ccc8 !important; } .brown-text.text-lighten-4 { color: #d7ccc8 !important; } .brown.lighten-3 { background-color: #bcaaa4 !important; } .brown-text.text-lighten-3 { color: #bcaaa4 !important; } .brown.lighten-2 { background-color: #a1887f !important; } .brown-text.text-lighten-2 { color: #a1887f !important; } .brown.lighten-1 { background-color: #8d6e63 !important; } .brown-text.text-lighten-1 { color: #8d6e63 !important; } .brown { background-color: #795548 !important; } .brown-text { color: #795548 !important; } .brown.darken-1 { background-color: #6d4c41 !important; } .brown-text.text-darken-1 { color: #6d4c41 !important; } .brown.darken-2 { background-color: #5d4037 !important; } .brown-text.text-darken-2 { color: #5d4037 !important; } .brown.darken-3 { background-color: #4e342e !important; } .brown-text.text-darken-3 { color: #4e342e !important; } .brown.darken-4 { background-color: #3e2723 !important; } .brown-text.text-darken-4 { color: #3e2723 !important; } .blue-grey.lighten-5 { background-color: #eceff1 !important; } .blue-grey-text.text-lighten-5 { color: #eceff1 !important; } .blue-grey.lighten-4 { background-color: #cfd8dc !important; } .blue-grey-text.text-lighten-4 { color: #cfd8dc !important; } .blue-grey.lighten-3 { background-color: #b0bec5 !important; } .blue-grey-text.text-lighten-3 { color: #b0bec5 !important; } .blue-grey.lighten-2 { background-color: #90a4ae !important; } .blue-grey-text.text-lighten-2 { color: #90a4ae !important; } .blue-grey.lighten-1 { background-color: #78909c !important; } .blue-grey-text.text-lighten-1 { color: #78909c !important; } .blue-grey { background-color: #607d8b !important; } .blue-grey-text { color: #607d8b !important; } .blue-grey.darken-1 { background-color: #546e7a !important; } .blue-grey-text.text-darken-1 { color: #546e7a !important; } .blue-grey.darken-2 { background-color: #455a64 !important; } .blue-grey-text.text-darken-2 { color: #455a64 !important; } .blue-grey.darken-3 { background-color: #37474f !important; } .blue-grey-text.text-darken-3 { color: #37474f !important; } .blue-grey.darken-4 { background-color: #263238 !important; } .blue-grey-text.text-darken-4 { color: #263238 !important; } .grey.lighten-5 { background-color: #fafafa !important; } .grey-text.text-lighten-5 { color: #fafafa !important; } .grey.lighten-4 { background-color: #f5f5f5 !important; } .grey-text.text-lighten-4 { color: #f5f5f5 !important; } .grey.lighten-3 { background-color: #eeeeee !important; } .grey-text.text-lighten-3 { color: #eeeeee !important; } .grey.lighten-2 { background-color: #e0e0e0 !important; } .grey-text.text-lighten-2 { color: #e0e0e0 !important; } .grey.lighten-1 { background-color: #bdbdbd !important; } .grey-text.text-lighten-1 { color: #bdbdbd !important; } .grey { background-color: #9e9e9e !important; } .grey-text { color: #9e9e9e !important; } .grey.darken-1 { background-color: #757575 !important; } .grey-text.text-darken-1 { color: #757575 !important; } .grey.darken-2 { background-color: #616161 !important; } .grey-text.text-darken-2 { color: #616161 !important; } .grey.darken-3 { background-color: #424242 !important; } .grey-text.text-darken-3 { color: #424242 !important; } .grey.darken-4 { background-color: #212121 !important; } .grey-text.text-darken-4 { color: #212121 !important; } .shades.black { background-color: #000000 !important; } .shades-text.text-black { color: #000000 !important; } .shades.white { background-color: #FFFFFF !important; } .shades-text.text-white { color: #FFFFFF !important; } .black { background-color: #000000 !important; } .black-text { color: #000000 !important; } .white { background-color: #FFFFFF !important; } .white-text { color: #FFFFFF !important; } /*** Colors ***/ /*** Badges ***/ /*** Buttons ***/ /*** Cards ***/ /*** Collapsible ***/ /*** Dropdown ***/ /*** Fonts ***/ /*** Forms ***/ /*** Global ***/ /*** Navbar ***/ /*** SideNav ***/ /*** Tabs ***/ /*** Tables ***/ /*** Toasts ***/ /*** Typography ***/ /*** Collections ***/ /* Progress Bar */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } ul { list-style-type: none; } a { color: #039be5; text-decoration: none; -webkit-tap-highlight-color: transparent; } .valign-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .valign-wrapper .valign { display: block; } ul { padding: 0; } ul li { list-style-type: none; } .clearfix { clear: both; } .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, ul.side-nav { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } .z-depth-2 { -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .z-depth-3 { -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); } .z-depth-4, .modal { -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); } .z-depth-5 { -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); } .divider { height: 1px; overflow: hidden; background-color: #e0e0e0; } blockquote { margin: 20px 0; padding-left: 1.5rem; border-left: 5px solid #EF9A9A; } i { line-height: inherit; } i.left { float: left; margin-right: 15px; } i.right { float: right; margin-left: 15px; } i.tiny { font-size: 1rem; } i.small { font-size: 2rem; } i.medium { font-size: 4rem; } i.large { font-size: 6rem; } img.responsive-img, video.responsive-video { max-width: 100%; height: auto; } .pagination li { font-size: 1.2rem; float: left; width: 30px; height: 30px; margin: 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; text-align: center; } .pagination li a { color: #444; } .pagination li.active a { color: #fff; } .pagination li.active { background-color: #ee6e73; } .pagination li.disabled a { color: #999; } .pagination li i { font-size: 2rem; line-height: 1.8rem; } .parallax-container { position: relative; overflow: hidden; height: 500px; } .parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .parallax img { display: none; position: absolute; bottom: 0; width: 100%; min-height: 100%; background-position: center; } .pin-top, .pin-bottom { position: relative; } .pinned { position: fixed !important; } /********************* Transition Classes **********************/ ul.staggered-list li { -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})"; filter: "alpha(opacity=(${iefactor}))"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .fade-in { -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})"; filter: "alpha(opacity=(${iefactor}))"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform-origin: 0 50%; } /********************* Media Query Classes **********************/ @media only screen and (max-width : 600px) { .hide-on-small-only, .hide-on-small-and-down { display: none !important; } } @media only screen and (max-width : 992px) { .hide-on-med-and-down { display: none !important; } } @media only screen and (min-width : 601px) { .hide-on-med-and-up { display: none !important; } } @media only screen and (min-width: 600px) and (max-width: 992px) { .hide-on-med-only { display: none !important; } } @media only screen and (min-width : 993px) { .hide-on-large-only { display: none !important; } } @media only screen and (min-width : 993px) { .show-on-large { display: initial !important; } } @media only screen and (min-width: 600px) and (max-width: 992px) { .show-on-medium { display: initial !important; } } @media only screen and (max-width : 600px) { .show-on-small { display: initial !important; } } @media only screen and (min-width : 601px) { .show-on-medium-and-up { display: initial !important; } } @media only screen and (max-width : 992px) { .show-on-medium-and-down { display: initial !important; } } @media only screen and (max-width : 600px) { .center-on-small-only { text-align: center; } } footer.page-footer { margin-top: 20px; padding-top: 20px; background-color: #ee6e73; } footer.page-footer .footer-copyright { overflow: hidden; height: 50px; line-height: 50px; color: rgba(255, 255, 255, 0.8); background-color: rgba(51, 51, 51, 0.08); } table, th, td { border: none; } table { width: 100%; display: table; } table.bordered tr { border-bottom: 1px solid #d0d0d0; } table.striped tbody tr:nth-child(odd) { background-color: #f2f2f2; } table.hoverable tbody tr { -webkit-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } table.hoverable tbody tr:hover { background-color: #f2f2f2; } table.centered thead tr th, table.centered tbody tr td { text-align: center; } thead { border-bottom: 1px solid #d0d0d0; } td, th { padding: 15px 5px; display: table-cell; text-align: left; vertical-align: middle; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; } @media only screen and (max-width : 992px) { table.responsive-table { width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative; /* sort out borders */ } table.responsive-table th, table.responsive-table td { margin: 0; vertical-align: top; } table.responsive-table th { text-align: left; } table.responsive-table thead { display: block; float: left; } table.responsive-table thead tr { display: block; padding: 0 10px 0 0; } table.responsive-table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } table.responsive-table tbody tr { display: inline-block; vertical-align: top; } table.responsive-table th { display: block; text-align: right; } table.responsive-table td { display: block; min-height: 1.25em; text-align: left; } table.responsive-table tr { padding: 0 10px; } table.responsive-table thead { border: 0; border-right: 1px solid #d0d0d0; } table.responsive-table.bordered th { border-bottom: 0; border-left: 0; } table.responsive-table.bordered td { border-left: 0; border-right: 0; border-bottom: 0; } table.responsive-table.bordered tr { border: 0; } table.responsive-table.bordered tbody tr { border-right: 1px solid #d0d0d0; } } .collection { background-color: #999; margin: 0.5rem 0 1rem 0; border: 1px solid #e0e0e0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; overflow: hidden; } .collection .collection-item { background-color: #fff; line-height: 1.5rem; padding: 10px 20px; margin: 0px; border-bottom: 1px solid #e0e0e0; } .collection .collection-item.avatar { height: 84px; padding-left: 72px; position: relative; } .collection .collection-item.avatar .circle { position: absolute; width: 42px; height: 42px; overflow: hidden; left: 15px; display: inline-block; vertical-align: middle; } .collection .collection-item.avatar i.circle { font-size: 18px; line-height: 42px; color: #fff; background-color: #999; text-align: center; } .collection .collection-item.avatar .title { font-size: 16px; } .collection .collection-item.avatar p { margin: 0; } .collection .collection-item.avatar .secondary-content { position: absolute; top: 16px; right: 16px; } .collection .collection-item:last-child { border-bottom: none; } .collection .collection-item.active { background-color: #26a69a; color: #eafaf9; } .collection a.collection-item { display: block; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; -ms-transition: 0.25s; transition: 0.25s; color: #26a69a; } .collection a.collection-item:not(.active):hover { background-color: #ddd; } .collection.with-header .collection-header { background-color: #fff; border-bottom: 1px solid #e0e0e0; padding: 10px 20px; } .collection.with-header .collection-item { padding-left: 30px; } .secondary-content { float: right; color: #26a69a; } span.badge { min-width: 3rem; padding: 0 6px; text-align: center; font-size: 1rem; line-height: inherit; color: #757575; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } span.badge.new { font-weight: 300; font-size: 0.8rem; color: #fff; background-color: #26a69a; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; } span.badge.new:after { content: " new"; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .progress { position: relative; height: 4px; display: block; width: 100%; background-color: #acece6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; margin: 0.5rem 0 1rem 0; overflow: hidden; } .progress .determinate { position: absolute; background-color: inherit; top: 0; bottom: 0; background-color: #26a69a; -webkit-transition: width 0.3s linear; -moz-transition: width 0.3s linear; -o-transition: width 0.3s linear; -ms-transition: width 0.3s linear; transition: width 0.3s linear; } .progress .indeterminate { background-color: #26a69a; } .progress .indeterminate:before { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; -moz-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; -ms-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; -o-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .progress .indeterminate:after { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -moz-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -ms-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -o-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; -moz-animation-delay: 1.15s; -ms-animation-delay: 1.15s; -o-animation-delay: 1.15s; animation-delay: 1.15s; } @-webkit-keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-moz-keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-webkit-keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @-moz-keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } /******************* Utility Classes *******************/ .left-align { text-align: left; } .right-align { text-align: right; } .center, .center-align { text-align: center; } .left { float: left !important; } .right { float: right !important; } .no-select, input[type=range], input[type=range] + .thumb { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: padding-box; } .center-block { display: block; margin-left: auto; margin-right: auto; } .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @font-face { font-family: "Material-Design-Icons"; src: url("../font/material-design-icons/Material-Design-Icons.eot"); src: url("../font/material-design-icons/Material-Design-Icons.eot?#iefix") format("embedded-opentype"), url("../font/material-design-icons/Material-Design-Icons.woff") format("woff"), url("../font/material-design-icons/Material-Design-Icons.ttf") format("truetype"), url("../font/material-design-icons/Material-Design-Icons.svg#Material-Design-Icons") format("svg"); font-weight: normal; font-style: normal; } [class^="mdi-"], [class*=" mdi-"] { font-family: "Material-Design-Icons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mdi-action-3d-rotation:before { content: "\e600"; } .mdi-action-accessibility:before { content: "\e601"; } .mdi-action-account-balance:before { content: "\e602"; } .mdi-action-account-balance-wallet:before { content: "\e603"; } .mdi-action-account-box:before { content: "\e604"; } .mdi-action-account-child:before { content: "\e605"; } .mdi-action-account-circle:before { content: "\e606"; } .mdi-action-add-shopping-cart:before { content: "\e607"; } .mdi-action-alarm:before { content: "\e608"; } .mdi-action-alarm-add:before { content: "\e609"; } .mdi-action-alarm-off:before { content: "\e60a"; } .mdi-action-alarm-on:before { content: "\e60b"; } .mdi-action-android:before { content: "\e60c"; } .mdi-action-announcement:before { content: "\e60d"; } .mdi-action-aspect-ratio:before { content: "\e60e"; } .mdi-action-assessment:before { content: "\e60f"; } .mdi-action-assignment:before { content: "\e610"; } .mdi-action-assignment-ind:before { content: "\e611"; } .mdi-action-assignment-late:before { content: "\e612"; } .mdi-action-assignment-return:before { content: "\e613"; } .mdi-action-assignment-returned:before { content: "\e614"; } .mdi-action-assignment-turned-in:before { content: "\e615"; } .mdi-action-autorenew:before { content: "\e616"; } .mdi-action-backup:before { content: "\e617"; } .mdi-action-book:before { content: "\e618"; } .mdi-action-bookmark:before { content: "\e619"; } .mdi-action-bookmark-outline:before { content: "\e61a"; } .mdi-action-bug-report:before { content: "\e61b"; } .mdi-action-cached:before { content: "\e61c"; } .mdi-action-class:before { content: "\e61d"; } .mdi-action-credit-card:before { content: "\e61e"; } .mdi-action-dashboard:before { content: "\e61f"; } .mdi-action-delete:before { content: "\e620"; } .mdi-action-description:before { content: "\e621"; } .mdi-action-dns:before { content: "\e622"; } .mdi-action-done:before { content: "\e623"; } .mdi-action-done-all:before { content: "\e624"; } .mdi-action-event:before { content: "\e625"; } .mdi-action-exit-to-app:before { content: "\e626"; } .mdi-action-explore:before { content: "\e627"; } .mdi-action-extension:before { content: "\e628"; } .mdi-action-face-unlock:before { content: "\e629"; } .mdi-action-favorite:before { content: "\e62a"; } .mdi-action-favorite-outline:before { content: "\e62b"; } .mdi-action-find-in-page:before { content: "\e62c"; } .mdi-action-find-replace:before { content: "\e62d"; } .mdi-action-flip-to-back:before { content: "\e62e"; } .mdi-action-flip-to-front:before { content: "\e62f"; } .mdi-action-get-app:before { content: "\e630"; } .mdi-action-grade:before { content: "\e631"; } .mdi-action-group-work:before { content: "\e632"; } .mdi-action-help:before { content: "\e633"; } .mdi-action-highlight-remove:before { content: "\e634"; } .mdi-action-history:before { content: "\e635"; } .mdi-action-home:before { content: "\e636"; } .mdi-action-https:before { content: "\e637"; } .mdi-action-info:before { content: "\e638"; } .mdi-action-info-outline:before { content: "\e639"; } .mdi-action-input:before { content: "\e63a"; } .mdi-action-invert-colors:before { content: "\e63b"; } .mdi-action-label:before { content: "\e63c"; } .mdi-action-label-outline:before { content: "\e63d"; } .mdi-action-language:before { content: "\e63e"; } .mdi-action-launch:before { content: "\e63f"; } .mdi-action-list:before { content: "\e640"; } .mdi-action-lock:before { content: "\e641"; } .mdi-action-lock-open:before { content: "\e642"; } .mdi-action-lock-outline:before { content: "\e643"; } .mdi-action-loyalty:before { content: "\e644"; } .mdi-action-markunread-mailbox:before { content: "\e645"; } .mdi-action-note-add:before { content: "\e646"; } .mdi-action-open-in-browser:before { content: "\e647"; } .mdi-action-open-in-new:before { content: "\e648"; } .mdi-action-open-with:before { content: "\e649"; } .mdi-action-pageview:before { content: "\e64a"; } .mdi-action-payment:before { content: "\e64b"; } .mdi-action-perm-camera-mic:before { content: "\e64c"; } .mdi-action-perm-contact-cal:before { content: "\e64d"; } .mdi-action-perm-data-setting:before { content: "\e64e"; } .mdi-action-perm-device-info:before { content: "\e64f"; } .mdi-action-perm-identity:before { content: "\e650"; } .mdi-action-perm-media:before { content: "\e651"; } .mdi-action-perm-phone-msg:before { content: "\e652"; } .mdi-action-perm-scan-wifi:before { content: "\e653"; } .mdi-action-picture-in-picture:before { content: "\e654"; } .mdi-action-polymer:before { content: "\e655"; } .mdi-action-print:before { content: "\e656"; } .mdi-action-query-builder:before { content: "\e657"; } .mdi-action-question-answer:before { content: "\e658"; } .mdi-action-receipt:before { content: "\e659"; } .mdi-action-redeem:before { content: "\e65a"; } .mdi-action-report-problem:before { content: "\e65b"; } .mdi-action-restore:before { content: "\e65c"; } .mdi-action-room:before { content: "\e65d"; } .mdi-action-schedule:before { content: "\e65e"; } .mdi-action-search:before { content: "\e65f"; } .mdi-action-settings:before { content: "\e660"; } .mdi-action-settings-applications:before { content: "\e661"; } .mdi-action-settings-backup-restore:before { content: "\e662"; } .mdi-action-settings-bluetooth:before { content: "\e663"; } .mdi-action-settings-cell:before { content: "\e664"; } .mdi-action-settings-display:before { content: "\e665"; } .mdi-action-settings-ethernet:before { content: "\e666"; } .mdi-action-settings-input-antenna:before { content: "\e667"; } .mdi-action-settings-input-component:before { content: "\e668"; } .mdi-action-settings-input-composite:before { content: "\e669"; } .mdi-action-settings-input-hdmi:before { content: "\e66a"; } .mdi-action-settings-input-svideo:before { content: "\e66b"; } .mdi-action-settings-overscan:before { content: "\e66c"; } .mdi-action-settings-phone:before { content: "\e66d"; } .mdi-action-settings-power:before { content: "\e66e"; } .mdi-action-settings-remote:before { content: "\e66f"; } .mdi-action-settings-voice:before { content: "\e670"; } .mdi-action-shop:before { content: "\e671"; } .mdi-action-shopping-basket:before { content: "\e672"; } .mdi-action-shopping-cart:before { content: "\e673"; } .mdi-action-shop-two:before { content: "\e674"; } .mdi-action-speaker-notes:before { content: "\e675"; } .mdi-action-spellcheck:before { content: "\e676"; } .mdi-action-star-rate:before { content: "\e677"; } .mdi-action-stars:before { content: "\e678"; } .mdi-action-store:before { content: "\e679"; } .mdi-action-subject:before { content: "\e67a"; } .mdi-action-swap-horiz:before { content: "\e67b"; } .mdi-action-swap-vert:before { content: "\e67c"; } .mdi-action-swap-vert-circle:before { content: "\e67d"; } .mdi-action-system-update-tv:before { content: "\e67e"; } .mdi-action-tab:before { content: "\e67f"; } .mdi-action-tab-unselected:before { content: "\e680"; } .mdi-action-theaters:before { content: "\e681"; } .mdi-action-thumb-down:before { content: "\e682"; } .mdi-action-thumbs-up-down:before { content: "\e683"; } .mdi-action-thumb-up:before { content: "\e684"; } .mdi-action-toc:before { content: "\e685"; } .mdi-action-today:before { content: "\e686"; } .mdi-action-track-changes:before { content: "\e687"; } .mdi-action-translate:before { content: "\e688"; } .mdi-action-trending-down:before { content: "\e689"; } .mdi-action-trending-neutral:before { content: "\e68a"; } .mdi-action-trending-up:before { content: "\e68b"; } .mdi-action-turned-in:before { content: "\e68c"; } .mdi-action-turned-in-not:before { content: "\e68d"; } .mdi-action-verified-user:before { content: "\e68e"; } .mdi-action-view-agenda:before { content: "\e68f"; } .mdi-action-view-array:before { content: "\e690"; } .mdi-action-view-carousel:before { content: "\e691"; } .mdi-action-view-column:before { content: "\e692"; } .mdi-action-view-day:before { content: "\e693"; } .mdi-action-view-headline:before { content: "\e694"; } .mdi-action-view-list:before { content: "\e695"; } .mdi-action-view-module:before { content: "\e696"; } .mdi-action-view-quilt:before { content: "\e697"; } .mdi-action-view-stream:before { content: "\e698"; } .mdi-action-view-week:before { content: "\e699"; } .mdi-action-visibility:before { content: "\e69a"; } .mdi-action-visibility-off:before { content: "\e69b"; } .mdi-action-wallet-giftcard:before { content: "\e69c"; } .mdi-action-wallet-membership:before { content: "\e69d"; } .mdi-action-wallet-travel:before { content: "\e69e"; } .mdi-action-work:before { content: "\e69f"; } .mdi-alert-error:before { content: "\e6a0"; } .mdi-alert-warning:before { content: "\e6a1"; } .mdi-av-album:before { content: "\e6a2"; } .mdi-av-timer:before { content: "\e6a3"; } .mdi-av-closed-caption:before { content: "\e6a4"; } .mdi-av-equalizer:before { content: "\e6a5"; } .mdi-av-explicit:before { content: "\e6a6"; } .mdi-av-fast-forward:before { content: "\e6a7"; } .mdi-av-fast-rewind:before { content: "\e6a8"; } .mdi-av-games:before { content: "\e6a9"; } .mdi-av-hearing:before { content: "\e6aa"; } .mdi-av-high-quality:before { content: "\e6ab"; } .mdi-av-loop:before { content: "\e6ac"; } .mdi-av-mic:before { content: "\e6ad"; } .mdi-av-mic-none:before { content: "\e6ae"; } .mdi-av-mic-off:before { content: "\e6af"; } .mdi-av-movie:before { content: "\e6b0"; } .mdi-av-my-library-add:before { content: "\e6b1"; } .mdi-av-my-library-books:before { content: "\e6b2"; } .mdi-av-my-library-music:before { content: "\e6b3"; } .mdi-av-new-releases:before { content: "\e6b4"; } .mdi-av-not-interested:before { content: "\e6b5"; } .mdi-av-pause:before { content: "\e6b6"; } .mdi-av-pause-circle-fill:before { content: "\e6b7"; } .mdi-av-pause-circle-outline:before { content: "\e6b8"; } .mdi-av-play-arrow:before { content: "\e6b9"; } .mdi-av-play-circle-fill:before { content: "\e6ba"; } .mdi-av-play-circle-outline:before { content: "\e6bb"; } .mdi-av-playlist-add:before { content: "\e6bc"; } .mdi-av-play-shopping-bag:before { content: "\e6bd"; } .mdi-av-queue:before { content: "\e6be"; } .mdi-av-queue-music:before { content: "\e6bf"; } .mdi-av-radio:before { content: "\e6c0"; } .mdi-av-recent-actors:before { content: "\e6c1"; } .mdi-av-repeat:before { content: "\e6c2"; } .mdi-av-repeat-one:before { content: "\e6c3"; } .mdi-av-replay:before { content: "\e6c4"; } .mdi-av-shuffle:before { content: "\e6c5"; } .mdi-av-skip-next:before { content: "\e6c6"; } .mdi-av-skip-previous:before { content: "\e6c7"; } .mdi-av-snooze:before { content: "\e6c8"; } .mdi-av-stop:before { content: "\e6c9"; } .mdi-av-subtitles:before { content: "\e6ca"; } .mdi-av-surround-sound:before { content: "\e6cb"; } .mdi-av-videocam:before { content: "\e6cc"; } .mdi-av-videocam-off:before { content: "\e6cd"; } .mdi-av-video-collection:before { content: "\e6ce"; } .mdi-av-volume-down:before { content: "\e6cf"; } .mdi-av-volume-mute:before { content: "\e6d0"; } .mdi-av-volume-off:before { content: "\e6d1"; } .mdi-av-volume-up:before { content: "\e6d2"; } .mdi-av-web:before { content: "\e6d3"; } .mdi-communication-business:before { content: "\e6d4"; } .mdi-communication-call:before { content: "\e6d5"; } .mdi-communication-call-end:before { content: "\e6d6"; } .mdi-communication-call-made:before { content: "\e6d7"; } .mdi-communication-call-merge:before { content: "\e6d8"; } .mdi-communication-call-missed:before { content: "\e6d9"; } .mdi-communication-call-received:before { content: "\e6da"; } .mdi-communication-call-split:before { content: "\e6db"; } .mdi-communication-chat:before { content: "\e6dc"; } .mdi-communication-clear-all:before { content: "\e6dd"; } .mdi-communication-comment:before { content: "\e6de"; } .mdi-communication-contacts:before { content: "\e6df"; } .mdi-communication-dialer-sip:before { content: "\e6e0"; } .mdi-communication-dialpad:before { content: "\e6e1"; } .mdi-communication-dnd-on:before { content: "\e6e2"; } .mdi-communication-email:before { content: "\e6e3"; } .mdi-communication-forum:before { content: "\e6e4"; } .mdi-communication-import-export:before { content: "\e6e5"; } .mdi-communication-invert-colors-off:before { content: "\e6e6"; } .mdi-communication-invert-colors-on:before { content: "\e6e7"; } .mdi-communication-live-help:before { content: "\e6e8"; } .mdi-communication-location-off:before { content: "\e6e9"; } .mdi-communication-location-on:before { content: "\e6ea"; } .mdi-communication-message:before { content: "\e6eb"; } .mdi-communication-messenger:before { content: "\e6ec"; } .mdi-communication-no-sim:before { content: "\e6ed"; } .mdi-communication-phone:before { content: "\e6ee"; } .mdi-communication-portable-wifi-off:before { content: "\e6ef"; } .mdi-communication-quick-contacts-dialer:before { content: "\e6f0"; } .mdi-communication-quick-contacts-mail:before { content: "\e6f1"; } .mdi-communication-ring-volume:before { content: "\e6f2"; } .mdi-communication-stay-current-landscape:before { content: "\e6f3"; } .mdi-communication-stay-current-portrait:before { content: "\e6f4"; } .mdi-communication-stay-primary-landscape:before { content: "\e6f5"; } .mdi-communication-stay-primary-portrait:before { content: "\e6f6"; } .mdi-communication-swap-calls:before { content: "\e6f7"; } .mdi-communication-textsms:before { content: "\e6f8"; } .mdi-communication-voicemail:before { content: "\e6f9"; } .mdi-communication-vpn-key:before { content: "\e6fa"; } .mdi-content-add:before { content: "\e6fb"; } .mdi-content-add-box:before { content: "\e6fc"; } .mdi-content-add-circle:before { content: "\e6fd"; } .mdi-content-add-circle-outline:before { content: "\e6fe"; } .mdi-content-archive:before { content: "\e6ff"; } .mdi-content-backspace:before { content: "\e700"; } .mdi-content-block:before { content: "\e701"; } .mdi-content-clear:before { content: "\e702"; } .mdi-content-content-copy:before { content: "\e703"; } .mdi-content-content-cut:before { content: "\e704"; } .mdi-content-content-paste:before { content: "\e705"; } .mdi-content-create:before { content: "\e706"; } .mdi-content-drafts:before { content: "\e707"; } .mdi-content-filter-list:before { content: "\e708"; } .mdi-content-flag:before { content: "\e709"; } .mdi-content-forward:before { content: "\e70a"; } .mdi-content-gesture:before { content: "\e70b"; } .mdi-content-inbox:before { content: "\e70c"; } .mdi-content-link:before { content: "\e70d"; } .mdi-content-mail:before { content: "\e70e"; } .mdi-content-markunread:before { content: "\e70f"; } .mdi-content-redo:before { content: "\e710"; } .mdi-content-remove:before { content: "\e711"; } .mdi-content-remove-circle:before { content: "\e712"; } .mdi-content-remove-circle-outline:before { content: "\e713"; } .mdi-content-reply:before { content: "\e714"; } .mdi-content-reply-all:before { content: "\e715"; } .mdi-content-report:before { content: "\e716"; } .mdi-content-save:before { content: "\e717"; } .mdi-content-select-all:before { content: "\e718"; } .mdi-content-send:before { content: "\e719"; } .mdi-content-sort:before { content: "\e71a"; } .mdi-content-text-format:before { content: "\e71b"; } .mdi-content-undo:before { content: "\e71c"; } .mdi-device-access-alarm:before { content: "\e71d"; } .mdi-device-access-alarms:before { content: "\e71e"; } .mdi-device-access-time:before { content: "\e71f"; } .mdi-device-add-alarm:before { content: "\e720"; } .mdi-device-airplanemode-off:before { content: "\e721"; } .mdi-device-airplanemode-on:before { content: "\e722"; } .mdi-device-battery-20:before { content: "\e723"; } .mdi-device-battery-30:before { content: "\e724"; } .mdi-device-battery-50:before { content: "\e725"; } .mdi-device-battery-60:before { content: "\e726"; } .mdi-device-battery-80:before { content: "\e727"; } .mdi-device-battery-90:before { content: "\e728"; } .mdi-device-battery-alert:before { content: "\e729"; } .mdi-device-battery-charging-20:before { content: "\e72a"; } .mdi-device-battery-charging-30:before { content: "\e72b"; } .mdi-device-battery-charging-50:before { content: "\e72c"; } .mdi-device-battery-charging-60:before { content: "\e72d"; } .mdi-device-battery-charging-80:before { content: "\e72e"; } .mdi-device-battery-charging-90:before { content: "\e72f"; } .mdi-device-battery-charging-full:before { content: "\e730"; } .mdi-device-battery-full:before { content: "\e731"; } .mdi-device-battery-std:before { content: "\e732"; } .mdi-device-battery-unknown:before { content: "\e733"; } .mdi-device-bluetooth:before { content: "\e734"; } .mdi-device-bluetooth-connected:before { content: "\e735"; } .mdi-device-bluetooth-disabled:before { content: "\e736"; } .mdi-device-bluetooth-searching:before { content: "\e737"; } .mdi-device-brightness-auto:before { content: "\e738"; } .mdi-device-brightness-high:before { content: "\e739"; } .mdi-device-brightness-low:before { content: "\e73a"; } .mdi-device-brightness-medium:before { content: "\e73b"; } .mdi-device-data-usage:before { content: "\e73c"; } .mdi-device-developer-mode:before { content: "\e73d"; } .mdi-device-devices:before { content: "\e73e"; } .mdi-device-dvr:before { content: "\e73f"; } .mdi-device-gps-fixed:before { content: "\e740"; } .mdi-device-gps-not-fixed:before { content: "\e741"; } .mdi-device-gps-off:before { content: "\e742"; } .mdi-device-location-disabled:before { content: "\e743"; } .mdi-device-location-searching:before { content: "\e744"; } .mdi-device-multitrack-audio:before { content: "\e745"; } .mdi-device-network-cell:before { content: "\e746"; } .mdi-device-network-wifi:before { content: "\e747"; } .mdi-device-nfc:before { content: "\e748"; } .mdi-device-now-wallpaper:before { content: "\e749"; } .mdi-device-now-widgets:before { content: "\e74a"; } .mdi-device-screen-lock-landscape:before { content: "\e74b"; } .mdi-device-screen-lock-portrait:before { content: "\e74c"; } .mdi-device-screen-lock-rotation:before { content: "\e74d"; } .mdi-device-screen-rotation:before { content: "\e74e"; } .mdi-device-sd-storage:before { content: "\e74f"; } .mdi-device-settings-system-daydream:before { content: "\e750"; } .mdi-device-signal-cellular-0-bar:before { content: "\e751"; } .mdi-device-signal-cellular-1-bar:before { content: "\e752"; } .mdi-device-signal-cellular-2-bar:before { content: "\e753"; } .mdi-device-signal-cellular-3-bar:before { content: "\e754"; } .mdi-device-signal-cellular-4-bar:before { content: "\e755"; } .mdi-device-signal-cellular-connected-no-internet-0-bar:before { content: "\e756"; } .mdi-device-signal-cellular-connected-no-internet-1-bar:before { content: "\e757"; } .mdi-device-signal-cellular-connected-no-internet-2-bar:before { content: "\e758"; } .mdi-device-signal-cellular-connected-no-internet-3-bar:before { content: "\e759"; } .mdi-device-signal-cellular-connected-no-internet-4-bar:before { content: "\e75a"; } .mdi-device-signal-cellular-no-sim:before { content: "\e75b"; } .mdi-device-signal-cellular-null:before { content: "\e75c"; } .mdi-device-signal-cellular-off:before { content: "\e75d"; } .mdi-device-signal-wifi-0-bar:before { content: "\e75e"; } .mdi-device-signal-wifi-1-bar:before { content: "\e75f"; } .mdi-device-signal-wifi-2-bar:before { content: "\e760"; } .mdi-device-signal-wifi-3-bar:before { content: "\e761"; } .mdi-device-signal-wifi-4-bar:before { content: "\e762"; } .mdi-device-signal-wifi-off:before { content: "\e763"; } .mdi-device-storage:before { content: "\e764"; } .mdi-device-usb:before { content: "\e765"; } .mdi-device-wifi-lock:before { content: "\e766"; } .mdi-device-wifi-tethering:before { content: "\e767"; } .mdi-editor-attach-file:before { content: "\e768"; } .mdi-editor-attach-money:before { content: "\e769"; } .mdi-editor-border-all:before { content: "\e76a"; } .mdi-editor-border-bottom:before { content: "\e76b"; } .mdi-editor-border-clear:before { content: "\e76c"; } .mdi-editor-border-color:before { content: "\e76d"; } .mdi-editor-border-horizontal:before { content: "\e76e"; } .mdi-editor-border-inner:before { content: "\e76f"; } .mdi-editor-border-left:before { content: "\e770"; } .mdi-editor-border-outer:before { content: "\e771"; } .mdi-editor-border-right:before { content: "\e772"; } .mdi-editor-border-style:before { content: "\e773"; } .mdi-editor-border-top:before { content: "\e774"; } .mdi-editor-border-vertical:before { content: "\e775"; } .mdi-editor-format-align-center:before { content: "\e776"; } .mdi-editor-format-align-justify:before { content: "\e777"; } .mdi-editor-format-align-left:before { content: "\e778"; } .mdi-editor-format-align-right:before { content: "\e779"; } .mdi-editor-format-bold:before { content: "\e77a"; } .mdi-editor-format-clear:before { content: "\e77b"; } .mdi-editor-format-color-fill:before { content: "\e77c"; } .mdi-editor-format-color-reset:before { content: "\e77d"; } .mdi-editor-format-color-text:before { content: "\e77e"; } .mdi-editor-format-indent-decrease:before { content: "\e77f"; } .mdi-editor-format-indent-increase:before { content: "\e780"; } .mdi-editor-format-italic:before { content: "\e781"; } .mdi-editor-format-line-spacing:before { content: "\e782"; } .mdi-editor-format-list-bulleted:before { content: "\e783"; } .mdi-editor-format-list-numbered:before { content: "\e784"; } .mdi-editor-format-paint:before { content: "\e785"; } .mdi-editor-format-quote:before { content: "\e786"; } .mdi-editor-format-size:before { content: "\e787"; } .mdi-editor-format-strikethrough:before { content: "\e788"; } .mdi-editor-functions:before { content: "\e789"; } .mdi-editor-format-textdirection-l-to-r:before { content: "\e78a"; } .mdi-editor-format-underline:before { content: "\e78b"; } .mdi-editor-format-textdirection-r-to-l:before { content: "\e78c"; } .mdi-editor-insert-chart:before { content: "\e78d"; } .mdi-editor-insert-comment:before { content: "\e78e"; } .mdi-editor-insert-drive-file:before { content: "\e78f"; } .mdi-editor-insert-emoticon:before { content: "\e790"; } .mdi-editor-insert-invitation:before { content: "\e791"; } .mdi-editor-insert-link:before { content: "\e792"; } .mdi-editor-insert-photo:before { content: "\e793"; } .mdi-editor-merge-type:before { content: "\e794"; } .mdi-editor-mode-comment:before { content: "\e795"; } .mdi-editor-mode-edit:before { content: "\e796"; } .mdi-editor-publish:before { content: "\e797"; } .mdi-editor-vertical-align-bottom:before { content: "\e798"; } .mdi-editor-vertical-align-center:before { content: "\e799"; } .mdi-editor-vertical-align-top:before { content: "\e79a"; } .mdi-editor-wrap-text:before { content: "\e79b"; } .mdi-file-attachment:before { content: "\e79c"; } .mdi-file-cloud:before { content: "\e79d"; } .mdi-file-cloud-circle:before { content: "\e79e"; } .mdi-file-cloud-done:before { content: "\e79f"; } .mdi-file-cloud-download:before { content: "\e7a0"; } .mdi-file-cloud-off:before { content: "\e7a1"; } .mdi-file-cloud-queue:before { content: "\e7a2"; } .mdi-file-cloud-upload:before { content: "\e7a3"; } .mdi-file-file-download:before { content: "\e7a4"; } .mdi-file-file-upload:before { content: "\e7a5"; } .mdi-file-folder:before { content: "\e7a6"; } .mdi-file-folder-open:before { content: "\e7a7"; } .mdi-file-folder-shared:before { content: "\e7a8"; } .mdi-hardware-cast:before { content: "\e7a9"; } .mdi-hardware-cast-connected:before { content: "\e7aa"; } .mdi-hardware-computer:before { content: "\e7ab"; } .mdi-hardware-desktop-mac:before { content: "\e7ac"; } .mdi-hardware-desktop-windows:before { content: "\e7ad"; } .mdi-hardware-dock:before { content: "\e7ae"; } .mdi-hardware-gamepad:before { content: "\e7af"; } .mdi-hardware-headset:before { content: "\e7b0"; } .mdi-hardware-headset-mic:before { content: "\e7b1"; } .mdi-hardware-keyboard:before { content: "\e7b2"; } .mdi-hardware-keyboard-alt:before { content: "\e7b3"; } .mdi-hardware-keyboard-arrow-down:before { content: "\e7b4"; } .mdi-hardware-keyboard-arrow-left:before { content: "\e7b5"; } .mdi-hardware-keyboard-arrow-right:before { content: "\e7b6"; } .mdi-hardware-keyboard-arrow-up:before { content: "\e7b7"; } .mdi-hardware-keyboard-backspace:before { content: "\e7b8"; } .mdi-hardware-keyboard-capslock:before { content: "\e7b9"; } .mdi-hardware-keyboard-control:before { content: "\e7ba"; } .mdi-hardware-keyboard-hide:before { content: "\e7bb"; } .mdi-hardware-keyboard-return:before { content: "\e7bc"; } .mdi-hardware-keyboard-tab:before { content: "\e7bd"; } .mdi-hardware-keyboard-voice:before { content: "\e7be"; } .mdi-hardware-laptop:before { content: "\e7bf"; } .mdi-hardware-laptop-chromebook:before { content: "\e7c0"; } .mdi-hardware-laptop-mac:before { content: "\e7c1"; } .mdi-hardware-laptop-windows:before { content: "\e7c2"; } .mdi-hardware-memory:before { content: "\e7c3"; } .mdi-hardware-mouse:before { content: "\e7c4"; } .mdi-hardware-phone-android:before { content: "\e7c5"; } .mdi-hardware-phone-iphone:before { content: "\e7c6"; } .mdi-hardware-phonelink:before { content: "\e7c7"; } .mdi-hardware-phonelink-off:before { content: "\e7c8"; } .mdi-hardware-security:before { content: "\e7c9"; } .mdi-hardware-sim-card:before { content: "\e7ca"; } .mdi-hardware-smartphone:before { content: "\e7cb"; } .mdi-hardware-speaker:before { content: "\e7cc"; } .mdi-hardware-tablet:before { content: "\e7cd"; } .mdi-hardware-tablet-android:before { content: "\e7ce"; } .mdi-hardware-tablet-mac:before { content: "\e7cf"; } .mdi-hardware-tv:before { content: "\e7d0"; } .mdi-hardware-watch:before { content: "\e7d1"; } .mdi-image-add-to-photos:before { content: "\e7d2"; } .mdi-image-adjust:before { content: "\e7d3"; } .mdi-image-assistant-photo:before { content: "\e7d4"; } .mdi-image-audiotrack:before { content: "\e7d5"; } .mdi-image-blur-circular:before { content: "\e7d6"; } .mdi-image-blur-linear:before { content: "\e7d7"; } .mdi-image-blur-off:before { content: "\e7d8"; } .mdi-image-blur-on:before { content: "\e7d9"; } .mdi-image-brightness-1:before { content: "\e7da"; } .mdi-image-brightness-2:before { content: "\e7db"; } .mdi-image-brightness-3:before { content: "\e7dc"; } .mdi-image-brightness-4:before { content: "\e7dd"; } .mdi-image-brightness-5:before { content: "\e7de"; } .mdi-image-brightness-6:before { content: "\e7df"; } .mdi-image-brightness-7:before { content: "\e7e0"; } .mdi-image-brush:before { content: "\e7e1"; } .mdi-image-camera:before { content: "\e7e2"; } .mdi-image-camera-alt:before { content: "\e7e3"; } .mdi-image-camera-front:before { content: "\e7e4"; } .mdi-image-camera-rear:before { content: "\e7e5"; } .mdi-image-camera-roll:before { content: "\e7e6"; } .mdi-image-center-focus-strong:before { content: "\e7e7"; } .mdi-image-center-focus-weak:before { content: "\e7e8"; } .mdi-image-collections:before { content: "\e7e9"; } .mdi-image-colorize:before { content: "\e7ea"; } .mdi-image-color-lens:before { content: "\e7eb"; } .mdi-image-compare:before { content: "\e7ec"; } .mdi-image-control-point:before { content: "\e7ed"; } .mdi-image-control-point-duplicate:before { content: "\e7ee"; } .mdi-image-crop:before { content: "\e7ef"; } .mdi-image-crop-3-2:before { content: "\e7f0"; } .mdi-image-crop-5-4:before { content: "\e7f1"; } .mdi-image-crop-7-5:before { content: "\e7f2"; } .mdi-image-crop-16-9:before { content: "\e7f3"; } .mdi-image-crop-din:before { content: "\e7f4"; } .mdi-image-crop-free:before { content: "\e7f5"; } .mdi-image-crop-landscape:before { content: "\e7f6"; } .mdi-image-crop-original:before { content: "\e7f7"; } .mdi-image-crop-portrait:before { content: "\e7f8"; } .mdi-image-crop-square:before { content: "\e7f9"; } .mdi-image-dehaze:before { content: "\e7fa"; } .mdi-image-details:before { content: "\e7fb"; } .mdi-image-edit:before { content: "\e7fc"; } .mdi-image-exposure:before { content: "\e7fd"; } .mdi-image-exposure-minus-1:before { content: "\e7fe"; } .mdi-image-exposure-minus-2:before { content: "\e7ff"; } .mdi-image-exposure-plus-1:before { content: "\e800"; } .mdi-image-exposure-plus-2:before { content: "\e801"; } .mdi-image-exposure-zero:before { content: "\e802"; } .mdi-image-filter:before { content: "\e803"; } .mdi-image-filter-1:before { content: "\e804"; } .mdi-image-filter-2:before { content: "\e805"; } .mdi-image-filter-3:before { content: "\e806"; } .mdi-image-filter-4:before { content: "\e807"; } .mdi-image-filter-5:before { content: "\e808"; } .mdi-image-filter-6:before { content: "\e809"; } .mdi-image-filter-7:before { content: "\e80a"; } .mdi-image-filter-8:before { content: "\e80b"; } .mdi-image-filter-9:before { content: "\e80c"; } .mdi-image-filter-9-plus:before { content: "\e80d"; } .mdi-image-filter-b-and-w:before { content: "\e80e"; } .mdi-image-filter-center-focus:before { content: "\e80f"; } .mdi-image-filter-drama:before { content: "\e810"; } .mdi-image-filter-frames:before { content: "\e811"; } .mdi-image-filter-hdr:before { content: "\e812"; } .mdi-image-filter-none:before { content: "\e813"; } .mdi-image-filter-tilt-shift:before { content: "\e814"; } .mdi-image-filter-vintage:before { content: "\e815"; } .mdi-image-flare:before { content: "\e816"; } .mdi-image-flash-auto:before { content: "\e817"; } .mdi-image-flash-off:before { content: "\e818"; } .mdi-image-flash-on:before { content: "\e819"; } .mdi-image-flip:before { content: "\e81a"; } .mdi-image-gradient:before { content: "\e81b"; } .mdi-image-grain:before { content: "\e81c"; } .mdi-image-grid-off:before { content: "\e81d"; } .mdi-image-grid-on:before { content: "\e81e"; } .mdi-image-hdr-off:before { content: "\e81f"; } .mdi-image-hdr-on:before { content: "\e820"; } .mdi-image-hdr-strong:before { content: "\e821"; } .mdi-image-hdr-weak:before { content: "\e822"; } .mdi-image-healing:before { content: "\e823"; } .mdi-image-image:before { content: "\e824"; } .mdi-image-image-aspect-ratio:before { content: "\e825"; } .mdi-image-iso:before { content: "\e826"; } .mdi-image-landscape:before { content: "\e827"; } .mdi-image-leak-add:before { content: "\e828"; } .mdi-image-leak-remove:before { content: "\e829"; } .mdi-image-lens:before { content: "\e82a"; } .mdi-image-looks:before { content: "\e82b"; } .mdi-image-looks-3:before { content: "\e82c"; } .mdi-image-looks-4:before { content: "\e82d"; } .mdi-image-looks-5:before { content: "\e82e"; } .mdi-image-looks-6:before { content: "\e82f"; } .mdi-image-looks-one:before { content: "\e830"; } .mdi-image-looks-two:before { content: "\e831"; } .mdi-image-loupe:before { content: "\e832"; } .mdi-image-movie-creation:before { content: "\e833"; } .mdi-image-nature:before { content: "\e834"; } .mdi-image-nature-people:before { content: "\e835"; } .mdi-image-navigate-before:before { content: "\e836"; } .mdi-image-navigate-next:before { content: "\e837"; } .mdi-image-palette:before { content: "\e838"; } .mdi-image-panorama:before { content: "\e839"; } .mdi-image-panorama-fisheye:before { content: "\e83a"; } .mdi-image-panorama-horizontal:before { content: "\e83b"; } .mdi-image-panorama-vertical:before { content: "\e83c"; } .mdi-image-panorama-wide-angle:before { content: "\e83d"; } .mdi-image-photo:before { content: "\e83e"; } .mdi-image-photo-album:before { content: "\e83f"; } .mdi-image-photo-camera:before { content: "\e840"; } .mdi-image-photo-library:before { content: "\e841"; } .mdi-image-portrait:before { content: "\e842"; } .mdi-image-remove-red-eye:before { content: "\e843"; } .mdi-image-rotate-left:before { content: "\e844"; } .mdi-image-rotate-right:before { content: "\e845"; } .mdi-image-slideshow:before { content: "\e846"; } .mdi-image-straighten:before { content: "\e847"; } .mdi-image-style:before { content: "\e848"; } .mdi-image-switch-camera:before { content: "\e849"; } .mdi-image-switch-video:before { content: "\e84a"; } .mdi-image-tag-faces:before { content: "\e84b"; } .mdi-image-texture:before { content: "\e84c"; } .mdi-image-timelapse:before { content: "\e84d"; } .mdi-image-timer:before { content: "\e84e"; } .mdi-image-timer-3:before { content: "\e84f"; } .mdi-image-timer-10:before { content: "\e850"; } .mdi-image-timer-auto:before { content: "\e851"; } .mdi-image-timer-off:before { content: "\e852"; } .mdi-image-tonality:before { content: "\e853"; } .mdi-image-transform:before { content: "\e854"; } .mdi-image-tune:before { content: "\e855"; } .mdi-image-wb-auto:before { content: "\e856"; } .mdi-image-wb-cloudy:before { content: "\e857"; } .mdi-image-wb-incandescent:before { content: "\e858"; } .mdi-image-wb-irradescent:before { content: "\e859"; } .mdi-image-wb-sunny:before { content: "\e85a"; } .mdi-maps-beenhere:before { content: "\e85b"; } .mdi-maps-directions:before { content: "\e85c"; } .mdi-maps-directions-bike:before { content: "\e85d"; } .mdi-maps-directions-bus:before { content: "\e85e"; } .mdi-maps-directions-car:before { content: "\e85f"; } .mdi-maps-directions-ferry:before { content: "\e860"; } .mdi-maps-directions-subway:before { content: "\e861"; } .mdi-maps-directions-train:before { content: "\e862"; } .mdi-maps-directions-transit:before { content: "\e863"; } .mdi-maps-directions-walk:before { content: "\e864"; } .mdi-maps-flight:before { content: "\e865"; } .mdi-maps-hotel:before { content: "\e866"; } .mdi-maps-layers:before { content: "\e867"; } .mdi-maps-layers-clear:before { content: "\e868"; } .mdi-maps-local-airport:before { content: "\e869"; } .mdi-maps-local-atm:before { content: "\e86a"; } .mdi-maps-local-attraction:before { content: "\e86b"; } .mdi-maps-local-bar:before { content: "\e86c"; } .mdi-maps-local-cafe:before { content: "\e86d"; } .mdi-maps-local-car-wash:before { content: "\e86e"; } .mdi-maps-local-convenience-store:before { content: "\e86f"; } .mdi-maps-local-drink:before { content: "\e870"; } .mdi-maps-local-florist:before { content: "\e871"; } .mdi-maps-local-gas-station:before { content: "\e872"; } .mdi-maps-local-grocery-store:before { content: "\e873"; } .mdi-maps-local-hospital:before { content: "\e874"; } .mdi-maps-local-hotel:before { content: "\e875"; } .mdi-maps-local-laundry-service:before { content: "\e876"; } .mdi-maps-local-library:before { content: "\e877"; } .mdi-maps-local-mall:before { content: "\e878"; } .mdi-maps-local-movies:before { content: "\e879"; } .mdi-maps-local-offer:before { content: "\e87a"; } .mdi-maps-local-parking:before { content: "\e87b"; } .mdi-maps-local-pharmacy:before { content: "\e87c"; } .mdi-maps-local-phone:before { content: "\e87d"; } .mdi-maps-local-pizza:before { content: "\e87e"; } .mdi-maps-local-play:before { content: "\e87f"; } .mdi-maps-local-post-office:before { content: "\e880"; } .mdi-maps-local-print-shop:before { content: "\e881"; } .mdi-maps-local-restaurant:before { content: "\e882"; } .mdi-maps-local-see:before { content: "\e883"; } .mdi-maps-local-shipping:before { content: "\e884"; } .mdi-maps-local-taxi:before { content: "\e885"; } .mdi-maps-location-history:before { content: "\e886"; } .mdi-maps-map:before { content: "\e887"; } .mdi-maps-my-location:before { content: "\e888"; } .mdi-maps-navigation:before { content: "\e889"; } .mdi-maps-pin-drop:before { content: "\e88a"; } .mdi-maps-place:before { content: "\e88b"; } .mdi-maps-rate-review:before { content: "\e88c"; } .mdi-maps-restaurant-menu:before { content: "\e88d"; } .mdi-maps-satellite:before { content: "\e88e"; } .mdi-maps-store-mall-directory:before { content: "\e88f"; } .mdi-maps-terrain:before { content: "\e890"; } .mdi-maps-traffic:before { content: "\e891"; } .mdi-navigation-apps:before { content: "\e892"; } .mdi-navigation-arrow-back:before { content: "\e893"; } .mdi-navigation-arrow-drop-down:before { content: "\e894"; } .mdi-navigation-arrow-drop-down-circle:before { content: "\e895"; } .mdi-navigation-arrow-drop-up:before { content: "\e896"; } .mdi-navigation-arrow-forward:before { content: "\e897"; } .mdi-navigation-cancel:before { content: "\e898"; } .mdi-navigation-check:before { content: "\e899"; } .mdi-navigation-chevron-left:before { content: "\e89a"; } .mdi-navigation-chevron-right:before { content: "\e89b"; } .mdi-navigation-close:before { content: "\e89c"; } .mdi-navigation-expand-less:before { content: "\e89d"; } .mdi-navigation-expand-more:before { content: "\e89e"; } .mdi-navigation-fullscreen:before { content: "\e89f"; } .mdi-navigation-fullscreen-exit:before { content: "\e8a0"; } .mdi-navigation-menu:before { content: "\e8a1"; } .mdi-navigation-more-horiz:before { content: "\e8a2"; } .mdi-navigation-more-vert:before { content: "\e8a3"; } .mdi-navigation-refresh:before { content: "\e8a4"; } .mdi-navigation-unfold-less:before { content: "\e8a5"; } .mdi-navigation-unfold-more:before { content: "\e8a6"; } .mdi-notification-adb:before { content: "\e8a7"; } .mdi-notification-bluetooth-audio:before { content: "\e8a8"; } .mdi-notification-disc-full:before { content: "\e8a9"; } .mdi-notification-dnd-forwardslash:before { content: "\e8aa"; } .mdi-notification-do-not-disturb:before { content: "\e8ab"; } .mdi-notification-drive-eta:before { content: "\e8ac"; } .mdi-notification-event-available:before { content: "\e8ad"; } .mdi-notification-event-busy:before { content: "\e8ae"; } .mdi-notification-event-note:before { content: "\e8af"; } .mdi-notification-folder-special:before { content: "\e8b0"; } .mdi-notification-mms:before { content: "\e8b1"; } .mdi-notification-more:before { content: "\e8b2"; } .mdi-notification-network-locked:before { content: "\e8b3"; } .mdi-notification-phone-bluetooth-speaker:before { content: "\e8b4"; } .mdi-notification-phone-forwarded:before { content: "\e8b5"; } .mdi-notification-phone-in-talk:before { content: "\e8b6"; } .mdi-notification-phone-locked:before { content: "\e8b7"; } .mdi-notification-phone-missed:before { content: "\e8b8"; } .mdi-notification-phone-paused:before { content: "\e8b9"; } .mdi-notification-play-download:before { content: "\e8ba"; } .mdi-notification-play-install:before { content: "\e8bb"; } .mdi-notification-sd-card:before { content: "\e8bc"; } .mdi-notification-sim-card-alert:before { content: "\e8bd"; } .mdi-notification-sms:before { content: "\e8be"; } .mdi-notification-sms-failed:before { content: "\e8bf"; } .mdi-notification-sync:before { content: "\e8c0"; } .mdi-notification-sync-disabled:before { content: "\e8c1"; } .mdi-notification-sync-problem:before { content: "\e8c2"; } .mdi-notification-system-update:before { content: "\e8c3"; } .mdi-notification-tap-and-play:before { content: "\e8c4"; } .mdi-notification-time-to-leave:before { content: "\e8c5"; } .mdi-notification-vibration:before { content: "\e8c6"; } .mdi-notification-voice-chat:before { content: "\e8c7"; } .mdi-notification-vpn-lock:before { content: "\e8c8"; } .mdi-social-cake:before { content: "\e8c9"; } .mdi-social-domain:before { content: "\e8ca"; } .mdi-social-group:before { content: "\e8cb"; } .mdi-social-group-add:before { content: "\e8cc"; } .mdi-social-location-city:before { content: "\e8cd"; } .mdi-social-mood:before { content: "\e8ce"; } .mdi-social-notifications:before { content: "\e8cf"; } .mdi-social-notifications-none:before { content: "\e8d0"; } .mdi-social-notifications-off:before { content: "\e8d1"; } .mdi-social-notifications-on:before { content: "\e8d2"; } .mdi-social-notifications-paused:before { content: "\e8d3"; } .mdi-social-pages:before { content: "\e8d4"; } .mdi-social-party-mode:before { content: "\e8d5"; } .mdi-social-people:before { content: "\e8d6"; } .mdi-social-people-outline:before { content: "\e8d7"; } .mdi-social-person:before { content: "\e8d8"; } .mdi-social-person-add:before { content: "\e8d9"; } .mdi-social-person-outline:before { content: "\e8da"; } .mdi-social-plus-one:before { content: "\e8db"; } .mdi-social-poll:before { content: "\e8dc"; } .mdi-social-public:before { content: "\e8dd"; } .mdi-social-school:before { content: "\e8de"; } .mdi-social-share:before { content: "\e8df"; } .mdi-social-whatshot:before { content: "\e8e0"; } .mdi-toggle-check-box:before { content: "\e8e1"; } .mdi-toggle-check-box-outline-blank:before { content: "\e8e2"; } .mdi-toggle-radio-button-off:before { content: "\e8e3"; } .mdi-toggle-radio-button-on:before { content: "\e8e4"; } .container { padding: 0 1.5rem; margin: 0 auto; max-width: 1280px; width: 90%; } @media only screen and (min-width : 601px) { .container { width: 85%; } } @media only screen and (min-width : 993px) { .container { width: 70%; } } .container .row { margin-left: -0.75rem; margin-right: -0.75rem; } .section { padding-top: 1rem; padding-bottom: 1rem; } .section.no-pad { padding: 0; } .section.no-pad-bot { padding-bottom: 0; } .section.no-pad-top { padding-top: 0; } .row { margin-left: auto; margin-right: auto; margin-bottom: 20px; } .row:after { content: ""; display: table; clear: both; } .row .col { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0.75rem; } .row .col.s1 { width: 8.33333%; margin-left: 0; } .row .col.s2 { width: 16.66667%; margin-left: 0; } .row .col.s3 { width: 25%; margin-left: 0; } .row .col.s4 { width: 33.33333%; margin-left: 0; } .row .col.s5 { width: 41.66667%; margin-left: 0; } .row .col.s6 { width: 50%; margin-left: 0; } .row .col.s7 { width: 58.33333%; margin-left: 0; } .row .col.s8 { width: 66.66667%; margin-left: 0; } .row .col.s9 { width: 75%; margin-left: 0; } .row .col.s10 { width: 83.33333%; margin-left: 0; } .row .col.s11 { width: 91.66667%; margin-left: 0; } .row .col.s12 { width: 100%; margin-left: 0; } .row .col.offset-s1 { margin-left: 8.33333%; } .row .col.offset-s2 { margin-left: 16.66667%; } .row .col.offset-s3 { margin-left: 25%; } .row .col.offset-s4 { margin-left: 33.33333%; } .row .col.offset-s5 { margin-left: 41.66667%; } .row .col.offset-s6 { margin-left: 50%; } .row .col.offset-s7 { margin-left: 58.33333%; } .row .col.offset-s8 { margin-left: 66.66667%; } .row .col.offset-s9 { margin-left: 75%; } .row .col.offset-s10 { margin-left: 83.33333%; } .row .col.offset-s11 { margin-left: 91.66667%; } .row .col.offset-s12 { margin-left: 100%; } @media only screen and (min-width : 601px) { .row .col.m1 { width: 8.33333%; margin-left: 0; } .row .col.m2 { width: 16.66667%; margin-left: 0; } .row .col.m3 { width: 25%; margin-left: 0; } .row .col.m4 { width: 33.33333%; margin-left: 0; } .row .col.m5 { width: 41.66667%; margin-left: 0; } .row .col.m6 { width: 50%; margin-left: 0; } .row .col.m7 { width: 58.33333%; margin-left: 0; } .row .col.m8 { width: 66.66667%; margin-left: 0; } .row .col.m9 { width: 75%; margin-left: 0; } .row .col.m10 { width: 83.33333%; margin-left: 0; } .row .col.m11 { width: 91.66667%; margin-left: 0; } .row .col.m12 { width: 100%; margin-left: 0; } .row .col.offset-m1 { margin-left: 8.33333%; } .row .col.offset-m2 { margin-left: 16.66667%; } .row .col.offset-m3 { margin-left: 25%; } .row .col.offset-m4 { margin-left: 33.33333%; } .row .col.offset-m5 { margin-left: 41.66667%; } .row .col.offset-m6 { margin-left: 50%; } .row .col.offset-m7 { margin-left: 58.33333%; } .row .col.offset-m8 { margin-left: 66.66667%; } .row .col.offset-m9 { margin-left: 75%; } .row .col.offset-m10 { margin-left: 83.33333%; } .row .col.offset-m11 { margin-left: 91.66667%; } .row .col.offset-m12 { margin-left: 100%; } } @media only screen and (min-width : 993px) { .row .col.l1 { width: 8.33333%; margin-left: 0; } .row .col.l2 { width: 16.66667%; margin-left: 0; } .row .col.l3 { width: 25%; margin-left: 0; } .row .col.l4 { width: 33.33333%; margin-left: 0; } .row .col.l5 { width: 41.66667%; margin-left: 0; } .row .col.l6 { width: 50%; margin-left: 0; } .row .col.l7 { width: 58.33333%; margin-left: 0; } .row .col.l8 { width: 66.66667%; margin-left: 0; } .row .col.l9 { width: 75%; margin-left: 0; } .row .col.l10 { width: 83.33333%; margin-left: 0; } .row .col.l11 { width: 91.66667%; margin-left: 0; } .row .col.l12 { width: 100%; margin-left: 0; } .row .col.offset-l1 { margin-left: 8.33333%; } .row .col.offset-l2 { margin-left: 16.66667%; } .row .col.offset-l3 { margin-left: 25%; } .row .col.offset-l4 { margin-left: 33.33333%; } .row .col.offset-l5 { margin-left: 41.66667%; } .row .col.offset-l6 { margin-left: 50%; } .row .col.offset-l7 { margin-left: 58.33333%; } .row .col.offset-l8 { margin-left: 66.66667%; } .row .col.offset-l9 { margin-left: 75%; } .row .col.offset-l10 { margin-left: 83.33333%; } .row .col.offset-l11 { margin-left: 91.66667%; } .row .col.offset-l12 { margin-left: 100%; } } nav { color: #fff; background-color: #ee6e73; width: 100%; height: 56px; line-height: 56px; overflow: hidden; } nav a { color: #fff; } nav .nav-wrapper { position: relative; height: 100%; } nav .nav-wrapper i { font-size: 2rem; } @media only screen and (min-width : 993px) { nav a.button-collapse { display: none; } } nav a.button-collapse { float: left; position: relative; z-index: 1; height: 56px; color: #fff; } nav a.button-collapse i { font-size: 2.7rem; height: 56px; line-height: 56px; } nav .brand-logo { position: absolute; color: #fff; display: inline-block; font-size: 2.1rem; padding: 0; } nav .brand-logo.center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width : 992px) { nav .brand-logo { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } nav .brand-logo.right { right: 0.5rem; padding: 0; } nav ul { margin: 0; } nav ul li { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -ms-transition: background-color 0.3s; transition: background-color 0.3s; float: left; padding: 0px; } nav ul li:hover, nav ul li.active { background-color: rgba(0, 0, 0, 0.1); } nav ul a { font-size: 1rem; color: #fff; display: inline-block; padding: 0px 15px; } nav ul.left { float: left; } nav .input-field { margin: 0; } nav .input-field input { height: 100%; font-size: 1.2rem; border: none; padding-left: 2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } nav .input-field label { top: 0; left: 0; } nav .input-field label i { color: rgba(255, 255, 255, 0.7); -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; } nav .input-field label.active i { color: #fff; } nav .input-field label.active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .navbar-fixed { position: relative; height: 56px; z-index: 998; } .navbar-fixed nav { position: fixed; } @media only screen and (min-width : 601px) { nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i { height: 64px; line-height: 64px; } .navbar-fixed { height: 64px; } } @font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Thin.ttf"); font-weight: 200; } @font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Light.ttf"); font-weight: 300; } @font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Regular.ttf"); font-weight: 400; } @font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Medium.ttf"); font-weight: 500; } @font-face { font-family: "Roboto"; src: url("../font/roboto/Roboto-Bold.ttf"); font-weight: 700; } a { text-decoration: none; } html { line-height: 1.5; font-family: "Roboto", sans-serif; font-weight: normal; color: rgba(0, 0, 0, 0.87); } @media only screen and (min-width: 0) { html { font-size: 14px; } } @media only screen and (min-width: 992px) { html { font-size: 14.5px; } } @media only screen and (min-width: 1200px) { html { font-size: 15px; } } h1, h2, h3, h4, h5, h6 { font-weight: 400; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 4.2rem; line-height: 4.62rem; margin: 2.1rem 0 1.68rem 0; } h2 { font-size: 3.56rem; line-height: 3.916rem; margin: 1.78rem 0 1.424rem 0; } h3 { font-size: 2.92rem; line-height: 3.212rem; margin: 1.46rem 0 1.168rem 0; } h4 { font-size: 2.28rem; line-height: 2.508rem; margin: 1.14rem 0 0.912rem 0; } h5 { font-size: 1.64rem; line-height: 1.804rem; margin: 0.82rem 0 0.656rem 0; } h6 { font-size: 1rem; line-height: 1.1rem; margin: 0.5rem 0 0.4rem 0; } em { font-style: italic; } strong { font-weight: 500; } small { font-size: 75%; } .light, footer.page-footer .footer-copyright { font-weight: 300; } .flow-text { font-weight: 300; } @media only screen and (min-width: 360px) { .flow-text { font-size: 1.2rem; } } @media only screen and (min-width: 0px) { .flow-text { line-height: 0.8rem; } } @media only screen and (min-width: 390px) { .flow-text { font-size: 1.224rem; } } @media only screen and (min-width: 30px) { .flow-text { line-height: 0.904rem; } } @media only screen and (min-width: 420px) { .flow-text { font-size: 1.248rem; } } @media only screen and (min-width: 60px) { .flow-text { line-height: 1.008rem; } } @media only screen and (min-width: 450px) { .flow-text { font-size: 1.272rem; } } @media only screen and (min-width: 90px) { .flow-text { line-height: 1.112rem; } } @media only screen and (min-width: 480px) { .flow-text { font-size: 1.296rem; } } @media only screen and (min-width: 120px) { .flow-text { line-height: 1.216rem; } } @media only screen and (min-width: 510px) { .flow-text { font-size: 1.32rem; } } @media only screen and (min-width: 150px) { .flow-text { line-height: 1.32rem; } } @media only screen and (min-width: 540px) { .flow-text { font-size: 1.344rem; } } @media only screen and (min-width: 180px) { .flow-text { line-height: 1.424rem; } } @media only screen and (min-width: 570px) { .flow-text { font-size: 1.368rem; } } @media only screen and (min-width: 210px) { .flow-text { line-height: 1.528rem; } } @media only screen and (min-width: 600px) { .flow-text { font-size: 1.392rem; } } @media only screen and (min-width: 240px) { .flow-text { line-height: 1.632rem; } } @media only screen and (min-width: 630px) { .flow-text { font-size: 1.416rem; } } @media only screen and (min-width: 270px) { .flow-text { line-height: 1.736rem; } } @media only screen and (min-width: 660px) { .flow-text { font-size: 1.44rem; } } @media only screen and (min-width: 300px) { .flow-text { line-height: 1.84rem; } } @media only screen and (min-width: 690px) { .flow-text { font-size: 1.464rem; } } @media only screen and (min-width: 330px) { .flow-text { line-height: 1.944rem; } } @media only screen and (min-width: 720px) { .flow-text { font-size: 1.488rem; } } @media only screen and (min-width: 360px) { .flow-text { line-height: 2.048rem; } } @media only screen and (min-width: 750px) { .flow-text { font-size: 1.512rem; } } @media only screen and (min-width: 390px) { .flow-text { line-height: 2.152rem; } } @media only screen and (min-width: 780px) { .flow-text { font-size: 1.536rem; } } @media only screen and (min-width: 420px) { .flow-text { line-height: 2.256rem; } } @media only screen and (min-width: 810px) { .flow-text { font-size: 1.56rem; } } @media only screen and (min-width: 450px) { .flow-text { line-height: 2.36rem; } } @media only screen and (min-width: 840px) { .flow-text { font-size: 1.584rem; } } @media only screen and (min-width: 480px) { .flow-text { line-height: 2.464rem; } } @media only screen and (min-width: 870px) { .flow-text { font-size: 1.608rem; } } @media only screen and (min-width: 510px) { .flow-text { line-height: 2.568rem; } } @media only screen and (min-width: 900px) { .flow-text { font-size: 1.632rem; } } @media only screen and (min-width: 540px) { .flow-text { line-height: 2.672rem; } } @media only screen and (min-width: 930px) { .flow-text { font-size: 1.656rem; } } @media only screen and (min-width: 570px) { .flow-text { line-height: 2.776rem; } } @media only screen and (min-width: 960px) { .flow-text { font-size: 1.68rem; } } @media only screen and (min-width: 600px) { .flow-text { line-height: 2.88rem; } } .card-panel { padding: 20px; margin: 0.5rem 0 1rem 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; background-color: #fff; } .card { position: relative; overflow: hidden; margin: 0.5rem 0 1rem 0; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; } .card .card-title { color: #fff; font-size: 24px; font-weight: 300; } .card .card-title.activator { cursor: pointer; } .card a { color: #ffab40; margin-right: 20px; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; text-transform: uppercase; } .card a:hover { color: #ffd8a6; } .card.small, .card.medium, .card.large { position: relative; } .card.small .card-image, .card.medium .card-image, .card.large .card-image { overflow: hidden; } .card.small .card-content, .card.medium .card-content, .card.large .card-content { overflow: hidden; } .card.small .card-action, .card.medium .card-action, .card.large .card-action { position: absolute; bottom: 0; left: 0; right: 0; } .card.small { height: 300px; } .card.small .card-image { height: 150px; } .card.small .card-content { height: 150px; } .card.medium { height: 400px; } .card.medium .card-image { height: 250px; } .card.medium .card-content { height: 150px; } .card.large { height: 500px; } .card.large .card-image { height: 330px; } .card.large .card-content { height: 170px; } .card .card-image { position: relative; } .card .card-image img { -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; background-clip: padding-box; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; } .card .card-image .card-title { position: absolute; bottom: 0; left: 0; padding: 20px; } .card .card-content { padding: 20px; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .card .card-content p { margin: 0; color: inherit; } .card .card-content .card-title { line-height: 48px; } .card .card-action { border-top: 1px solid rgba(160, 160, 160, 0.2); padding: 20px; } .card .card-reveal { padding: 20px; position: absolute; background-color: #FFF; width: 100%; overflow-y: auto; top: 100%; height: 100%; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .card .card-reveal .card-title { cursor: pointer; display: block; } #toast-container { display: block; position: fixed; z-index: 1001; } @media only screen and (max-width : 600px) { #toast-container { min-width: 100%; bottom: 0%; } } @media only screen and (min-width : 601px) and (max-width : 992px) { #toast-container { min-width: 30%; left: 5%; bottom: 7%; } } @media only screen and (min-width : 993px) { #toast-container { min-width: 8%; top: 10%; right: 7%; } } .toast { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; top: 0px; width: auto; clear: both; margin-top: 10px; position: relative; max-width: 100%; height: 48px; line-height: 48px; background-color: #323232; padding: 0px 25px; font-size: 1.1rem; font-weight: 300; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .toast .btn, .toast .btn-large, .toast .btn-flat { margin: 0; margin-left: 3rem; } .toast.rounded { border-radius: 24px; } @media only screen and (max-width : 600px) { .toast { width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-clip: padding-box; } } @media only screen and (min-width : 601px) and (max-width : 992px) { .toast { float: left; } } @media only screen and (min-width : 993px) { .toast { float: right; } } .tabs { position: relative; height: 48px; background-color: #FFF; margin: 0 auto; width: 100%; white-space: nowrap; } .tabs li.tab { display: block; float: left; text-align: center; background-color: #fff; line-height: 48px; height: 48px; padding: 0 20px; margin: 0; text-transform: uppercase; letter-spacing: 0.8px; width: 15%; } .tabs li.tab a { color: #ee6e73; display: block; width: 100%; height: 100%; -webkit-transition: color 0.28s ease; -moz-transition: color 0.28s ease; -o-transition: color 0.28s ease; -ms-transition: color 0.28s ease; transition: color 0.28s ease; } .tabs li.tab a:hover { color: #f9c9cb; } .tabs .indicator { position: absolute; bottom: 0; height: 2px; background-color: #f6b2b5; will-change: left, right; } ul.tabs li.tab { padding: 0; } .material-tooltip { padding: 10px 8px; font-size: 1rem; z-index: 1000; background-color: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; color: #fff; min-height: 36px; line-height: 1rem; opacity: 0; display: none; position: absolute; text-align: center; overflow: hidden; left: 0; top: 0; will-change: top, left; } .backdrop { position: absolute; opacity: 0; display: none; height: 7px; width: 14px; -webkit-border-radius: 0 0 14px 14px; -moz-border-radius: 0 0 14px 14px; border-radius: 0 0 14px 14px; background-clip: padding-box; background-color: #323232; z-index: -1; -webkit-transform-origin: 50% 10%; -moz-transform-origin: 50% 10%; -ms-transform-origin: 50% 10%; -o-transform-origin: 50% 10%; transform-origin: 50% 10%; will-change: transform, opacity; } .btn, .btn-large, .btn-flat { display: inline-block; height: 36px; margin-bottom: 15px; padding: 0 2rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; line-height: 36px; text-transform: uppercase; border: none; outline: 0; -webkit-tap-highlight-color: transparent; } .btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn:disabled, .btn-large:disabled, .btn-large:disabled, .btn-floating:disabled { background-color: #DFDFDF; box-shadow: none; color: #9F9F9F; cursor: default; } .btn.disabled:hover, .disabled.btn-large:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-large:disabled:hover, .btn-floating:disabled:hover { background-color: #DFDFDF; color: #9F9F9F; } .btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i { font-size: 1.3rem; line-height: inherit; } .btn, .btn-large { text-decoration: none; color: #FFF; background-color: #26a69a; text-align: center; letter-spacing: 0.5px; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; -ms-transition: 0.2s ease-out; transition: 0.2s ease-out; cursor: pointer; } .btn:hover, .btn-large:hover { background-color: #2bbbad; } .btn-floating { display: inline-block; color: #FFF; position: relative; z-index: 1; width: 37px; height: 37px; line-height: 37px; padding: 0; background-color: #26a69a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: padding-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; cursor: pointer; } .btn-floating i { width: inherit; display: inline-block; text-align: center; color: #FFF; font-size: 1.6rem; line-height: 37px; } .btn-floating.btn-large { width: 55.5px; height: 55.5px; } .btn-floating.btn-large i { line-height: 55.5px; } .fixed-action-btn { position: fixed; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0; z-index: 1000; } .fixed-action-btn ul { left: 0; right: 0; text-align: center; position: absolute; bottom: 64px; } .fixed-action-btn ul li { margin-bottom: 15px; } .fixed-action-btn ul a.btn-floating { -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})"; filter: "alpha(opacity=(${iefactor}))"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .btn-flat { box-shadow: none; background-color: transparent; color: #343434; cursor: pointer; } .btn-flat.disabled { color: #b3b3b3; cursor: default; } .btn-large { height: 54px; line-height: 56px; } .btn-large i { font-size: 1.6rem; } .dropdown-content { display: none; position: absolute; background-color: #FFFFFF; margin: 0px; min-width: 100px; z-index: 1000; max-height: 70%; opacity: 0; overflow-y: hidden; will-change: width, height; } .dropdown-content li { cursor: pointer; font-size: 1.2rem; color: rgba(0, 0, 0, 0.87); line-height: 1.5rem; } .dropdown-content li:hover, .dropdown-content li.active { background-color: rgba(0, 0, 0, 0.06); } .dropdown-content li > a, .dropdown-content li > span { display: block; padding: 1rem 1rem; color: #26a69a; } /*! * Waves v0.6.0 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; transition: all 0.7s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); } .waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); } .waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); } .waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); } .waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); } .waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); } .waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); } .waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; } .waves-block { display: block; } /* Firefox Bug: link not triggered */ a.waves-effect .waves-ripple { z-index: -1; } .modal { display: none; position: fixed; left: 0; right: 0; background-color: #eee; padding: 0; max-height: 70%; width: 55%; margin: auto; overflow-y: auto; z-index: 1000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-clip: padding-box; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); will-change: top, opacity; } @media only screen and (max-width : 992px) { .modal { width: 80%; } } .modal h1, .modal h2, .modal h3, .modal h4 { margin-top: 0; } .modal .modal-content { padding: 24px; } .modal .modal-footer { background-color: #eee; padding: 4px 6px; height: 56px; width: 100%; } .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat { float: right; margin: 6px 0; } #lean-overlay { position: fixed; z-index: 999; top: 0; left: 0; bottom: 0; right: 0; height: 115%; width: 100%; background: #000; display: none; will-change: opacity; } .modal.modal-fixed-footer { padding: 0; height: 70%; } .modal.modal-fixed-footer .modal-content { position: fixed; max-height: 100%; padding-bottom: 64px; width: 100%; overflow-y: auto; } .modal.modal-fixed-footer .modal-footer { border-top: 1px solid rgba(0, 0, 0, 0.1); position: fixed; bottom: 0; } .collapsible { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0.5rem 0 1rem 0; } .collapsible li { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } .collapsible-header { display: block; cursor: pointer; height: 3rem; line-height: 3rem; padding: 0 1rem; background-color: #fff; border-bottom: 1px solid #ddd; } .collapsible-header i { width: 2rem; font-size: 1.6rem; line-height: 3rem; display: block; float: left; text-align: center; margin-right: 1rem; } .collapsible-body { overflow: hidden; display: none; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .collapsible-body p { margin: 0; padding: 2rem; } ul.side-nav ul.collapsible { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } ul.side-nav ul.collapsible li { padding: 0; } ul.side-nav .collapsible-header { background-color: transparent; border: none; line-height: inherit; height: inherit; margin: 0 1rem; } ul.side-nav .collapsible-header i { line-height: inherit; } ul.side-nav .collapsible-body { border: 0; background-color: #FFF; } ul.side-nav .collapsible-body li a { margin: 0 1rem 0 2rem; } li.no-padding { padding: 0 !important; } .materialboxed { cursor: zoom-in; position: relative; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; -ms-transition: opacity 0.4s; transition: opacity 0.4s; } .materialboxed:hover { will-change: left, top, width, height; } .materialboxed:hover:not(.active) { -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})"; filter: "alpha(opacity=(${iefactor}))"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .materialboxed.active { cursor: zoom-out; } #materialbox-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #292929; z-index: 999; will-change: opacity; } .materialbox-caption { position: fixed; display: none; color: #fff; line-height: 50px; bottom: 0px; width: 100%; box-sizing: border-box; text-align: center; padding: 0% 15%; height: 50px; z-index: 1000; -webkit-font-smoothing: antialiased; } /* Remove Focus Boxes */ select:focus { outline: 1px solid #f8c1c3; } button:focus { outline: none; background-color: #2ab7a9; } label { font-size: 0.8rem; color: #9e9e9e; } /*************************** Text Inputs + Textarea ****************************/ .input-field { position: relative; margin-top: 1rem; } .input-field label { color: #9e9e9e; position: absolute; top: 0.8rem; left: 0.75rem; font-size: 1rem; cursor: text; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; -ms-transition: 0.2s ease-out; transition: 0.2s ease-out; } .input-field label.active { font-size: 0.8rem; -webkit-transform: translateY(-140%); -moz-transform: translateY(-140%); -ms-transform: translateY(-140%); -o-transform: translateY(-140%); transform: translateY(-140%); } .input-field input[type=text]:focus + label, .input-field input[type=password]:focus + label, .input-field input[type=email]:focus + label, .input-field input[type=url]:focus + label, .input-field input[type=date]:focus + label, .input-field input[type=tel]:focus + label, .input-field input[type=number]:focus + label, .input-field input[type=search]:focus + label, .input-field textarea:focus.materialize-textarea + label { color: #26a69a; } .input-field input[type=text].valid, .input-field input[type=password].valid, .input-field input[type=email].valid, .input-field input[type=url].valid, .input-field input[type=date].valid, .input-field input[type=tel].valid, .input-field input[type=number].valid, .input-field input[type=search].valid, .input-field textarea.materialize-textarea.valid { border-bottom: 1px solid #4CAF50; -webkit-box-shadow: 0 1px 0 0 #4CAF50; -moz-box-shadow: 0 1px 0 0 #4CAF50; box-shadow: 0 1px 0 0 #4CAF50; } .input-field input[type=text].invalid, .input-field input[type=password].invalid, .input-field input[type=email].invalid, .input-field input[type=url].invalid, .input-field input[type=date].invalid, .input-field input[type=tel].invalid, .input-field input[type=number].invalid, .input-field input[type=search].invalid, .input-field textarea.materialize-textarea.invalid { border-bottom: 1px solid #F44336; -webkit-box-shadow: 0 1px 0 0 #F44336; -moz-box-shadow: 0 1px 0 0 #F44336; box-shadow: 0 1px 0 0 #F44336; } .input-field .prefix { position: absolute; width: 3rem; font-size: 2rem; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; } .input-field .prefix.active { color: #26a69a; } .input-field .prefix ~ input, .input-field .prefix ~ textarea { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } .input-field .prefix ~ textarea { padding-top: 0.8rem; } .input-field .prefix ~ label { margin-left: 3rem; } @media only screen and (max-width : 992px) { .input-field .prefix ~ input { width: 86%; width: calc(100% - 3rem); } } @media only screen and (max-width : 600px) { .input-field .prefix ~ input { width: 80%; width: calc(100% - 3rem); } } textarea { width: 100%; height: 3rem; background-color: transparent; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=date], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; outline: none; height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 15px 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=date]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=search]:focus, textarea:focus.materialize-textarea { border-bottom: 1px solid #26a69a; -webkit-box-shadow: 0 1px 0 0 #26a69a; -moz-box-shadow: 0 1px 0 0 #26a69a; box-shadow: 0 1px 0 0 #26a69a; } textarea.materialize-textarea { overflow-y: hidden; /* prevents scroll bar flash */ padding: 1.6rem 0; /* prevents text jump on Enter keypress */ resize: none; min-height: 3rem; } .hiddendiv { display: none; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */ padding-top: 1.2rem; /* prevents text jump on Enter keypress */ } /*************** Radio Buttons ***************/ /* Remove default Radio Buttons */ [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px; } [type="radio"]:not(:checked) + label, [type="radio"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; -webkit-transition: 0.28s ease; -moz-transition: 0.28s ease; -o-transition: 0.28s ease; -ms-transition: 0.28s ease; transition: 0.28s ease; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } [type="radio"] + label:before, [type="radio"] + label:after { content: ''; position: absolute; left: 0px; top: 0px; margin: 4px; width: 16px; height: 16px; z-index: 0; -webkit-transition: 0.28s ease; -moz-transition: 0.28s ease; -o-transition: 0.28s ease; -ms-transition: 0.28s ease; transition: 0.28s ease; } /* Unchecked styles */ [type="radio"]:not(:checked) + label:before { border-radius: 50%; border: 2px solid #5a5a5a; } [type="radio"]:not(:checked) + label:after { border-radius: 50%; border: 2px solid #5a5a5a; z-index: -1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } /* Checked styles */ [type="radio"]:checked + label:before { border-radius: 50%; border: 2px solid transparent; } [type="radio"]:checked + label:after { border-radius: 50%; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } /* Radio With gap */ [type="radio"].with-gap:checked + label:before { border-radius: 50%; border: 2px solid #26a69a; } [type="radio"].with-gap:checked + label:after { border-radius: 50%; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } /* Disabled style */ [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled + label { color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled:not(:checked) + label:hover:before { border-color: rgba(0, 0, 0, 0.26); } /*************** Checkboxes ***************/ /* CUSTOM CSS CHECKBOXES */ form p { margin-bottom: 10px; text-align: left; } form p:last-child { margin-bottom: 0px; } /* Remove default checkbox */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } /* checkbox aspect */ [type="checkbox"] + label:before { content: ''; position: absolute; margin-top: 2px; left: 0; z-index: 0; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-clip: padding-box; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } /* Unchecked styles */ [type="checkbox"]:not(:checked) + label:before { top: 0px; width: 18px; height: 18px; border: 2px solid #5a5a5a; } /* Checked styles */ [type="checkbox"]:checked + label:before { left: -3px; top: -4px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #26a69a; border-bottom: 2px solid #26a69a; -webkit-transform: rotateZ(40deg); -moz-transform: rotateZ(40deg); -ms-transform: rotateZ(40deg); -o-transform: rotateZ(40deg); transform: rotateZ(40deg); -webkit-backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } /* disabled checkbox */ [type="checkbox"]:disabled:not(:checked) + label:before { top: 0; left: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0.26); width: 18px; height: 18px; border: 2px solid rgba(0, 0, 0, 0.26); -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } [type="checkbox"]:disabled:checked + label:before { left: -3px; top: -4px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid rgba(0, 0, 0, 0.26); border-bottom: 2px solid rgba(0, 0, 0, 0.26); -webkit-transform: rotateZ(40deg); -moz-transform: rotateZ(40deg); -ms-transform: rotateZ(40deg); -o-transform: rotateZ(40deg); transform: rotateZ(40deg); -webkit-backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"]:disabled:checked + label { color: rgba(0, 0, 0, 0.26); } [type="checkbox"]:disabled:not(:checked) + label:hover:before { border-color: rgba(0, 0, 0, 0.26); } /*************** Switch ***************/ .switch, .switch * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .switch label { cursor: pointer; } .switch label input[type=checkbox] { opacity: 0; width: 0; height: 0; } .switch label input[type=checkbox]:checked + .lever { background-color: #84c7c1; } .switch label input[type=checkbox]:checked + .lever:after { background-color: #26a69a; } .switch label .lever { content: ""; display: inline-block; position: relative; width: 40px; height: 15px; background-color: #818181; border-radius: 15px; margin-right: 10px; transition: background 0.3s ease; vertical-align: middle; margin: 0px 16px; } .switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 21px; height: 21px; background-color: #F1F1F1; border-radius: 21px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); left: -5px; top: -3px; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; } input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); } input[type=checkbox]:not(:disabled) ~ .lever:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); } .switch label input[type=checkbox]:checked + .lever:after { left: 24px; } .switch input[type=checkbox][disabled] + .lever { cursor: default; } .switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after { background-color: #BDBDBD; } /*************** Select Field ***************/ .select-label { position: absolute; } .select-wrapper { position: relative; margin-top: 15px; } .select-wrapper input.select-dropdown { position: relative; cursor: pointer; color: #444; background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; outline: none; height: 3rem; line-height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 15px 0; padding: 0; display: block; } .select-wrapper .mdi-navigation-arrow-drop-down { position: absolute; right: 0; top: 0; font-size: 23px; } select { display: none; } select.browser-default { display: block; } select:disabled { color: rgba(0, 0, 0, 0.3); } .select-wrapper input.select-dropdown:disabled { color: rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .select-wrapper i { color: rgba(0, 0, 0, 0.3); } .select-dropdown li.disabled { color: rgba(0, 0, 0, 0.3); } .select-dropdown li.disabled:hover { background-color: transparent; } /********************* File Input **********************/ .file-field { position: relative; overflow: hidden; } .file-field input.file-path { margin-left: 100px; } .file-field .btn, .file-field .btn-large { position: absolute; top: 0; height: 3rem; line-height: 3rem; } .file-field span { cursor: pointer; } .file-field input[type=file] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } /*************** Range ***************/ .range-field { position: relative; } input[type=range], input[type=range] + .thumb { cursor: pointer; } input[type=range] { position: relative; background-color: transparent; border: none; outline: none; width: 100%; margin: 15px 0px; padding: 0; } input[type=range] + .thumb { position: absolute; border: none; height: 0; width: 0; border-radius: 50%; background-color: #26a69a; top: 10px; margin-left: -6px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } input[type=range] + .thumb .value { display: block; width: 30px; text-align: center; color: #26a69a; font-size: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } input[type=range] + .thumb.active { border-radius: 50% 50% 50% 0; } input[type=range] + .thumb.active .value { color: #fff; margin-left: -1px; margin-top: 8px; font-size: 10px; } input[type=range]:focus { outline: none; } input[type=range] { -webkit-appearance: none; } input[type=range]::-webkit-slider-runnable-track { height: 3px; background: #c2c0c2; border: none; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 14px; width: 14px; border-radius: 50%; background-color: #26a69a; transform-origin: 50% 50%; margin: -5px 0 0 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } input[type=range]:focus::-webkit-slider-runnable-track { background: #ccc; } input[type=range] { /* fix for FF unable to apply focus style bug */ border: 1px solid white; /*required for proper track sizing in FF*/ } input[type=range]::-moz-range-track { height: 3px; background: #ddd; border: none; } input[type=range]::-moz-range-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #26a69a; margin-top: -5px; } /*hide the outline behind the border*/ input[type=range]:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } input[type=range]:focus::-moz-range-track { background: #ccc; } input[type=range]::-ms-track { height: 3px; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; } input[type=range]::-ms-fill-lower { background: #777; } input[type=range]::-ms-fill-upper { background: #ddd; } input[type=range]::-ms-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #26a69a; } input[type=range]:focus::-ms-fill-lower { background: #888; } input[type=range]:focus::-ms-fill-upper { background: #ccc; } /*************************** Text Inputs + Textarea ****************************/ select { background-color: #fffafa; width: 100%; padding: 5px; border: 1px solid #f2f2f2; border-radius: 2px; height: 3rem; } /*************** Nav List ***************/ ul.table-of-contents.fixed { position: fixed; } ul.table-of-contents li { padding: 2px 0; } ul.table-of-contents a { display: inline-block; font-weight: 300; color: #757575; padding-left: 20px; height: 1.5rem; line-height: 1.5rem; letter-spacing: 0.4; display: inline-block; } ul.table-of-contents a:hover { color: #a8a8a8; padding-left: 19px; border-left: 1px solid #ea4a4f; } ul.table-of-contents a.active { font-weight: 500; padding-left: 18px; border-left: 2px solid #ea4a4f; } ul.side-nav { position: fixed; width: 240px; left: -105%; top: 0; margin: 0; height: 100%; height: calc(100% + 60px); padding-bottom: 60px; background-color: #FFF; z-index: 999; will-change: left; } ul.side-nav.right-aligned { will-change: right; right: -105%; left: auto; } ul.side-nav .collapsible { margin: 0; } ul.side-nav li { float: none; padding: 0 15px; } ul.side-nav li:hover, ul.side-nav li.active { background-color: #ddd; } ul.side-nav a { color: #444; } .drag-target { height: 100%; width: 10px; position: fixed; top: 0; z-index: 998; } ul.side-nav.fixed a { display: block; padding: 0 15px; color: #444; } ul.side-nav.fixed { left: 0; position: fixed; } ul.side-nav.fixed.right-aligned { right: 0; left: auto; } @media only screen and (max-width : 992px) { ul.side-nav.fixed { left: -105%; } ul.side-nav.fixed.right-aligned { right: -105%; left: auto; } } ul.side-nav .collapsible-body li.active, ul.side-nav.fixed .collapsible-body li.active { background-color: #ee6e73; } ul.side-nav .collapsible-body li.active a, ul.side-nav.fixed .collapsible-body li.active a { color: #fff; } #sidenav-overlay { position: fixed; top: 0px; left: 0px; right: 0px; height: 120vh; background-color: rgba(0, 0, 0, 0.5); z-index: 997; will-change: opacity; } /* @license Copyright (c) 2014 The Polymer Project Authors. All rights reserved. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as part of the polymer project is also subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt */ /**************************/ /* STYLES FOR THE SPINNER */ /**************************/ /* * Constants: * STROKEWIDTH = 3px * ARCSIZE = 270 degrees (amount of circle the arc takes up) * ARCTIME = 1333ms (time it takes to expand and contract arc) * ARCSTARTROT = 216 degrees (how much the start location of the arc * should rotate each time, 216 gives us a * 5 pointed star shape (it's 360/5 * 3). * For a 7 pointed star, we might do * 360/7 * 3 = 154.286) * CONTAINERWIDTH = 28px * SHRINK_TIME = 400ms */ .preloader-wrapper { display: inline-block; position: relative; width: 48px; height: 48px; } .preloader-wrapper.small { width: 36px; height: 36px; } .preloader-wrapper.big { width: 64px; height: 64px; } .preloader-wrapper.active { /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ -webkit-animation: container-rotate 1568ms linear infinite; animation: container-rotate 1568ms linear infinite; } @-webkit-keyframes container-rotate { to { -webkit-transform: rotate(360deg); } } @keyframes container-rotate { to { transform: rotate(360deg); } } .spinner-layer { position: absolute; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})"; filter: "alpha(opacity=(${iefactor}))"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .spinner-blue, .spinner-blue-only { border-color: #4285f4; } .spinner-red, .spinner-red-only { border-color: #db4437; } .spinner-yellow, .spinner-yellow-only { border-color: #f4b400; } .spinner-green, .spinner-green-only { border-color: #0f9d58; } /** * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee): * * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't * guarantee that the animation will start _exactly_ after that value. So we avoid using * animation-delay and instead set custom keyframes for each color (as redundant as it * seems). * * We write out each animation in full (instead of separating animation-name, * animation-duration, etc.) because under the polyfill, Safari does not recognize those * specific properties properly, treats them as -webkit-animation, and overrides the * other animation rules. See https://github.com/Polymer/platform/issues/53. */ .active .spinner-layer.spinner-blue { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-red { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-yellow { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-green { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only { /* durations: 4 * ARCTIME */ -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})"; filter: "alpha(opacity=(${iefactor}))"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes fill-unfill-rotate { /* 0.5 * ARCSIZE */ /* 1 * ARCSIZE */ /* 1.5 * ARCSIZE */ /* 2 * ARCSIZE */ /* 2.5 * ARCSIZE */ /* 3 * ARCSIZE */ /* 3.5 * ARCSIZE */ /* 4 * ARCSIZE */ 12.5% { -webkit-transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); } } @keyframes fill-unfill-rotate { /* 0.5 * ARCSIZE */ /* 1 * ARCSIZE */ /* 1.5 * ARCSIZE */ /* 2 * ARCSIZE */ /* 2.5 * ARCSIZE */ /* 3 * ARCSIZE */ /* 3.5 * ARCSIZE */ /* 4 * ARCSIZE */ 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } to { transform: rotate(1080deg); } } @-webkit-keyframes blue-fade-in-out { from { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @keyframes blue-fade-in-out { from { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes red-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @keyframes red-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @-webkit-keyframes yellow-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } } @keyframes yellow-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } } @-webkit-keyframes green-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes green-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } /** * Patch the gap that appear between the two adjacent div.circle-clipper while the * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). */ .gap-patch { position: absolute; box-sizing: border-box; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; } .gap-patch .circle { width: 1000%; left: -450%; } .circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; } .circle-clipper .circle { width: 200%; box-sizing: border-box; height: 100%; border-width: 3px; /* STROKEWIDTH */ border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0; } .circle-clipper.left .circle { left: 0; border-right-color: transparent !important; -webkit-transform: rotate(129deg); transform: rotate(129deg); } .circle-clipper.right .circle { left: -100%; border-left-color: transparent !important; -webkit-transform: rotate(-129deg); transform: rotate(-129deg); } .active .circle-clipper.left .circle { /* duration: ARCTIME */ -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .circle-clipper.right .circle { /* duration: ARCTIME */ -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes left-spin { from { -webkit-transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); } } @keyframes left-spin { from { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } to { transform: rotate(130deg); } } @-webkit-keyframes right-spin { from { -webkit-transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); } } @keyframes right-spin { from { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } to { transform: rotate(-130deg); } } #spinnerContainer.cooldown { /* duration: SHRINK_TIME */ -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); } @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } .slider { position: relative; height: 440px; width: 100%; } .slider.fullscreen { height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .slider.fullscreen ul.slides { height: 100%; } .slider.fullscreen ul.indicators { z-index: 2; bottom: 30px; } .slider ul.slides { background-color: #9e9e9e; margin: 0; height: 400px; } .slider ul.slides li { -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})"; filter: "alpha(opacity=(${iefactor}))"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: inherit; overflow: hidden; } .slider ul.slides li img { height: 100%; width: 100%; background-size: cover; background-position: center; } .slider ul.slides li .caption { color: #fff; position: absolute; top: 15%; left: 15%; width: 70%; -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})"; filter: "alpha(opacity=(${iefactor}))"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .slider ul.slides li .caption p { color: #e0e0e0; } .slider ul.slides li.active { z-index: 2; } .slider ul.indicators { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; margin: 0; } .slider ul.indicators li.indicator-item { display: inline-block; position: relative; cursor: pointer; height: 16px; width: 16px; margin: 0 12px; background-color: #e0e0e0; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -ms-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: padding-box; } .slider ul.indicators li.indicator-item.active { background-color: #4CAF50; } /* ========================================================================== $BASE-PICKER ========================================================================== */ /** * Note: the root picker element should *NOT* be styled more than what's here. */ .picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000000; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** * The picker input element. */ .picker__input { cursor: default; } /** * When the picker is opened, the input element is "activated". */ .picker__input.picker__input--active { border-color: #0089ec; } /** * The holder is the only "scrollable" top-level container element. */ .picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } /*! * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */ /** * Note: the root picker element should *NOT* be styled more than what's here. */ /** * Make the holder and frame fullscreen. */ .picker__holder, .picker__frame { bottom: 0; left: 0; right: 0; top: 100%; } /** * The holder should overlay the entire screen. */ .picker__holder { position: fixed; -webkit-transition: background 0.15s ease-out, top 0s 0.15s; -moz-transition: background 0.15s ease-out, top 0s 0.15s; transition: background 0.15s ease-out, top 0s 0.15s; -webkit-backface-visibility: hidden; } /** * The frame that bounds the box contents of the picker. */ .picker__frame { position: absolute; margin: 0 auto; min-width: 256px; max-width: 300px; max-height: 350px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } @media (min-height: 28.875em) { .picker__frame { overflow: visible; top: auto; bottom: -100%; max-height: 80%; } } @media (min-height: 40.125em) { .picker__frame { margin-bottom: 7.5%; } } /** * The wrapper sets the stage to vertically align the box contents. */ .picker__wrap { display: table; width: 100%; height: 100%; } @media (min-height: 28.875em) { .picker__wrap { display: block; } } /** * The box contains all the picker contents. */ .picker__box { background: #ffffff; display: table-cell; vertical-align: middle; } @media (min-height: 28.875em) { .picker__box { display: block; border: 1px solid #777777; border-top-color: #898989; border-bottom-width: 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } } /** * When the picker opens... */ .picker--opened .picker__holder { top: 0; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)"; zoom: 1; background: rgba(0, 0, 0, 0.32); -webkit-transition: background 0.15s ease-out; -moz-transition: background 0.15s ease-out; transition: background 0.15s ease-out; } .picker--opened .picker__frame { top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } @media (min-height: 35.875em) { .picker--opened .picker__frame { top: 10%; bottom: 20% auto; } } /** * For `large` screens, transform into an inline picker. */ /* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */ .picker__input.picker__input--active { border-color: #E3F2FD; } .picker__frame { margin: 0 auto; max-width: 325px; } @media (min-height: 38.875em) { .picker--opened .picker__frame { top: 10%; bottom: auto; } } /* ========================================================================== $BASE-DATE-PICKER ========================================================================== */ /** * The picker box. */ .picker__box { padding: 0 1em; } /** * The header containing the month and year stuff. */ .picker__header { text-align: center; position: relative; margin-top: 0.75em; } /** * The month and year labels. */ .picker__month, .picker__year { display: inline-block; margin-left: 0.25em; margin-right: 0.25em; } /** * The month and year selectors. */ .picker__select--month, .picker__select--year { height: 2em; padding: 0.5em; margin-left: 0.25em; margin-right: 0.25em; } @media (min-width: 24.5em) { .picker__select--month, .picker__select--year { margin-top: -0.5em; } } .picker__select--month.browser-default { display: inline; background-color: #FFFFFF; width: 40%; } .picker__select--year.browser-default { display: inline; background-color: #FFFFFF; width: 25%; } .picker__select--month:focus, .picker__select--year:focus { border-color: rgba(0, 0, 0, 0.05); } /** * The month navigation buttons. */ .picker__nav--prev, .picker__nav--next { position: absolute; padding: 0.5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -0.25em; } .picker__nav--prev { left: -1em; padding-right: 1.25em; } .picker__nav--next { right: -1em; padding-left: 1.25em; } .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f5f5f5; border-left-color: #f5f5f5; } /** * The calendar table of dates */ .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: 1rem; width: 100%; margin-top: 0.75em; margin-bottom: 0.5em; } .picker__table th, .picker__table td { text-align: center; } .picker__table td { margin: 0; padding: 0; } /** * The weekday labels */ .picker__weekday { width: 14.285714286%; font-size: 0.75em; padding-bottom: 0.25em; color: #999999; font-weight: 500; /* Increase the spacing a tad */ } @media (min-height: 33.875em) { .picker__weekday { padding-bottom: 0.5em; } } /** * The days on the calendar */ .picker__day--today { position: relative; color: #595959; letter-spacing: -0.3; padding: 0.75rem 0; font-weight: 400; border: 1px solid transparent; } .picker__day--disabled:before { border-top-color: #aaaaaa; } .picker__day--infocus:hover { cursor: pointer; color: #000; font-weight: 500; } .picker__day--outfocus { padding: 0.75rem 0; color: #fff; } .picker__day--outfocus:hover { cursor: pointer; color: #dddddd; font-weight: 500; } .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { border-radius: 50%; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); background: #0089ec; color: #ffffff; } .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbbbbb; } /** * The footer containing the "today", "clear", and "close" buttons. */ .picker__footer { text-align: center; display: flex; align-items: center; justify-content: space-between; } .picker__button--today, .picker__button--clear, .picker__button--close { border: 1px solid #ffffff; background: #ffffff; font-size: 0.8em; padding: 0.66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom; } .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-bottom-color: #b1dcfb; } .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus { background: #b1dcfb; border-color: rgba(0, 0, 0, 0.05); outline: none; } .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before { position: relative; display: inline-block; height: 0; } .picker__button--today:before, .picker__button--clear:before { content: " "; margin-right: 0.45em; } .picker__button--today:before { top: -0.05em; width: 0; border-top: 0.66em solid #0059bc; border-left: 0.66em solid transparent; } .picker__button--clear:before { top: -0.25em; width: 0.66em; border-top: 3px solid #ee2200; } .picker__button--close:before { content: "\D7"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: 0.35em; color: #777777; } .picker__button--today[disabled], .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__button--today[disabled]:before { border-top-color: #aaaaaa; } /* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */ .picker__box { border-radius: 2px; overflow: hidden; } .picker__date-display { text-align: center; background-color: #26a69a; color: #fff; padding-bottom: 15px; font-weight: 300; } .picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; color: #000000; background: #a1ded8; } .picker__weekday-display { background-color: #1f897f; padding: 10px; font-weight: 200; letter-spacing: 0.5; font-size: 1rem; margin-bottom: 15px; } .picker__month-display { text-transform: uppercase; font-size: 2rem; } .picker__day-display { font-size: 4.5rem; font-weight: 400; } .picker__year-display { font-size: 1.8rem; color: rgba(255, 255, 255, 0.4); } .picker__box { padding: 0; } .picker__calendar-container { padding: 0 1rem; } .picker__calendar-container thead { border: none; } .picker__table { margin-top: 0; margin-bottom: 0.5em; } .picker__day--infocus { color: #595959; letter-spacing: -0.3; padding: 0.75rem 0; font-weight: 400; border: 1px solid transparent; } .picker__day.picker__day--today { color: #26a69a; } .picker__day.picker__day--today.picker__day--selected { color: #fff; } .picker__weekday { font-size: 0.9rem; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { border-radius: 50%; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); background-color: #26a69a; color: #ffffff; } .picker__day--selected.picker__day--outfocus, .picker__day--selected:hover.picker__day--outfocus, .picker--focused .picker__day--selected.picker__day--outfocus { background-color: #a1ded8; } .picker__footer { text-align: right; padding: 5px 10px; } .picker__close, .picker__today { font-size: 1.1rem; padding: 0 1rem; color: #26a69a; } .picker__nav--prev:before, .picker__nav--next:before { content: " "; border-top: 0.5em solid transparent; border-bottom: 0.5em solid transparent; border-right: 0.75em solid #676767; width: 0; height: 0; display: block; margin: 0 auto; } .picker__nav--next:before { border-right: 0; border-left: 0.75em solid #676767; } button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus { background-color: #a1ded8; } /* ========================================================================== $BASE-TIME-PICKER ========================================================================== */ /** * The list of times. */ .picker__list { list-style: none; padding: 0.75em 0 4.2em; margin: 0; } /** * The times on the clock. */ .picker__list-item { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; margin-bottom: -1px; position: relative; background: #ffffff; padding: 0.75em 1.25em; } @media (min-height: 46.75em) { .picker__list-item { padding: 0.5em 1em; } } /* Hovered time */ .picker__list-item:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-color: #0089ec; z-index: 10; } /* Highlighted and hovered/focused time */ .picker__list-item--highlighted { border-color: #0089ec; z-index: 10; } .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted { cursor: pointer; color: #000000; background: #b1dcfb; } /* Selected and hovered/focused time */ .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected { background: #0089ec; color: #ffffff; z-index: 10; } /* Disabled time */ .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; border-color: #dddddd; z-index: auto; } /** * The clear button */ .picker--time .picker__button--clear { display: block; width: 80%; margin: 1em auto 0; padding: 1em 1.25em; background: none; border: 0; font-weight: 500; font-size: 0.67em; text-align: center; text-transform: uppercase; color: #666; } .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { color: #000000; background: #b1dcfb; background: #ee2200; border-color: #ee2200; cursor: pointer; color: #ffffff; outline: none; } .picker--time .picker__button--clear:before { top: -0.25em; color: #666; font-size: 1.25em; font-weight: bold; } .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before { color: #ffffff; } /* ========================================================================== $DEFAULT-TIME-PICKER ========================================================================== */ /** * The frame the bounds the time picker. */ .picker--time .picker__frame { min-width: 256px; max-width: 320px; } /** * The picker box. */ .picker--time .picker__box { font-size: 1em; background: #f2f2f2; padding: 0; } @media (min-height: 40.125em) { .picker--time .picker__box { margin-bottom: 5em; } } ================================================ FILE: font/material-design-icons/LICENSE.txt ================================================ https://github.com/google/material-design-icons/blob/master/LICENSE https://github.com/FezVrasta/bootstrap-material-design/blob/master/fonts/LICENSE.txt Attribution-ShareAlike 4.0 International ======================================================================= Creative Commons Corporation ("Creative Commons") is not a law firm and does not provide legal services or legal advice. Distribution of Creative Commons public licenses does not create a lawyer-client or other relationship. Creative Commons makes its licenses and related information available on an "as-is" basis. Creative Commons gives no warranties regarding its licenses, any material licensed under their terms and conditions, or any related information. Creative Commons disclaims all liability for damages resulting from their use to the fullest extent possible. Using Creative Commons Public Licenses Creative Commons public licenses provide a standard set of terms and conditions that creators and other rights holders may use to share original works of authorship and other material subject to copyright and certain other rights specified in the public license below. The following considerations are for informational purposes only, are not exhaustive, and do not form part of our licenses. Considerations for licensors: Our public licenses are intended for use by those authorized to give the public permission to use material in ways otherwise restricted by copyright and certain other rights. Our licenses are irrevocable. Licensors should read and understand the terms and conditions of the license they choose before applying it. Licensors should also secure all rights necessary before applying our licenses so that the public can reuse the material as expected. Licensors should clearly mark any material not subject to the license. This includes other CC- licensed material, or material used under an exception or limitation to copyright. More considerations for licensors: wiki.creativecommons.org/Considerations_for_licensors Considerations for the public: By using one of our public licenses, a licensor grants the public permission to use the licensed material under specified terms and conditions. If the licensor's permission is not necessary for any reason--for example, because of any applicable exception or limitation to copyright--then that use is not regulated by the license. Our licenses grant only permissions under copyright and certain other rights that a licensor has authority to grant. Use of the licensed material may still be restricted for other reasons, including because others have copyright or other rights in the material. A licensor may make special requests, such as asking that all changes be marked or described. Although not required by our licenses, you are encouraged to respect those requests where reasonable. More_considerations for the public: wiki.creativecommons.org/Considerations_for_licensees ======================================================================= Creative Commons Attribution-ShareAlike 4.0 International Public License By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution-ShareAlike 4.0 International Public License ("Public License"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions. Section 1 -- Definitions. a. Adapted Material means material subject to Copyright and Similar Rights that is derived from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged, transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work, performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in timed relation with a moving image. b. Adapter's License means the license You apply to Your Copyright and Similar Rights in Your contributions to Adapted Material in accordance with the terms and conditions of this Public License. c. BY-SA Compatible License means a license listed at creativecommons.org/compatiblelicenses, approved by Creative Commons as essentially the equivalent of this Public License. d. Copyright and Similar Rights means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights. e. Effective Technological Measures means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements. f. Exceptions and Limitations means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material. g. License Elements means the license attributes listed in the name of a Creative Commons Public License. The License Elements of this Public License are Attribution and ShareAlike. h. Licensed Material means the artistic or literary work, database, or other material to which the Licensor applied this Public License. i. Licensed Rights means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license. j. Licensor means the individual(s) or entity(ies) granting rights under this Public License. k. Share means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them. l. Sui Generis Database Rights means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world. m. You means the individual or entity exercising the Licensed Rights under this Public License. Your has a corresponding meaning. Section 2 -- Scope. a. License grant. 1. Subject to the terms and conditions of this Public License, the Licensor hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to exercise the Licensed Rights in the Licensed Material to: a. reproduce and Share the Licensed Material, in whole or in part; and b. produce, reproduce, and Share Adapted Material. 2. Exceptions and Limitations. For the avoidance of doubt, where Exceptions and Limitations apply to Your use, this Public License does not apply, and You do not need to comply with its terms and conditions. 3. Term. The term of this Public License is specified in Section 6(a). 4. Media and formats; technical modifications allowed. The Licensor authorizes You to exercise the Licensed Rights in all media and formats whether now known or hereafter created, and to make technical modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or authority to forbid You from making technical modifications necessary to exercise the Licensed Rights, including technical modifications necessary to circumvent Effective Technological Measures. For purposes of this Public License, simply making modifications authorized by this Section 2(a) (4) never produces Adapted Material. 5. Downstream recipients. a. Offer from the Licensor -- Licensed Material. Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License. b. Additional offer from the Licensor -- Adapted Material. Every recipient of Adapted Material from You automatically receives an offer from the Licensor to exercise the Licensed Rights in the Adapted Material under the conditions of the Adapter's License You apply. c. No downstream restrictions. You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material. 6. No endorsement. Nothing in this Public License constitutes or may be construed as permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution as provided in Section 3(a)(1)(A)(i). b. Other rights. 1. Moral rights, such as the right of integrity, are not licensed under this Public License, nor are publicity, privacy, and/or other similar personality rights; however, to the extent possible, the Licensor waives and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to allow You to exercise the Licensed Rights, but not otherwise. 2. Patent and trademark rights are not licensed under this Public License. 3. To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties. Section 3 -- License Conditions. Your exercise of the Licensed Rights is expressly made subject to the following conditions. a. Attribution. 1. If You Share the Licensed Material (including in modified form), You must: a. retain the following if it is supplied by the Licensor with the Licensed Material: i. identification of the creator(s) of the Licensed Material and any others designated to receive attribution, in any reasonable manner requested by the Licensor (including by pseudonym if designated); ii. a copyright notice; iii. a notice that refers to this Public License; iv. a notice that refers to the disclaimer of warranties; v. a URI or hyperlink to the Licensed Material to the extent reasonably practicable; b. indicate if You modified the Licensed Material and retain an indication of any previous modifications; and c. indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI or hyperlink to, this Public License. 2. You may satisfy the conditions in Section 3(a)(1) in any reasonable manner based on the medium, means, and context in which You Share the Licensed Material. For example, it may be reasonable to satisfy the conditions by providing a URI or hyperlink to a resource that includes the required information. 3. If requested by the Licensor, You must remove any of the information required by Section 3(a)(1)(A) to the extent reasonably practicable. b. ShareAlike. In addition to the conditions in Section 3(a), if You Share Adapted Material You produce, the following conditions also apply. 1. The Adapter's License You apply must be a Creative Commons license with the same License Elements, this version or later, or a BY-SA Compatible License. 2. You must include the text of, or the URI or hyperlink to, the Adapter's License You apply. You may satisfy this condition in any reasonable manner based on the medium, means, and context in which You Share Adapted Material. 3. You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, Adapted Material that restrict exercise of the rights granted under the Adapter's License You apply. Section 4 -- Sui Generis Database Rights. Where the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material: a. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database; b. if You include all or a substantial portion of the database contents in a database in which You have Sui Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual contents) is Adapted Material, including for purposes of Section 3(b); and c. You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the contents of the database. For the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public License where the Licensed Rights include other Copyright and Similar Rights. Section 5 -- Disclaimer of Warranties and Limitation of Liability. a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS, IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU. b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION, NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT, INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES, COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR IN PART, THIS LIMITATION MAY NOT APPLY TO YOU. c. The disclaimer of warranties and limitation of liability provided above shall be interpreted in a manner that, to the extent possible, most closely approximates an absolute disclaimer and waiver of all liability. Section 6 -- Term and Termination. a. This Public License applies for the term of the Copyright and Similar Rights licensed here. However, if You fail to comply with this Public License, then Your rights under this Public License terminate automatically. b. Where Your right to use the Licensed Material has terminated under Section 6(a), it reinstates: 1. automatically as of the date the violation is cured, provided it is cured within 30 days of Your discovery of the violation; or 2. upon express reinstatement by the Licensor. For the avoidance of doubt, this Section 6(b) does not affect any right the Licensor may have to seek remedies for Your violations of this Public License. c. For the avoidance of doubt, the Licensor may also offer the Licensed Material under separate terms or conditions or stop distributing the Licensed Material at any time; however, doing so will not terminate this Public License. d. Sections 1, 5, 6, 7, and 8 survive termination of this Public License. Section 7 -- Other Terms and Conditions. a. The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless expressly agreed. b. Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are separate from and independent of the terms and conditions of this Public License. Section 8 -- Interpretation. a. For the avoidance of doubt, this Public License does not, and shall not be interpreted to, reduce, limit, restrict, or impose conditions on any use of the Licensed Material that could lawfully be made without permission under this Public License. b. To the extent possible, if any provision of this Public License is deemed unenforceable, it shall be automatically reformed to the minimum extent necessary to make it enforceable. If the provision cannot be reformed, it shall be severed from this Public License without affecting the enforceability of the remaining terms and conditions. c. No term or condition of this Public License will be waived and no failure to comply consented to unless expressly agreed to by the Licensor. d. Nothing in this Public License constitutes or may be interpreted as a limitation upon, or waiver of, any privileges and immunities that apply to the Licensor or You, including from the legal processes of any jurisdiction or authority. ======================================================================= Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply one of its public licenses to material it publishes and in those instances will be considered the "Licensor." Except for the limited purpose of indicating that material is shared under a Creative Commons public license or as otherwise permitted by the Creative Commons policies published at creativecommons.org/policies, Creative Commons does not authorize the use of the trademark "Creative Commons" or any other trademark or logo of Creative Commons without its prior written consent including, without limitation, in connection with any unauthorized modifications to any of its public licenses or any other arrangements, understandings, or agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form part of the public licenses. Creative Commons may be contacted at creativecommons.org. ================================================ FILE: index.html ================================================
Interests
Aviation Private Pilot Licence (PPL) in France
Commercial Pilot Licence (CPL) in Canada Photography #Flickr stankoc
Language
French Native Language English Good skills, both written and oral.
#TOEIC (2010): 835/990
Daily usage since November 2012
Android Developer
Work Experience
Nov 2012 - Present
Android Lead Developer @PrePlay Paris, France and New York City, USA
Jan 2011 - Nov 2012
Android Lead Developer @Backelite Paris, France
Jun 2010 - Jan 2011
Android / Windows Mobile / J2EE Developer @Chronolink Nantes, France
Education
2008 - 2011
Master of Science in Engineering @Polytech’Nantes Nantes, France Computer Science and Engineering
2006 - 2008
University Technology Diploma @UniversiteTours Tours, France Electrical Engineering and Industrial Automation.
Professional Skills
Mobile Android (Java), Windows Phone (C#), Windows Mobile (C#), J2ME (Java) Web / Server PHP, HTML, Javascript (CoffeeScript, AngularJS, NodeJS), Ruby Other WebService (REST, JSON, XML), WebSocket, CouchBase
================================================ FILE: js/materialize.js ================================================ /*! * Materialize v0.95.3 (http://materializecss.com) * Copyright 2014-2015 Materialize * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) */ /* * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ * * Uses the built in easing capabilities added In jQuery 1.1 * to offer multiple easing options * * TERMS OF USE - jQuery Easing * * Open source under the BSD License. * * Copyright © 2008 George McGinley Smith * All rights reserved. * * Redistribution and use in source and binary forms, with or without modification, * are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright notice, this list of * conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list * of conditions and the following disclaimer in the documentation and/or other materials * provided with the distribution. * * Neither the name of the author nor the names of contributors may be used to endorse * or promote products derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED * OF THE POSSIBILITY OF SUCH DAMAGE. * */ // t: current time, b: begInnIng value, c: change In value, d: duration jQuery.easing['jswing'] = jQuery.easing['swing']; jQuery.extend( jQuery.easing, { def: 'easeOutQuad', swing: function (x, t, b, c, d) { //alert(jQuery.easing.default); return jQuery.easing[jQuery.easing.def](x, t, b, c, d); }, easeInQuad: function (x, t, b, c, d) { return c*(t/=d)*t + b; }, easeOutQuad: function (x, t, b, c, d) { return -c *(t/=d)*(t-2) + b; }, easeInOutQuad: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t + b; return -c/2 * ((--t)*(t-2) - 1) + b; }, easeInCubic: function (x, t, b, c, d) { return c*(t/=d)*t*t + b; }, easeOutCubic: function (x, t, b, c, d) { return c*((t=t/d-1)*t*t + 1) + b; }, easeInOutCubic: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t + b; return c/2*((t-=2)*t*t + 2) + b; }, easeInQuart: function (x, t, b, c, d) { return c*(t/=d)*t*t*t + b; }, easeOutQuart: function (x, t, b, c, d) { return -c * ((t=t/d-1)*t*t*t - 1) + b; }, easeInOutQuart: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t*t + b; return -c/2 * ((t-=2)*t*t*t - 2) + b; }, easeInQuint: function (x, t, b, c, d) { return c*(t/=d)*t*t*t*t + b; }, easeOutQuint: function (x, t, b, c, d) { return c*((t=t/d-1)*t*t*t*t + 1) + b; }, easeInOutQuint: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; return c/2*((t-=2)*t*t*t*t + 2) + b; }, easeInSine: function (x, t, b, c, d) { return -c * Math.cos(t/d * (Math.PI/2)) + c + b; }, easeOutSine: function (x, t, b, c, d) { return c * Math.sin(t/d * (Math.PI/2)) + b; }, easeInOutSine: function (x, t, b, c, d) { return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; }, easeInExpo: function (x, t, b, c, d) { return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; }, easeOutExpo: function (x, t, b, c, d) { return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; }, easeInOutExpo: function (x, t, b, c, d) { if (t==0) return b; if (t==d) return b+c; if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; }, easeInCirc: function (x, t, b, c, d) { return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; }, easeOutCirc: function (x, t, b, c, d) { return c * Math.sqrt(1 - (t=t/d-1)*t) + b; }, easeInOutCirc: function (x, t, b, c, d) { if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; }, easeInElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; }, easeOutElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; }, easeInOutElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; }, easeInBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c*(t/=d)*t*((s+1)*t - s) + b; }, easeOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; }, easeInOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; }, easeInBounce: function (x, t, b, c, d) { return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; }, easeOutBounce: function (x, t, b, c, d) { if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b; } else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; } else if (t < (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; } else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; } }, easeInOutBounce: function (x, t, b, c, d) { if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; } }); /* * * TERMS OF USE - EASING EQUATIONS * * Open source under the BSD License. * * Copyright © 2001 Robert Penner * All rights reserved. * * Redistribution and use in source and binary forms, with or without modification, * are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright notice, this list of * conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list * of conditions and the following disclaimer in the documentation and/or other materials * provided with the distribution. * * Neither the name of the author nor the names of contributors may be used to endorse * or promote products derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED * OF THE POSSIBILITY OF SUCH DAMAGE. * */; // Custom Easing jQuery.extend( jQuery.easing, { easeInOutMaterial: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t + b; return c/4*((t-=2)*t*t + 2) + b; } }); ;/*! VelocityJS.org (1.1.0). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */ /*! VelocityJS.org jQuery Shim (1.0.1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */ !function(e){function t(e){var t=e.length,r=$.type(e);return"function"===r||$.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===r||0===t||"number"==typeof t&&t>0&&t-1 in e}if(!e.jQuery){var $=function(e,t){return new $.fn.init(e,t)};$.isWindow=function(e){return null!=e&&e==e.window},$.type=function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?a[o.call(e)]||"object":typeof e},$.isArray=Array.isArray||function(e){return"array"===$.type(e)},$.isPlainObject=function(e){var t;if(!e||"object"!==$.type(e)||e.nodeType||$.isWindow(e))return!1;try{if(e.constructor&&!n.call(e,"constructor")&&!n.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(r){return!1}for(t in e);return void 0===t||n.call(e,t)},$.each=function(e,r,a){var n,o=0,i=e.length,s=t(e);if(a){if(s)for(;i>o&&(n=r.apply(e[o],a),n!==!1);o++);else for(o in e)if(n=r.apply(e[o],a),n===!1)break}else if(s)for(;i>o&&(n=r.call(e[o],o,e[o]),n!==!1);o++);else for(o in e)if(n=r.call(e[o],o,e[o]),n===!1)break;return e},$.data=function(e,t,a){if(void 0===a){var n=e[$.expando],o=n&&r[n];if(void 0===t)return o;if(o&&t in o)return o[t]}else if(void 0!==t){var n=e[$.expando]||(e[$.expando]=++$.uuid);return r[n]=r[n]||{},r[n][t]=a,a}},$.removeData=function(e,t){var a=e[$.expando],n=a&&r[a];n&&$.each(t,function(e,t){delete n[t]})},$.extend=function(){var e,t,r,a,n,o,i=arguments[0]||{},s=1,l=arguments.length,u=!1;for("boolean"==typeof i&&(u=i,i=arguments[s]||{},s++),"object"!=typeof i&&"function"!==$.type(i)&&(i={}),s===l&&(i=this,s--);l>s;s++)if(null!=(n=arguments[s]))for(a in n)e=i[a],r=n[a],i!==r&&(u&&r&&($.isPlainObject(r)||(t=$.isArray(r)))?(t?(t=!1,o=e&&$.isArray(e)?e:[]):o=e&&$.isPlainObject(e)?e:{},i[a]=$.extend(u,o,r)):void 0!==r&&(i[a]=r));return i},$.queue=function(e,r,a){function n(e,r){var a=r||[];return null!=e&&(t(Object(e))?!function(e,t){for(var r=+t.length,a=0,n=e.length;r>a;)e[n++]=t[a++];if(r!==r)for(;void 0!==t[a];)e[n++]=t[a++];return e.length=n,e}(a,"string"==typeof e?[e]:e):[].push.call(a,e)),a}if(e){r=(r||"fx")+"queue";var o=$.data(e,r);return a?(!o||$.isArray(a)?o=$.data(e,r,n(a)):o.push(a),o):o||[]}},$.dequeue=function(e,t){$.each(e.nodeType?[e]:e,function(e,r){t=t||"fx";var a=$.queue(r,t),n=a.shift();"inprogress"===n&&(n=a.shift()),n&&("fx"===t&&a.unshift("inprogress"),n.call(r,function(){$.dequeue(r,t)}))})},$.fn=$.prototype={init:function(e){if(e.nodeType)return this[0]=e,this;throw new Error("Not a DOM node.")},offset:function(){var t=this[0].getBoundingClientRect?this[0].getBoundingClientRect():{top:0,left:0};return{top:t.top+(e.pageYOffset||document.scrollTop||0)-(document.clientTop||0),left:t.left+(e.pageXOffset||document.scrollLeft||0)-(document.clientLeft||0)}},position:function(){function e(){for(var e=this.offsetParent||document;e&&"html"===!e.nodeType.toLowerCase&&"static"===e.style.position;)e=e.offsetParent;return e||document}var t=this[0],e=e.apply(t),r=this.offset(),a=/^(?:body|html)$/i.test(e.nodeName)?{top:0,left:0}:$(e).offset();return r.top-=parseFloat(t.style.marginTop)||0,r.left-=parseFloat(t.style.marginLeft)||0,e.style&&(a.top+=parseFloat(e.style.borderTopWidth)||0,a.left+=parseFloat(e.style.borderLeftWidth)||0),{top:r.top-a.top,left:r.left-a.left}}};var r={};$.expando="velocity"+(new Date).getTime(),$.uuid=0;for(var a={},n=a.hasOwnProperty,o=a.toString,i="Boolean Number String Function Array Date RegExp Object Error".split(" "),s=0;sn;++n){var o=u(r,e,a);if(0===o)return r;var i=l(r,e,a)-t;r-=i/o}return r}function p(){for(var t=0;b>t;++t)w[t]=l(t*x,e,a)}function f(t,r,n){var o,i,s=0;do i=r+(n-r)/2,o=l(i,e,a)-t,o>0?n=i:r=i;while(Math.abs(o)>h&&++s=y?c(t,s):0==l?s:f(t,r,r+x)}function g(){V=!0,(e!=r||a!=n)&&p()}var m=4,y=.001,h=1e-7,v=10,b=11,x=1/(b-1),S="Float32Array"in t;if(4!==arguments.length)return!1;for(var P=0;4>P;++P)if("number"!=typeof arguments[P]||isNaN(arguments[P])||!isFinite(arguments[P]))return!1;e=Math.min(e,1),a=Math.min(a,1),e=Math.max(e,0),a=Math.max(a,0);var w=S?new Float32Array(b):new Array(b),V=!1,C=function(t){return V||g(),e===r&&a===n?t:0===t?0:1===t?1:l(d(t),r,n)};C.getControlPoints=function(){return[{x:e,y:r},{x:a,y:n}]};var T="generateBezier("+[e,r,a,n]+")";return C.toString=function(){return T},C}function u(e,t){var r=e;return g.isString(e)?v.Easings[e]||(r=!1):r=g.isArray(e)&&1===e.length?s.apply(null,e):g.isArray(e)&&2===e.length?b.apply(null,e.concat([t])):g.isArray(e)&&4===e.length?l.apply(null,e):!1,r===!1&&(r=v.Easings[v.defaults.easing]?v.defaults.easing:h),r}function c(e){if(e)for(var t=(new Date).getTime(),r=0,n=v.State.calls.length;n>r;r++)if(v.State.calls[r]){var o=v.State.calls[r],s=o[0],l=o[2],u=o[3],f=!!u;u||(u=v.State.calls[r][3]=t-16);for(var d=Math.min((t-u)/l.duration,1),m=0,y=s.length;y>m;m++){var h=s[m],b=h.element;if(i(b)){var S=!1;if(l.display!==a&&null!==l.display&&"none"!==l.display){if("flex"===l.display){var w=["-webkit-box","-moz-box","-ms-flexbox","-webkit-flex"];$.each(w,function(e,t){x.setPropertyValue(b,"display",t)})}x.setPropertyValue(b,"display",l.display)}l.visibility!==a&&"hidden"!==l.visibility&&x.setPropertyValue(b,"visibility",l.visibility);for(var V in h)if("element"!==V){var C=h[V],T,k=g.isString(C.easing)?v.Easings[C.easing]:C.easing;if(1===d)T=C.endValue;else if(T=C.startValue+(C.endValue-C.startValue)*k(d),!f&&T===C.currentValue)continue;if(C.currentValue=T,x.Hooks.registered[V]){var A=x.Hooks.getRoot(V),F=i(b).rootPropertyValueCache[A];F&&(C.rootPropertyValue=F)}var E=x.setPropertyValue(b,V,C.currentValue+(0===parseFloat(T)?"":C.unitType),C.rootPropertyValue,C.scrollData);x.Hooks.registered[V]&&(i(b).rootPropertyValueCache[A]=x.Normalizations.registered[A]?x.Normalizations.registered[A]("extract",null,E[1]):E[1]),"transform"===E[0]&&(S=!0)}l.mobileHA&&i(b).transformCache.translate3d===a&&(i(b).transformCache.translate3d="(0px, 0px, 0px)",S=!0),S&&x.flushTransformCache(b)}}l.display!==a&&"none"!==l.display&&(v.State.calls[r][2].display=!1),l.visibility!==a&&"hidden"!==l.visibility&&(v.State.calls[r][2].visibility=!1),l.progress&&l.progress.call(o[1],o[1],d,Math.max(0,u+l.duration-t),u),1===d&&p(r)}v.State.isTicking&&P(c)}function p(e,t){if(!v.State.calls[e])return!1;for(var r=v.State.calls[e][0],n=v.State.calls[e][1],o=v.State.calls[e][2],s=v.State.calls[e][4],l=!1,u=0,c=r.length;c>u;u++){var p=r[u].element;if(t||o.loop||("none"===o.display&&x.setPropertyValue(p,"display",o.display),"hidden"===o.visibility&&x.setPropertyValue(p,"visibility",o.visibility)),o.loop!==!0&&($.queue(p)[1]===a||!/\.velocityQueueEntryFlag/i.test($.queue(p)[1]))&&i(p)){i(p).isAnimating=!1,i(p).rootPropertyValueCache={};var f=!1;$.each(x.Lists.transforms3D,function(e,t){var r=/^scale/.test(t)?1:0,n=i(p).transformCache[t];i(p).transformCache[t]!==a&&new RegExp("^\\("+r+"[^.]").test(n)&&(f=!0,delete i(p).transformCache[t])}),o.mobileHA&&(f=!0,delete i(p).transformCache.translate3d),f&&x.flushTransformCache(p),x.Values.removeClass(p,"velocity-animating")}if(!t&&o.complete&&!o.loop&&u===c-1)try{o.complete.call(n,n)}catch(d){setTimeout(function(){throw d},1)}s&&o.loop!==!0&&s(n),o.loop!==!0||t||($.each(i(p).tweensContainer,function(e,t){/^rotate/.test(e)&&360===parseFloat(t.endValue)&&(t.endValue=0,t.startValue=360)}),v(p,"reverse",{loop:!0,delay:o.delay})),o.queue!==!1&&$.dequeue(p,o.queue)}v.State.calls[e]=!1;for(var g=0,m=v.State.calls.length;m>g;g++)if(v.State.calls[g]!==!1){l=!0;break}l===!1&&(v.State.isTicking=!1,delete v.State.calls,v.State.calls=[])}var f=function(){if(r.documentMode)return r.documentMode;for(var e=7;e>4;e--){var t=r.createElement("div");if(t.innerHTML="",t.getElementsByTagName("span").length)return t=null,e}return a}(),d=function(){var e=0;return t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||function(t){var r=(new Date).getTime(),a;return a=Math.max(0,16-(r-e)),e=r+a,setTimeout(function(){t(r+a)},a)}}(),g={isString:function(e){return"string"==typeof e},isArray:Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},isFunction:function(e){return"[object Function]"===Object.prototype.toString.call(e)},isNode:function(e){return e&&e.nodeType},isNodeList:function(e){return"object"==typeof e&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e))&&e.length!==a&&(0===e.length||"object"==typeof e[0]&&e[0].nodeType>0)},isWrapped:function(e){return e&&(e.jquery||t.Zepto&&t.Zepto.zepto.isZ(e))},isSVG:function(e){return t.SVGElement&&e instanceof t.SVGElement},isEmptyObject:function(e){for(var t in e)return!1;return!0}},$,m=!1;if(e.fn&&e.fn.jquery?($=e,m=!0):$=t.Velocity.Utilities,8>=f&&!m)throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity.");if(7>=f)return void(jQuery.fn.velocity=jQuery.fn.animate);var y=400,h="swing",v={State:{isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),isAndroid:/Android/i.test(navigator.userAgent),isGingerbread:/Android 2\.3\.[3-7]/i.test(navigator.userAgent),isChrome:t.chrome,isFirefox:/Firefox/i.test(navigator.userAgent),prefixElement:r.createElement("div"),prefixMatches:{},scrollAnchor:null,scrollPropertyLeft:null,scrollPropertyTop:null,isTicking:!1,calls:[]},CSS:{},Utilities:$,Redirects:{},Easings:{},Promise:t.Promise,defaults:{queue:"",duration:y,easing:h,begin:a,complete:a,progress:a,display:a,visibility:a,loop:!1,delay:!1,mobileHA:!0,_cacheValues:!0},init:function(e){$.data(e,"velocity",{isSVG:g.isSVG(e),isAnimating:!1,computedStyle:null,tweensContainer:null,rootPropertyValueCache:{},transformCache:{}})},hook:null,mock:!1,version:{major:1,minor:1,patch:0},debug:!1};t.pageYOffset!==a?(v.State.scrollAnchor=t,v.State.scrollPropertyLeft="pageXOffset",v.State.scrollPropertyTop="pageYOffset"):(v.State.scrollAnchor=r.documentElement||r.body.parentNode||r.body,v.State.scrollPropertyLeft="scrollLeft",v.State.scrollPropertyTop="scrollTop");var b=function(){function e(e){return-e.tension*e.x-e.friction*e.v}function t(t,r,a){var n={x:t.x+a.dx*r,v:t.v+a.dv*r,tension:t.tension,friction:t.friction};return{dx:n.v,dv:e(n)}}function r(r,a){var n={dx:r.v,dv:e(r)},o=t(r,.5*a,n),i=t(r,.5*a,o),s=t(r,a,i),l=1/6*(n.dx+2*(o.dx+i.dx)+s.dx),u=1/6*(n.dv+2*(o.dv+i.dv)+s.dv);return r.x=r.x+l*a,r.v=r.v+u*a,r}return function a(e,t,n){var o={x:-1,v:0,tension:null,friction:null},i=[0],s=0,l=1e-4,u=.016,c,p,f;for(e=parseFloat(e)||500,t=parseFloat(t)||20,n=n||null,o.tension=e,o.friction=t,c=null!==n,c?(s=a(e,t),p=s/n*u):p=u;;)if(f=r(f||o,p),i.push(1+f.x),s+=16,!(Math.abs(f.x)>l&&Math.abs(f.v)>l))break;return c?function(e){return i[e*(i.length-1)|0]}:s}}();v.Easings={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},spring:function(e){return 1-Math.cos(4.5*e*Math.PI)*Math.exp(6*-e)}},$.each([["ease",[.25,.1,.25,1]],["ease-in",[.42,0,1,1]],["ease-out",[0,0,.58,1]],["ease-in-out",[.42,0,.58,1]],["easeInSine",[.47,0,.745,.715]],["easeOutSine",[.39,.575,.565,1]],["easeInOutSine",[.445,.05,.55,.95]],["easeInQuad",[.55,.085,.68,.53]],["easeOutQuad",[.25,.46,.45,.94]],["easeInOutQuad",[.455,.03,.515,.955]],["easeInCubic",[.55,.055,.675,.19]],["easeOutCubic",[.215,.61,.355,1]],["easeInOutCubic",[.645,.045,.355,1]],["easeInQuart",[.895,.03,.685,.22]],["easeOutQuart",[.165,.84,.44,1]],["easeInOutQuart",[.77,0,.175,1]],["easeInQuint",[.755,.05,.855,.06]],["easeOutQuint",[.23,1,.32,1]],["easeInOutQuint",[.86,0,.07,1]],["easeInExpo",[.95,.05,.795,.035]],["easeOutExpo",[.19,1,.22,1]],["easeInOutExpo",[1,0,0,1]],["easeInCirc",[.6,.04,.98,.335]],["easeOutCirc",[.075,.82,.165,1]],["easeInOutCirc",[.785,.135,.15,.86]]],function(e,t){v.Easings[t[0]]=l.apply(null,t[1])});var x=v.CSS={RegEx:{isHex:/^#([A-f\d]{3}){1,2}$/i,valueUnwrap:/^[A-z]+\((.*)\)$/i,wrappedValueAlreadyExtracted:/[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,valueSplit:/([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi},Lists:{colors:["fill","stroke","stopColor","color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"],transformsBase:["translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ"],transforms3D:["transformPerspective","translateZ","scaleZ","rotateX","rotateY"]},Hooks:{templates:{textShadow:["Color X Y Blur","black 0px 0px 0px"],boxShadow:["Color X Y Blur Spread","black 0px 0px 0px 0px"],clip:["Top Right Bottom Left","0px 0px 0px 0px"],backgroundPosition:["X Y","0% 0%"],transformOrigin:["X Y Z","50% 50% 0px"],perspectiveOrigin:["X Y","50% 50%"]},registered:{},register:function(){for(var e=0;e=f)switch(e){case"name":return"filter";case"extract":var a=r.toString().match(/alpha\(opacity=(.*)\)/i);return r=a?a[1]/100:1;case"inject":return t.style.zoom=1,parseFloat(r)>=1?"":"alpha(opacity="+parseInt(100*parseFloat(r),10)+")"}else switch(e){case"name":return"opacity";case"extract":return r;case"inject":return r}}},register:function(){9>=f||v.State.isGingerbread||(x.Lists.transformsBase=x.Lists.transformsBase.concat(x.Lists.transforms3D));for(var e=0;en&&(n=1),o=!/(\d)$/i.test(n);break;case"skew":o=!/(deg|\d)$/i.test(n);break;case"rotate":o=!/(deg|\d)$/i.test(n)}return o||(i(r).transformCache[t]="("+n+")"),i(r).transformCache[t]}}}();for(var e=0;e=f||3!==o.split(" ").length||(o+=" 1"),o;case"inject":return 8>=f?4===n.split(" ").length&&(n=n.split(/\s+/).slice(0,3).join(" ")):3===n.split(" ").length&&(n+=" 1"),(8>=f?"rgb":"rgba")+"("+n.replace(/\s+/g,",").replace(/\.(\d)+(?=,)/g,"")+")"}}}()}},Names:{camelCase:function(e){return e.replace(/-(\w)/g,function(e,t){return t.toUpperCase()})},SVGAttribute:function(e){var t="width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2";return(f||v.State.isAndroid&&!v.State.isChrome)&&(t+="|transform"),new RegExp("^("+t+")$","i").test(e)},prefixCheck:function(e){if(v.State.prefixMatches[e])return[v.State.prefixMatches[e],!0];for(var t=["","Webkit","Moz","ms","O"],r=0,a=t.length;a>r;r++){var n;if(n=0===r?e:t[r]+e.replace(/^\w/,function(e){return e.toUpperCase()}),g.isString(v.State.prefixElement.style[n]))return v.State.prefixMatches[e]=n,[n,!0]}return[e,!1]}},Values:{hexToRgb:function(e){var t=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,a;return e=e.replace(t,function(e,t,r,a){return t+t+r+r+a+a}),a=r.exec(e),a?[parseInt(a[1],16),parseInt(a[2],16),parseInt(a[3],16)]:[0,0,0]},isCSSNullValue:function(e){return 0==e||/^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(e)},getUnitType:function(e){return/^(rotate|skew)/i.test(e)?"deg":/(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(e)?"":"px"},getDisplayType:function(e){var t=e&&e.tagName.toString().toLowerCase();return/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(t)?"inline":/^(li)$/i.test(t)?"list-item":/^(tr)$/i.test(t)?"table-row":"block"},addClass:function(e,t){e.classList?e.classList.add(t):e.className+=(e.className.length?" ":"")+t},removeClass:function(e,t){e.classList?e.classList.remove(t):e.className=e.className.toString().replace(new RegExp("(^|\\s)"+t.split(" ").join("|")+"(\\s|$)","gi")," ")}},getPropertyValue:function(e,r,n,o){function s(e,r){function n(){u&&x.setPropertyValue(e,"display","none")}var l=0;if(8>=f)l=$.css(e,r);else{var u=!1;if(/^(width|height)$/.test(r)&&0===x.getPropertyValue(e,"display")&&(u=!0,x.setPropertyValue(e,"display",x.Values.getDisplayType(e))),!o){if("height"===r&&"border-box"!==x.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var c=e.offsetHeight-(parseFloat(x.getPropertyValue(e,"borderTopWidth"))||0)-(parseFloat(x.getPropertyValue(e,"borderBottomWidth"))||0)-(parseFloat(x.getPropertyValue(e,"paddingTop"))||0)-(parseFloat(x.getPropertyValue(e,"paddingBottom"))||0);return n(),c}if("width"===r&&"border-box"!==x.getPropertyValue(e,"boxSizing").toString().toLowerCase()){var p=e.offsetWidth-(parseFloat(x.getPropertyValue(e,"borderLeftWidth"))||0)-(parseFloat(x.getPropertyValue(e,"borderRightWidth"))||0)-(parseFloat(x.getPropertyValue(e,"paddingLeft"))||0)-(parseFloat(x.getPropertyValue(e,"paddingRight"))||0);return n(),p}}var d;d=i(e)===a?t.getComputedStyle(e,null):i(e).computedStyle?i(e).computedStyle:i(e).computedStyle=t.getComputedStyle(e,null),(f||v.State.isFirefox)&&"borderColor"===r&&(r="borderTopColor"),l=9===f&&"filter"===r?d.getPropertyValue(r):d[r],(""===l||null===l)&&(l=e.style[r]),n()}if("auto"===l&&/^(top|right|bottom|left)$/i.test(r)){var g=s(e,"position");("fixed"===g||"absolute"===g&&/top|left/i.test(r))&&(l=$(e).position()[r]+"px")}return l}var l;if(x.Hooks.registered[r]){var u=r,c=x.Hooks.getRoot(u);n===a&&(n=x.getPropertyValue(e,x.Names.prefixCheck(c)[0])),x.Normalizations.registered[c]&&(n=x.Normalizations.registered[c]("extract",e,n)),l=x.Hooks.extractValue(u,n)}else if(x.Normalizations.registered[r]){var p,d;p=x.Normalizations.registered[r]("name",e),"transform"!==p&&(d=s(e,x.Names.prefixCheck(p)[0]),x.Values.isCSSNullValue(d)&&x.Hooks.templates[r]&&(d=x.Hooks.templates[r][1])),l=x.Normalizations.registered[r]("extract",e,d)}return/^[\d-]/.test(l)||(l=i(e)&&i(e).isSVG&&x.Names.SVGAttribute(r)?/^(height|width)$/i.test(r)?e.getBBox()[r]:e.getAttribute(r):s(e,x.Names.prefixCheck(r)[0])),x.Values.isCSSNullValue(l)&&(l=0),v.debug>=2&&console.log("Get "+r+": "+l),l},setPropertyValue:function(e,r,a,n,o){var s=r;if("scroll"===r)o.container?o.container["scroll"+o.direction]=a:"Left"===o.direction?t.scrollTo(a,o.alternateValue):t.scrollTo(o.alternateValue,a);else if(x.Normalizations.registered[r]&&"transform"===x.Normalizations.registered[r]("name",e))x.Normalizations.registered[r]("inject",e,a),s="transform",a=i(e).transformCache[r];else{if(x.Hooks.registered[r]){var l=r,u=x.Hooks.getRoot(r);n=n||x.getPropertyValue(e,u),a=x.Hooks.injectValue(l,a,n),r=u}if(x.Normalizations.registered[r]&&(a=x.Normalizations.registered[r]("inject",e,a),r=x.Normalizations.registered[r]("name",e)),s=x.Names.prefixCheck(r)[0],8>=f)try{e.style[s]=a}catch(c){v.debug&&console.log("Browser does not support ["+a+"] for ["+s+"]")}else i(e)&&i(e).isSVG&&x.Names.SVGAttribute(r)?e.setAttribute(r,a):e.style[s]=a;v.debug>=2&&console.log("Set "+r+" ("+s+"): "+a)}return[s,a]},flushTransformCache:function(e){function t(t){return parseFloat(x.getPropertyValue(e,t))}var r="";if((f||v.State.isAndroid&&!v.State.isChrome)&&i(e).isSVG){var a={translate:[t("translateX"),t("translateY")],skewX:[t("skewX")],skewY:[t("skewY")],scale:1!==t("scale")?[t("scale"),t("scale")]:[t("scaleX"),t("scaleY")],rotate:[t("rotateZ"),0,0]};$.each(i(e).transformCache,function(e){/^translate/i.test(e)?e="translate":/^scale/i.test(e)?e="scale":/^rotate/i.test(e)&&(e="rotate"),a[e]&&(r+=e+"("+a[e].join(" ")+") ",delete a[e])})}else{var n,o;$.each(i(e).transformCache,function(t){return n=i(e).transformCache[t],"transformPerspective"===t?(o=n,!0):(9===f&&"rotateZ"===t&&(t="rotate"),void(r+=t+n+" "))}),o&&(r="perspective"+o+" "+r)}x.setPropertyValue(e,"transform",r)}};x.Hooks.register(),x.Normalizations.register(),v.hook=function(e,t,r){var n=a;return e=o(e),$.each(e,function(e,o){if(i(o)===a&&v.init(o),r===a)n===a&&(n=v.CSS.getPropertyValue(o,t));else{var s=v.CSS.setPropertyValue(o,t,r);"transform"===s[0]&&v.CSS.flushTransformCache(o),n=s}}),n};var S=function(){function e(){return f?k.promise||null:d}function s(){function e(e){function f(e,t){var r=a,n=a,i=a;return g.isArray(e)?(r=e[0],!g.isArray(e[1])&&/^[\d-]/.test(e[1])||g.isFunction(e[1])||x.RegEx.isHex.test(e[1])?i=e[1]:(g.isString(e[1])&&!x.RegEx.isHex.test(e[1])||g.isArray(e[1]))&&(n=t?e[1]:u(e[1],s.duration),e[2]!==a&&(i=e[2]))):r=e,t||(n=n||s.easing),g.isFunction(r)&&(r=r.call(o,V,w)),g.isFunction(i)&&(i=i.call(o,V,w)),[r||0,n,i]}function d(e,t){var r,a;return a=(t||"0").toString().toLowerCase().replace(/[%A-z]+$/,function(e){return r=e,""}),r||(r=x.Values.getUnitType(e)),[a,r]}function m(){var e={myParent:o.parentNode||r.body,position:x.getPropertyValue(o,"position"),fontSize:x.getPropertyValue(o,"fontSize")},a=e.position===L.lastPosition&&e.myParent===L.lastParent,n=e.fontSize===L.lastFontSize;L.lastParent=e.myParent,L.lastPosition=e.position,L.lastFontSize=e.fontSize;var s=100,l={};if(n&&a)l.emToPx=L.lastEmToPx,l.percentToPxWidth=L.lastPercentToPxWidth,l.percentToPxHeight=L.lastPercentToPxHeight;else{var u=i(o).isSVG?r.createElementNS("http://www.w3.org/2000/svg","rect"):r.createElement("div");v.init(u),e.myParent.appendChild(u),$.each(["overflow","overflowX","overflowY"],function(e,t){v.CSS.setPropertyValue(u,t,"hidden")}),v.CSS.setPropertyValue(u,"position",e.position),v.CSS.setPropertyValue(u,"fontSize",e.fontSize),v.CSS.setPropertyValue(u,"boxSizing","content-box"),$.each(["minWidth","maxWidth","width","minHeight","maxHeight","height"],function(e,t){v.CSS.setPropertyValue(u,t,s+"%")}),v.CSS.setPropertyValue(u,"paddingLeft",s+"em"),l.percentToPxWidth=L.lastPercentToPxWidth=(parseFloat(x.getPropertyValue(u,"width",null,!0))||1)/s,l.percentToPxHeight=L.lastPercentToPxHeight=(parseFloat(x.getPropertyValue(u,"height",null,!0))||1)/s,l.emToPx=L.lastEmToPx=(parseFloat(x.getPropertyValue(u,"paddingLeft"))||1)/s,e.myParent.removeChild(u)}return null===L.remToPx&&(L.remToPx=parseFloat(x.getPropertyValue(r.body,"fontSize"))||16),null===L.vwToPx&&(L.vwToPx=parseFloat(t.innerWidth)/100,L.vhToPx=parseFloat(t.innerHeight)/100),l.remToPx=L.remToPx,l.vwToPx=L.vwToPx,l.vhToPx=L.vhToPx,v.debug>=1&&console.log("Unit ratios: "+JSON.stringify(l),o),l}if(s.begin&&0===V)try{s.begin.call(h,h)}catch(y){setTimeout(function(){throw y},1)}if("scroll"===A){var S=/^x$/i.test(s.axis)?"Left":"Top",C=parseFloat(s.offset)||0,T,F,E;s.container?g.isWrapped(s.container)||g.isNode(s.container)?(s.container=s.container[0]||s.container,T=s.container["scroll"+S],E=T+$(o).position()[S.toLowerCase()]+C):s.container=null:(T=v.State.scrollAnchor[v.State["scrollProperty"+S]],F=v.State.scrollAnchor[v.State["scrollProperty"+("Left"===S?"Top":"Left")]],E=$(o).offset()[S.toLowerCase()]+C),l={scroll:{rootPropertyValue:!1,startValue:T,currentValue:T,endValue:E,unitType:"",easing:s.easing,scrollData:{container:s.container,direction:S,alternateValue:F}},element:o},v.debug&&console.log("tweensContainer (scroll): ",l.scroll,o)}else if("reverse"===A){if(!i(o).tweensContainer)return void $.dequeue(o,s.queue);"none"===i(o).opts.display&&(i(o).opts.display="auto"),"hidden"===i(o).opts.visibility&&(i(o).opts.visibility="visible"),i(o).opts.loop=!1,i(o).opts.begin=null,i(o).opts.complete=null,P.easing||delete s.easing,P.duration||delete s.duration,s=$.extend({},i(o).opts,s);var j=$.extend(!0,{},i(o).tweensContainer);for(var H in j)if("element"!==H){var N=j[H].startValue;j[H].startValue=j[H].currentValue=j[H].endValue,j[H].endValue=N,g.isEmptyObject(P)||(j[H].easing=s.easing),v.debug&&console.log("reverse tweensContainer ("+H+"): "+JSON.stringify(j[H]),o)}l=j}else if("start"===A){var j;i(o).tweensContainer&&i(o).isAnimating===!0&&(j=i(o).tweensContainer),$.each(b,function(e,t){if(RegExp("^"+x.Lists.colors.join("$|^")+"$").test(e)){var r=f(t,!0),n=r[0],o=r[1],i=r[2];if(x.RegEx.isHex.test(n)){for(var s=["Red","Green","Blue"],l=x.Values.hexToRgb(n),u=i?x.Values.hexToRgb(i):a,c=0;c1e4&&(v.State.calls=n(v.State.calls)),v.State.calls.push([R,h,s,null,k.resolver]),v.State.isTicking===!1&&(v.State.isTicking=!0,c())):V++)}var o=this,s=$.extend({},v.defaults,P),l={},p;switch(i(o)===a&&v.init(o),parseFloat(s.delay)&&s.queue!==!1&&$.queue(o,s.queue,function(e){v.velocityQueueEntryFlag=!0,i(o).delayTimer={setTimeout:setTimeout(e,parseFloat(s.delay)),next:e}}),s.duration.toString().toLowerCase()){case"fast":s.duration=200;break;case"normal":s.duration=y;break;case"slow":s.duration=600;break;default:s.duration=parseFloat(s.duration)||1}v.mock!==!1&&(v.mock===!0?s.duration=s.delay=1:(s.duration*=parseFloat(v.mock)||1,s.delay*=parseFloat(v.mock)||1)),s.easing=u(s.easing,s.duration),s.begin&&!g.isFunction(s.begin)&&(s.begin=null),s.progress&&!g.isFunction(s.progress)&&(s.progress=null),s.complete&&!g.isFunction(s.complete)&&(s.complete=null),s.display!==a&&null!==s.display&&(s.display=s.display.toString().toLowerCase(),"auto"===s.display&&(s.display=v.CSS.Values.getDisplayType(o))),s.visibility!==a&&null!==s.visibility&&(s.visibility=s.visibility.toString().toLowerCase()),s.mobileHA=s.mobileHA&&v.State.isMobile&&!v.State.isGingerbread,s.queue===!1?s.delay?setTimeout(e,s.delay):e():$.queue(o,s.queue,function(t,r){return r===!0?(k.promise&&k.resolver(h),!0):(v.velocityQueueEntryFlag=!0,void e(t))}),""!==s.queue&&"fx"!==s.queue||"inprogress"===$.queue(o)[0]||$.dequeue(o)}var l=arguments[0]&&($.isPlainObject(arguments[0].properties)&&!arguments[0].properties.names||g.isString(arguments[0].properties)),f,d,m,h,b,P;if(g.isWrapped(this)?(f=!1,m=0,h=this,d=this):(f=!0,m=1,h=l?arguments[0].elements:arguments[0]),h=o(h)){l?(b=arguments[0].properties,P=arguments[0].options):(b=arguments[m],P=arguments[m+1]);var w=h.length,V=0;if("stop"!==b&&!$.isPlainObject(P)){var C=m+1;P={};for(var T=C;Tz;z++){var q={delay:E.delay,progress:E.progress};z===O-1&&(q.display=E.display,q.visibility=E.visibility,q.complete=E.complete),S(h,"reverse",q)}return e()}};v=$.extend(S,v),v.animate=S;var P=t.requestAnimationFrame||d;return v.State.isMobile||r.hidden===a||r.addEventListener("visibilitychange",function(){r.hidden?(P=function(e){return setTimeout(function(){e(!0)},16)},c()):P=t.requestAnimationFrame||d}),e.Velocity=v,e!==t&&(e.fn.velocity=S,e.fn.velocity.defaults=v.defaults),$.each(["Down","Up"],function(e,t){v.Redirects["slide"+t]=function(e,r,n,o,i,s){var l=$.extend({},r),u=l.begin,c=l.complete,p={height:"",marginTop:"",marginBottom:"",paddingTop:"",paddingBottom:""},f={};l.display===a&&(l.display="Down"===t?"inline"===v.CSS.Values.getDisplayType(e)?"inline-block":"block":"none"),l.begin=function(){u&&u.call(i,i);for(var r in p){f[r]=e.style[r];var a=v.CSS.getPropertyValue(e,r);p[r]="Down"===t?[a,0]:[0,a]}f.overflow=e.style.overflow,e.style.overflow="hidden"},l.complete=function(){for(var t in f)e.style[t]=f[t];c&&c.call(i,i),s&&s.resolver(i)},v(e,p,l)}}),$.each(["In","Out"],function(e,t){v.Redirects["fade"+t]=function(e,r,n,o,i,s){var l=$.extend({},r),u={opacity:"In"===t?1:0},c=l.complete;l.complete=n!==o-1?l.begin=null:function(){c&&c.call(i,i),s&&s.resolver(i)},l.display===a&&(l.display="In"===t?"auto":"none"),v(this,u,l)}}),v}(window.jQuery||window.Zepto||window,window,document)});;!function(a,b,c,d){"use strict";function k(a,b,c){return setTimeout(q(a,c),b)}function l(a,b,c){return Array.isArray(a)?(m(a,c[b],c),!0):!1}function m(a,b,c){var e;if(a)if(a.forEach)a.forEach(b,c);else if(a.length!==d)for(e=0;e-1}function x(a){return a.trim().split(/\s+/g)}function y(a,b,c){if(a.indexOf&&!c)return a.indexOf(b);for(var d=0;dc[b]}):d.sort()),d}function B(a,b){for(var c,f,g=b[0].toUpperCase()+b.slice(1),h=0;h1&&!c.firstMultiple?c.firstMultiple=gb(b):1===e&&(c.firstMultiple=!1);var f=c.firstInput,g=c.firstMultiple,h=g?g.center:f.center,i=b.center=hb(d);b.timeStamp=j(),b.deltaTime=b.timeStamp-f.timeStamp,b.angle=lb(h,i),b.distance=kb(h,i),eb(c,b),b.offsetDirection=jb(b.deltaX,b.deltaY),b.scale=g?nb(g.pointers,d):1,b.rotation=g?mb(g.pointers,d):0,fb(c,b);var k=a.element;v(b.srcEvent.target,k)&&(k=b.srcEvent.target),b.target=k}function eb(a,b){var c=b.center,d=a.offsetDelta||{},e=a.prevDelta||{},f=a.prevInput||{};(b.eventType===O||f.eventType===Q)&&(e=a.prevDelta={x:f.deltaX||0,y:f.deltaY||0},d=a.offsetDelta={x:c.x,y:c.y}),b.deltaX=e.x+(c.x-d.x),b.deltaY=e.y+(c.y-d.y)}function fb(a,b){var f,g,h,j,c=a.lastInterval||b,e=b.timeStamp-c.timeStamp;if(b.eventType!=R&&(e>N||c.velocity===d)){var k=c.deltaX-b.deltaX,l=c.deltaY-b.deltaY,m=ib(e,k,l);g=m.x,h=m.y,f=i(m.x)>i(m.y)?m.x:m.y,j=jb(k,l),a.lastInterval=b}else f=c.velocity,g=c.velocityX,h=c.velocityY,j=c.direction;b.velocity=f,b.velocityX=g,b.velocityY=h,b.direction=j}function gb(a){for(var b=[],c=0;ce;)c+=a[e].clientX,d+=a[e].clientY,e++;return{x:h(c/b),y:h(d/b)}}function ib(a,b,c){return{x:b/a||0,y:c/a||0}}function jb(a,b){return a===b?S:i(a)>=i(b)?a>0?T:U:b>0?V:W}function kb(a,b,c){c||(c=$);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return Math.sqrt(d*d+e*e)}function lb(a,b,c){c||(c=$);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return 180*Math.atan2(e,d)/Math.PI}function mb(a,b){return lb(b[1],b[0],_)-lb(a[1],a[0],_)}function nb(a,b){return kb(b[0],b[1],_)/kb(a[0],a[1],_)}function rb(){this.evEl=pb,this.evWin=qb,this.allow=!0,this.pressed=!1,ab.apply(this,arguments)}function wb(){this.evEl=ub,this.evWin=vb,ab.apply(this,arguments),this.store=this.manager.session.pointerEvents=[]}function Ab(){this.evTarget=yb,this.evWin=zb,this.started=!1,ab.apply(this,arguments)}function Bb(a,b){var c=z(a.touches),d=z(a.changedTouches);return b&(Q|R)&&(c=A(c.concat(d),"identifier",!0)),[c,d]}function Eb(){this.evTarget=Db,this.targetIds={},ab.apply(this,arguments)}function Fb(a,b){var c=z(a.touches),d=this.targetIds;if(b&(O|P)&&1===c.length)return d[c[0].identifier]=!0,[c,c];var e,f,g=z(a.changedTouches),h=[],i=this.target;if(f=c.filter(function(a){return v(a.target,i)}),b===O)for(e=0;eh&&(b.push(a),h=b.length-1):e&(Q|R)&&(c=!0),0>h||(b[h]=a,this.callback(this.manager,e,{pointers:b,changedPointers:[a],pointerType:f,srcEvent:a}),c&&b.splice(h,1))}});var xb={touchstart:O,touchmove:P,touchend:Q,touchcancel:R},yb="touchstart",zb="touchstart touchmove touchend touchcancel";p(Ab,ab,{handler:function(a){var b=xb[a.type];if(b===O&&(this.started=!0),this.started){var c=Bb.call(this,a,b);b&(Q|R)&&0===c[0].length-c[1].length&&(this.started=!1),this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:J,srcEvent:a})}}});var Cb={touchstart:O,touchmove:P,touchend:Q,touchcancel:R},Db="touchstart touchmove touchend touchcancel";p(Eb,ab,{handler:function(a){var b=Cb[a.type],c=Fb.call(this,a,b);c&&this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:J,srcEvent:a})}}),p(Gb,ab,{handler:function(a,b,c){var d=c.pointerType==J,e=c.pointerType==L;if(d)this.mouse.allow=!1;else if(e&&!this.mouse.allow)return;b&(Q|R)&&(this.mouse.allow=!0),this.callback(a,b,c)},destroy:function(){this.touch.destroy(),this.mouse.destroy()}});var Hb=B(f.style,"touchAction"),Ib=Hb!==d,Jb="compute",Kb="auto",Lb="manipulation",Mb="none",Nb="pan-x",Ob="pan-y";Pb.prototype={set:function(a){a==Jb&&(a=this.compute()),Ib&&(this.manager.element.style[Hb]=a),this.actions=a.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var a=[];return m(this.manager.recognizers,function(b){r(b.options.enable,[b])&&(a=a.concat(b.getTouchAction()))}),Qb(a.join(" "))},preventDefaults:function(a){if(!Ib){var b=a.srcEvent,c=a.offsetDirection;if(this.manager.session.prevented)return b.preventDefault(),void 0;var d=this.actions,e=w(d,Mb),f=w(d,Ob),g=w(d,Nb);return e||f&&c&X||g&&c&Y?this.preventSrc(b):void 0}},preventSrc:function(a){this.manager.session.prevented=!0,a.preventDefault()}};var Rb=1,Sb=2,Tb=4,Ub=8,Vb=Ub,Wb=16,Xb=32;Yb.prototype={defaults:{},set:function(a){return n(this.options,a),this.manager&&this.manager.touchAction.update(),this},recognizeWith:function(a){if(l(a,"recognizeWith",this))return this;var b=this.simultaneous;return a=_b(a,this),b[a.id]||(b[a.id]=a,a.recognizeWith(this)),this},dropRecognizeWith:function(a){return l(a,"dropRecognizeWith",this)?this:(a=_b(a,this),delete this.simultaneous[a.id],this)},requireFailure:function(a){if(l(a,"requireFailure",this))return this;var b=this.requireFail;return a=_b(a,this),-1===y(b,a)&&(b.push(a),a.requireFailure(this)),this},dropRequireFailure:function(a){if(l(a,"dropRequireFailure",this))return this;a=_b(a,this);var b=y(this.requireFail,a);return b>-1&&this.requireFail.splice(b,1),this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(a){return!!this.simultaneous[a.id]},emit:function(a){function d(d){b.manager.emit(b.options.event+(d?Zb(c):""),a)}var b=this,c=this.state;Ub>c&&d(!0),d(),c>=Ub&&d(!0)},tryEmit:function(a){return this.canEmit()?this.emit(a):(this.state=Xb,void 0)},canEmit:function(){for(var a=0;af?T:U,c=f!=this.pX,d=Math.abs(a.deltaX)):(e=0===g?S:0>g?V:W,c=g!=this.pY,d=Math.abs(a.deltaY))),a.direction=e,c&&d>b.threshold&&e&b.direction},attrTest:function(a){return ac.prototype.attrTest.call(this,a)&&(this.state&Sb||!(this.state&Sb)&&this.directionTest(a))},emit:function(a){this.pX=a.deltaX,this.pY=a.deltaY;var b=$b(a.direction);b&&this.manager.emit(this.options.event+b,a),this._super.emit.call(this,a)}}),p(cc,ac,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[Mb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.scale-1)>this.options.threshold||this.state&Sb)},emit:function(a){if(this._super.emit.call(this,a),1!==a.scale){var b=a.scale<1?"in":"out";this.manager.emit(this.options.event+b,a)}}}),p(dc,Yb,{defaults:{event:"press",pointers:1,time:500,threshold:5},getTouchAction:function(){return[Kb]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distanceb.time;if(this._input=a,!d||!c||a.eventType&(Q|R)&&!e)this.reset();else if(a.eventType&O)this.reset(),this._timer=k(function(){this.state=Vb,this.tryEmit()},b.time,this);else if(a.eventType&Q)return Vb;return Xb},reset:function(){clearTimeout(this._timer)},emit:function(a){this.state===Vb&&(a&&a.eventType&Q?this.manager.emit(this.options.event+"up",a):(this._input.timeStamp=j(),this.manager.emit(this.options.event,this._input)))}}),p(ec,ac,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[Mb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.rotation)>this.options.threshold||this.state&Sb)}}),p(fc,ac,{defaults:{event:"swipe",threshold:10,velocity:.65,direction:X|Y,pointers:1},getTouchAction:function(){return bc.prototype.getTouchAction.call(this)},attrTest:function(a){var c,b=this.options.direction;return b&(X|Y)?c=a.velocity:b&X?c=a.velocityX:b&Y&&(c=a.velocityY),this._super.attrTest.call(this,a)&&b&a.direction&&a.distance>this.options.threshold&&i(c)>this.options.velocity&&a.eventType&Q},emit:function(a){var b=$b(a.direction);b&&this.manager.emit(this.options.event+b,a),this.manager.emit(this.options.event,a)}}),p(gc,Yb,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:2,posThreshold:10},getTouchAction:function(){return[Lb]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distance 0) ) { hideDropdown(); $(document).unbind('click.' + activates.attr('id')); } }); }); } // End else // Listen to open and close event - useful for select component origin.on('open', placeDropdown); origin.on('close', hideDropdown); }); }; // End dropdown plugin }( jQuery )); ;(function($) { $.fn.extend({ openModal: function(options) { var modal = this; var overlay = $('
'); $("body").append(overlay); var defaults = { opacity: 0.5, in_duration: 300, out_duration: 200, ready: undefined, complete: undefined, dismissible: true } // Override defaults options = $.extend(defaults, options); if (options.dismissible) { $("#lean-overlay").click(function() { $(modal).closeModal(options); }); // Return on ESC $(document).keyup(function(e) { if (e.keyCode === 27) { // ESC key $(modal).closeModal(options); $(this).off(); } }); } $(modal).find(".modal-close").click(function(e) { e.preventDefault(); $(modal).closeModal(options); }); $("#lean-overlay").css({ display : "block", opacity : 0 }); $(modal).css({ display : "block", top: "4%", opacity: 0 }); $("#lean-overlay").velocity({opacity: options.opacity}, {duration: options.in_duration, queue: false, ease: "easeOutCubic"}); $(modal).velocity({top: "10%", opacity: 1}, { duration: options.in_duration, queue: false, ease: "easeOutCubic", // Handle modal ready callback complete: function() { if (typeof(options.ready) === "function") { options.ready(); } } }); } }); $.fn.extend({ closeModal: function(options) { var defaults = { out_duration: 200, complete: undefined } var options = $.extend(defaults, options); $('.modal-close').off(); $("#lean-overlay").velocity( { opacity: 0}, {duration: options.out_duration, queue: false, ease: "easeOutQuart"}); $(this).fadeOut(options.out_duration, function() { $(this).css({ top: 0}); $("#lean-overlay").css({display:"none"}); // Call complete callback if (typeof(options.complete) === "function") { options.complete(); } $('#lean-overlay').remove(); }); } }) $.fn.extend({ leanModal: function(options) { return this.each(function() { // Close Handlers $(this).click(function(e) { var modal_id = $(this).attr("href"); $(modal_id).openModal(options); e.preventDefault(); }); // done set on click }); // done return } }); })(jQuery); ;(function ($) { $.fn.materialbox = function () { return this.each(function() { if ($(this).hasClass('intialized')) { return; } $(this).addClass('intialized'); var overlayActive = false; var doneAnimating = true; var inDuration = 275; var outDuration = 200; var origin = $(this); var placeholder = $('
').addClass('material-placeholder'); var originalWidth = 0; var originalHeight = 0; origin.wrap(placeholder); origin.on('click', function(){ var placeholder = origin.parent('.material-placeholder'); var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; var originalWidth = origin.width(); var originalHeight = origin.height(); // If already modal, return to original if (doneAnimating === false) { return false; } else if (overlayActive && doneAnimating===true) { returnToOriginal(); return false; } // Set states doneAnimating = false; origin.addClass('active'); overlayActive = true; // Set positioning for placeholder placeholder.css({ width: placeholder[0].getBoundingClientRect().width, height: placeholder[0].getBoundingClientRect().height, position: 'relative', top: 0, left: 0 }) // Set css on origin origin.css({position: 'absolute', 'z-index': 1000}) .data('width', originalWidth) .data('height', originalHeight); // Add overlay var overlay = $('
') .css({ opacity: 0 }) .click(function(){ if (doneAnimating === true) returnToOriginal(); }); // Animate Overlay $('body').append(overlay); overlay.velocity({opacity: 1}, {duration: inDuration, queue: false, easing: 'easeOutQuad'} ); // Add and animate caption if it exists if (origin.data('caption') !== "") { var $photo_caption = $('
'); $photo_caption.text(origin.data('caption')); $('body').append($photo_caption); $photo_caption.css({ "display": "inline" }); $photo_caption.velocity({opacity: 1}, {duration: inDuration, queue: false, easing: 'easeOutQuad'}) } // Resize Image var ratio = 0; var widthPercent = originalWidth / windowWidth; var heightPercent = originalHeight / windowHeight; var newWidth = 0; var newHeight = 0; if (widthPercent > heightPercent) { ratio = originalHeight / originalWidth; newWidth = windowWidth * 0.9; newHeight = windowWidth * 0.9 * ratio; } else { ratio = originalWidth / originalHeight; newWidth = (windowHeight * 0.9) * ratio; newHeight = windowHeight * 0.9; } // Animate image + set z-index if(origin.hasClass('responsive-img')) { origin.velocity({'max-width': newWidth, 'width': originalWidth}, {duration: 0, queue: false, complete: function(){ origin.css({left: 0, top: 0}) .velocity( { height: newHeight, width: newWidth, left: $(document).scrollLeft() + windowWidth/2 - origin.parent('.material-placeholder').offset().left - newWidth/2, top: $(document).scrollTop() + windowHeight/2 - origin.parent('.material-placeholder').offset().top - newHeight/ 2 }, { duration: inDuration, queue: false, easing: 'easeOutQuad', complete: function(){doneAnimating = true;} } ); } // End Complete }); // End Velocity } else { origin.css('left', 0) .css('top', 0) .velocity( { height: newHeight, width: newWidth, left: $(document).scrollLeft() + windowWidth/2 - origin.parent('.material-placeholder').offset().left - newWidth/2, top: $(document).scrollTop() + windowHeight/2 - origin.parent('.material-placeholder').offset().top - newHeight/ 2 }, { duration: inDuration, queue: false, easing: 'easeOutQuad', complete: function(){doneAnimating = true;} } ); // End Velocity } }); // End origin on click // Return on scroll $(window).scroll(function() { if (overlayActive ) { returnToOriginal(); } }); // Return on ESC $(document).keyup(function(e) { if (e.keyCode === 27 && doneAnimating === true) { // ESC key if (overlayActive) { returnToOriginal(); } } }); // This function returns the modaled image to the original spot function returnToOriginal() { doneAnimating = false; var placeholder = origin.parent('.material-placeholder'); var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; var originalWidth = origin.data('width'); var originalHeight = origin.data('height'); $('#materialbox-overlay').fadeOut(outDuration, function(){ // Remove Overlay overlayActive = false; $(this).remove(); }); // Resize Image origin.velocity( { width: originalWidth, height: originalHeight, left: 0, top: 0 }, { duration: outDuration, queue: false, easing: 'easeOutQuad' } ); // Remove Caption + reset css settings on image $('.materialbox-caption').velocity({opacity: 0}, { duration: outDuration + 200, // Delay prevents animation overlapping queue: false, easing: 'easeOutQuad', complete: function(){ placeholder.css({ height: '', width: '', position: '', top: '', left: '' }); origin.css({ height: '', top: '', left: '', width: '', 'max-width': '', position: '', 'z-index': '' }); // Remove class origin.removeClass('active'); doneAnimating = true; $(this).remove(); } }); } }); }; $(document).ready(function(){ $('.materialboxed').materialbox(); }); }( jQuery )); ;(function ($) { $.fn.parallax = function () { var window_width = $(window).width(); // Parallax Scripts return this.each(function(i) { var $this = $(this); $this.addClass('parallax'); $this.find('img').each(function () { $(this).css('background-image', 'url(' + $(this).attr('src') + ')' ); $(this).attr('src', 'data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='); }); function updateParallax(initial) { var container_height; if (window_width < 992) { container_height = ($this.height() > 0) ? $this.height() : $this.children("img").height(); } else { container_height = ($this.height() > 0) ? $this.height() : 500; } var img_height = $this.children("img").height(); var parallax_dist = img_height - container_height; var bottom = $this.offset().top + container_height; var top = $this.offset().top; var scrollTop = $(window).scrollTop(); var windowHeight = window.innerHeight; var windowBottom = scrollTop + windowHeight; var percentScrolled = (windowBottom - top) / (container_height + windowHeight); var parallax = -1 * parallax_dist * percentScrolled; if ((bottom > scrollTop) && (top < (scrollTop + windowHeight))) { $this.children("img").first().css('bottom', parallax + "px"); } if (initial) { $this.children("img").first().css('display', 'block'); } } // Wait for image load $this.children("img").one("load", function() { updateParallax(true); }).each(function() { if(this.complete) $(this).load(); }); $(window).scroll(function() { window_width = $(window).width(); updateParallax(false); }); $(window).resize(function() { window_width = $(window).width(); updateParallax(false); }); }); }; }( jQuery ));;(function ($) { var methods = { init : function() { return this.each(function() { // For each set of tabs, we want to keep track of // which tab is active and its associated content var $this = $(this), window_width = $(window).width(); $this.width('100%'); // Set Tab Width for each tab var $num_tabs = $(this).children('li').length; $this.children('li').each(function() { $(this).width((100/$num_tabs)+'%'); }); var $active, $content, $links = $this.find('li.tab a'), $tabs_width = $this.width(), $tab_width = $this.find('li').first().outerWidth(), $index = 0; // If the location.hash matches one of the links, use that as the active tab. $active = $($links.filter('[href="'+location.hash+'"]')); // If no match is found, use the first link or any with class 'active' as the initial active tab. if ($active.length === 0) { $active = $(this).find('li.tab a.active').first(); } if ($active.length === 0) { $active = $(this).find('li.tab a').first(); } $active.addClass('active'); $index = $links.index($active); if ($index < 0) { $index = 0; } $content = $($active[0].hash); // append indicator then set indicator width to tab width $this.append('
'); var $indicator = $this.find('.indicator'); if ($this.is(":visible")) { $indicator.css({"right": $tabs_width - (($index + 1) * $tab_width)}); $indicator.css({"left": $index * $tab_width}); } $(window).resize(function () { $tabs_width = $this.width(); $tab_width = $this.find('li').first().outerWidth(); if ($index < 0) { $index = 0; } if ($tab_width !== 0 && $tabs_width !== 0) { $indicator.css({"right": $tabs_width - (($index + 1) * $tab_width)}); $indicator.css({"left": $index * $tab_width}); } }); // Hide the remaining content $links.not($active).each(function () { $(this.hash).hide(); }); // Bind the click event handler $this.on('click', 'a', function(e){ $tabs_width = $this.width(); $tab_width = $this.find('li').first().outerWidth(); // Make the old tab inactive. $active.removeClass('active'); $content.hide(); // Update the variables with the new link and content $active = $(this); $content = $(this.hash); $links = $this.find('li.tab a'); // Make the tab active. $active.addClass('active'); var $prev_index = $index; $index = $links.index($(this)); if ($index < 0) { $index = 0; } // Change url to current tab // window.location.hash = $active.attr('href'); $content.show(); // Update indicator if (($index - $prev_index) >= 0) { $indicator.velocity({"right": $tabs_width - (($index + 1) * $tab_width)}, { duration: 300, queue: false, easing: 'easeOutQuad'}); $indicator.velocity({"left": $index * $tab_width}, {duration: 300, queue: false, easing: 'easeOutQuad', delay: 90}); } else { $indicator.velocity({"left": $index * $tab_width}, { duration: 300, queue: false, easing: 'easeOutQuad'}); $indicator.velocity({"right": $tabs_width - (($index + 1) * $tab_width)}, {duration: 300, queue: false, easing: 'easeOutQuad', delay: 90}); } // Prevent the anchor's default click action e.preventDefault(); }); }); }, select_tab : function( id ) { this.find('a[href="#' + id + '"]').trigger('click'); } }; $.fn.tabs = function(methodOrOptions) { if ( methods[methodOrOptions] ) { return methods[ methodOrOptions ].apply( this, Array.prototype.slice.call( arguments, 1 )); } else if ( typeof methodOrOptions === 'object' || ! methodOrOptions ) { // Default to "init" return methods.init.apply( this, arguments ); } else { $.error( 'Method ' + methodOrOptions + ' does not exist on jQuery.tooltip' ); } }; $(document).ready(function(){ $('ul.tabs').tabs(); }); }( jQuery )); ;(function ($) { $.fn.tooltip = function (options) { var timeout = null, counter = null, started = false, counterInterval = null, margin = 5; // Defaults var defaults = { delay: 350 }; options = $.extend(defaults, options); //Remove previously created html $('.material-tooltip').remove(); return this.each(function(){ var origin = $(this); // Create Text span var tooltip_text = $('').text(origin.attr('data-tooltip')); // Create tooltip var newTooltip = $('
'); newTooltip.addClass('material-tooltip').append(tooltip_text); newTooltip.appendTo($('body')); var backdrop = $('
').addClass('backdrop'); backdrop.appendTo(newTooltip); backdrop.css({ top: 0, left:0 }); //Destroy previously binded events $(this).off('mouseenter mouseleave'); // Mouse In $(this).on({ mouseenter: function(e) { var tooltip_delay = origin.data("delay"); tooltip_delay = (tooltip_delay == undefined || tooltip_delay == "") ? options.delay : tooltip_delay; counter = 0; counterInterval = setInterval(function(){ counter += 10; if (counter >= tooltip_delay && started == false) { started = true newTooltip.css({ display: 'block', left: '0px', top: '0px' }); // Set Tooltip text newTooltip.children('span').text(origin.attr('data-tooltip')); // Tooltip positioning var originWidth = origin.outerWidth(); var originHeight = origin.outerHeight(); var tooltipPosition = origin.attr('data-position'); var tooltipHeight = newTooltip.outerHeight(); var tooltipWidth = newTooltip.outerWidth(); var tooltipVerticalMovement = '0px'; var tooltipHorizontalMovement = '0px'; var scale_factor = 8; if (tooltipPosition === "top") { // Top Position newTooltip.css({ top: origin.offset().top - tooltipHeight - margin, left: origin.offset().left + originWidth/2 - tooltipWidth/2 }); tooltipVerticalMovement = '-10px'; backdrop.css({ borderRadius: '14px 14px 0 0', transformOrigin: '50% 90%', marginTop: tooltipHeight, marginLeft: (tooltipWidth/2) - (backdrop.width()/2) }); } // Left Position else if (tooltipPosition === "left") { newTooltip.css({ top: origin.offset().top + originHeight/2 - tooltipHeight/2, left: origin.offset().left - tooltipWidth - margin }); tooltipHorizontalMovement = '-10px'; backdrop.css({ width: '14px', height: '14px', borderRadius: '14px 0 0 14px', transformOrigin: '95% 50%', marginTop: tooltipHeight/2, marginLeft: tooltipWidth }); } // Right Position else if (tooltipPosition === "right") { newTooltip.css({ top: origin.offset().top + originHeight/2 - tooltipHeight/2, left: origin.offset().left + originWidth + margin }); tooltipHorizontalMovement = '+10px'; backdrop.css({ width: '14px', height: '14px', borderRadius: '0 14px 14px 0', transformOrigin: '5% 50%', marginTop: tooltipHeight/2, marginLeft: '0px' }); } else { // Bottom Position newTooltip.css({ top: origin.offset().top + origin.outerHeight() + margin, left: origin.offset().left + originWidth/2 - tooltipWidth/2 }); tooltipVerticalMovement = '+10px'; backdrop.css({ marginLeft: (tooltipWidth/2) - (backdrop.width()/2) }); } // Calculate Scale to fill scale_factor = tooltipWidth / 8; if (scale_factor < 8) { scale_factor = 8; } if (tooltipPosition === "right" || tooltipPosition === "left") { scale_factor = tooltipWidth / 10; if (scale_factor < 6) scale_factor = 6; } newTooltip.velocity({ opacity: 1, marginTop: tooltipVerticalMovement, marginLeft: tooltipHorizontalMovement}, { duration: 350, queue: false }); backdrop.css({ display: 'block' }) .velocity({opacity:1},{duration: 55, delay: 0, queue: false}) .velocity({scale: scale_factor}, {duration: 300, delay: 0, queue: false, easing: 'easeInOutQuad'}); } }, 10); // End Interval // Mouse Out }, mouseleave: function(){ // Reset State clearInterval(counterInterval); counter = 0; // Animate back newTooltip.velocity({ opacity: 0, marginTop: 0, marginLeft: 0}, { duration: 225, queue: false, delay: 275 } ); backdrop.velocity({opacity: 0, scale: 1}, { duration:225, delay: 275, queue: false, complete: function(){ backdrop.css('display', 'none'); newTooltip.css('display', 'none'); started = false;} }); } }); }); }; $(document).ready(function(){ $('.tooltipped').tooltip(); }); }( jQuery )); ;/*! * Waves v0.6.0 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ ;(function(window) { 'use strict'; var Waves = Waves || {}; var $$ = document.querySelectorAll.bind(document); // Find exact position of element function isWindow(obj) { return obj !== null && obj === obj.window; } function getWindow(elem) { return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView; } function offset(elem) { var docElem, win, box = {top: 0, left: 0}, doc = elem && elem.ownerDocument; docElem = doc.documentElement; if (typeof elem.getBoundingClientRect !== typeof undefined) { box = elem.getBoundingClientRect(); } win = getWindow(doc); return { top: box.top + win.pageYOffset - docElem.clientTop, left: box.left + win.pageXOffset - docElem.clientLeft }; } function convertStyle(obj) { var style = ''; for (var a in obj) { if (obj.hasOwnProperty(a)) { style += (a + ':' + obj[a] + ';'); } } return style; } var Effect = { // Effect delay duration: 750, show: function(e, element) { // Disable right click if (e.button === 2) { return false; } var el = element || this; // Create ripple var ripple = document.createElement('div'); ripple.className = 'waves-ripple'; el.appendChild(ripple); // Get click coordinate and element witdh var pos = offset(el); var relativeY = (e.pageY - pos.top); var relativeX = (e.pageX - pos.left); var scale = 'scale('+((el.clientWidth / 100) * 10)+')'; // Support for touch devices if ('touches' in e) { relativeY = (e.touches[0].pageY - pos.top); relativeX = (e.touches[0].pageX - pos.left); } // Attach data to element ripple.setAttribute('data-hold', Date.now()); ripple.setAttribute('data-scale', scale); ripple.setAttribute('data-x', relativeX); ripple.setAttribute('data-y', relativeY); // Set ripple position var rippleStyle = { 'top': relativeY+'px', 'left': relativeX+'px' }; ripple.className = ripple.className + ' waves-notransition'; ripple.setAttribute('style', convertStyle(rippleStyle)); ripple.className = ripple.className.replace('waves-notransition', ''); // Scale the ripple rippleStyle['-webkit-transform'] = scale; rippleStyle['-moz-transform'] = scale; rippleStyle['-ms-transform'] = scale; rippleStyle['-o-transform'] = scale; rippleStyle.transform = scale; rippleStyle.opacity = '1'; rippleStyle['-webkit-transition-duration'] = Effect.duration + 'ms'; rippleStyle['-moz-transition-duration'] = Effect.duration + 'ms'; rippleStyle['-o-transition-duration'] = Effect.duration + 'ms'; rippleStyle['transition-duration'] = Effect.duration + 'ms'; rippleStyle['-webkit-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)'; rippleStyle['-moz-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)'; rippleStyle['-o-transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)'; rippleStyle['transition-timing-function'] = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)'; ripple.setAttribute('style', convertStyle(rippleStyle)); }, hide: function(e) { TouchHandler.touchup(e); var el = this; var width = el.clientWidth * 1.4; // Get first ripple var ripple = null; var ripples = el.getElementsByClassName('waves-ripple'); if (ripples.length > 0) { ripple = ripples[ripples.length - 1]; } else { return false; } var relativeX = ripple.getAttribute('data-x'); var relativeY = ripple.getAttribute('data-y'); var scale = ripple.getAttribute('data-scale'); // Get delay beetween mousedown and mouse leave var diff = Date.now() - Number(ripple.getAttribute('data-hold')); var delay = 350 - diff; if (delay < 0) { delay = 0; } // Fade out ripple after delay setTimeout(function() { var style = { 'top': relativeY+'px', 'left': relativeX+'px', 'opacity': '0', // Duration '-webkit-transition-duration': Effect.duration + 'ms', '-moz-transition-duration': Effect.duration + 'ms', '-o-transition-duration': Effect.duration + 'ms', 'transition-duration': Effect.duration + 'ms', '-webkit-transform': scale, '-moz-transform': scale, '-ms-transform': scale, '-o-transform': scale, 'transform': scale, }; ripple.setAttribute('style', convertStyle(style)); setTimeout(function() { try { el.removeChild(ripple); } catch(e) { return false; } }, Effect.duration); }, delay); }, // Little hack to make can perform waves effect wrapInput: function(elements) { for (var a = 0; a < elements.length; a++) { var el = elements[a]; if (el.tagName.toLowerCase() === 'input') { var parent = el.parentNode; // If input already have parent just pass through if (parent.tagName.toLowerCase() === 'i' && parent.className.indexOf('waves-effect') !== -1) { continue; } // Put element class and style to the specified parent var wrapper = document.createElement('i'); wrapper.className = el.className + ' waves-input-wrapper'; var elementStyle = el.getAttribute('style'); if (!elementStyle) { elementStyle = ''; } wrapper.setAttribute('style', elementStyle); el.className = 'waves-button-input'; el.removeAttribute('style'); // Put element as child parent.replaceChild(wrapper, el); wrapper.appendChild(el); } } } }; /** * Disable mousedown event for 500ms during and after touch */ var TouchHandler = { /* uses an integer rather than bool so there's no issues with * needing to clear timeouts if another touch event occurred * within the 500ms. Cannot mouseup between touchstart and * touchend, nor in the 500ms after touchend. */ touches: 0, allowEvent: function(e) { var allow = true; if (e.type === 'touchstart') { TouchHandler.touches += 1; //push } else if (e.type === 'touchend' || e.type === 'touchcancel') { setTimeout(function() { if (TouchHandler.touches > 0) { TouchHandler.touches -= 1; //pop after 500ms } }, 500); } else if (e.type === 'mousedown' && TouchHandler.touches > 0) { allow = false; } return allow; }, touchup: function(e) { TouchHandler.allowEvent(e); } }; /** * Delegated click handler for .waves-effect element. * returns null when .waves-effect element not in "click tree" */ function getWavesEffectElement(e) { if (TouchHandler.allowEvent(e) === false) { return null; } var element = null; var target = e.target || e.srcElement; while (target.parentElement !== null) { if (target.className.indexOf('waves-effect') !== -1) { element = target; break; } target = target.parentElement; } return element; } /** * Bubble the click and show effect if .waves-effect elem was found */ function showEffect(e) { var element = getWavesEffectElement(e); if (element !== null) { Effect.show(e, element); if ('ontouchstart' in window) { element.addEventListener('touchend', Effect.hide, false); element.addEventListener('touchcancel', Effect.hide, false); } element.addEventListener('mouseup', Effect.hide, false); element.addEventListener('mouseleave', Effect.hide, false); } } Waves.displayEffect = function(options) { options = options || {}; if ('duration' in options) { Effect.duration = options.duration; } //Wrap input inside tag Effect.wrapInput($$('.waves-effect')); if ('ontouchstart' in window) { document.body.addEventListener('touchstart', showEffect, false); } document.body.addEventListener('mousedown', showEffect, false); }; /** * Attach Waves to an input element (or any element which doesn't * bubble mouseup/mousedown events). * Intended to be used with dynamically loaded forms/inputs, or * where the user doesn't want a delegated click handler. */ Waves.attach = function(element) { //FUTURE: automatically add waves classes and allow users // to specify them with an options param? Eg. light/classic/button if (element.tagName.toLowerCase() === 'input') { Effect.wrapInput([element]); element = element.parentElement; } if ('ontouchstart' in window) { element.addEventListener('touchstart', showEffect, false); } element.addEventListener('mousedown', showEffect, false); }; window.Waves = Waves; document.addEventListener('DOMContentLoaded', function() { Waves.displayEffect(); }, false); })(window);;function toast(message, displayLength, className, completeCallback) { className = className || ""; if ($('#toast-container').length == 0) { // create notification container var container = $('
') .attr('id', 'toast-container'); $('body').append(container); } // Select and append toast var container = $('#toast-container') var newToast = createToast(message); container.append(newToast); newToast.css({"top" : parseFloat(newToast.css("top"))+35+"px", "opacity": 0}); newToast.velocity({"top" : "0px", opacity: 1}, {duration: 300, easing: 'easeOutCubic', queue: false}); // Allows timer to be pause while being panned var timeLeft = displayLength; var counterInterval = setInterval (function(){ if (newToast.parent().length === 0) window.clearInterval(counterInterval); if (!newToast.hasClass("panning")) { timeLeft -= 100; } if (timeLeft <= 0) { newToast.velocity({"opacity": 0, marginTop: '-40px'}, { duration: 375, easing: 'easeOutExpo', queue: false, complete: function(){ if(typeof(completeCallback) === "function") completeCallback(); $(this).remove(); } } ); window.clearInterval(counterInterval); } }, 100); function createToast(html) { var toast = $("
") .addClass(className) .html(html); // Bind hammer toast.hammer({prevent_default:false }).bind('pan', function(e) { var deltaX = e.gesture.deltaX; var activationDistance = 80; // change toast state if (!toast.hasClass("panning")) toast.addClass("panning"); var opacityPercent = 1-Math.abs(deltaX / activationDistance); if (opacityPercent < 0) opacityPercent = 0; toast.velocity({left: deltaX, opacity: opacityPercent }, {duration: 50, queue: false, easing: 'easeOutQuad'}); }).bind('panend', function(e) { var deltaX = e.gesture.deltaX; var activationDistance = 80; // If toast dragged past activation point if (Math.abs(deltaX) > activationDistance) { toast.velocity({marginTop: '-40px'}, { duration: 375, easing: 'easeOutExpo', queue: false, complete: function(){ if(typeof(completeCallback) === "function") completeCallback(); toast.remove() } }) } else { toast.removeClass("panning"); // Put toast back into original position toast.velocity({left: 0, opacity: 1}, { duration: 300, easing: 'easeOutExpo', queue: false }) } }); return toast; } };(function ($) { // left: 37, up: 38, right: 39, down: 40, // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36 // var keys = [32, 33, 34, 35, 36, 37, 38, 39, 40]; // function preventDefault(e) { // e = e || window.event; // if (e.preventDefault) // e.preventDefault(); // e.returnValue = false; // } // function keydown(e) { // for (var i = keys.length; i--;) { // if (e.keyCode === keys[i]) { // preventDefault(e); // return; // } // } // } // function wheel(e) { // preventDefault(e); // } // function disable_scroll() { // if (window.addEventListener) { // window.addEventListener('DOMMouseScroll', wheel, false); // } // window.onmousewheel = document.onmousewheel = wheel; // document.onkeydown = keydown; // $('body').css({'overflow-y' : 'hidden'}); // } // function enable_scroll() { // if (window.removeEventListener) { // window.removeEventListener('DOMMouseScroll', wheel, false); // } // window.onmousewheel = document.onmousewheel = document.onkeydown = null; // $('body').css({'overflow-y' : ''}); // } var methods = { init : function(options) { var defaults = { menuWidth: 240, edge: 'left', closeOnClick: false } options = $.extend(defaults, options); $(this).each(function(){ var $this = $(this); var menu_id = $("#"+ $this.attr('data-activates')); // Set to width if (options.menuWidth != 240) { menu_id.css('width', options.menuWidth); if (!menu_id.hasClass('fixed')) { menu_id.css('left', -1 * (options.menuWidth + 10)); } } // Add alignment if (options.edge != 'left') { menu_id.addClass('right-aligned'); } // Add Touch Area $('body').append($('
')); if (options.edge === 'left') { $('.drag-target').css({'left': 0}) } else { $('.drag-target').css({'right': 0}) } // Window resize to reset on large screens fixed if (menu_id.hasClass('fixed')) { $(window).resize( function() { if ($(window).width() > 1200) { if (menu_id.attr('style')) { menu_id.removeAttr('style'); menu_id.css('width', options.menuWidth); } } if ($('#sidenav-overlay').css('opacity') != 0 && menuOut) { $('#sidenav-overlay').trigger('click'); } }); } // if closeOnClick, then add close event for all a tags in side sideNav if (options.closeOnClick == true) { menu_id.on("click.itemclick", "a:not(.collapsible-header)", function(){ removeMenu(); }); } function removeMenu() { panning = false; menuOut = false; $('#sidenav-overlay').velocity({opacity: 0}, {duration: 200, queue: false, easing: 'easeOutQuad', complete: function() { $(this).remove(); } }); if (options.edge === 'left') { // Reset phantom div $('.drag-target').css({width: '', right: '', left: '0'}); menu_id.velocity({left: -1 * (options.menuWidth + 10)}, {duration: 200, queue: false, easing: 'easeOutCubic'}); } else { // Reset phantom div $('.drag-target').css({width: '', right: '0', left: ''}); menu_id.velocity({right: -1 * (options.menuWidth + 10)}, {duration: 200, queue: false, easing: 'easeOutCubic'}); } // enable_scroll(); } // Touch Event var panning = false; var menuOut = false; $('.drag-target').hammer({ prevent_default: false }).bind('tap', function(e) { // capture overlay click on drag target // if (menuOut && !panning) { $('#sidenav-overlay').trigger('click'); // } }).bind('pan', function(e) { if (e.gesture.pointerType === "touch") { var direction = e.gesture.direction; var x = e.gesture.center.x; var y = e.gesture.center.y; var velocityX = e.gesture.velocityX; if (!$('#sidenav-overlay').length) { var overlay = $('
'); overlay.css('opacity', 0).click(function(){ removeMenu(); }); $('body').append(overlay); } // Keep within boundaries if (options.edge === 'left') { if (x > options.menuWidth) { x = options.menuWidth; } else if (x < 0) { x = 0; } } else { if (x < $(window).width() - options.menuWidth) { x = $(window).width() - options.menuWidth; } } if (options.edge === 'left') { // Left Direction if (x < (options.menuWidth / 2)) { menuOut = false; } // Right Direction else if (x >= (options.menuWidth / 2)) { menuOut = true; } menu_id.css('left', (x - options.menuWidth)); } else { // Left Direction if (x < ($(window).width() - options.menuWidth / 2)) { menuOut = true; } // Right Direction else if (x >= ($(window).width() - options.menuWidth / 2)) { menuOut = false; } menu_id.css('right', -1 *(x - options.menuWidth / 2)); } // Percentage overlay if (options.edge === 'left') { var overlayPerc = x / options.menuWidth; $('#sidenav-overlay').velocity({opacity: overlayPerc }, {duration: 50, queue: false, easing: 'easeOutQuad'}); } else { var overlayPerc = Math.abs((x - $(window).width()) / options.menuWidth); $('#sidenav-overlay').velocity({opacity: overlayPerc }, {duration: 50, queue: false, easing: 'easeOutQuad'}); } } }).bind('panend', function(e) { if (e.gesture.pointerType === "touch") { var velocityX = e.gesture.velocityX; panning = false; if (options.edge === 'left') { // If velocityX <= 0.3 then the user is flinging the menu closed so ignore menuOut if ((menuOut && velocityX <= 0.3) || velocityX < -0.5) { menu_id.velocity({left: 0}, {duration: 300, queue: false, easing: 'easeOutQuad'}); $('#sidenav-overlay').velocity({opacity: 1 }, {duration: 50, queue: false, easing: 'easeOutQuad'}); $('.drag-target').css({width: '50%', right: 0, left: ''}); } else if (!menuOut || velocityX > 0.3) { menu_id.velocity({left: -240}, {duration: 300, queue: false, easing: 'easeOutQuad'}); $('#sidenav-overlay').velocity({opacity: 0 }, {duration: 50, queue: false, easing: 'easeOutQuad', complete: function () { $(this).remove(); }}); $('.drag-target').css({width: '10%', right: '', left: 0}); } } else { if ((menuOut && velocityX >= -0.3) || velocityX > 0.5) { menu_id.velocity({right: 0}, {duration: 300, queue: false, easing: 'easeOutQuad'}); $('#sidenav-overlay').velocity({opacity: 1 }, {duration: 50, queue: false, easing: 'easeOutQuad'}); $('.drag-target').css({width: '50%', right: '', left: 0}); } else if (!menuOut || velocityX < -0.3) { menu_id.velocity({right: -240}, {duration: 300, queue: false, easing: 'easeOutQuad'}); $('#sidenav-overlay').velocity({opacity: 0 }, {duration: 50, queue: false, easing: 'easeOutQuad', complete: function () { $(this).remove(); }}); $('.drag-target').css({width: '10%', right: 0, left: ''}); } } } }); $this.click(function() { if (menuOut == true) { menuOut = false; panning = false; removeMenu(); } else { if (options.edge === 'left') { $('.drag-target').css({width: '50%', right: 0, left: ''}); menu_id.velocity({left: 0}, {duration: 300, queue: false, easing: 'easeOutQuad'}); } else { $('.drag-target').css({width: '50%', right: '', left: 0}); menu_id.velocity({right: 0}, {duration: 300, queue: false, easing: 'easeOutQuad'}); menu_id.css('left',''); } var overlay = $('
'); overlay.css('opacity', 0) .click(function(){ menuOut = false; panning = false; removeMenu(); overlay.animate({opacity: 0}, {duration: 300, queue: false, easing: 'easeOutQuad', complete: function() { $(this).remove(); } }); }); $('body').append(overlay); overlay.animate({opacity: 1}, {duration: 300, queue: false, easing: 'easeOutQuad', complete: function () { menuOut = true; panning = false; } }); } return false; }); }); }, show : function() { this.trigger('click'); }, hide : function() { $('#sidenav-overlay').trigger('click'); } }; $.fn.sideNav = function(methodOrOptions) { if ( methods[methodOrOptions] ) { return methods[ methodOrOptions ].apply( this, Array.prototype.slice.call( arguments, 1 )); } else if ( typeof methodOrOptions === 'object' || ! methodOrOptions ) { // Default to "init" return methods.init.apply( this, arguments ); } else { $.error( 'Method ' + methodOrOptions + ' does not exist on jQuery.tooltip' ); } }; // PLugin end }( jQuery )); ;/** * Extend jquery with a scrollspy plugin. * This watches the window scroll and fires events when elements are scrolled into viewport. * * throttle() and getTime() taken from Underscore.js * https://github.com/jashkenas/underscore * * @author Copyright 2013 John Smart * @license https://raw.github.com/thesmart/jquery-scrollspy/master/LICENSE * @see https://github.com/thesmart * @version 0.1.2 */ (function($) { var jWindow = $(window); var elements = []; var elementsInView = []; var isSpying = false; var ticks = 0; var unique_id = 1; var offset = { top : 0, right : 0, bottom : 0, left : 0, } /** * Find elements that are within the boundary * @param {number} top * @param {number} right * @param {number} bottom * @param {number} left * @return {jQuery} A collection of elements */ function findElements(top, right, bottom, left) { var hits = $(); $.each(elements, function(i, element) { if (element.height() > 0) { var elTop = element.offset().top, elLeft = element.offset().left, elRight = elLeft + element.width(), elBottom = elTop + element.height(); var isIntersect = !(elLeft > right || elRight < left || elTop > bottom || elBottom < top); if (isIntersect) { hits.push(element); } } }); return hits; } /** * Called when the user scrolls the window */ function onScroll() { // unique tick id ++ticks; // viewport rectangle var top = jWindow.scrollTop(), left = jWindow.scrollLeft(), right = left + jWindow.width(), bottom = top + jWindow.height(); // determine which elements are in view // + 60 accounts for fixed nav var intersections = findElements(top+offset.top + 200, right+offset.right, bottom+offset.bottom, left+offset.left); $.each(intersections, function(i, element) { var lastTick = element.data('scrollSpy:ticks'); if (typeof lastTick != 'number') { // entered into view element.triggerHandler('scrollSpy:enter'); } // update tick id element.data('scrollSpy:ticks', ticks); }); // determine which elements are no longer in view $.each(elementsInView, function(i, element) { var lastTick = element.data('scrollSpy:ticks'); if (typeof lastTick == 'number' && lastTick !== ticks) { // exited from view element.triggerHandler('scrollSpy:exit'); element.data('scrollSpy:ticks', null); } }); // remember elements in view for next tick elementsInView = intersections; } /** * Called when window is resized */ function onWinSize() { jWindow.trigger('scrollSpy:winSize'); } /** * Get time in ms * @license https://raw.github.com/jashkenas/underscore/master/LICENSE * @type {function} * @return {number} */ var getTime = (Date.now || function () { return new Date().getTime(); }); /** * Returns a function, that, when invoked, will only be triggered at most once * during a given window of time. Normally, the throttled function will run * as much as it can, without ever going more than once per `wait` duration; * but if you'd like to disable the execution on the leading edge, pass * `{leading: false}`. To disable execution on the trailing edge, ditto. * @license https://raw.github.com/jashkenas/underscore/master/LICENSE * @param {function} func * @param {number} wait * @param {Object=} options * @returns {Function} */ function throttle(func, wait, options) { var context, args, result; var timeout = null; var previous = 0; options || (options = {}); var later = function () { previous = options.leading === false ? 0 : getTime(); timeout = null; result = func.apply(context, args); context = args = null; }; return function () { var now = getTime(); if (!previous && options.leading === false) previous = now; var remaining = wait - (now - previous); context = this; args = arguments; if (remaining <= 0) { clearTimeout(timeout); timeout = null; previous = now; result = func.apply(context, args); context = args = null; } else if (!timeout && options.trailing !== false) { timeout = setTimeout(later, remaining); } return result; }; }; /** * Enables ScrollSpy using a selector * @param {jQuery|string} selector The elements collection, or a selector * @param {Object=} options Optional. throttle : number -> scrollspy throttling. Default: 100 ms offsetTop : number -> offset from top. Default: 0 offsetRight : number -> offset from right. Default: 0 offsetBottom : number -> offset from bottom. Default: 0 offsetLeft : number -> offset from left. Default: 0 * @returns {jQuery} */ $.scrollSpy = function(selector, options) { var visible = []; selector = $(selector); selector.each(function(i, element) { elements.push($(element)); $(element).data("scrollSpy:id", i); // Smooth scroll to section $('a[href=#' + $(element).attr('id') + ']').click(function(e) { e.preventDefault(); var offset = $(this.hash).offset().top + 1; // offset-60 to handle floating fixed tab bar if ($('.tabs-wrapper').length) { $('html, body').animate({ scrollTop: offset-60 }, {duration: 400, easing: 'easeOutCubic'}); } else { $('html, body').animate({ scrollTop: offset }, {duration: 400, easing: 'easeOutCubic'}); } }); }); options = options || { throttle: 100 }; offset.top = options.offsetTop || 0; offset.right = options.offsetRight || 0; offset.bottom = options.offsetBottom || 0; offset.left = options.offsetLeft || 0; var throttledScroll = throttle(onScroll, options.throttle || 100); var readyScroll = function(){ $(document).ready(throttledScroll); }; if (!isSpying) { jWindow.on('scroll', readyScroll); jWindow.on('resize', readyScroll); isSpying = true; } // perform a scan once, after current execution context, and after dom is ready setTimeout(readyScroll, 0); selector.on('scrollSpy:enter', function() { visible = $.grep(visible, function(value) { return value.height() != 0; }); var $this = $(this); if (visible[0]) { $('a[href=#' + visible[0].attr('id') + ']').removeClass('active'); if ($this.data('scrollSpy:id') < visible[0].data('scrollSpy:id')) { visible.unshift($(this)); } else { visible.push($(this)); } } else { visible.push($(this)); } $('a[href=#' + visible[0].attr('id') + ']').addClass('active'); }); selector.on('scrollSpy:exit', function() { visible = $.grep(visible, function(value) { return value.height() != 0; }); if (visible[0]) { $('a[href=#' + visible[0].attr('id') + ']').removeClass('active'); var $this = $(this); visible = $.grep(visible, function(value) { return value.attr('id') != $this.attr('id'); }); if (visible[0]) { // Check if empty $('a[href=#' + visible[0].attr('id') + ']').addClass('active'); } } }); return selector; }; /** * Listen for window resize events * @param {Object=} options Optional. Set { throttle: number } to change throttling. Default: 100 ms * @returns {jQuery} $(window) */ $.winSizeSpy = function(options) { $.winSizeSpy = function() { return jWindow; }; // lock from multiple calls options = options || { throttle: 100 }; return jWindow.on('resize', throttle(onWinSize, options.throttle || 100)); }; /** * Enables ScrollSpy on a collection of elements * e.g. $('.scrollSpy').scrollSpy() * @param {Object=} options Optional. throttle : number -> scrollspy throttling. Default: 100 ms offsetTop : number -> offset from top. Default: 0 offsetRight : number -> offset from right. Default: 0 offsetBottom : number -> offset from bottom. Default: 0 offsetLeft : number -> offset from left. Default: 0 * @returns {jQuery} */ $.fn.scrollSpy = function(options) { return $.scrollSpy($(this), options); }; })(jQuery);;(function ($) { $(document).ready(function() { // Text based inputs var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], textarea'; // Add active if form auto complete $(document).on('change', input_selector, function () { if($(this).val().length !== 0) { $(this).siblings('label, i').addClass('active'); } validate_field($(this)); }); // Add active if input element has been pre-populated on document ready $(document).ready(function() { $(input_selector).each(function(index, element) { if($(element).val().length > 0) { $(this).siblings('label, i').addClass('active'); } }); }); // HTML DOM FORM RESET handling $(document).on('reset', function(e) { if ($(e.target).is('form')) { $(this).find(input_selector).removeClass('valid').removeClass('invalid'); // Reset select $(this).find('select.initialized').each(function () { var reset_text = $(this).find('option[selected]').text(); $(this).siblings('input.select-dropdown').val(reset_text); }); } }); // Add active when element has focus $(document).on('focus', input_selector, function () { $(this).siblings('label, i').addClass('active'); }); $(document).on('blur', input_selector, function () { if ($(this).val().length === 0) { $(this).siblings('label, i').removeClass('active'); } validate_field($(this)); }); validate_field = function(object) { if (object.val().length === 0) { if (object.hasClass('validate')) { object.removeClass('valid'); object.removeClass('invalid'); } } else { if (object.hasClass('validate')) { if (object.is(':valid')) { object.removeClass('invalid'); object.addClass('valid'); } else { object.removeClass('valid'); object.addClass('invalid'); } } } } // Textarea Auto Resize if ($('.hiddendiv').length === 0) { var hiddenDiv = $('
'), content = null; $('body').append(hiddenDiv); } var text_area_selector = '.materialize-textarea'; $('.hiddendiv').css('width', $(text_area_selector).width()); $(text_area_selector).each(function () { if ($(this).val().length) { content = $(this).val(); content = content.replace(/\n/g, '
'); hiddenDiv.html(content + '
'); $(this).css('height', hiddenDiv.height()); } }); $('body').on('keyup keydown',text_area_selector , function () { content = $(this).val(); content = content.replace(/\n/g, '
'); hiddenDiv.html(content + '
'); $(this).css('height', hiddenDiv.height()); }); // File Input Path $('.file-field').each(function() { var path_input = $(this).find('input.file-path'); $(this).find('input[type="file"]').change(function () { path_input.val($(this).val()); path_input.trigger('change'); }); }); // Range Input var range_type = 'input[type=range]'; var range_mousedown = false; $(range_type).each(function () { var thumb = $(''); $(this).after(thumb); }); var range_wrapper = '.range-field'; $(document).on("mousedown", range_wrapper, function(e) { var thumb = $(this).children('.thumb'); if (thumb.length <= 0) { thumb = $(''); $(this).append(thumb); } range_mousedown = true; $(this).addClass('active'); if (!thumb.hasClass('active')) { thumb.velocity({ height: "30px", width: "30px", top: "-20px", marginLeft: "-15px"}, { duration: 300, easing: 'easeOutExpo' }); } var left = e.pageX - $(this).offset().left; var width = $(this).outerWidth(); if (left < 0) { left = 0; } else if (left > width) { left = width; } thumb.addClass('active').css('left', left); thumb.find('.value').html($(this).children('input[type=range]').val()); }); $(document).on("mouseup", range_wrapper, function() { range_mousedown = false; $(this).removeClass('active'); }); $(document).on("mousemove", range_wrapper, function(e) { var thumb = $(this).children('.thumb'); if (range_mousedown) { if (!thumb.hasClass('active')) { thumb.velocity({ height: "30px", width: "30px", top: "-20px", marginLeft: "-15px"}, { duration: 300, easing: 'easeOutExpo' }); } var left = e.pageX - $(this).offset().left; var width = $(this).outerWidth(); if (left < 0) { left = 0; } else if (left > width) { left = width; } thumb.addClass('active').css('left', left); thumb.find('.value').html($(this).children('input[type=range]').val()); } }); $(document).on("mouseout", range_wrapper, function() { if (!range_mousedown) { var thumb = $(this).children('.thumb'); if (thumb.hasClass('active')) { thumb.velocity({ height: "0", width: "0", top: "10px", marginLeft: "-6px"}, { duration: 100 }); } thumb.removeClass('active'); } }); // Select Functionality // Select Plugin $.fn.material_select = function (callback) { $(this).each(function(){ $select = $(this); if ( $select.hasClass('browser-default') || $select.hasClass('initialized')) { return; // Continue to next (return false breaks out of entire loop) } var uniqueID = guid(); var wrapper = $('
'); var options = $(''); var selectOptions = $select.children('option'); if ($select.find('option:selected') !== undefined) { var label = $select.find('option:selected'); } else { var label = options.first(); } // Create Dropdown structure selectOptions.each(function () { // Add disabled attr if disabled options.append($('
  • ' + $(this).html() + '
  • ')); }); options.find('li').each(function (i) { var $curr_select = $select; $(this).click(function () { // Check if option element is disabled if (!$(this).hasClass('disabled')) { $curr_select.find('option').eq(i).prop('selected', true); // Trigger onchange() event $curr_select.trigger('change'); $curr_select.siblings('input.select-dropdown').val($(this).text()); if (typeof callback !== 'undefined') callback(); } }); }); // Wrap Elements $select.wrap(wrapper); // Add Select Display Element var $newSelect = $(''); $select.before($newSelect); $('body').append(options); // Check if section element is disabled if (!$select.is(':disabled')) { $newSelect.dropdown({"hover": false}); } $select.addClass('initialized'); $newSelect.on('focus', function(){ $(this).trigger('open'); label = $(this).val(); selectedOption = options.find('li').filter(function() { return $(this).text().toLowerCase() === label.toLowerCase(); })[0]; activateOption(options, selectedOption); }); $newSelect.on('blur', function(){ $(this).trigger('close'); }); // Make option as selected and scroll to selected position activateOption = function(collection, newOption) { collection.find('li.active').removeClass('active'); $(newOption).addClass('active'); collection.scrollTo(newOption); } // Allow user to search by typing // this array is cleared after 1 second filterQuery = [] onKeyDown = function(event){ // TAB - switch to another input if(event.which == 9){ $newSelect.trigger('close'); return } // ARROW DOWN WHEN SELECT IS CLOSED - open select options if(event.which == 40 && !options.is(":visible")){ $newSelect.trigger('open'); return } // ENTER WHEN SELECT IS CLOSED - submit form if(event.which == 13 && !options.is(":visible")){ return } event.preventDefault(); // CASE WHEN USER TYPE LETTERS letter = String.fromCharCode(event.which).toLowerCase(); if (letter){ filterQuery.push(letter); string = filterQuery.join(""); newOption = options.find('li').filter(function() { return $(this).text().toLowerCase().indexOf(string) === 0; })[0]; if(newOption){ activateOption(options, newOption); } } // ENTER - select option and close when select options are opened if(event.which == 13){ activeOption = options.find('li.active:not(.disabled)')[0]; if(activeOption){ $(activeOption).trigger('click'); $newSelect.trigger('close'); } } // ARROW DOWN - move to next not disabled option if(event.which == 40){ newOption = options.find('li.active').next('li:not(.disabled)')[0]; if(newOption){ activateOption(options, newOption); } } // ESC - close options if(event.which == 27){ $newSelect.trigger('close'); } // ARROW UP - move to previous not disabled option if(event.which == 38){ newOption = options.find('li.active').prev('li:not(.disabled)')[0]; if(newOption){ activateOption(options, newOption); } } // Automaticaly clean filter query so user can search again by starting letters setTimeout(function(){filterQuery = []}, 1000) } $newSelect.on('keydown', onKeyDown); }); } // Unique ID var guid = (function() { function s4() { return Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); } return function() { return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); }; })(); }); }( jQuery )); ;(function ($) { $.fn.slider = function (options) { var defaults = { indicators: true, height: 400, transition: 500, interval: 60000 } options = $.extend(defaults, options); return this.each(function() { // For each slider, we want to keep track of // which slide is active and its associated content var $this = $(this); var $slider = $this.find('ul.slides').first(); var $slides = $slider.find('li'); var $active_index = $slider.find('.active').index(); var $active; if ($active_index != -1) { $active = $slides.eq($active_index); } // Transitions the caption depending on alignment function captionTransition(caption, duration) { if (caption.hasClass("center-align")) { caption.velocity({opacity: 0, translateY: -100}, {duration: duration, queue: false}); } else if (caption.hasClass("right-align")) { caption.velocity({opacity: 0, translateX: 100}, {duration: duration, queue: false}); } else if (caption.hasClass("left-align")) { caption.velocity({opacity: 0, translateX: -100}, {duration: duration, queue: false}); } } // This function will transition the slide to any index of the next slide function moveToSlide(index) { if (index >= $slides.length) index = 0; else if (index < 0) index = $slides.length -1; $active_index = $slider.find('.active').index(); // Only do if index changes if ($active_index != index) { $active = $slides.eq($active_index); $caption = $active.find('.caption'); $active.removeClass('active'); $active.velocity({opacity: 0}, {duration: options.transition, queue: false, easing: 'easeOutQuad', complete: function() { $slides.not('.active').velocity({opacity: 0, translateX: 0, translateY: 0}, {duration: 0, queue: false}); } }); captionTransition($caption, options.transition); // Update indicators if (options.indicators) { $indicators.eq($active_index).removeClass('active'); } $slides.eq(index).velocity({opacity: 1}, {duration: options.transition, queue: false, easing: 'easeOutQuad'}); $slides.eq(index).find('.caption').velocity({opacity: 1, translateX: 0, translateY: 0}, {duration: options.transition, delay: options.transition, queue: false, easing: 'easeOutQuad'}); $slides.eq(index).addClass('active'); // Update indicators if (options.indicators) { $indicators.eq(index).addClass('active'); } } } // Set height of slider if (options.height != 400) { $this.height(options.height + 40); $slider.height(options.height); } // Set initial positions of captions $slides.find('.caption').each(function () { captionTransition($(this), 0); }); // Set initial dimensions of images // $slides.find('img').each(function () { // $(this).load(function () { // if ($(this).width() < $(this).parent().width()) { // $(this).css({width: '100%', height: 'auto'}); // } // }); // }); // Move img src into background-image $slides.find('img').each(function () { $(this).css('background-image', 'url(' + $(this).attr('src') + ')' ); $(this).attr('src', 'data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='); }); // dynamically add indicators if (options.indicators) { var $indicators = $('
      '); $slides.each(function( index ) { var $indicator = $('
    • '); // Handle clicks on indicators $indicator.click(function () { var $parent = $slider.parent(); var curr_index = $parent.find($(this)).index(); moveToSlide(curr_index); // reset interval clearInterval($interval); $interval = setInterval( function(){ $active_index = $slider.find('.active').index(); if ($slides.length == $active_index + 1) $active_index = 0; // loop to start else $active_index += 1; moveToSlide($active_index); }, options.transition + options.interval ); }); $indicators.append($indicator); }); $this.append($indicators); $indicators = $this.find('ul.indicators').find('li.indicator-item'); } if ($active) { $active.show(); } else { $slides.first().addClass('active').velocity({opacity: 1}, {duration: options.transition, queue: false, easing: 'easeOutQuad'}); $active_index = 0; $active = $slides.eq($active_index); // Update indicators if (options.indicators) { $indicators.eq($active_index).addClass('active'); } } // Adjust height to current slide $active.find('img').each(function() { $active.find('.caption').velocity({opacity: 1, translateX: 0, translateY: 0}, {duration: options.transition, queue: false, easing: 'easeOutQuad'}); }); // auto scroll $interval = setInterval( function(){ $active_index = $slider.find('.active').index(); moveToSlide($active_index + 1); }, options.transition + options.interval ); // HammerJS, Swipe navigation // Touch Event var panning = false; var swipeLeft = false; var swipeRight = false; $this.hammer({ prevent_default: false }).bind('pan', function(e) { if (e.gesture.pointerType === "touch") { // reset interval clearInterval($interval); var direction = e.gesture.direction; var x = e.gesture.deltaX; var velocityX = e.gesture.velocityX; $curr_slide = $slider.find('.active'); $curr_slide.velocity({ translateX: x }, {duration: 50, queue: false, easing: 'easeOutQuad'}); // Swipe Left if (direction === 4 && (x > ($this.innerWidth() / 2) || velocityX < -0.65)) { swipeRight = true; } // Swipe Right else if (direction === 2 && (x < (-1 * $this.innerWidth() / 2) || velocityX > 0.65)) { swipeLeft = true; } // Make Slide Behind active slide visible var next_slide; if (swipeLeft) { next_slide = $curr_slide.next(); if (next_slide.length === 0) { next_slide = $slides.first(); } next_slide.velocity({ opacity: 1 }, {duration: 300, queue: false, easing: 'easeOutQuad'}); } if (swipeRight) { next_slide = $curr_slide.prev(); if (next_slide.length === 0) { next_slide = $slides.last(); } next_slide.velocity({ opacity: 1 }, {duration: 300, queue: false, easing: 'easeOutQuad'}); } } }).bind('panend', function(e) { if (e.gesture.pointerType === "touch") { $curr_slide = $slider.find('.active'); panning = false; curr_index = $slider.find('.active').index(); if (!swipeRight && !swipeLeft) { // Return to original spot $curr_slide.velocity({ translateX: 0 }, {duration: 300, queue: false, easing: 'easeOutQuad'}); } else if (swipeLeft) { moveToSlide(curr_index + 1); $curr_slide.velocity({translateX: -1 * $this.innerWidth() }, {duration: 300, queue: false, easing: 'easeOutQuad', complete: function() { $curr_slide.velocity({opacity: 0, translateX: 0}, {duration: 0, queue: false}); } }); } else if (swipeRight) { moveToSlide(curr_index - 1); $curr_slide.velocity({translateX: $this.innerWidth() }, {duration: 300, queue: false, easing: 'easeOutQuad', complete: function() { $curr_slide.velocity({opacity: 0, translateX: 0}, {duration: 0, queue: false}); } }); } swipeLeft = false; swipeRight = false; // Restart interval clearInterval($interval); $interval = setInterval( function(){ $active_index = $slider.find('.active').index(); if ($slides.length == $active_index + 1) $active_index = 0; // loop to start else $active_index += 1; moveToSlide($active_index); }, options.transition + options.interval ); } }); }); }; }( jQuery )); ;(function ($) { $(document).ready(function() { $(document).on('click.card', '.card', function (e) { if ($(this).find('.card-reveal').length) { if ($(e.target).is($('.card-reveal .card-title')) || $(e.target).is($('.card-reveal .card-title i'))) { $(this).find('.card-reveal').velocity({translateY: 0}, {duration: 225, queue: false, easing: 'easeInOutQuad'}); } else if ($(e.target).is($('.card .activator')) || $(e.target).is($('.card .activator i')) ) { $(this).find('.card-reveal').velocity({translateY: '-100%'}, {duration: 300, queue: false, easing: 'easeInOutQuad'}); } } }); }); }( jQuery ));;(function ($) { $(document).ready(function() { // Unique ID var guid = (function() { function s4() { return Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); } return function() { return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); }; })(); $.fn.pushpin = function (options) { var defaults = { top: 0, bottom: Infinity, offset: 0 } options = $.extend(defaults, options); $index = 0; return this.each(function() { var $uniqueId = guid(), $this = $(this), $original_offset = $(this).offset().top; function removePinClasses(object) { object.removeClass('pin-top'); object.removeClass('pinned'); object.removeClass('pin-bottom'); } function updateElements(objects, scrolled) { objects.each(function () { // Add position fixed (because its between top and bottom) if (options.top <= scrolled && options.bottom >= scrolled && !$(this).hasClass('pinned')) { removePinClasses($(this)); $(this).css('top', options.offset); $(this).addClass('pinned'); } // Add pin-top (when scrolled position is above top) if (scrolled < options.top && !$(this).hasClass('pin-top')) { removePinClasses($(this)); $(this).css('top', 0); $(this).addClass('pin-top'); } // Add pin-bottom (when scrolled position is below bottom) if (scrolled > options.bottom && !$(this).hasClass('pin-bottom')) { removePinClasses($(this)); $(this).addClass('pin-bottom'); $(this).css('top', options.bottom - $original_offset); } }); } updateElements($this, $(window).scrollTop()); $(window).on('scroll.' + $uniqueId, function () { var $scrolled = $(window).scrollTop() + options.offset; updateElements($this, $scrolled); }); }); }; }); }( jQuery ));;(function ($) { $(document).ready(function() { // jQuery reverse $.fn.reverse = [].reverse; $(document).on('mouseenter.fixedActionBtn', '.fixed-action-btn', function(e) { var $this = $(this); $this.find('ul a.btn-floating').velocity( { scaleY: ".4", scaleX: ".4", translateY: "40px"}, { duration: 0 }); var time = 0; $this.find('ul a.btn-floating').reverse().each(function () { $(this).velocity( { opacity: "1", scaleX: "1", scaleY: "1", translateY: "0"}, { duration: 80, delay: time }); time += 40; }); }); $(document).on('mouseleave.fixedActionBtn', '.fixed-action-btn', function(e) { var $this = $(this); var time = 0; $this.find('ul a.btn-floating').velocity("stop", true); $this.find('ul a.btn-floating').velocity( { opacity: "0", scaleX: ".4", scaleY: ".4", translateY: "40px"}, { duration: 80 }); }); }); }( jQuery )); ;(function ($) { $(document).ready(function() { // Horizontal staggered list showStaggeredList = function(selector) { var time = 0; $(selector).find('li').velocity( { translateX: "-100px"}, { duration: 0 }); $(selector).find('li').each(function() { $(this).velocity( { opacity: "1", translateX: "0"}, { duration: 800, delay: time, easing: [60, 10] }); time += 120; }); } // Hardcoded .staggered-list scrollFire var staggeredListOptions = []; $('ul.staggered-list').each(function (i) { var label = 'scrollFire-' + i; $(this).addClass(label); staggeredListOptions.push( {selector: 'ul.staggered-list.' + label, offset: 200, callback: 'showStaggeredList("ul.staggered-list.' + label + '")'}); }); scrollFire(staggeredListOptions); // HammerJS, Swipe navigation // Touch Event var swipeLeft = false; var swipeRight = false; $('.dismissable').each(function() { $(this).hammer({ prevent_default: false }).bind('pan', function(e) { if (e.gesture.pointerType === "touch") { var $this = $(this); var direction = e.gesture.direction; var x = e.gesture.deltaX; var velocityX = e.gesture.velocityX; $this.velocity({ translateX: x }, {duration: 50, queue: false, easing: 'easeOutQuad'}); // Swipe Left if (direction === 4 && (x > ($this.innerWidth() / 2) || velocityX < -0.75)) { swipeLeft = true; } // Swipe Right else if (direction === 2 && (x < (-1 * $this.innerWidth() / 2) || velocityX > 0.75)) { swipeRight = true; } } }).bind('panend', function(e) { if (e.gesture.pointerType === "touch") { var $this = $(this); if (swipeLeft || swipeRight) { var fullWidth; if (swipeLeft) { fullWidth = $this.innerWidth() } else { fullWidth = -1 * $this.innerWidth() } $this.velocity({ translateX: fullWidth, }, {duration: 100, queue: false, easing: 'easeOutQuad', complete: function() { $this.css('border', 'none'); $this.velocity({ height: 0, padding: 0, }, {duration: 200, queue: false, easing: 'easeOutQuad', complete: function() { $this.remove(); } }); } }); } else { $this.velocity({ translateX: 0, }, {duration: 100, queue: false, easing: 'easeOutQuad'}); } swipeLeft = false; swipeRight = false; } }); }); // time = 0 // // Vertical Staggered list // $('ul.staggered-list.vertical li').velocity( // { translateY: "100px"}, // { duration: 0 }); // $('ul.staggered-list.vertical li').each(function() { // $(this).velocity( // { opacity: "1", translateY: "0"}, // { duration: 800, delay: time, easing: [60, 25] }); // time += 120; // }); // // Fade in and Scale // $('.fade-in.scale').velocity( // { scaleX: .4, scaleY: .4, translateX: -600}, // { duration: 0}); // $('.fade-in').each(function() { // $(this).velocity( // { opacity: "1", scaleX: 1, scaleY: 1, translateX: 0}, // { duration: 800, easing: [60, 10] }); // }); // Image transition function fadeInImage = function(selector){ var element = $(selector); element.css({opacity: 0}); $(element).velocity({opacity: 1}, { duration: 650, queue: false, easing: 'easeOutSine' }); $(element).animate({opacity: 1}, { duration: 1300, queue: false, easing: 'swing', step: function(now, fx) { fx.start = 100; var grayscale_setting = now/100; var brightness_setting = 150 - (100 - now)/1.75; if (brightness_setting < 100) { brightness_setting = 100; } if (now >= 0) { $(this).css({ "-webkit-filter": "grayscale("+grayscale_setting+")" + "brightness("+brightness_setting+"%)", "filter": "grayscale("+grayscale_setting+")" + "brightness("+brightness_setting+"%)" }); } } }); }; }); }( jQuery )); ;(function($) { // Input: Array of JSON objects {selector, offset, callback} scrollFire = function(options) { $(window).scroll(function () { var windowScroll = $(window).scrollTop() + $(window).height(); $.each( options, function( i, value ){ var selector = value.selector, offset = value.offset, callback = value.callback; var elementOffset = $(selector).offset().top; if (windowScroll > (elementOffset + offset)) { if (value.done != true) { var callbackFunc = new Function(callback); callbackFunc(); value.done = true; } } }); }); } })(jQuery);;/*! * pickadate.js v3.5.0, 2014/04/13 * By Amsul, http://amsul.ca * Hosted on http://amsul.github.io/pickadate.js * Licensed under MIT */ (function ( factory ) { // AMD. if ( typeof define == 'function' && define.amd ) define( 'picker', ['jquery'], factory ) // Node.js/browserify. else if ( typeof exports == 'object' ) module.exports = factory( require('jquery') ) // Browser globals. else this.Picker = factory( jQuery ) }(function( $ ) { var $window = $( window ) var $document = $( document ) var $html = $( document.documentElement ) /** * The picker constructor that creates a blank picker. */ function PickerConstructor( ELEMENT, NAME, COMPONENT, OPTIONS ) { // If there’s no element, return the picker constructor. if ( !ELEMENT ) return PickerConstructor var IS_DEFAULT_THEME = false, // The state of the picker. STATE = { id: ELEMENT.id || 'P' + Math.abs( ~~(Math.random() * new Date()) ) }, // Merge the defaults and options passed. SETTINGS = COMPONENT ? $.extend( true, {}, COMPONENT.defaults, OPTIONS ) : OPTIONS || {}, // Merge the default classes with the settings classes. CLASSES = $.extend( {}, PickerConstructor.klasses(), SETTINGS.klass ), // The element node wrapper into a jQuery object. $ELEMENT = $( ELEMENT ), // Pseudo picker constructor. PickerInstance = function() { return this.start() }, // The picker prototype. P = PickerInstance.prototype = { constructor: PickerInstance, $node: $ELEMENT, /** * Initialize everything */ start: function() { // If it’s already started, do nothing. if ( STATE && STATE.start ) return P // Update the picker states. STATE.methods = {} STATE.start = true STATE.open = false STATE.type = ELEMENT.type // Confirm focus state, convert into text input to remove UA stylings, // and set as readonly to prevent keyboard popup. ELEMENT.autofocus = ELEMENT == getActiveElement() ELEMENT.readOnly = !SETTINGS.editable ELEMENT.id = ELEMENT.id || STATE.id if ( ELEMENT.type != 'text' ) { ELEMENT.type = 'text' } // Create a new picker component with the settings. P.component = new COMPONENT(P, SETTINGS) // Create the picker root with a holder and then prepare it. P.$root = $( PickerConstructor._.node('div', createWrappedComponent(), CLASSES.picker, 'id="' + ELEMENT.id + '_root" tabindex="0"') ) prepareElementRoot() // If there’s a format for the hidden input element, create the element. if ( SETTINGS.formatSubmit ) { prepareElementHidden() } // Prepare the input element. prepareElement() // Insert the root as specified in the settings. if ( SETTINGS.container ) $( SETTINGS.container ).append( P.$root ) else $ELEMENT.after( P.$root ) // Bind the default component and settings events. P.on({ start: P.component.onStart, render: P.component.onRender, stop: P.component.onStop, open: P.component.onOpen, close: P.component.onClose, set: P.component.onSet }).on({ start: SETTINGS.onStart, render: SETTINGS.onRender, stop: SETTINGS.onStop, open: SETTINGS.onOpen, close: SETTINGS.onClose, set: SETTINGS.onSet }) // Once we’re all set, check the theme in use. IS_DEFAULT_THEME = isUsingDefaultTheme( P.$root.children()[ 0 ] ) // If the element has autofocus, open the picker. if ( ELEMENT.autofocus ) { P.open() } // Trigger queued the “start” and “render” events. return P.trigger( 'start' ).trigger( 'render' ) }, //start /** * Render a new picker */ render: function( entireComponent ) { // Insert a new component holder in the root or box. if ( entireComponent ) P.$root.html( createWrappedComponent() ) else P.$root.find( '.' + CLASSES.box ).html( P.component.nodes( STATE.open ) ) // Trigger the queued “render” events. return P.trigger( 'render' ) }, //render /** * Destroy everything */ stop: function() { // If it’s already stopped, do nothing. if ( !STATE.start ) return P // Then close the picker. P.close() // Remove the hidden field. if ( P._hidden ) { P._hidden.parentNode.removeChild( P._hidden ) } // Remove the root. P.$root.remove() // Remove the input class, remove the stored data, and unbind // the events (after a tick for IE - see `P.close`). $ELEMENT.removeClass( CLASSES.input ).removeData( NAME ) setTimeout( function() { $ELEMENT.off( '.' + STATE.id ) }, 0) // Restore the element state ELEMENT.type = STATE.type ELEMENT.readOnly = false // Trigger the queued “stop” events. P.trigger( 'stop' ) // Reset the picker states. STATE.methods = {} STATE.start = false return P }, //stop /** * Open up the picker */ open: function( dontGiveFocus ) { // If it’s already open, do nothing. if ( STATE.open ) return P // Add the “active” class. $ELEMENT.addClass( CLASSES.active ) aria( ELEMENT, 'expanded', true ) // * A Firefox bug, when `html` has `overflow:hidden`, results in // killing transitions :(. So add the “opened” state on the next tick. // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=625289 setTimeout( function() { // Add the “opened” class to the picker root. P.$root.addClass( CLASSES.opened ) aria( P.$root[0], 'hidden', false ) }, 0 ) // If we have to give focus, bind the element and doc events. if ( dontGiveFocus !== false ) { // Set it as open. STATE.open = true // Prevent the page from scrolling. if ( IS_DEFAULT_THEME ) { $html. css( 'overflow', 'hidden' ). css( 'padding-right', '+=' + getScrollbarWidth() ) } // Pass focus to the root element’s jQuery object. // * Workaround for iOS8 to bring the picker’s root into view. P.$root[0].focus() // Bind the document events. $document.on( 'click.' + STATE.id + ' focusin.' + STATE.id, function( event ) { var target = event.target // If the target of the event is not the element, close the picker picker. // * Don’t worry about clicks or focusins on the root because those don’t bubble up. // Also, for Firefox, a click on an `option` element bubbles up directly // to the doc. So make sure the target wasn't the doc. // * In Firefox stopPropagation() doesn’t prevent right-click events from bubbling, // which causes the picker to unexpectedly close when right-clicking it. So make // sure the event wasn’t a right-click. if ( target != ELEMENT && target != document && event.which != 3 ) { // If the target was the holder that covers the screen, // keep the element focused to maintain tabindex. P.close( target === P.$root.children()[0] ) } }).on( 'keydown.' + STATE.id, function( event ) { var // Get the keycode. keycode = event.keyCode, // Translate that to a selection change. keycodeToMove = P.component.key[ keycode ], // Grab the target. target = event.target // On escape, close the picker and give focus. if ( keycode == 27 ) { P.close( true ) } // Check if there is a key movement or “enter” keypress on the element. else if ( target == P.$root[0] && ( keycodeToMove || keycode == 13 ) ) { // Prevent the default action to stop page movement. event.preventDefault() // Trigger the key movement action. if ( keycodeToMove ) { PickerConstructor._.trigger( P.component.key.go, P, [ PickerConstructor._.trigger( keycodeToMove ) ] ) } // On “enter”, if the highlighted item isn’t disabled, set the value and close. else if ( !P.$root.find( '.' + CLASSES.highlighted ).hasClass( CLASSES.disabled ) ) { P.set( 'select', P.component.item.highlight ).close() } } // If the target is within the root and “enter” is pressed, // prevent the default action and trigger a click on the target instead. else if ( $.contains( P.$root[0], target ) && keycode == 13 ) { event.preventDefault() target.click() } }) } // Trigger the queued “open” events. return P.trigger( 'open' ) }, //open /** * Close the picker */ close: function( giveFocus ) { // If we need to give focus, do it before changing states. if ( giveFocus ) { // ....ah yes! It would’ve been incomplete without a crazy workaround for IE :| // The focus is triggered *after* the close has completed - causing it // to open again. So unbind and rebind the event at the next tick. P.$root.off( 'focus.toOpen' )[0].focus() setTimeout( function() { P.$root.on( 'focus.toOpen', handleFocusToOpenEvent ) }, 0 ) } // Remove the “active” class. $ELEMENT.removeClass( CLASSES.active ) aria( ELEMENT, 'expanded', false ) // * A Firefox bug, when `html` has `overflow:hidden`, results in // killing transitions :(. So remove the “opened” state on the next tick. // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=625289 setTimeout( function() { // Remove the “opened” and “focused” class from the picker root. P.$root.removeClass( CLASSES.opened + ' ' + CLASSES.focused ) aria( P.$root[0], 'hidden', true ) }, 0 ) // If it’s already closed, do nothing more. if ( !STATE.open ) return P // Set it as closed. STATE.open = false // Allow the page to scroll. if ( IS_DEFAULT_THEME ) { $html. css( 'overflow', '' ). css( 'padding-right', '-=' + getScrollbarWidth() ) } // Unbind the document events. $document.off( '.' + STATE.id ) // Trigger the queued “close” events. return P.trigger( 'close' ) }, //close /** * Clear the values */ clear: function( options ) { return P.set( 'clear', null, options ) }, //clear /** * Set something */ set: function( thing, value, options ) { var thingItem, thingValue, thingIsObject = $.isPlainObject( thing ), thingObject = thingIsObject ? thing : {} // Make sure we have usable options. options = thingIsObject && $.isPlainObject( value ) ? value : options || {} if ( thing ) { // If the thing isn’t an object, make it one. if ( !thingIsObject ) { thingObject[ thing ] = value } // Go through the things of items to set. for ( thingItem in thingObject ) { // Grab the value of the thing. thingValue = thingObject[ thingItem ] // First, if the item exists and there’s a value, set it. if ( thingItem in P.component.item ) { if ( thingValue === undefined ) thingValue = null P.component.set( thingItem, thingValue, options ) } // Then, check to update the element value and broadcast a change. if ( thingItem == 'select' || thingItem == 'clear' ) { $ELEMENT. val( thingItem == 'clear' ? '' : P.get( thingItem, SETTINGS.format ) ). trigger( 'change' ) } } // Render a new picker. P.render() } // When the method isn’t muted, trigger queued “set” events and pass the `thingObject`. return options.muted ? P : P.trigger( 'set', thingObject ) }, //set /** * Get something */ get: function( thing, format ) { // Make sure there’s something to get. thing = thing || 'value' // If a picker state exists, return that. if ( STATE[ thing ] != null ) { return STATE[ thing ] } // Return the submission value, if that. if ( thing == 'valueSubmit' ) { if ( P._hidden ) { return P._hidden.value } thing = 'value' } // Return the value, if that. if ( thing == 'value' ) { return ELEMENT.value } // Check if a component item exists, return that. if ( thing in P.component.item ) { if ( typeof format == 'string' ) { var thingValue = P.component.get( thing ) return thingValue ? PickerConstructor._.trigger( P.component.formats.toString, P.component, [ format, thingValue ] ) : '' } return P.component.get( thing ) } }, //get /** * Bind events on the things. */ on: function( thing, method, internal ) { var thingName, thingMethod, thingIsObject = $.isPlainObject( thing ), thingObject = thingIsObject ? thing : {} if ( thing ) { // If the thing isn’t an object, make it one. if ( !thingIsObject ) { thingObject[ thing ] = method } // Go through the things to bind to. for ( thingName in thingObject ) { // Grab the method of the thing. thingMethod = thingObject[ thingName ] // If it was an internal binding, prefix it. if ( internal ) { thingName = '_' + thingName } // Make sure the thing methods collection exists. STATE.methods[ thingName ] = STATE.methods[ thingName ] || [] // Add the method to the relative method collection. STATE.methods[ thingName ].push( thingMethod ) } } return P }, //on /** * Unbind events on the things. */ off: function() { var i, thingName, names = arguments; for ( i = 0, namesCount = names.length; i < namesCount; i += 1 ) { thingName = names[i] if ( thingName in STATE.methods ) { delete STATE.methods[thingName] } } return P }, /** * Fire off method events. */ trigger: function( name, data ) { var _trigger = function( name ) { var methodList = STATE.methods[ name ] if ( methodList ) { methodList.map( function( method ) { PickerConstructor._.trigger( method, P, [ data ] ) }) } } _trigger( '_' + name ) _trigger( name ) return P } //trigger } //PickerInstance.prototype /** * Wrap the picker holder components together. */ function createWrappedComponent() { // Create a picker wrapper holder return PickerConstructor._.node( 'div', // Create a picker wrapper node PickerConstructor._.node( 'div', // Create a picker frame PickerConstructor._.node( 'div', // Create a picker box node PickerConstructor._.node( 'div', // Create the components nodes. P.component.nodes( STATE.open ), // The picker box class CLASSES.box ), // Picker wrap class CLASSES.wrap ), // Picker frame class CLASSES.frame ), // Picker holder class CLASSES.holder ) //endreturn } //createWrappedComponent /** * Prepare the input element with all bindings. */ function prepareElement() { $ELEMENT. // Store the picker data by component name. data(NAME, P). // Add the “input” class name. addClass(CLASSES.input). // Remove the tabindex. attr('tabindex', -1). // If there’s a `data-value`, update the value of the element. val( $ELEMENT.data('value') ? P.get('select', SETTINGS.format) : ELEMENT.value ) // Only bind keydown events if the element isn’t editable. if ( !SETTINGS.editable ) { $ELEMENT. // On focus/click, focus onto the root to open it up. on( 'focus.' + STATE.id + ' click.' + STATE.id, function( event ) { event.preventDefault() P.$root[0].focus() }). // Handle keyboard event based on the picker being opened or not. on( 'keydown.' + STATE.id, handleKeydownEvent ) } // Update the aria attributes. aria(ELEMENT, { haspopup: true, expanded: false, readonly: false, owns: ELEMENT.id + '_root' }) } /** * Prepare the root picker element with all bindings. */ function prepareElementRoot() { P.$root. on({ // For iOS8. keydown: handleKeydownEvent, // When something within the root is focused, stop from bubbling // to the doc and remove the “focused” state from the root. focusin: function( event ) { P.$root.removeClass( CLASSES.focused ) event.stopPropagation() }, // When something within the root holder is clicked, stop it // from bubbling to the doc. 'mousedown click': function( event ) { var target = event.target // Make sure the target isn’t the root holder so it can bubble up. if ( target != P.$root.children()[ 0 ] ) { event.stopPropagation() // * For mousedown events, cancel the default action in order to // prevent cases where focus is shifted onto external elements // when using things like jQuery mobile or MagnificPopup (ref: #249 & #120). // Also, for Firefox, don’t prevent action on the `option` element. if ( event.type == 'mousedown' && !$( target ).is( 'input, select, textarea, button, option' )) { event.preventDefault() // Re-focus onto the root so that users can click away // from elements focused within the picker. P.$root[0].focus() } } } }). // Add/remove the “target” class on focus and blur. on({ focus: function() { $ELEMENT.addClass( CLASSES.target ) }, blur: function() { $ELEMENT.removeClass( CLASSES.target ) } }). // Open the picker and adjust the root “focused” state on( 'focus.toOpen', handleFocusToOpenEvent ). // If there’s a click on an actionable element, carry out the actions. on( 'click', '[data-pick], [data-nav], [data-clear], [data-close]', function() { var $target = $( this ), targetData = $target.data(), targetDisabled = $target.hasClass( CLASSES.navDisabled ) || $target.hasClass( CLASSES.disabled ), // * For IE, non-focusable elements can be active elements as well // (http://stackoverflow.com/a/2684561). activeElement = getActiveElement() activeElement = activeElement && ( activeElement.type || activeElement.href ) // If it’s disabled or nothing inside is actively focused, re-focus the element. if ( targetDisabled || activeElement && !$.contains( P.$root[0], activeElement ) ) { P.$root[0].focus() } // If something is superficially changed, update the `highlight` based on the `nav`. if ( !targetDisabled && targetData.nav ) { P.set( 'highlight', P.component.item.highlight, { nav: targetData.nav } ) } // If something is picked, set `select` then close with focus. else if ( !targetDisabled && 'pick' in targetData ) { P.set( 'select', targetData.pick ) } // If a “clear” button is pressed, empty the values and close with focus. else if ( targetData.clear ) { P.clear().close( true ) } else if ( targetData.close ) { P.close( true ) } }) //P.$root aria( P.$root[0], 'hidden', true ) } /** * Prepare the hidden input element along with all bindings. */ function prepareElementHidden() { var name if ( SETTINGS.hiddenName === true ) { name = ELEMENT.name ELEMENT.name = '' } else { name = [ typeof SETTINGS.hiddenPrefix == 'string' ? SETTINGS.hiddenPrefix : '', typeof SETTINGS.hiddenSuffix == 'string' ? SETTINGS.hiddenSuffix : '_submit' ] name = name[0] + ELEMENT.name + name[1] } P._hidden = $( '' )[0] $ELEMENT. // If the value changes, update the hidden input with the correct format. on('change.' + STATE.id, function() { P._hidden.value = ELEMENT.value ? P.get('select', SETTINGS.formatSubmit) : '' }) // Insert the hidden input as specified in the settings. if ( SETTINGS.container ) $( SETTINGS.container ).append( P._hidden ) else $ELEMENT.after( P._hidden ) } // For iOS8. function handleKeydownEvent( event ) { var keycode = event.keyCode, // Check if one of the delete keys was pressed. isKeycodeDelete = /^(8|46)$/.test(keycode) // For some reason IE clears the input value on “escape”. if ( keycode == 27 ) { P.close() return false } // Check if `space` or `delete` was pressed or the picker is closed with a key movement. if ( keycode == 32 || isKeycodeDelete || !STATE.open && P.component.key[keycode] ) { // Prevent it from moving the page and bubbling to doc. event.preventDefault() event.stopPropagation() // If `delete` was pressed, clear the values and close the picker. // Otherwise open the picker. if ( isKeycodeDelete ) { P.clear().close() } else { P.open() } } } // Separated for IE function handleFocusToOpenEvent( event ) { // Stop the event from propagating to the doc. event.stopPropagation() // If it’s a focus event, add the “focused” class to the root. if ( event.type == 'focus' ) { P.$root.addClass( CLASSES.focused ) } // And then finally open the picker. P.open() } // Return a new picker instance. return new PickerInstance() } //PickerConstructor /** * The default classes and prefix to use for the HTML classes. */ PickerConstructor.klasses = function( prefix ) { prefix = prefix || 'picker' return { picker: prefix, opened: prefix + '--opened', focused: prefix + '--focused', input: prefix + '__input', active: prefix + '__input--active', target: prefix + '__input--target', holder: prefix + '__holder', frame: prefix + '__frame', wrap: prefix + '__wrap', box: prefix + '__box' } } //PickerConstructor.klasses /** * Check if the default theme is being used. */ function isUsingDefaultTheme( element ) { var theme, prop = 'position' // For IE. if ( element.currentStyle ) { theme = element.currentStyle[prop] } // For normal browsers. else if ( window.getComputedStyle ) { theme = getComputedStyle( element )[prop] } return theme == 'fixed' } /** * Get the width of the browser’s scrollbar. * Taken from: https://github.com/VodkaBears/Remodal/blob/master/src/jquery.remodal.js */ function getScrollbarWidth() { if ( $html.height() <= $window.height() ) { return 0 } var $outer = $( '
      ' ). appendTo( 'body' ) // Get the width without scrollbars. var widthWithoutScroll = $outer[0].offsetWidth // Force adding scrollbars. $outer.css( 'overflow', 'scroll' ) // Add the inner div. var $inner = $( '
      ' ).appendTo( $outer ) // Get the width with scrollbars. var widthWithScroll = $inner[0].offsetWidth // Remove the divs. $outer.remove() // Return the difference between the widths. return widthWithoutScroll - widthWithScroll } /** * PickerConstructor helper methods. */ PickerConstructor._ = { /** * Create a group of nodes. Expects: * ` { min: {Integer}, max: {Integer}, i: {Integer}, node: {String}, item: {Function} } * ` */ group: function( groupObject ) { var // Scope for the looped object loopObjectScope, // Create the nodes list nodesList = '', // The counter starts from the `min` counter = PickerConstructor._.trigger( groupObject.min, groupObject ) // Loop from the `min` to `max`, incrementing by `i` for ( ; counter <= PickerConstructor._.trigger( groupObject.max, groupObject, [ counter ] ); counter += groupObject.i ) { // Trigger the `item` function within scope of the object loopObjectScope = PickerConstructor._.trigger( groupObject.item, groupObject, [ counter ] ) // Splice the subgroup and create nodes out of the sub nodes nodesList += PickerConstructor._.node( groupObject.node, loopObjectScope[ 0 ], // the node loopObjectScope[ 1 ], // the classes loopObjectScope[ 2 ] // the attributes ) } // Return the list of nodes return nodesList }, //group /** * Create a dom node string */ node: function( wrapper, item, klass, attribute ) { // If the item is false-y, just return an empty string if ( !item ) return '' // If the item is an array, do a join item = $.isArray( item ) ? item.join( '' ) : item // Check for the class klass = klass ? ' class="' + klass + '"' : '' // Check for any attributes attribute = attribute ? ' ' + attribute : '' // Return the wrapped item return '<' + wrapper + klass + attribute + '>' + item + '' }, //node /** * Lead numbers below 10 with a zero. */ lead: function( number ) { return ( number < 10 ? '0': '' ) + number }, /** * Trigger a function otherwise return the value. */ trigger: function( callback, scope, args ) { return typeof callback == 'function' ? callback.apply( scope, args || [] ) : callback }, /** * If the second character is a digit, length is 2 otherwise 1. */ digits: function( string ) { return ( /\d/ ).test( string[ 1 ] ) ? 2 : 1 }, /** * Tell if something is a date object. */ isDate: function( value ) { return {}.toString.call( value ).indexOf( 'Date' ) > -1 && this.isInteger( value.getDate() ) }, /** * Tell if something is an integer. */ isInteger: function( value ) { return {}.toString.call( value ).indexOf( 'Number' ) > -1 && value % 1 === 0 }, /** * Create ARIA attribute strings. */ ariaAttr: ariaAttr } //PickerConstructor._ /** * Extend the picker with a component and defaults. */ PickerConstructor.extend = function( name, Component ) { // Extend jQuery. $.fn[ name ] = function( options, action ) { // Grab the component data. var componentData = this.data( name ) // If the picker is requested, return the data object. if ( options == 'picker' ) { return componentData } // If the component data exists and `options` is a string, carry out the action. if ( componentData && typeof options == 'string' ) { return PickerConstructor._.trigger( componentData[ options ], componentData, [ action ] ) } // Otherwise go through each matched element and if the component // doesn’t exist, create a new picker using `this` element // and merging the defaults and options with a deep copy. return this.each( function() { var $this = $( this ) if ( !$this.data( name ) ) { new PickerConstructor( this, name, Component, options ) } }) } // Set the defaults. $.fn[ name ].defaults = Component.defaults } //PickerConstructor.extend function aria(element, attribute, value) { if ( $.isPlainObject(attribute) ) { for ( var key in attribute ) { ariaSet(element, key, attribute[key]) } } else { ariaSet(element, attribute, value) } } function ariaSet(element, attribute, value) { element.setAttribute( (attribute == 'role' ? '' : 'aria-') + attribute, value ) } function ariaAttr(attribute, data) { if ( !$.isPlainObject(attribute) ) { attribute = { attribute: data } } data = '' for ( var key in attribute ) { var attr = (key == 'role' ? '' : 'aria-') + key, attrVal = attribute[key] data += attrVal == null ? '' : attr + '="' + attribute[key] + '"' } return data } // IE8 bug throws an error for activeElements within iframes. function getActiveElement() { try { return document.activeElement } catch ( err ) { } } // Expose the picker constructor. return PickerConstructor })); ;/*! * Date picker for pickadate.js v3.5.0 * http://amsul.github.io/pickadate.js/date.htm */ (function ( factory ) { // AMD. if ( typeof define == 'function' && define.amd ) define( ['picker', 'jquery'], factory ) // Node.js/browserify. else if ( typeof exports == 'object' ) module.exports = factory( require('./picker.js'), require('jquery') ) // Browser globals. else factory( Picker, jQuery ) }(function( Picker, $ ) { /** * Globals and constants */ var DAYS_IN_WEEK = 7, WEEKS_IN_CALENDAR = 6, _ = Picker._ /** * The date picker constructor */ function DatePicker( picker, settings ) { var calendar = this, element = picker.$node[ 0 ], elementValue = element.value, elementDataValue = picker.$node.data( 'value' ), valueString = elementDataValue || elementValue, formatString = elementDataValue ? settings.formatSubmit : settings.format, isRTL = function() { return element.currentStyle ? // For IE. element.currentStyle.direction == 'rtl' : // For normal browsers. getComputedStyle( picker.$root[0] ).direction == 'rtl' } calendar.settings = settings calendar.$node = picker.$node // The queue of methods that will be used to build item objects. calendar.queue = { min: 'measure create', max: 'measure create', now: 'now create', select: 'parse create validate', highlight: 'parse navigate create validate', view: 'parse create validate viewset', disable: 'deactivate', enable: 'activate' } // The component's item object. calendar.item = {} calendar.item.clear = null calendar.item.disable = ( settings.disable || [] ).slice( 0 ) calendar.item.enable = -(function( collectionDisabled ) { return collectionDisabled[ 0 ] === true ? collectionDisabled.shift() : -1 })( calendar.item.disable ) calendar. set( 'min', settings.min ). set( 'max', settings.max ). set( 'now' ) // When there’s a value, set the `select`, which in turn // also sets the `highlight` and `view`. if ( valueString ) { calendar.set( 'select', valueString, { format: formatString }) } // If there’s no value, default to highlighting “today”. else { calendar. set( 'select', null ). set( 'highlight', calendar.item.now ) } // The keycode to movement mapping. calendar.key = { 40: 7, // Down 38: -7, // Up 39: function() { return isRTL() ? -1 : 1 }, // Right 37: function() { return isRTL() ? 1 : -1 }, // Left go: function( timeChange ) { var highlightedObject = calendar.item.highlight, targetDate = new Date( highlightedObject.year, highlightedObject.month, highlightedObject.date + timeChange ) calendar.set( 'highlight', targetDate, { interval: timeChange } ) this.render() } } // Bind some picker events. picker. on( 'render', function() { picker.$root.find( '.' + settings.klass.selectMonth ).on( 'change', function() { var value = this.value if ( value ) { picker.set( 'highlight', [ picker.get( 'view' ).year, value, picker.get( 'highlight' ).date ] ) picker.$root.find( '.' + settings.klass.selectMonth ).trigger( 'focus' ) } }) picker.$root.find( '.' + settings.klass.selectYear ).on( 'change', function() { var value = this.value if ( value ) { picker.set( 'highlight', [ value, picker.get( 'view' ).month, picker.get( 'highlight' ).date ] ) picker.$root.find( '.' + settings.klass.selectYear ).trigger( 'focus' ) } }) }, 1 ). on( 'open', function() { var includeToday = '' if ( calendar.disabled( calendar.get('now') ) ) { includeToday = ':not(.' + settings.klass.buttonToday + ')' } picker.$root.find( 'button' + includeToday + ', select' ).attr( 'disabled', false ) }, 1 ). on( 'close', function() { picker.$root.find( 'button, select' ).attr( 'disabled', true ) }, 1 ) } //DatePicker /** * Set a datepicker item object. */ DatePicker.prototype.set = function( type, value, options ) { var calendar = this, calendarItem = calendar.item // If the value is `null` just set it immediately. if ( value === null ) { if ( type == 'clear' ) type = 'select' calendarItem[ type ] = value return calendar } // Otherwise go through the queue of methods, and invoke the functions. // Update this as the time unit, and set the final value as this item. // * In the case of `enable`, keep the queue but set `disable` instead. // And in the case of `flip`, keep the queue but set `enable` instead. calendarItem[ ( type == 'enable' ? 'disable' : type == 'flip' ? 'enable' : type ) ] = calendar.queue[ type ].split( ' ' ).map( function( method ) { value = calendar[ method ]( type, value, options ) return value }).pop() // Check if we need to cascade through more updates. if ( type == 'select' ) { calendar.set( 'highlight', calendarItem.select, options ) } else if ( type == 'highlight' ) { calendar.set( 'view', calendarItem.highlight, options ) } else if ( type.match( /^(flip|min|max|disable|enable)$/ ) ) { if ( calendarItem.select && calendar.disabled( calendarItem.select ) ) { calendar.set( 'select', calendarItem.select, options ) } if ( calendarItem.highlight && calendar.disabled( calendarItem.highlight ) ) { calendar.set( 'highlight', calendarItem.highlight, options ) } } return calendar } //DatePicker.prototype.set /** * Get a datepicker item object. */ DatePicker.prototype.get = function( type ) { return this.item[ type ] } //DatePicker.prototype.get /** * Create a picker date object. */ DatePicker.prototype.create = function( type, value, options ) { var isInfiniteValue, calendar = this // If there’s no value, use the type as the value. value = value === undefined ? type : value // If it’s infinity, update the value. if ( value == -Infinity || value == Infinity ) { isInfiniteValue = value } // If it’s an object, use the native date object. else if ( $.isPlainObject( value ) && _.isInteger( value.pick ) ) { value = value.obj } // If it’s an array, convert it into a date and make sure // that it’s a valid date – otherwise default to today. else if ( $.isArray( value ) ) { value = new Date( value[ 0 ], value[ 1 ], value[ 2 ] ) value = _.isDate( value ) ? value : calendar.create().obj } // If it’s a number or date object, make a normalized date. else if ( _.isInteger( value ) || _.isDate( value ) ) { value = calendar.normalize( new Date( value ), options ) } // If it’s a literal true or any other case, set it to now. else /*if ( value === true )*/ { value = calendar.now( type, value, options ) } // Return the compiled object. return { year: isInfiniteValue || value.getFullYear(), month: isInfiniteValue || value.getMonth(), date: isInfiniteValue || value.getDate(), day: isInfiniteValue || value.getDay(), obj: isInfiniteValue || value, pick: isInfiniteValue || value.getTime() } } //DatePicker.prototype.create /** * Create a range limit object using an array, date object, * literal “true”, or integer relative to another time. */ DatePicker.prototype.createRange = function( from, to ) { var calendar = this, createDate = function( date ) { if ( date === true || $.isArray( date ) || _.isDate( date ) ) { return calendar.create( date ) } return date } // Create objects if possible. if ( !_.isInteger( from ) ) { from = createDate( from ) } if ( !_.isInteger( to ) ) { to = createDate( to ) } // Create relative dates. if ( _.isInteger( from ) && $.isPlainObject( to ) ) { from = [ to.year, to.month, to.date + from ]; } else if ( _.isInteger( to ) && $.isPlainObject( from ) ) { to = [ from.year, from.month, from.date + to ]; } return { from: createDate( from ), to: createDate( to ) } } //DatePicker.prototype.createRange /** * Check if a date unit falls within a date range object. */ DatePicker.prototype.withinRange = function( range, dateUnit ) { range = this.createRange(range.from, range.to) return dateUnit.pick >= range.from.pick && dateUnit.pick <= range.to.pick } /** * Check if two date range objects overlap. */ DatePicker.prototype.overlapRanges = function( one, two ) { var calendar = this // Convert the ranges into comparable dates. one = calendar.createRange( one.from, one.to ) two = calendar.createRange( two.from, two.to ) return calendar.withinRange( one, two.from ) || calendar.withinRange( one, two.to ) || calendar.withinRange( two, one.from ) || calendar.withinRange( two, one.to ) } /** * Get the date today. */ DatePicker.prototype.now = function( type, value, options ) { value = new Date() if ( options && options.rel ) { value.setDate( value.getDate() + options.rel ) } return this.normalize( value, options ) } /** * Navigate to next/prev month. */ DatePicker.prototype.navigate = function( type, value, options ) { var targetDateObject, targetYear, targetMonth, targetDate, isTargetArray = $.isArray( value ), isTargetObject = $.isPlainObject( value ), viewsetObject = this.item.view/*, safety = 100*/ if ( isTargetArray || isTargetObject ) { if ( isTargetObject ) { targetYear = value.year targetMonth = value.month targetDate = value.date } else { targetYear = +value[0] targetMonth = +value[1] targetDate = +value[2] } // If we’re navigating months but the view is in a different // month, navigate to the view’s year and month. if ( options && options.nav && viewsetObject && viewsetObject.month !== targetMonth ) { targetYear = viewsetObject.year targetMonth = viewsetObject.month } // Figure out the expected target year and month. targetDateObject = new Date( targetYear, targetMonth + ( options && options.nav ? options.nav : 0 ), 1 ) targetYear = targetDateObject.getFullYear() targetMonth = targetDateObject.getMonth() // If the month we’re going to doesn’t have enough days, // keep decreasing the date until we reach the month’s last date. while ( /*safety &&*/ new Date( targetYear, targetMonth, targetDate ).getMonth() !== targetMonth ) { targetDate -= 1 /*safety -= 1 if ( !safety ) { throw 'Fell into an infinite loop while navigating to ' + new Date( targetYear, targetMonth, targetDate ) + '.' }*/ } value = [ targetYear, targetMonth, targetDate ] } return value } //DatePicker.prototype.navigate /** * Normalize a date by setting the hours to midnight. */ DatePicker.prototype.normalize = function( value/*, options*/ ) { value.setHours( 0, 0, 0, 0 ) return value } /** * Measure the range of dates. */ DatePicker.prototype.measure = function( type, value/*, options*/ ) { var calendar = this // If it’s anything false-y, remove the limits. if ( !value ) { value = type == 'min' ? -Infinity : Infinity } // If it’s a string, parse it. else if ( typeof value == 'string' ) { value = calendar.parse( type, value ) } // If it's an integer, get a date relative to today. else if ( _.isInteger( value ) ) { value = calendar.now( type, value, { rel: value } ) } return value } ///DatePicker.prototype.measure /** * Create a viewset object based on navigation. */ DatePicker.prototype.viewset = function( type, dateObject/*, options*/ ) { return this.create([ dateObject.year, dateObject.month, 1 ]) } /** * Validate a date as enabled and shift if needed. */ DatePicker.prototype.validate = function( type, dateObject, options ) { var calendar = this, // Keep a reference to the original date. originalDateObject = dateObject, // Make sure we have an interval. interval = options && options.interval ? options.interval : 1, // Check if the calendar enabled dates are inverted. isFlippedBase = calendar.item.enable === -1, // Check if we have any enabled dates after/before now. hasEnabledBeforeTarget, hasEnabledAfterTarget, // The min & max limits. minLimitObject = calendar.item.min, maxLimitObject = calendar.item.max, // Check if we’ve reached the limit during shifting. reachedMin, reachedMax, // Check if the calendar is inverted and at least one weekday is enabled. hasEnabledWeekdays = isFlippedBase && calendar.item.disable.filter( function( value ) { // If there’s a date, check where it is relative to the target. if ( $.isArray( value ) ) { var dateTime = calendar.create( value ).pick if ( dateTime < dateObject.pick ) hasEnabledBeforeTarget = true else if ( dateTime > dateObject.pick ) hasEnabledAfterTarget = true } // Return only integers for enabled weekdays. return _.isInteger( value ) }).length/*, safety = 100*/ // Cases to validate for: // [1] Not inverted and date disabled. // [2] Inverted and some dates enabled. // [3] Not inverted and out of range. // // Cases to **not** validate for: // • Navigating months. // • Not inverted and date enabled. // • Inverted and all dates disabled. // • ..and anything else. if ( !options || !options.nav ) if ( /* 1 */ ( !isFlippedBase && calendar.disabled( dateObject ) ) || /* 2 */ ( isFlippedBase && calendar.disabled( dateObject ) && ( hasEnabledWeekdays || hasEnabledBeforeTarget || hasEnabledAfterTarget ) ) || /* 3 */ ( !isFlippedBase && (dateObject.pick <= minLimitObject.pick || dateObject.pick >= maxLimitObject.pick) ) ) { // When inverted, flip the direction if there aren’t any enabled weekdays // and there are no enabled dates in the direction of the interval. if ( isFlippedBase && !hasEnabledWeekdays && ( ( !hasEnabledAfterTarget && interval > 0 ) || ( !hasEnabledBeforeTarget && interval < 0 ) ) ) { interval *= -1 } // Keep looping until we reach an enabled date. while ( /*safety &&*/ calendar.disabled( dateObject ) ) { /*safety -= 1 if ( !safety ) { throw 'Fell into an infinite loop while validating ' + dateObject.obj + '.' }*/ // If we’ve looped into the next/prev month with a large interval, return to the original date and flatten the interval. if ( Math.abs( interval ) > 1 && ( dateObject.month < originalDateObject.month || dateObject.month > originalDateObject.month ) ) { dateObject = originalDateObject interval = interval > 0 ? 1 : -1 } // If we’ve reached the min/max limit, reverse the direction, flatten the interval and set it to the limit. if ( dateObject.pick <= minLimitObject.pick ) { reachedMin = true interval = 1 dateObject = calendar.create([ minLimitObject.year, minLimitObject.month, minLimitObject.date + (dateObject.pick === minLimitObject.pick ? 0 : -1) ]) } else if ( dateObject.pick >= maxLimitObject.pick ) { reachedMax = true interval = -1 dateObject = calendar.create([ maxLimitObject.year, maxLimitObject.month, maxLimitObject.date + (dateObject.pick === maxLimitObject.pick ? 0 : 1) ]) } // If we’ve reached both limits, just break out of the loop. if ( reachedMin && reachedMax ) { break } // Finally, create the shifted date using the interval and keep looping. dateObject = calendar.create([ dateObject.year, dateObject.month, dateObject.date + interval ]) } } //endif // Return the date object settled on. return dateObject } //DatePicker.prototype.validate /** * Check if a date is disabled. */ DatePicker.prototype.disabled = function( dateToVerify ) { var calendar = this, // Filter through the disabled dates to check if this is one. isDisabledMatch = calendar.item.disable.filter( function( dateToDisable ) { // If the date is a number, match the weekday with 0index and `firstDay` check. if ( _.isInteger( dateToDisable ) ) { return dateToVerify.day === ( calendar.settings.firstDay ? dateToDisable : dateToDisable - 1 ) % 7 } // If it’s an array or a native JS date, create and match the exact date. if ( $.isArray( dateToDisable ) || _.isDate( dateToDisable ) ) { return dateToVerify.pick === calendar.create( dateToDisable ).pick } // If it’s an object, match a date within the “from” and “to” range. if ( $.isPlainObject( dateToDisable ) ) { return calendar.withinRange( dateToDisable, dateToVerify ) } }) // If this date matches a disabled date, confirm it’s not inverted. isDisabledMatch = isDisabledMatch.length && !isDisabledMatch.filter(function( dateToDisable ) { return $.isArray( dateToDisable ) && dateToDisable[3] == 'inverted' || $.isPlainObject( dateToDisable ) && dateToDisable.inverted }).length // Check the calendar “enabled” flag and respectively flip the // disabled state. Then also check if it’s beyond the min/max limits. return calendar.item.enable === -1 ? !isDisabledMatch : isDisabledMatch || dateToVerify.pick < calendar.item.min.pick || dateToVerify.pick > calendar.item.max.pick } //DatePicker.prototype.disabled /** * Parse a string into a usable type. */ DatePicker.prototype.parse = function( type, value, options ) { var calendar = this, parsingObject = {} // If it’s already parsed, we’re good. if ( !value || typeof value != 'string' ) { return value } // We need a `.format` to parse the value with. if ( !( options && options.format ) ) { options = options || {} options.format = calendar.settings.format } // Convert the format into an array and then map through it. calendar.formats.toArray( options.format ).map( function( label ) { var // Grab the formatting label. formattingLabel = calendar.formats[ label ], // The format length is from the formatting label function or the // label length without the escaping exclamation (!) mark. formatLength = formattingLabel ? _.trigger( formattingLabel, calendar, [ value, parsingObject ] ) : label.replace( /^!/, '' ).length // If there's a format label, split the value up to the format length. // Then add it to the parsing object with appropriate label. if ( formattingLabel ) { parsingObject[ label ] = value.substr( 0, formatLength ) } // Update the value as the substring from format length to end. value = value.substr( formatLength ) }) // Compensate for month 0index. return [ parsingObject.yyyy || parsingObject.yy, +( parsingObject.mm || parsingObject.m ) - 1, parsingObject.dd || parsingObject.d ] } //DatePicker.prototype.parse /** * Various formats to display the object in. */ DatePicker.prototype.formats = (function() { // Return the length of the first word in a collection. function getWordLengthFromCollection( string, collection, dateObject ) { // Grab the first word from the string. var word = string.match( /\w+/ )[ 0 ] // If there's no month index, add it to the date object if ( !dateObject.mm && !dateObject.m ) { dateObject.m = collection.indexOf( word ) + 1 } // Return the length of the word. return word.length } // Get the length of the first word in a string. function getFirstWordLength( string ) { return string.match( /\w+/ )[ 0 ].length } return { d: function( string, dateObject ) { // If there's string, then get the digits length. // Otherwise return the selected date. return string ? _.digits( string ) : dateObject.date }, dd: function( string, dateObject ) { // If there's a string, then the length is always 2. // Otherwise return the selected date with a leading zero. return string ? 2 : _.lead( dateObject.date ) }, ddd: function( string, dateObject ) { // If there's a string, then get the length of the first word. // Otherwise return the short selected weekday. return string ? getFirstWordLength( string ) : this.settings.weekdaysShort[ dateObject.day ] }, dddd: function( string, dateObject ) { // If there's a string, then get the length of the first word. // Otherwise return the full selected weekday. return string ? getFirstWordLength( string ) : this.settings.weekdaysFull[ dateObject.day ] }, m: function( string, dateObject ) { // If there's a string, then get the length of the digits // Otherwise return the selected month with 0index compensation. return string ? _.digits( string ) : dateObject.month + 1 }, mm: function( string, dateObject ) { // If there's a string, then the length is always 2. // Otherwise return the selected month with 0index and leading zero. return string ? 2 : _.lead( dateObject.month + 1 ) }, mmm: function( string, dateObject ) { var collection = this.settings.monthsShort // If there's a string, get length of the relevant month from the short // months collection. Otherwise return the selected month from that collection. return string ? getWordLengthFromCollection( string, collection, dateObject ) : collection[ dateObject.month ] }, mmmm: function( string, dateObject ) { var collection = this.settings.monthsFull // If there's a string, get length of the relevant month from the full // months collection. Otherwise return the selected month from that collection. return string ? getWordLengthFromCollection( string, collection, dateObject ) : collection[ dateObject.month ] }, yy: function( string, dateObject ) { // If there's a string, then the length is always 2. // Otherwise return the selected year by slicing out the first 2 digits. return string ? 2 : ( '' + dateObject.year ).slice( 2 ) }, yyyy: function( string, dateObject ) { // If there's a string, then the length is always 4. // Otherwise return the selected year. return string ? 4 : dateObject.year }, // Create an array by splitting the formatting string passed. toArray: function( formatString ) { return formatString.split( /(d{1,4}|m{1,4}|y{4}|yy|!.)/g ) }, // Format an object into a string using the formatting options. toString: function ( formatString, itemObject ) { var calendar = this return calendar.formats.toArray( formatString ).map( function( label ) { return _.trigger( calendar.formats[ label ], calendar, [ 0, itemObject ] ) || label.replace( /^!/, '' ) }).join( '' ) } } })() //DatePicker.prototype.formats /** * Check if two date units are the exact. */ DatePicker.prototype.isDateExact = function( one, two ) { var calendar = this // When we’re working with weekdays, do a direct comparison. if ( ( _.isInteger( one ) && _.isInteger( two ) ) || ( typeof one == 'boolean' && typeof two == 'boolean' ) ) { return one === two } // When we’re working with date representations, compare the “pick” value. if ( ( _.isDate( one ) || $.isArray( one ) ) && ( _.isDate( two ) || $.isArray( two ) ) ) { return calendar.create( one ).pick === calendar.create( two ).pick } // When we’re working with range objects, compare the “from” and “to”. if ( $.isPlainObject( one ) && $.isPlainObject( two ) ) { return calendar.isDateExact( one.from, two.from ) && calendar.isDateExact( one.to, two.to ) } return false } /** * Check if two date units overlap. */ DatePicker.prototype.isDateOverlap = function( one, two ) { var calendar = this, firstDay = calendar.settings.firstDay ? 1 : 0 // When we’re working with a weekday index, compare the days. if ( _.isInteger( one ) && ( _.isDate( two ) || $.isArray( two ) ) ) { one = one % 7 + firstDay return one === calendar.create( two ).day + 1 } if ( _.isInteger( two ) && ( _.isDate( one ) || $.isArray( one ) ) ) { two = two % 7 + firstDay return two === calendar.create( one ).day + 1 } // When we’re working with range objects, check if the ranges overlap. if ( $.isPlainObject( one ) && $.isPlainObject( two ) ) { return calendar.overlapRanges( one, two ) } return false } /** * Flip the “enabled” state. */ DatePicker.prototype.flipEnable = function(val) { var itemObject = this.item itemObject.enable = val || (itemObject.enable == -1 ? 1 : -1) } /** * Mark a collection of dates as “disabled”. */ DatePicker.prototype.deactivate = function( type, datesToDisable ) { var calendar = this, disabledItems = calendar.item.disable.slice(0) // If we’re flipping, that’s all we need to do. if ( datesToDisable == 'flip' ) { calendar.flipEnable() } else if ( datesToDisable === false ) { calendar.flipEnable(1) disabledItems = [] } else if ( datesToDisable === true ) { calendar.flipEnable(-1) disabledItems = [] } // Otherwise go through the dates to disable. else { datesToDisable.map(function( unitToDisable ) { var matchFound // When we have disabled items, check for matches. // If something is matched, immediately break out. for ( var index = 0; index < disabledItems.length; index += 1 ) { if ( calendar.isDateExact( unitToDisable, disabledItems[index] ) ) { matchFound = true break } } // If nothing was found, add the validated unit to the collection. if ( !matchFound ) { if ( _.isInteger( unitToDisable ) || _.isDate( unitToDisable ) || $.isArray( unitToDisable ) || ( $.isPlainObject( unitToDisable ) && unitToDisable.from && unitToDisable.to ) ) { disabledItems.push( unitToDisable ) } } }) } // Return the updated collection. return disabledItems } //DatePicker.prototype.deactivate /** * Mark a collection of dates as “enabled”. */ DatePicker.prototype.activate = function( type, datesToEnable ) { var calendar = this, disabledItems = calendar.item.disable, disabledItemsCount = disabledItems.length // If we’re flipping, that’s all we need to do. if ( datesToEnable == 'flip' ) { calendar.flipEnable() } else if ( datesToEnable === true ) { calendar.flipEnable(1) disabledItems = [] } else if ( datesToEnable === false ) { calendar.flipEnable(-1) disabledItems = [] } // Otherwise go through the disabled dates. else { datesToEnable.map(function( unitToEnable ) { var matchFound, disabledUnit, index, isExactRange // Go through the disabled items and try to find a match. for ( index = 0; index < disabledItemsCount; index += 1 ) { disabledUnit = disabledItems[index] // When an exact match is found, remove it from the collection. if ( calendar.isDateExact( disabledUnit, unitToEnable ) ) { matchFound = disabledItems[index] = null isExactRange = true break } // When an overlapped match is found, add the “inverted” state to it. else if ( calendar.isDateOverlap( disabledUnit, unitToEnable ) ) { if ( $.isPlainObject( unitToEnable ) ) { unitToEnable.inverted = true matchFound = unitToEnable } else if ( $.isArray( unitToEnable ) ) { matchFound = unitToEnable if ( !matchFound[3] ) matchFound.push( 'inverted' ) } else if ( _.isDate( unitToEnable ) ) { matchFound = [ unitToEnable.getFullYear(), unitToEnable.getMonth(), unitToEnable.getDate(), 'inverted' ] } break } } // If a match was found, remove a previous duplicate entry. if ( matchFound ) for ( index = 0; index < disabledItemsCount; index += 1 ) { if ( calendar.isDateExact( disabledItems[index], unitToEnable ) ) { disabledItems[index] = null break } } // In the event that we’re dealing with an exact range of dates, // make sure there are no “inverted” dates because of it. if ( isExactRange ) for ( index = 0; index < disabledItemsCount; index += 1 ) { if ( calendar.isDateOverlap( disabledItems[index], unitToEnable ) ) { disabledItems[index] = null break } } // If something is still matched, add it into the collection. if ( matchFound ) { disabledItems.push( matchFound ) } }) } // Return the updated collection. return disabledItems.filter(function( val ) { return val != null }) } //DatePicker.prototype.activate /** * Create a string for the nodes in the picker. */ DatePicker.prototype.nodes = function( isOpen ) { var calendar = this, settings = calendar.settings, calendarItem = calendar.item, nowObject = calendarItem.now, selectedObject = calendarItem.select, highlightedObject = calendarItem.highlight, viewsetObject = calendarItem.view, disabledCollection = calendarItem.disable, minLimitObject = calendarItem.min, maxLimitObject = calendarItem.max, // Create the calendar table head using a copy of weekday labels collection. // * We do a copy so we don't mutate the original array. tableHead = (function( collection, fullCollection ) { // If the first day should be Monday, move Sunday to the end. if ( settings.firstDay ) { collection.push( collection.shift() ) fullCollection.push( fullCollection.shift() ) } // Create and return the table head group. return _.node( 'thead', _.node( 'tr', _.group({ min: 0, max: DAYS_IN_WEEK - 1, i: 1, node: 'th', item: function( counter ) { return [ collection[ counter ], settings.klass.weekdays, 'scope=col title="' + fullCollection[ counter ] + '"' ] } }) ) ) //endreturn // Materialize modified })( ( settings.showWeekdaysFull ? settings.weekdaysFull : settings.weekdaysLetter ).slice( 0 ), settings.weekdaysFull.slice( 0 ) ), //tableHead // Create the nav for next/prev month. createMonthNav = function( next ) { // Otherwise, return the created month tag. return _.node( 'div', ' ', settings.klass[ 'nav' + ( next ? 'Next' : 'Prev' ) ] + ( // If the focused month is outside the range, disabled the button. ( next && viewsetObject.year >= maxLimitObject.year && viewsetObject.month >= maxLimitObject.month ) || ( !next && viewsetObject.year <= minLimitObject.year && viewsetObject.month <= minLimitObject.month ) ? ' ' + settings.klass.navDisabled : '' ), 'data-nav=' + ( next || -1 ) + ' ' + _.ariaAttr({ role: 'button', controls: calendar.$node[0].id + '_table' }) + ' ' + 'title="' + (next ? settings.labelMonthNext : settings.labelMonthPrev ) + '"' ) //endreturn }, //createMonthNav // Create the month label. //Materialize modified createMonthLabel = function(override) { var monthsCollection = settings.showMonthsShort ? settings.monthsShort : settings.monthsFull // Materialize modified if (override == "short_months") { monthsCollection = settings.monthsShort; } // If there are months to select, add a dropdown menu. if ( settings.selectMonths && override == undefined) { return _.node( 'select', _.group({ min: 0, max: 11, i: 1, node: 'option', item: function( loopedMonth ) { return [ // The looped month and no classes. monthsCollection[ loopedMonth ], 0, // Set the value and selected index. 'value=' + loopedMonth + ( viewsetObject.month == loopedMonth ? ' selected' : '' ) + ( ( ( viewsetObject.year == minLimitObject.year && loopedMonth < minLimitObject.month ) || ( viewsetObject.year == maxLimitObject.year && loopedMonth > maxLimitObject.month ) ) ? ' disabled' : '' ) ] } }), settings.klass.selectMonth + ' browser-default', ( isOpen ? '' : 'disabled' ) + ' ' + _.ariaAttr({ controls: calendar.$node[0].id + '_table' }) + ' ' + 'title="' + settings.labelMonthSelect + '"' ) } // Materialize modified if (override == "short_months") if (selectedObject != null) return _.node( 'div', monthsCollection[ selectedObject.month ] ); else return _.node( 'div', monthsCollection[ viewsetObject.month ] ); // If there's a need for a month selector return _.node( 'div', monthsCollection[ viewsetObject.month ], settings.klass.month ) }, //createMonthLabel // Create the year label. // Materialize modified createYearLabel = function(override) { var focusedYear = viewsetObject.year, // If years selector is set to a literal "true", set it to 5. Otherwise // divide in half to get half before and half after focused year. numberYears = settings.selectYears === true ? 5 : ~~( settings.selectYears / 2 ) // If there are years to select, add a dropdown menu. if ( numberYears ) { var minYear = minLimitObject.year, maxYear = maxLimitObject.year, lowestYear = focusedYear - numberYears, highestYear = focusedYear + numberYears // If the min year is greater than the lowest year, increase the highest year // by the difference and set the lowest year to the min year. if ( minYear > lowestYear ) { highestYear += minYear - lowestYear lowestYear = minYear } // If the max year is less than the highest year, decrease the lowest year // by the lower of the two: available and needed years. Then set the // highest year to the max year. if ( maxYear < highestYear ) { var availableYears = lowestYear - minYear, neededYears = highestYear - maxYear lowestYear -= availableYears > neededYears ? neededYears : availableYears highestYear = maxYear } if ( settings.selectYears && override == undefined ) { return _.node( 'select', _.group({ min: lowestYear, max: highestYear, i: 1, node: 'option', item: function( loopedYear ) { return [ // The looped year and no classes. loopedYear, 0, // Set the value and selected index. 'value=' + loopedYear + ( focusedYear == loopedYear ? ' selected' : '' ) ] } }), settings.klass.selectYear + ' browser-default', ( isOpen ? '' : 'disabled' ) + ' ' + _.ariaAttr({ controls: calendar.$node[0].id + '_table' }) + ' ' + 'title="' + settings.labelYearSelect + '"' ) } } // Materialize modified if (override == "raw") return _.node( 'div', focusedYear ) // Otherwise just return the year focused return _.node( 'div', focusedYear, settings.klass.year ) } //createYearLabel // Materialize modified createDayLabel = function() { if (selectedObject != null) return _.node( 'div', selectedObject.date) else return _.node( 'div', nowObject.date) } createWeekdayLabel = function() { var display_day; if (selectedObject != null) display_day = selectedObject.day; else display_day = nowObject.day; var weekday = settings.weekdaysFull[ display_day ] return weekday } // Create and return the entire calendar. return _.node( // Date presentation View 'div', _.node( 'div', createWeekdayLabel(), "picker__weekday-display" )+ _.node( // Div for short Month 'div', createMonthLabel("short_months"), settings.klass.month_display )+ _.node( // Div for Day 'div', createDayLabel() , settings.klass.day_display )+ _.node( // Div for Year 'div', createYearLabel("raw") , settings.klass.year_display ), settings.klass.date_display )+ // Calendar container _.node('div', _.node('div', ( settings.selectYears ? createMonthLabel() + createYearLabel() : createMonthLabel() + createYearLabel() ) + createMonthNav() + createMonthNav( 1 ), settings.klass.header ) + _.node( 'table', tableHead + _.node( 'tbody', _.group({ min: 0, max: WEEKS_IN_CALENDAR - 1, i: 1, node: 'tr', item: function( rowCounter ) { // If Monday is the first day and the month starts on Sunday, shift the date back a week. var shiftDateBy = settings.firstDay && calendar.create([ viewsetObject.year, viewsetObject.month, 1 ]).day === 0 ? -7 : 0 return [ _.group({ min: DAYS_IN_WEEK * rowCounter - viewsetObject.day + shiftDateBy + 1, // Add 1 for weekday 0index max: function() { return this.min + DAYS_IN_WEEK - 1 }, i: 1, node: 'td', item: function( targetDate ) { // Convert the time date from a relative date to a target date. targetDate = calendar.create([ viewsetObject.year, viewsetObject.month, targetDate + ( settings.firstDay ? 1 : 0 ) ]) var isSelected = selectedObject && selectedObject.pick == targetDate.pick, isHighlighted = highlightedObject && highlightedObject.pick == targetDate.pick, isDisabled = disabledCollection && calendar.disabled( targetDate ) || targetDate.pick < minLimitObject.pick || targetDate.pick > maxLimitObject.pick, formattedDate = _.trigger( calendar.formats.toString, calendar, [ settings.format, targetDate ] ) return [ _.node( 'div', targetDate.date, (function( klasses ) { // Add the `infocus` or `outfocus` classes based on month in view. klasses.push( viewsetObject.month == targetDate.month ? settings.klass.infocus : settings.klass.outfocus ) // Add the `today` class if needed. if ( nowObject.pick == targetDate.pick ) { klasses.push( settings.klass.now ) } // Add the `selected` class if something's selected and the time matches. if ( isSelected ) { klasses.push( settings.klass.selected ) } // Add the `highlighted` class if something's highlighted and the time matches. if ( isHighlighted ) { klasses.push( settings.klass.highlighted ) } // Add the `disabled` class if something's disabled and the object matches. if ( isDisabled ) { klasses.push( settings.klass.disabled ) } return klasses.join( ' ' ) })([ settings.klass.day ]), 'data-pick=' + targetDate.pick + ' ' + _.ariaAttr({ role: 'gridcell', label: formattedDate, selected: isSelected && calendar.$node.val() === formattedDate ? true : null, activedescendant: isHighlighted ? true : null, disabled: isDisabled ? true : null }) ), '', _.ariaAttr({ role: 'presentation' }) ] //endreturn } }) ] //endreturn } }) ), settings.klass.table, 'id="' + calendar.$node[0].id + '_table' + '" ' + _.ariaAttr({ role: 'grid', controls: calendar.$node[0].id, readonly: true }) ) , settings.klass.calendar_container) // end calendar + // * For Firefox forms to submit, make sure to set the buttons’ `type` attributes as “button”. _.node( 'div', _.node( 'button', settings.today, "btn-flat picker__today", 'type=button data-pick=' + nowObject.pick + ( isOpen && !calendar.disabled(nowObject) ? '' : ' disabled' ) + ' ' + _.ariaAttr({ controls: calendar.$node[0].id }) ) + _.node( 'button', settings.clear, "btn-flat picker__clear", 'type=button data-clear=1' + ( isOpen ? '' : ' disabled' ) + ' ' + _.ariaAttr({ controls: calendar.$node[0].id }) ) + _.node('button', settings.close, "btn-flat picker__close", 'type=button data-close=true ' + ( isOpen ? '' : ' disabled' ) + ' ' + _.ariaAttr({ controls: calendar.$node[0].id }) ), settings.klass.footer ) //endreturn } //DatePicker.prototype.nodes /** * The date picker defaults. */ DatePicker.defaults = (function( prefix ) { return { // The title label to use for the month nav buttons labelMonthNext: 'Next month', labelMonthPrev: 'Previous month', // The title label to use for the dropdown selectors labelMonthSelect: 'Select a month', labelYearSelect: 'Select a year', // Months and weekdays monthsFull: [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ], monthsShort: [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ], weekdaysFull: [ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ], weekdaysShort: [ 'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat' ], // Materialize modified weekdaysLetter: [ 'S', 'M', 'T', 'W', 'T', 'F', 'S' ], // Today and clear today: 'Today', clear: 'Clear', close: 'Close', // The format to show on the `input` element format: 'd mmmm, yyyy', // Classes klass: { table: prefix + 'table', header: prefix + 'header', // Materialize Added klasses date_display: prefix + 'date-display', day_display: prefix + 'day-display', month_display: prefix + 'month-display', year_display: prefix + 'year-display', calendar_container: prefix + 'calendar-container', // end navPrev: prefix + 'nav--prev', navNext: prefix + 'nav--next', navDisabled: prefix + 'nav--disabled', month: prefix + 'month', year: prefix + 'year', selectMonth: prefix + 'select--month', selectYear: prefix + 'select--year', weekdays: prefix + 'weekday', day: prefix + 'day', disabled: prefix + 'day--disabled', selected: prefix + 'day--selected', highlighted: prefix + 'day--highlighted', now: prefix + 'day--today', infocus: prefix + 'day--infocus', outfocus: prefix + 'day--outfocus', footer: prefix + 'footer', buttonClear: prefix + 'button--clear', buttonToday: prefix + 'button--today', buttonClose: prefix + 'button--close' } } })( Picker.klasses().picker + '__' ) /** * Extend the picker to add the date picker. */ Picker.extend( 'pickadate', DatePicker ) }));