rebuild index page
No files matched your search
|
After Width: | Height: | Size: 262 KiB |
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 243 KiB |
|
Before Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 69 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 69 KiB |
|
After Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 82 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 294 KiB |
|
After Width: | Height: | Size: 245 KiB |
@@ -0,0 +1,12 @@
|
|||||||
|
# editorconfig.org
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
end_of_line = lf
|
||||||
|
indent_size = 2
|
||||||
|
indent_style = space
|
||||||
|
insert_final_newline = true
|
||||||
|
max_line_length = 100
|
||||||
|
tab_width = 2
|
||||||
|
trim_trailing_whitespace = true
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
.db
|
||||||
|
.DS_Store
|
||||||
|
.idea
|
||||||
|
.ini
|
||||||
|
.log
|
||||||
|
.sass-cache
|
||||||
|
node_modules/
|
||||||
|
test/
|
||||||
|
npm-shrinkwrap.json
|
||||||
|
package-lock.json
|
||||||
|
.jshintrc
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
animate.css
|
||||||
|
animate.min.css
|
||||||
|
animate.compat.css
|
||||||
|
docs/dist/animate.min.css
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"bracketSpacing": false,
|
||||||
|
"proseWrap": "never",
|
||||||
|
"singleQuote": true,
|
||||||
|
"trailingComma": "all"
|
||||||
|
}
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
language: node_js
|
||||||
|
node_js:
|
||||||
|
- "10"
|
||||||
|
before_script:
|
||||||
|
- npm install
|
||||||
|
script: npm run start
|
||||||
@@ -0,0 +1,47 @@
|
|||||||
|
# Contributor Covenant Code of Conduct
|
||||||
|
|
||||||
|
## Our Pledge
|
||||||
|
|
||||||
|
In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation.
|
||||||
|
|
||||||
|
## Our Standards
|
||||||
|
|
||||||
|
Examples of behavior that contributes to creating a positive environment include:
|
||||||
|
|
||||||
|
- Using welcoming and inclusive language
|
||||||
|
- Being respectful of differing viewpoints and experiences
|
||||||
|
- Gracefully accepting constructive criticism
|
||||||
|
- Focusing on what is best for the community
|
||||||
|
- Showing empathy towards other community members
|
||||||
|
|
||||||
|
Examples of unacceptable behavior by participants include:
|
||||||
|
|
||||||
|
- The use of sexualized language or imagery and unwelcome sexual attention or advances
|
||||||
|
- Trolling, insulting/derogatory comments, and personal or political attacks
|
||||||
|
- Public or private harassment
|
||||||
|
- Publishing others' private information, such as a physical or electronic address, without explicit permission
|
||||||
|
- Other conduct which could reasonably be considered inappropriate in a professional setting
|
||||||
|
|
||||||
|
## Our Responsibilities
|
||||||
|
|
||||||
|
Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
|
||||||
|
|
||||||
|
Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
|
||||||
|
|
||||||
|
## Scope
|
||||||
|
|
||||||
|
This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
|
||||||
|
|
||||||
|
## Enforcement
|
||||||
|
|
||||||
|
Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at callmeelton@gmail.com. All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
|
||||||
|
|
||||||
|
Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
|
||||||
|
|
||||||
|
## Attribution
|
||||||
|
|
||||||
|
This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
|
||||||
|
|
||||||
|
[homepage]: https://www.contributor-covenant.org
|
||||||
|
|
||||||
|
For answers to common questions about this code of conduct, see https://www.contributor-covenant.org/faq
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
# Contributing to Animate.css
|
||||||
|
|
||||||
|
Thanks for your interest in contributing to Animate.css! Before contributing, please make sure you understand the guidelines provided here. Animate.css is widely used, so it’s important to maintain a high level of quality and to contribute with the interests of the community in mind.
|
||||||
|
|
||||||
|
## Design Guidelines
|
||||||
|
|
||||||
|
Animations, like many facets of visual and interaction design, can be highly subjective. Maintaining a consistent library of animations in an active community can be difficult; these design guidelines are designed to help encourage thoughtful criticism of new animations that are proposed for Animate.css.
|
||||||
|
|
||||||
|
The animations in Animate.css should follow a few key principles:
|
||||||
|
|
||||||
|
- **Animations should be subtle.** Avoid creating animations that involve large translations, or span a natural duration of longer than 1 second.
|
||||||
|
- **Animations should be tolerable.** Related to subtlety, animations should be tolerable—seeing them repeatedly should not become too annoying or overbearing.
|
||||||
|
- **Animations should not interfere with document flow or control/input availability.** In other words, the absence of an animation should never reduce usability of a product: they should be non-critical and seen as “progressive enhancements”. Avoid animations that change properties such as `position` or `display`.
|
||||||
|
- **Animations should be helpful.** They should be designed to guide users to a point of interest, ease natural reading order, or to communicate relationships between elements.
|
||||||
|
- **Animations should feel familial.** Avoid introducing animations that feel out-of-place compared to the existing set.
|
||||||
|
- **Animations should feel natural.** Animations should reflect, as much as is reasonable, motion that occurs in natural physics. Avoid extreme timing functions, and model animations on real-world events.
|
||||||
|
|
||||||
|
## Code Styling
|
||||||
|
|
||||||
|
1. Match the naming convention (camelCase, categorized [fades, bounces, etc])
|
||||||
|
2. Indent with two spaces
|
||||||
|
3. End each file with a blank line
|
||||||
|
4. Make sure you have an editorconfig plugin/extension enabled in your editor and all the dependencies installed so editorconfig and prettier can automatically format your code when committing.
|
||||||
|
|
||||||
|
## How To Contribute
|
||||||
|
|
||||||
|
1. [Fork](https://help.github.com/articles/fork-a-repo/) the project
|
||||||
|
2. Create a new topic branch on your local forked copy
|
||||||
|
3. Push your topic branch up to your fork
|
||||||
|
4. Create a [pen](https://codepen.io/) demonstrating what yor change will do.
|
||||||
|
5. [Open a Pull Request](https://help.github.com/articles/about-pull-requests/) with a clear title and description against the `main` branch.
|
||||||
@@ -0,0 +1,21 @@
|
|||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2020 Daniel Eden
|
||||||
|
|
||||||
|
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.
|
||||||
@@ -0,0 +1,75 @@
|
|||||||
|
{
|
||||||
|
"name": "animate.css",
|
||||||
|
"version": "4.1.1",
|
||||||
|
"main": "animate.css",
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "https://github.com/animate-css/animate.css.git"
|
||||||
|
},
|
||||||
|
"author": {
|
||||||
|
"name": "Animate.css"
|
||||||
|
},
|
||||||
|
"homepage": "https://animate.style/",
|
||||||
|
"license": "MIT",
|
||||||
|
"animateConfig": {
|
||||||
|
"prefix": "animate__"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"start": "npm-run-all raw prod compat",
|
||||||
|
"compat": "npx postcss source/animate.css -o animate.compat.css --no-map --env compat",
|
||||||
|
"dev": "npx postcss source/animate.css -o animate.css --no-map --env development -w",
|
||||||
|
"raw": "npx postcss source/animate.css -o animate.css --no-map --env development",
|
||||||
|
"prod": "npx postcss source/animate.css -o animate.min.css --no-map --env production",
|
||||||
|
"format": "prettier --write \"**/*.{js,json,md,css}\"",
|
||||||
|
"precommit": "lint-staged",
|
||||||
|
"docs:library": "npx postcss source/animate.css -o ./docs/animate.min.css --no-map --env production",
|
||||||
|
"docs:pages": "node ./docsSource/index.js",
|
||||||
|
"docs": "npm-run-all docs:library docs:pages",
|
||||||
|
"version": "npm-run-all start docs && git add -A docs animate.css animate.min.css animate.compat.css",
|
||||||
|
"postversion": "git push && git push --tags"
|
||||||
|
},
|
||||||
|
"browserslist": [
|
||||||
|
"> 3%",
|
||||||
|
"last 2 versions"
|
||||||
|
],
|
||||||
|
"style": "./animate.css",
|
||||||
|
"jspm": {
|
||||||
|
"main": "animate.css!",
|
||||||
|
"format": "global",
|
||||||
|
"directories": {
|
||||||
|
"lib": "./"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"autoprefixer": "^9.7.6",
|
||||||
|
"cssnano": "^4.1.10",
|
||||||
|
"eslint": "^7.13.0",
|
||||||
|
"husky": "^4.3.0",
|
||||||
|
"lint-staged": "^10.5.1",
|
||||||
|
"markdown-it": "^11.0.1",
|
||||||
|
"npm-run-all": "^4.1.5",
|
||||||
|
"postcss": "^7.0.35",
|
||||||
|
"postcss-cli": "^7.1.2",
|
||||||
|
"postcss-header": "^2.0.0",
|
||||||
|
"postcss-import": "^12.0.1",
|
||||||
|
"postcss-prefixer": "^2.1.2",
|
||||||
|
"postcss-preset-env": "^6.7.0",
|
||||||
|
"prettier": "^2.1.2"
|
||||||
|
},
|
||||||
|
"lint-staged": {
|
||||||
|
"*.{js,json,md,css}": [
|
||||||
|
"prettier --write"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"husky": {
|
||||||
|
"hooks": {
|
||||||
|
"pre-commit": "npm-run-all start precommit"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"files": [
|
||||||
|
"animate.compat.css",
|
||||||
|
"animate.min.css",
|
||||||
|
"animate.css",
|
||||||
|
"source/**/*.css"
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,46 @@
|
|||||||
|
const fs = require('fs');
|
||||||
|
const {homepage, version, author, animateConfig} = JSON.parse(fs.readFileSync('package.json'));
|
||||||
|
|
||||||
|
const header = `@charset "UTF-8";
|
||||||
|
|
||||||
|
/*!
|
||||||
|
* animate.css - ${homepage}
|
||||||
|
* Version - ${version}
|
||||||
|
* Licensed under the MIT license - https://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
* Copyright (c) ${new Date().getFullYear()} ${author.name}
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
`;
|
||||||
|
|
||||||
|
module.exports = (ctx) => {
|
||||||
|
const prefix = ctx.env === 'compat' ? '' : animateConfig.prefix;
|
||||||
|
const devMessage = `🎉🎉🎉🎉 \nanimate.css ${ctx.env} build was compiled sucessfully! \n`;
|
||||||
|
|
||||||
|
console.log(devMessage);
|
||||||
|
|
||||||
|
return {
|
||||||
|
map: ctx.options.map,
|
||||||
|
parser: ctx.options.parser,
|
||||||
|
plugins: {
|
||||||
|
'postcss-import': {root: ctx.file.dirname},
|
||||||
|
'postcss-prefixer': {
|
||||||
|
prefix,
|
||||||
|
ignore: [/\[class\*=.*\]/],
|
||||||
|
},
|
||||||
|
'postcss-preset-env': {
|
||||||
|
autoprefixer: {
|
||||||
|
cascade: false,
|
||||||
|
},
|
||||||
|
features: {
|
||||||
|
'custom-properties': true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
cssnano: ctx.env === 'production' || ctx.env === 'compat' ? {} : false,
|
||||||
|
'postcss-header': {
|
||||||
|
header,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
};
|
||||||
@@ -0,0 +1,135 @@
|
|||||||
|
/* bengali */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoRDf40vQVKxGv.woff2) format('woff2');
|
||||||
|
unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoRDf40ugVKxGv.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoRDf40uYVKw.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
|
/* bengali */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwTs5juQtsyLLR5jN4cxBEoTI7ax9k0.woff2) format('woff2');
|
||||||
|
unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwTs5juQtsyLLR5jN4cxBEoTJLax9k0.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwTs5juQtsyLLR5jN4cxBEoTJzaxw.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
|
/* bengali */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoRG_50vQVKxGv.woff2) format('woff2');
|
||||||
|
unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoRG_50ugVKxGv.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoRG_50uYVKw.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
|
/* bengali */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoREP-0vQVKxGv.woff2) format('woff2');
|
||||||
|
unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoREP-0ugVKxGv.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoREP-0uYVKw.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
|
/* bengali */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoRCf_0vQVKxGv.woff2) format('woff2');
|
||||||
|
unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoRCf_0ugVKxGv.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Hind Siliguri';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(https://fonts.gstatic.com/s/hindsiliguri/v7/ijwOs5juQtsyLLR5jN4cxBEoRCf_0uYVKw.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
@@ -0,0 +1,349 @@
|
|||||||
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
|
/* Document
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the line height in all browsers.
|
||||||
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sections
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the margin in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Render the `main` element consistently in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
main {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
margin: 0.67em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grouping content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in Firefox.
|
||||||
|
* 2. Show the overflow in Edge and IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
hr {
|
||||||
|
box-sizing: content-box; /* 1 */
|
||||||
|
height: 0; /* 1 */
|
||||||
|
overflow: visible; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text-level semantics
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the gray background on active links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the bottom border in Chrome 57-
|
||||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
abbr[title] {
|
||||||
|
border-bottom: none; /* 1 */
|
||||||
|
text-decoration: underline; /* 2 */
|
||||||
|
text-decoration: underline dotted; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
|
* all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Embedded content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the border on images inside links in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Change the font styles in all browsers.
|
||||||
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
optgroup,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-family: inherit; /* 1 */
|
||||||
|
font-size: 100%; /* 1 */
|
||||||
|
line-height: 1.15; /* 1 */
|
||||||
|
margin: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Show the overflow in IE.
|
||||||
|
* 1. Show the overflow in Edge.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input { /* 1 */
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select { /* 1 */
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
[type="button"],
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner border and padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
border-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button:-moz-focusring,
|
||||||
|
[type="button"]:-moz-focusring,
|
||||||
|
[type="reset"]:-moz-focusring,
|
||||||
|
[type="submit"]:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
padding: 0.35em 0.75em 0.625em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
|
* `fieldset` elements in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
color: inherit; /* 2 */
|
||||||
|
display: table; /* 1 */
|
||||||
|
max-width: 100%; /* 1 */
|
||||||
|
padding: 0; /* 3 */
|
||||||
|
white-space: normal; /* 1 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
progress {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the default vertical scrollbar in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in IE 10.
|
||||||
|
* 2. Remove the padding in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="checkbox"],
|
||||||
|
[type="radio"] {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
padding: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
* 2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
outline-offset: -2px; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner padding in Chrome and Safari on macOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
-webkit-appearance: button; /* 1 */
|
||||||
|
font: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Interactive
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
details {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Add the correct display in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Misc
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
template {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
@@ -1,89 +0,0 @@
|
|||||||
|
|
||||||
(function ($) {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
|
|
||||||
/*==================================================================
|
|
||||||
[ Focus input ]*/
|
|
||||||
$('.input100').each(function(){
|
|
||||||
$(this).on('blur', function(){
|
|
||||||
if($(this).val().trim() != "") {
|
|
||||||
$(this).addClass('has-val');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$(this).removeClass('has-val');
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
/*==================================================================
|
|
||||||
[ Validate ]*/
|
|
||||||
var input = $('.validate-input .input100');
|
|
||||||
|
|
||||||
$('.validate-form').on('submit',function(){
|
|
||||||
var check = true;
|
|
||||||
|
|
||||||
for(var i=0; i<input.length; i++) {
|
|
||||||
if(validate(input[i]) == false){
|
|
||||||
showValidate(input[i]);
|
|
||||||
check=false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return check;
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
$('.validate-form .input100').each(function(){
|
|
||||||
$(this).focus(function(){
|
|
||||||
hideValidate(this);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
function validate (input) {
|
|
||||||
if($(input).attr('type') == 'email' || $(input).attr('name') == 'email') {
|
|
||||||
if($(input).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/) == null) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
if($(input).val().trim() == ''){
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function showValidate(input) {
|
|
||||||
var thisAlert = $(input).parent();
|
|
||||||
|
|
||||||
$(thisAlert).addClass('alert-validate');
|
|
||||||
}
|
|
||||||
|
|
||||||
function hideValidate(input) {
|
|
||||||
var thisAlert = $(input).parent();
|
|
||||||
|
|
||||||
$(thisAlert).removeClass('alert-validate');
|
|
||||||
}
|
|
||||||
|
|
||||||
/*==================================================================
|
|
||||||
[ Show pass ]*/
|
|
||||||
var showPass = 0;
|
|
||||||
$('.btn-show-pass').on('click', function(){
|
|
||||||
if(showPass == 0) {
|
|
||||||
$(this).next('input').attr('type','text');
|
|
||||||
$(this).find('i').removeClass('zmdi-eye');
|
|
||||||
$(this).find('i').addClass('zmdi-eye-off');
|
|
||||||
showPass = 1;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$(this).next('input').attr('type','password');
|
|
||||||
$(this).find('i').addClass('zmdi-eye');
|
|
||||||
$(this).find('i').removeClass('zmdi-eye-off');
|
|
||||||
showPass = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||
@@ -0,0 +1,78 @@
|
|||||||
|
$(document).ready(function(){
|
||||||
|
|
||||||
|
// wow initiation
|
||||||
|
new WOW().init();
|
||||||
|
|
||||||
|
// navigation bar toggle
|
||||||
|
$('#navbar-toggler').click(function(){
|
||||||
|
$('.navbar-collapse').slideToggle(400);
|
||||||
|
});
|
||||||
|
|
||||||
|
// navbar bg change on scroll
|
||||||
|
$(window).scroll(function(){
|
||||||
|
let pos = $(window).scrollTop();
|
||||||
|
if(pos >= 100){
|
||||||
|
$('.navbar').addClass('cng-navbar');
|
||||||
|
} else {
|
||||||
|
$('.navbar').removeClass('cng-navbar');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// sample video popup
|
||||||
|
$(document).ready(function() {
|
||||||
|
$('.popup-youtube').magnificPopup({
|
||||||
|
disableOn: 700,
|
||||||
|
type: 'iframe',
|
||||||
|
mainClass: 'mfp-fade',
|
||||||
|
removalDelay: 160,
|
||||||
|
preloader: false,
|
||||||
|
|
||||||
|
fixedContentPos: false
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// team carousel
|
||||||
|
$('.team .owl-carousel').owlCarousel({
|
||||||
|
loop: true,
|
||||||
|
margin: 10,
|
||||||
|
autoplay: true,
|
||||||
|
dots: true,
|
||||||
|
nav: false,
|
||||||
|
responsiveClass: true,
|
||||||
|
responsive:{
|
||||||
|
0:{
|
||||||
|
items: 1
|
||||||
|
},
|
||||||
|
600:{
|
||||||
|
items: 2
|
||||||
|
},
|
||||||
|
1000:{
|
||||||
|
items: 3
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// faq accordion
|
||||||
|
$('.faq-head').each(function(){
|
||||||
|
$(this).click(function(){
|
||||||
|
$(this).next().toggleClass('show-faq-content');
|
||||||
|
let icon = $(this).children('span').children("i").attr('class');
|
||||||
|
|
||||||
|
if(icon == "fas fa-plus"){
|
||||||
|
$(this).children('span').html('<i class = "fas fa-minus"></i>');
|
||||||
|
} else {
|
||||||
|
$(this).children('span').html('<i class = "fas fa-plus"></i>');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// testimonial carousel
|
||||||
|
$('.testimonial .owl-carousel').owlCarousel({
|
||||||
|
loop: true,
|
||||||
|
autoplay: true,
|
||||||
|
dots: true,
|
||||||
|
nav: false,
|
||||||
|
items: 1
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
@@ -1,493 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*//////////////////////////////////////////////////////////////////
|
|
||||||
[ FONT ]*/
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: Poppins-Regular;
|
|
||||||
src: url('../fonts/poppins/Poppins-Regular.ttf');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: Poppins-Medium;
|
|
||||||
src: url('../fonts/poppins/Poppins-Medium.ttf');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: Poppins-Bold;
|
|
||||||
src: url('../fonts/poppins/Poppins-Bold.ttf');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: Poppins-SemiBold;
|
|
||||||
src: url('../fonts/poppins/Poppins-SemiBold.ttf');
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*//////////////////////////////////////////////////////////////////
|
|
||||||
[ RESTYLE TAG ]*/
|
|
||||||
|
|
||||||
* {
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body, html {
|
|
||||||
height: 100%;
|
|
||||||
font-family: Poppins-Regular, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*---------------------------------------------*/
|
|
||||||
a {
|
|
||||||
font-family: Poppins-Regular;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 1.7;
|
|
||||||
color: #666666;
|
|
||||||
margin: 0px;
|
|
||||||
transition: all 0.4s;
|
|
||||||
-webkit-transition: all 0.4s;
|
|
||||||
-o-transition: all 0.4s;
|
|
||||||
-moz-transition: all 0.4s;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:focus {
|
|
||||||
outline: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #6a7dfe;
|
|
||||||
color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
color: -o-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
color: -moz-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
color: linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*---------------------------------------------*/
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
font-family: Poppins-Regular;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 1.7;
|
|
||||||
color: #666666;
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul, li {
|
|
||||||
margin: 0px;
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*---------------------------------------------*/
|
|
||||||
input {
|
|
||||||
outline: none;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
outline: none;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea:focus, input:focus {
|
|
||||||
border-color: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:focus::-webkit-input-placeholder { color:transparent; }
|
|
||||||
input:focus:-moz-placeholder { color:transparent; }
|
|
||||||
input:focus::-moz-placeholder { color:transparent; }
|
|
||||||
input:focus:-ms-input-placeholder { color:transparent; }
|
|
||||||
|
|
||||||
textarea:focus::-webkit-input-placeholder { color:transparent; }
|
|
||||||
textarea:focus:-moz-placeholder { color:transparent; }
|
|
||||||
textarea:focus::-moz-placeholder { color:transparent; }
|
|
||||||
textarea:focus:-ms-input-placeholder { color:transparent; }
|
|
||||||
|
|
||||||
input::-webkit-input-placeholder { color: #adadad;}
|
|
||||||
input:-moz-placeholder { color: #adadad;}
|
|
||||||
input::-moz-placeholder { color: #adadad;}
|
|
||||||
input:-ms-input-placeholder { color: #adadad;}
|
|
||||||
|
|
||||||
textarea::-webkit-input-placeholder { color: #adadad;}
|
|
||||||
textarea:-moz-placeholder { color: #adadad;}
|
|
||||||
textarea::-moz-placeholder { color: #adadad;}
|
|
||||||
textarea:-ms-input-placeholder { color: #adadad;}
|
|
||||||
|
|
||||||
/*---------------------------------------------*/
|
|
||||||
button {
|
|
||||||
outline: none !important;
|
|
||||||
border: none;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
iframe {
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*//////////////////////////////////////////////////////////////////
|
|
||||||
[ Utility ]*/
|
|
||||||
.txt1 {
|
|
||||||
font-family: Poppins-Regular;
|
|
||||||
font-size: 13px;
|
|
||||||
color: #666666;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.txt2 {
|
|
||||||
font-family: Poppins-Regular;
|
|
||||||
font-size: 13px;
|
|
||||||
color: #333333;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*//////////////////////////////////////////////////////////////////
|
|
||||||
[ login ]*/
|
|
||||||
|
|
||||||
.limiter {
|
|
||||||
width: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-login100 {
|
|
||||||
width: 100%;
|
|
||||||
min-height: 100vh;
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 15px;
|
|
||||||
background: #f2f2f2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrap-login100 {
|
|
||||||
width: 390px;
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 77px 55px 33px 55px;
|
|
||||||
|
|
||||||
box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
|
|
||||||
-moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
|
|
||||||
-webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
|
|
||||||
-o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
|
|
||||||
-ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*------------------------------------------------------------------
|
|
||||||
[ Form ]*/
|
|
||||||
|
|
||||||
.login100-form {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login100-form-title {
|
|
||||||
display: block;
|
|
||||||
font-family: Poppins-Bold;
|
|
||||||
font-size: 30px;
|
|
||||||
color: #333333;
|
|
||||||
line-height: 1.2;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.login100-form-title i {
|
|
||||||
font-size: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*------------------------------------------------------------------
|
|
||||||
[ Input ]*/
|
|
||||||
|
|
||||||
.wrap-input100 {
|
|
||||||
width: 100%;
|
|
||||||
position: relative;
|
|
||||||
border-bottom: 2px solid #adadad;
|
|
||||||
margin-bottom: 37px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input100 {
|
|
||||||
font-family: Poppins-Regular;
|
|
||||||
font-size: 15px;
|
|
||||||
color: #555555;
|
|
||||||
line-height: 1.2;
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 45px;
|
|
||||||
background: transparent;
|
|
||||||
padding: 0 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*---------------------------------------------*/
|
|
||||||
.focus-input100 {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.focus-input100::before {
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
bottom: -2px;
|
|
||||||
left: 0;
|
|
||||||
width: 0;
|
|
||||||
height: 2px;
|
|
||||||
|
|
||||||
-webkit-transition: all 0.4s;
|
|
||||||
-o-transition: all 0.4s;
|
|
||||||
-moz-transition: all 0.4s;
|
|
||||||
transition: all 0.4s;
|
|
||||||
|
|
||||||
background: #6a7dfe;
|
|
||||||
background: -webkit-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
background: -o-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
background: -moz-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
background: linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
}
|
|
||||||
|
|
||||||
.focus-input100::after {
|
|
||||||
font-family: Poppins-Regular;
|
|
||||||
font-size: 15px;
|
|
||||||
color: #999999;
|
|
||||||
line-height: 1.2;
|
|
||||||
|
|
||||||
content: attr(data-placeholder);
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
position: absolute;
|
|
||||||
top: 16px;
|
|
||||||
left: 0px;
|
|
||||||
padding-left: 5px;
|
|
||||||
|
|
||||||
-webkit-transition: all 0.4s;
|
|
||||||
-o-transition: all 0.4s;
|
|
||||||
-moz-transition: all 0.4s;
|
|
||||||
transition: all 0.4s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input100:focus + .focus-input100::after {
|
|
||||||
top: -15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input100:focus + .focus-input100::before {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.has-val.input100 + .focus-input100::after {
|
|
||||||
top: -15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.has-val.input100 + .focus-input100::before {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*---------------------------------------------*/
|
|
||||||
.btn-show-pass {
|
|
||||||
font-size: 15px;
|
|
||||||
color: #999999;
|
|
||||||
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
position: absolute;
|
|
||||||
height: 100%;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
padding-right: 5px;
|
|
||||||
cursor: pointer;
|
|
||||||
-webkit-transition: all 0.4s;
|
|
||||||
-o-transition: all 0.4s;
|
|
||||||
-moz-transition: all 0.4s;
|
|
||||||
transition: all 0.4s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-show-pass:hover {
|
|
||||||
color: #6a7dfe;
|
|
||||||
color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
color: -o-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
color: -moz-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
color: linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-show-pass.active {
|
|
||||||
color: #6a7dfe;
|
|
||||||
color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
color: -o-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
color: -moz-linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
color: linear-gradient(left, #21d4fd, #b721ff);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*------------------------------------------------------------------
|
|
||||||
[ Button ]*/
|
|
||||||
.container-login100-form-btn {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
padding-top: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrap-login100-form-btn {
|
|
||||||
width: 100%;
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
border-radius: 25px;
|
|
||||||
overflow: hidden;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login100-form-bgbtn {
|
|
||||||
position: absolute;
|
|
||||||
z-index: -1;
|
|
||||||
width: 300%;
|
|
||||||
height: 100%;
|
|
||||||
background: #a64bf4;
|
|
||||||
background: -webkit-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
|
|
||||||
background: -o-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
|
|
||||||
background: -moz-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
|
|
||||||
background: linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
|
|
||||||
top: 0;
|
|
||||||
left: -100%;
|
|
||||||
|
|
||||||
-webkit-transition: all 0.4s;
|
|
||||||
-o-transition: all 0.4s;
|
|
||||||
-moz-transition: all 0.4s;
|
|
||||||
transition: all 0.4s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login100-form-btn {
|
|
||||||
font-family: Poppins-Medium;
|
|
||||||
font-size: 15px;
|
|
||||||
color: #fff;
|
|
||||||
line-height: 1.2;
|
|
||||||
text-transform: uppercase;
|
|
||||||
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 20px;
|
|
||||||
width: 100%;
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrap-login100-form-btn:hover .login100-form-bgbtn {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*------------------------------------------------------------------
|
|
||||||
[ Responsive ]*/
|
|
||||||
|
|
||||||
@media (max-width: 576px) {
|
|
||||||
.wrap-login100 {
|
|
||||||
padding: 77px 15px 33px 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*------------------------------------------------------------------
|
|
||||||
[ Alert validate ]*/
|
|
||||||
|
|
||||||
.validate-input {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-validate::before {
|
|
||||||
content: attr(data-validate);
|
|
||||||
position: absolute;
|
|
||||||
max-width: 70%;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #c80000;
|
|
||||||
border-radius: 2px;
|
|
||||||
padding: 4px 25px 4px 10px;
|
|
||||||
top: 50%;
|
|
||||||
-webkit-transform: translateY(-50%);
|
|
||||||
-moz-transform: translateY(-50%);
|
|
||||||
-ms-transform: translateY(-50%);
|
|
||||||
-o-transform: translateY(-50%);
|
|
||||||
transform: translateY(-50%);
|
|
||||||
right: 0px;
|
|
||||||
pointer-events: none;
|
|
||||||
|
|
||||||
font-family: Poppins-Regular;
|
|
||||||
color: #c80000;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 1.4;
|
|
||||||
text-align: left;
|
|
||||||
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
|
|
||||||
-webkit-transition: opacity 0.4s;
|
|
||||||
-o-transition: opacity 0.4s;
|
|
||||||
-moz-transition: opacity 0.4s;
|
|
||||||
transition: opacity 0.4s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-validate::after {
|
|
||||||
content: "\f06a";
|
|
||||||
font-family: FontAwesome;
|
|
||||||
font-size: 16px;
|
|
||||||
color: #c80000;
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
background-color: #fff;
|
|
||||||
top: 50%;
|
|
||||||
-webkit-transform: translateY(-50%);
|
|
||||||
-moz-transform: translateY(-50%);
|
|
||||||
-ms-transform: translateY(-50%);
|
|
||||||
-o-transform: translateY(-50%);
|
|
||||||
transform: translateY(-50%);
|
|
||||||
right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-validate:hover:before {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 992px) {
|
|
||||||
.alert-validate::before {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,361 +0,0 @@
|
|||||||
/*!
|
|
||||||
* animsition v4.0.2
|
|
||||||
* A simple and easy jQuery plugin for CSS animated page transitions.
|
|
||||||
* http://blivesta.github.io/animsition
|
|
||||||
* License : MIT
|
|
||||||
* Author : blivesta (http://blivesta.com/)
|
|
||||||
*/
|
|
||||||
;(function (factory) {
|
|
||||||
'use strict';
|
|
||||||
if (typeof define === 'function' && define.amd) {
|
|
||||||
define(['jquery'], factory);
|
|
||||||
} else if (typeof exports === 'object') {
|
|
||||||
module.exports = factory(require('jquery'));
|
|
||||||
} else {
|
|
||||||
factory(jQuery);
|
|
||||||
}
|
|
||||||
}(function ($) {
|
|
||||||
'use strict';
|
|
||||||
var namespace = 'animsition';
|
|
||||||
var __ = {
|
|
||||||
init: function(options){
|
|
||||||
options = $.extend({
|
|
||||||
inClass : 'fade-in',
|
|
||||||
outClass : 'fade-out',
|
|
||||||
inDuration : 1500,
|
|
||||||
outDuration : 800,
|
|
||||||
linkElement : '.animsition-link',
|
|
||||||
// e.g. linkElement : 'a:not([target="_blank"]):not([href^="#"])'
|
|
||||||
loading : true,
|
|
||||||
loadingParentElement : 'body', //animsition wrapper element
|
|
||||||
loadingClass : 'animsition-loading',
|
|
||||||
loadingInner : '', // e.g '<img src="loading.svg" />'
|
|
||||||
timeout : false,
|
|
||||||
timeoutCountdown : 5000,
|
|
||||||
onLoadEvent : true,
|
|
||||||
browser : [ 'animation-duration', '-webkit-animation-duration'],
|
|
||||||
// "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
|
|
||||||
// The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
|
|
||||||
overlay : false,
|
|
||||||
overlayClass : 'animsition-overlay-slide',
|
|
||||||
overlayParentElement : 'body',
|
|
||||||
transition : function(url){ window.location.href = url; }
|
|
||||||
}, options);
|
|
||||||
|
|
||||||
__.settings = {
|
|
||||||
timer: false,
|
|
||||||
data: {
|
|
||||||
inClass: 'animsition-in-class',
|
|
||||||
inDuration: 'animsition-in-duration',
|
|
||||||
outClass: 'animsition-out-class',
|
|
||||||
outDuration: 'animsition-out-duration',
|
|
||||||
overlay: 'animsition-overlay'
|
|
||||||
},
|
|
||||||
events: {
|
|
||||||
inStart: 'animsition.inStart',
|
|
||||||
inEnd: 'animsition.inEnd',
|
|
||||||
outStart: 'animsition.outStart',
|
|
||||||
outEnd: 'animsition.outEnd'
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// Remove the "Animsition" in a browser
|
|
||||||
// that does not support the "animaition-duration".
|
|
||||||
var support = __.supportCheck.call(this, options);
|
|
||||||
|
|
||||||
if(!support && options.browser.length > 0){
|
|
||||||
if(!support || !this.length){
|
|
||||||
// If do not have a console object to object window
|
|
||||||
if (!('console' in window)) {
|
|
||||||
window.console = {};
|
|
||||||
window.console.log = function(str){ return str; };
|
|
||||||
}
|
|
||||||
if(!this.length) console.log('Animsition: Element does not exist on page.');
|
|
||||||
if(!support) console.log('Animsition: Does not support this browser.');
|
|
||||||
return __.destroy.call(this);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var overlayMode = __.optionCheck.call(this, options);
|
|
||||||
|
|
||||||
if (overlayMode && $('.' + options.overlayClass).length <= 0) {
|
|
||||||
__.addOverlay.call(this, options);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (options.loading && $('.' + options.loadingClass).length <= 0) {
|
|
||||||
__.addLoading.call(this, options);
|
|
||||||
}
|
|
||||||
|
|
||||||
return this.each(function(){
|
|
||||||
var _this = this;
|
|
||||||
var $this = $(this);
|
|
||||||
var $window = $(window);
|
|
||||||
var $document = $(document);
|
|
||||||
var data = $this.data(namespace);
|
|
||||||
|
|
||||||
if (!data) {
|
|
||||||
options = $.extend({}, options);
|
|
||||||
|
|
||||||
$this.data(namespace, { options: options });
|
|
||||||
|
|
||||||
if(options.timeout) __.addTimer.call(_this);
|
|
||||||
|
|
||||||
if(options.onLoadEvent) {
|
|
||||||
$window.on('load.' + namespace, function() {
|
|
||||||
if(__.settings.timer) clearTimeout(__.settings.timer);
|
|
||||||
__.in.call(_this);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
$window.on('pageshow.' + namespace, function(event) {
|
|
||||||
if(event.originalEvent.persisted) __.in.call(_this);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Firefox back button issue #4
|
|
||||||
$window.on('unload.' + namespace, function() { });
|
|
||||||
|
|
||||||
$document.on('click.' + namespace, options.linkElement, function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
var $self = $(this);
|
|
||||||
var url = $self.attr('href');
|
|
||||||
|
|
||||||
// middle mouse button issue #24
|
|
||||||
// if(middle mouse button || command key || shift key || win control key)
|
|
||||||
if (event.which === 2 || event.metaKey || event.shiftKey || navigator.platform.toUpperCase().indexOf('WIN') !== -1 && event.ctrlKey) {
|
|
||||||
window.open(url, '_blank');
|
|
||||||
} else {
|
|
||||||
__.out.call(_this, $self, url);
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}); // end each
|
|
||||||
},
|
|
||||||
|
|
||||||
addOverlay: function(options){
|
|
||||||
$(options.overlayParentElement)
|
|
||||||
.prepend('<div class="' + options.overlayClass + '"></div>');
|
|
||||||
},
|
|
||||||
|
|
||||||
addLoading: function(options){
|
|
||||||
$(options.loadingParentElement)
|
|
||||||
.append('<div class="' + options.loadingClass + '">' + options.loadingInner + '</div>');
|
|
||||||
},
|
|
||||||
|
|
||||||
removeLoading: function(){
|
|
||||||
var $this = $(this);
|
|
||||||
var options = $this.data(namespace).options;
|
|
||||||
var $loading = $(options.loadingParentElement).children('.' + options.loadingClass);
|
|
||||||
|
|
||||||
$loading.fadeOut().remove();
|
|
||||||
},
|
|
||||||
|
|
||||||
addTimer: function(){
|
|
||||||
var _this = this;
|
|
||||||
var $this = $(this);
|
|
||||||
var options = $this.data(namespace).options;
|
|
||||||
|
|
||||||
__.settings.timer = setTimeout(function(){
|
|
||||||
__.in.call(_this);
|
|
||||||
$(window).off('load.' + namespace);
|
|
||||||
}, options.timeoutCountdown);
|
|
||||||
},
|
|
||||||
|
|
||||||
supportCheck: function(options){
|
|
||||||
var $this = $(this);
|
|
||||||
var props = options.browser;
|
|
||||||
var propsNum = props.length;
|
|
||||||
var support = false;
|
|
||||||
|
|
||||||
if (propsNum === 0) {
|
|
||||||
support = true;
|
|
||||||
}
|
|
||||||
for (var i = 0; i < propsNum; i++) {
|
|
||||||
if (typeof $this.css(props[i]) === 'string') {
|
|
||||||
support = true;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return support;
|
|
||||||
},
|
|
||||||
|
|
||||||
optionCheck: function(options){
|
|
||||||
var $this = $(this);
|
|
||||||
var overlayMode;
|
|
||||||
if(options.overlay || $this.data(__.settings.data.overlay)){
|
|
||||||
overlayMode = true;
|
|
||||||
} else {
|
|
||||||
overlayMode = false;
|
|
||||||
}
|
|
||||||
return overlayMode;
|
|
||||||
},
|
|
||||||
|
|
||||||
animationCheck : function(data, stateClass, stateIn){
|
|
||||||
var $this = $(this);
|
|
||||||
var options = $this.data(namespace).options;
|
|
||||||
var dataType = typeof data;
|
|
||||||
var dataDuration = !stateClass && dataType === 'number';
|
|
||||||
var dataClass = stateClass && dataType === 'string' && data.length > 0;
|
|
||||||
|
|
||||||
if(dataDuration || dataClass){
|
|
||||||
data = data;
|
|
||||||
} else if(stateClass && stateIn) {
|
|
||||||
data = options.inClass;
|
|
||||||
} else if(!stateClass && stateIn) {
|
|
||||||
data = options.inDuration;
|
|
||||||
} else if(stateClass && !stateIn) {
|
|
||||||
data = options.outClass;
|
|
||||||
} else if(!stateClass && !stateIn) {
|
|
||||||
data = options.outDuration;
|
|
||||||
}
|
|
||||||
return data;
|
|
||||||
},
|
|
||||||
|
|
||||||
in: function(){
|
|
||||||
var _this = this;
|
|
||||||
var $this = $(this);
|
|
||||||
var options = $this.data(namespace).options;
|
|
||||||
var thisInDuration = $this.data(__.settings.data.inDuration);
|
|
||||||
var thisInClass = $this.data(__.settings.data.inClass);
|
|
||||||
var inDuration = __.animationCheck.call(_this, thisInDuration, false, true);
|
|
||||||
var inClass = __.animationCheck.call(_this, thisInClass, true, true);
|
|
||||||
var overlayMode = __.optionCheck.call(_this, options);
|
|
||||||
var outClass = $this.data(namespace).outClass;
|
|
||||||
|
|
||||||
if(options.loading) __.removeLoading.call(_this);
|
|
||||||
|
|
||||||
if(outClass) $this.removeClass(outClass);
|
|
||||||
|
|
||||||
if(overlayMode) {
|
|
||||||
__.inOverlay.call(_this, inClass, inDuration);
|
|
||||||
} else {
|
|
||||||
__.inDefault.call(_this, inClass, inDuration);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
inDefault: function(inClass, inDuration){
|
|
||||||
var $this = $(this);
|
|
||||||
|
|
||||||
$this
|
|
||||||
.css({ 'animation-duration' : inDuration + 'ms' })
|
|
||||||
.addClass(inClass)
|
|
||||||
.trigger(__.settings.events.inStart)
|
|
||||||
.animateCallback(function(){
|
|
||||||
$this
|
|
||||||
.removeClass(inClass)
|
|
||||||
.css({ 'opacity' : 1 })
|
|
||||||
.trigger(__.settings.events.inEnd);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
inOverlay: function(inClass, inDuration){
|
|
||||||
var $this = $(this);
|
|
||||||
var options = $this.data(namespace).options;
|
|
||||||
|
|
||||||
$this
|
|
||||||
.css({ 'opacity' : 1 })
|
|
||||||
.trigger(__.settings.events.inStart);
|
|
||||||
|
|
||||||
$(options.overlayParentElement)
|
|
||||||
.children('.' + options.overlayClass)
|
|
||||||
.css({ 'animation-duration' : inDuration + 'ms' })
|
|
||||||
.addClass(inClass)
|
|
||||||
.animateCallback(function(){
|
|
||||||
$this
|
|
||||||
.trigger(__.settings.events.inEnd);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
out: function($self, url){
|
|
||||||
var _this = this;
|
|
||||||
var $this = $(this);
|
|
||||||
var options = $this.data(namespace).options;
|
|
||||||
var selfOutClass = $self.data(__.settings.data.outClass);
|
|
||||||
var thisOutClass = $this.data(__.settings.data.outClass);
|
|
||||||
var selfOutDuration = $self.data(__.settings.data.outDuration);
|
|
||||||
var thisOutDuration = $this.data(__.settings.data.outDuration);
|
|
||||||
var isOutClass = selfOutClass ? selfOutClass : thisOutClass;
|
|
||||||
var isOutDuration = selfOutDuration ? selfOutDuration : thisOutDuration;
|
|
||||||
var outClass = __.animationCheck.call(_this, isOutClass, true, false);
|
|
||||||
var outDuration = __.animationCheck.call(_this, isOutDuration, false, false);
|
|
||||||
var overlayMode = __.optionCheck.call(_this, options);
|
|
||||||
|
|
||||||
$this.data(namespace).outClass = outClass;
|
|
||||||
|
|
||||||
if(overlayMode) {
|
|
||||||
__.outOverlay.call(_this, outClass, outDuration, url);
|
|
||||||
} else {
|
|
||||||
__.outDefault.call(_this, outClass, outDuration, url);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
outDefault: function(outClass, outDuration, url){
|
|
||||||
var $this = $(this);
|
|
||||||
var options = $this.data(namespace).options;
|
|
||||||
|
|
||||||
// (outDuration + 1) | #55 outDuration: 0 crashes on Safari only
|
|
||||||
$this
|
|
||||||
.css({ 'animation-duration' : (outDuration + 1) + 'ms' })
|
|
||||||
.addClass(outClass)
|
|
||||||
.trigger(__.settings.events.outStart)
|
|
||||||
.animateCallback(function(){
|
|
||||||
$this.trigger(__.settings.events.outEnd);
|
|
||||||
options.transition(url);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
outOverlay: function(outClass, outDuration, url){
|
|
||||||
var _this = this;
|
|
||||||
var $this = $(this);
|
|
||||||
var options = $this.data(namespace).options;
|
|
||||||
var thisInClass = $this.data(__.settings.data.inClass);
|
|
||||||
var inClass = __.animationCheck.call(_this, thisInClass, true, true);
|
|
||||||
|
|
||||||
// (outDuration + 1) | #55 outDuration: 0 crashes animsition on Safari only
|
|
||||||
$(options.overlayParentElement)
|
|
||||||
.children('.' + options.overlayClass)
|
|
||||||
.css({ 'animation-duration' : (outDuration + 1) + 'ms' })
|
|
||||||
.removeClass(inClass)
|
|
||||||
.addClass(outClass)
|
|
||||||
.trigger(__.settings.events.outStart)
|
|
||||||
.animateCallback(function(){
|
|
||||||
$this.trigger(__.settings.events.outEnd);
|
|
||||||
options.transition(url);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
destroy: function(){
|
|
||||||
return this.each(function(){
|
|
||||||
var $this = $(this);
|
|
||||||
$(window).off('.'+ namespace);
|
|
||||||
$this
|
|
||||||
.css({'opacity': 1})
|
|
||||||
.removeData(namespace);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.animateCallback = function(callback){
|
|
||||||
var end = 'animationend webkitAnimationEnd';
|
|
||||||
return this.each(function() {
|
|
||||||
var $this = $(this);
|
|
||||||
$this.on(end, function(){
|
|
||||||
$this.off(end);
|
|
||||||
return callback.call(this);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.animsition = function(method){
|
|
||||||
if ( __[method] ) {
|
|
||||||
return __[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
|
|
||||||
} else if ( typeof method === 'object' || ! method ) {
|
|
||||||
return __.init.apply( this, arguments );
|
|
||||||
} else {
|
|
||||||
$.error( 'Method ' + method + ' does not exist on jQuery.'+namespace);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
}));
|
|
||||||
@@ -1,330 +0,0 @@
|
|||||||
html {
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-family: sans-serif;
|
|
||||||
line-height: 1.15;
|
|
||||||
-webkit-text-size-adjust: 100%;
|
|
||||||
-ms-text-size-adjust: 100%;
|
|
||||||
-ms-overflow-style: scrollbar;
|
|
||||||
-webkit-tap-highlight-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
box-sizing: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-ms-viewport {
|
|
||||||
width: device-width;
|
|
||||||
}
|
|
||||||
|
|
||||||
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
||||||
font-size: 1rem;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 1.5;
|
|
||||||
color: #212529;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
[tabindex="-1"]:focus {
|
|
||||||
outline: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
box-sizing: content-box;
|
|
||||||
height: 0;
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
abbr[title],
|
|
||||||
abbr[data-original-title] {
|
|
||||||
text-decoration: underline;
|
|
||||||
-webkit-text-decoration: underline dotted;
|
|
||||||
text-decoration: underline dotted;
|
|
||||||
cursor: help;
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
address {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
font-style: normal;
|
|
||||||
line-height: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol,
|
|
||||||
ul,
|
|
||||||
dl {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol ol,
|
|
||||||
ul ul,
|
|
||||||
ol ul,
|
|
||||||
ul ol {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
dt {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
dd {
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
margin: 0 0 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
dfn {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight: bolder;
|
|
||||||
}
|
|
||||||
|
|
||||||
small {
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
position: relative;
|
|
||||||
font-size: 75%;
|
|
||||||
line-height: 0;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
sub {
|
|
||||||
bottom: -.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
sup {
|
|
||||||
top: -.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #007bff;
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: transparent;
|
|
||||||
-webkit-text-decoration-skip: objects;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: #0056b3;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:not([href]):not([tabindex]) {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:not([href]):not([tabindex]):focus {
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre,
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
samp {
|
|
||||||
font-family: monospace, monospace;
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
figure {
|
|
||||||
margin: 0 0 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
vertical-align: middle;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg:not(:root) {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
a,
|
|
||||||
area,
|
|
||||||
button,
|
|
||||||
[role="button"],
|
|
||||||
input,
|
|
||||||
label,
|
|
||||||
select,
|
|
||||||
summary,
|
|
||||||
textarea {
|
|
||||||
-ms-touch-action: manipulation;
|
|
||||||
touch-action: manipulation;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
|
|
||||||
caption {
|
|
||||||
padding-top: 0.75rem;
|
|
||||||
padding-bottom: 0.75rem;
|
|
||||||
color: #868e96;
|
|
||||||
text-align: left;
|
|
||||||
caption-side: bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:focus {
|
|
||||||
outline: 1px dotted;
|
|
||||||
outline: 5px auto -webkit-focus-ring-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
input,
|
|
||||||
button,
|
|
||||||
select,
|
|
||||||
optgroup,
|
|
||||||
textarea {
|
|
||||||
margin: 0;
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: inherit;
|
|
||||||
line-height: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
input {
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
select {
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
html [type="button"],
|
|
||||||
[type="reset"],
|
|
||||||
[type="submit"] {
|
|
||||||
-webkit-appearance: button;
|
|
||||||
}
|
|
||||||
|
|
||||||
button::-moz-focus-inner,
|
|
||||||
[type="button"]::-moz-focus-inner,
|
|
||||||
[type="reset"]::-moz-focus-inner,
|
|
||||||
[type="submit"]::-moz-focus-inner {
|
|
||||||
padding: 0;
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="radio"],
|
|
||||||
input[type="checkbox"] {
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="date"],
|
|
||||||
input[type="time"],
|
|
||||||
input[type="datetime-local"],
|
|
||||||
input[type="month"] {
|
|
||||||
-webkit-appearance: listbox;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
overflow: auto;
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
min-width: 0;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
legend {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
padding: 0;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
line-height: inherit;
|
|
||||||
color: inherit;
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
progress {
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
[type="number"]::-webkit-inner-spin-button,
|
|
||||||
[type="number"]::-webkit-outer-spin-button {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
[type="search"] {
|
|
||||||
outline-offset: -2px;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
[type="search"]::-webkit-search-cancel-button,
|
|
||||||
[type="search"]::-webkit-search-decoration {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-file-upload-button {
|
|
||||||
font: inherit;
|
|
||||||
-webkit-appearance: button;
|
|
||||||
}
|
|
||||||
|
|
||||||
output {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
summary {
|
|
||||||
display: list-item;
|
|
||||||
}
|
|
||||||
|
|
||||||
template {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
[hidden] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}*,::after,::before{box-sizing:inherit}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}
|
|
||||||
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
|
||||||
@@ -1,539 +0,0 @@
|
|||||||
/**!
|
|
||||||
* @fileOverview Kickass library to create and place poppers near their reference elements.
|
|
||||||
* @version 1.1.5
|
|
||||||
* @license
|
|
||||||
* Copyright (c) 2016 Federico Zivolo and contributors
|
|
||||||
*
|
|
||||||
* 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.
|
|
||||||
*/
|
|
||||||
(function (global, factory) {
|
|
||||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('popper.js')) :
|
|
||||||
typeof define === 'function' && define.amd ? define(['popper.js'], factory) :
|
|
||||||
(global.Tooltip = factory(global.Popper));
|
|
||||||
}(this, (function (Popper) { 'use strict';
|
|
||||||
|
|
||||||
Popper = Popper && 'default' in Popper ? Popper['default'] : Popper;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Check if the given variable is a function
|
|
||||||
* @method
|
|
||||||
* @memberof Popper.Utils
|
|
||||||
* @argument {Any} functionToCheck - variable to check
|
|
||||||
* @returns {Boolean} answer to: is a function?
|
|
||||||
*/
|
|
||||||
function isFunction(functionToCheck) {
|
|
||||||
var getType = {};
|
|
||||||
return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
|
|
||||||
}
|
|
||||||
|
|
||||||
var classCallCheck = function (instance, Constructor) {
|
|
||||||
if (!(instance instanceof Constructor)) {
|
|
||||||
throw new TypeError("Cannot call a class as a function");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
var createClass = function () {
|
|
||||||
function defineProperties(target, props) {
|
|
||||||
for (var i = 0; i < props.length; i++) {
|
|
||||||
var descriptor = props[i];
|
|
||||||
descriptor.enumerable = descriptor.enumerable || false;
|
|
||||||
descriptor.configurable = true;
|
|
||||||
if ("value" in descriptor) descriptor.writable = true;
|
|
||||||
Object.defineProperty(target, descriptor.key, descriptor);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return function (Constructor, protoProps, staticProps) {
|
|
||||||
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
|
||||||
if (staticProps) defineProperties(Constructor, staticProps);
|
|
||||||
return Constructor;
|
|
||||||
};
|
|
||||||
}();
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var _extends = Object.assign || function (target) {
|
|
||||||
for (var i = 1; i < arguments.length; i++) {
|
|
||||||
var source = arguments[i];
|
|
||||||
|
|
||||||
for (var key in source) {
|
|
||||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
||||||
target[key] = source[key];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return target;
|
|
||||||
};
|
|
||||||
|
|
||||||
var DEFAULT_OPTIONS = {
|
|
||||||
container: false,
|
|
||||||
delay: 0,
|
|
||||||
html: false,
|
|
||||||
placement: 'top',
|
|
||||||
title: '',
|
|
||||||
template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
|
|
||||||
trigger: 'hover focus',
|
|
||||||
offset: 0
|
|
||||||
};
|
|
||||||
|
|
||||||
var Tooltip = function () {
|
|
||||||
/**
|
|
||||||
* Create a new Tooltip.js instance
|
|
||||||
* @class Tooltip
|
|
||||||
* @param {HTMLElement} reference - The DOM node used as reference of the tooltip (it can be a jQuery element).
|
|
||||||
* @param {Object} options
|
|
||||||
* @param {String} options.placement=bottom
|
|
||||||
* Placement of the popper accepted values: `top(-start, -end), right(-start, -end), bottom(-start, -end),
|
|
||||||
* left(-start, -end)`
|
|
||||||
* @param {HTMLElement|String|false} options.container=false - Append the tooltip to a specific element.
|
|
||||||
* @param {Number|Object} options.delay=0
|
|
||||||
* Delay showing and hiding the tooltip (ms) - does not apply to manual trigger type.
|
|
||||||
* If a number is supplied, delay is applied to both hide/show.
|
|
||||||
* Object structure is: `{ show: 500, hide: 100 }`
|
|
||||||
* @param {Boolean} options.html=false - Insert HTML into the tooltip. If false, the content will inserted with `innerText`.
|
|
||||||
* @param {String|PlacementFunction} options.placement='top' - One of the allowed placements, or a function returning one of them.
|
|
||||||
* @param {String} [options.template='<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>']
|
|
||||||
* Base HTML to used when creating the tooltip.
|
|
||||||
* The tooltip's `title` will be injected into the `.tooltip-inner` or `.tooltip__inner`.
|
|
||||||
* `.tooltip-arrow` or `.tooltip__arrow` will become the tooltip's arrow.
|
|
||||||
* The outermost wrapper element should have the `.tooltip` class.
|
|
||||||
* @param {String|HTMLElement|TitleFunction} options.title='' - Default title value if `title` attribute isn't present.
|
|
||||||
* @param {String} [options.trigger='hover focus']
|
|
||||||
* How tooltip is triggered - click, hover, focus, manual.
|
|
||||||
* You may pass multiple triggers; separate them with a space. `manual` cannot be combined with any other trigger.
|
|
||||||
* @param {HTMLElement} options.boundariesElement
|
|
||||||
* The element used as boundaries for the tooltip. For more information refer to Popper.js'
|
|
||||||
* [boundariesElement docs](https://popper.js.org/popper-documentation.html)
|
|
||||||
* @param {Number|String} options.offset=0 - Offset of the tooltip relative to its reference. For more information refer to Popper.js'
|
|
||||||
* [offset docs](https://popper.js.org/popper-documentation.html)
|
|
||||||
* @param {Object} options.popperOptions={} - Popper options, will be passed directly to popper instance. For more information refer to Popper.js'
|
|
||||||
* [options docs](https://popper.js.org/popper-documentation.html)
|
|
||||||
* @return {Object} instance - The generated tooltip instance
|
|
||||||
*/
|
|
||||||
function Tooltip(reference, options) {
|
|
||||||
classCallCheck(this, Tooltip);
|
|
||||||
|
|
||||||
_initialiseProps.call(this);
|
|
||||||
|
|
||||||
// apply user options over default ones
|
|
||||||
options = _extends({}, DEFAULT_OPTIONS, options);
|
|
||||||
|
|
||||||
reference.jquery && (reference = reference[0]);
|
|
||||||
|
|
||||||
// cache reference and options
|
|
||||||
this.reference = reference;
|
|
||||||
this.options = options;
|
|
||||||
|
|
||||||
// get events list
|
|
||||||
var events = typeof options.trigger === 'string' ? options.trigger.split(' ').filter(function (trigger) {
|
|
||||||
return ['click', 'hover', 'focus'].indexOf(trigger) !== -1;
|
|
||||||
}) : [];
|
|
||||||
|
|
||||||
// set initial state
|
|
||||||
this._isOpen = false;
|
|
||||||
|
|
||||||
// set event listeners
|
|
||||||
this._setEventListeners(reference, events, options);
|
|
||||||
}
|
|
||||||
|
|
||||||
//
|
|
||||||
// Public methods
|
|
||||||
//
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Reveals an element's tooltip. This is considered a "manual" triggering of the tooltip.
|
|
||||||
* Tooltips with zero-length titles are never displayed.
|
|
||||||
* @method Tooltip#show
|
|
||||||
* @memberof Tooltip
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Hides an element’s tooltip. This is considered a “manual” triggering of the tooltip.
|
|
||||||
* @method Tooltip#hide
|
|
||||||
* @memberof Tooltip
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Hides and destroys an element’s tooltip.
|
|
||||||
* @method Tooltip#dispose
|
|
||||||
* @memberof Tooltip
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Toggles an element’s tooltip. This is considered a “manual” triggering of the tooltip.
|
|
||||||
* @method Tooltip#toggle
|
|
||||||
* @memberof Tooltip
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Defaults
|
|
||||||
//
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// Private methods
|
|
||||||
//
|
|
||||||
|
|
||||||
createClass(Tooltip, [{
|
|
||||||
key: '_create',
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Creates a new tooltip node
|
|
||||||
* @memberof Tooltip
|
|
||||||
* @private
|
|
||||||
* @param {HTMLElement} reference
|
|
||||||
* @param {String} template
|
|
||||||
* @param {String|HTMLElement|TitleFunction} title
|
|
||||||
* @param {Boolean} allowHtml
|
|
||||||
* @return {HTMLelement} tooltipNode
|
|
||||||
*/
|
|
||||||
value: function _create(reference, template, title, allowHtml) {
|
|
||||||
// create tooltip element
|
|
||||||
var tooltipGenerator = window.document.createElement('div');
|
|
||||||
tooltipGenerator.innerHTML = template.trim();
|
|
||||||
var tooltipNode = tooltipGenerator.childNodes[0];
|
|
||||||
|
|
||||||
// add unique ID to our tooltip (needed for accessibility reasons)
|
|
||||||
tooltipNode.id = 'tooltip_' + Math.random().toString(36).substr(2, 10);
|
|
||||||
|
|
||||||
// set initial `aria-hidden` state to `false` (it's visible!)
|
|
||||||
tooltipNode.setAttribute('aria-hidden', 'false');
|
|
||||||
|
|
||||||
// add title to tooltip
|
|
||||||
var titleNode = tooltipGenerator.querySelector(this.innerSelector);
|
|
||||||
if (title.nodeType === 1) {
|
|
||||||
// if title is a node, append it only if allowHtml is true
|
|
||||||
allowHtml && titleNode.appendChild(title);
|
|
||||||
} else if (isFunction(title)) {
|
|
||||||
// if title is a function, call it and set innerText or innerHtml depending by `allowHtml` value
|
|
||||||
var titleText = title.call(reference);
|
|
||||||
allowHtml ? titleNode.innerHTML = titleText : titleNode.innerText = titleText;
|
|
||||||
} else {
|
|
||||||
// if it's just a simple text, set innerText or innerHtml depending by `allowHtml` value
|
|
||||||
allowHtml ? titleNode.innerHTML = title : titleNode.innerText = title;
|
|
||||||
}
|
|
||||||
|
|
||||||
// return the generated tooltip node
|
|
||||||
return tooltipNode;
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: '_show',
|
|
||||||
value: function _show(reference, options) {
|
|
||||||
// don't show if it's already visible
|
|
||||||
if (this._isOpen) {
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
this._isOpen = true;
|
|
||||||
|
|
||||||
// if the tooltipNode already exists, just show it
|
|
||||||
if (this._tooltipNode) {
|
|
||||||
this._tooltipNode.style.display = '';
|
|
||||||
this._tooltipNode.setAttribute('aria-hidden', 'false');
|
|
||||||
this.popperInstance.update();
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
|
|
||||||
// get title
|
|
||||||
var title = reference.getAttribute('title') || options.title;
|
|
||||||
|
|
||||||
// don't show tooltip if no title is defined
|
|
||||||
if (!title) {
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
|
|
||||||
// create tooltip node
|
|
||||||
var tooltipNode = this._create(reference, options.template, title, options.html);
|
|
||||||
|
|
||||||
// Add `aria-describedby` to our reference element for accessibility reasons
|
|
||||||
reference.setAttribute('aria-describedby', tooltipNode.id);
|
|
||||||
|
|
||||||
// append tooltip to container
|
|
||||||
var container = this._findContainer(options.container, reference);
|
|
||||||
|
|
||||||
this._append(tooltipNode, container);
|
|
||||||
|
|
||||||
var popperOptions = _extends({}, options.popperOptions, {
|
|
||||||
placement: options.placement
|
|
||||||
});
|
|
||||||
|
|
||||||
popperOptions.modifiers = _extends({}, popperOptions.modifiers, {
|
|
||||||
arrow: {
|
|
||||||
element: this.arrowSelector
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (options.boundariesElement) {
|
|
||||||
popperOptions.modifiers.preventOverflow = {
|
|
||||||
boundariesElement: options.boundariesElement
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
this.popperInstance = new Popper(reference, tooltipNode, popperOptions);
|
|
||||||
|
|
||||||
this._tooltipNode = tooltipNode;
|
|
||||||
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: '_hide',
|
|
||||||
value: function _hide() /*reference, options*/{
|
|
||||||
// don't hide if it's already hidden
|
|
||||||
if (!this._isOpen) {
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
|
|
||||||
this._isOpen = false;
|
|
||||||
|
|
||||||
// hide tooltipNode
|
|
||||||
this._tooltipNode.style.display = 'none';
|
|
||||||
this._tooltipNode.setAttribute('aria-hidden', 'true');
|
|
||||||
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: '_dispose',
|
|
||||||
value: function _dispose() {
|
|
||||||
var _this = this;
|
|
||||||
|
|
||||||
if (this._tooltipNode) {
|
|
||||||
this._hide();
|
|
||||||
|
|
||||||
// destroy instance
|
|
||||||
this.popperInstance.destroy();
|
|
||||||
|
|
||||||
// remove event listeners
|
|
||||||
this._events.forEach(function (_ref) {
|
|
||||||
var func = _ref.func,
|
|
||||||
event = _ref.event;
|
|
||||||
|
|
||||||
_this.reference.removeEventListener(event, func);
|
|
||||||
});
|
|
||||||
this._events = [];
|
|
||||||
|
|
||||||
// destroy tooltipNode
|
|
||||||
this._tooltipNode.parentNode.removeChild(this._tooltipNode);
|
|
||||||
this._tooltipNode = null;
|
|
||||||
}
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: '_findContainer',
|
|
||||||
value: function _findContainer(container, reference) {
|
|
||||||
// if container is a query, get the relative element
|
|
||||||
if (typeof container === 'string') {
|
|
||||||
container = window.document.querySelector(container);
|
|
||||||
} else if (container === false) {
|
|
||||||
// if container is `false`, set it to reference parent
|
|
||||||
container = reference.parentNode;
|
|
||||||
}
|
|
||||||
return container;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Append tooltip to container
|
|
||||||
* @memberof Tooltip
|
|
||||||
* @private
|
|
||||||
* @param {HTMLElement} tooltip
|
|
||||||
* @param {HTMLElement|String|false} container
|
|
||||||
*/
|
|
||||||
|
|
||||||
}, {
|
|
||||||
key: '_append',
|
|
||||||
value: function _append(tooltipNode, container) {
|
|
||||||
container.appendChild(tooltipNode);
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: '_setEventListeners',
|
|
||||||
value: function _setEventListeners(reference, events, options) {
|
|
||||||
var _this2 = this;
|
|
||||||
|
|
||||||
var directEvents = [];
|
|
||||||
var oppositeEvents = [];
|
|
||||||
|
|
||||||
events.forEach(function (event) {
|
|
||||||
switch (event) {
|
|
||||||
case 'hover':
|
|
||||||
directEvents.push('mouseenter');
|
|
||||||
oppositeEvents.push('mouseleave');
|
|
||||||
break;
|
|
||||||
case 'focus':
|
|
||||||
directEvents.push('focus');
|
|
||||||
oppositeEvents.push('blur');
|
|
||||||
break;
|
|
||||||
case 'click':
|
|
||||||
directEvents.push('click');
|
|
||||||
oppositeEvents.push('click');
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// schedule show tooltip
|
|
||||||
directEvents.forEach(function (event) {
|
|
||||||
var func = function func(evt) {
|
|
||||||
if (_this2._isOpen === true) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
evt.usedByTooltip = true;
|
|
||||||
_this2._scheduleShow(reference, options.delay, options, evt);
|
|
||||||
};
|
|
||||||
_this2._events.push({ event: event, func: func });
|
|
||||||
reference.addEventListener(event, func);
|
|
||||||
});
|
|
||||||
|
|
||||||
// schedule hide tooltip
|
|
||||||
oppositeEvents.forEach(function (event) {
|
|
||||||
var func = function func(evt) {
|
|
||||||
if (evt.usedByTooltip === true) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
_this2._scheduleHide(reference, options.delay, options, evt);
|
|
||||||
};
|
|
||||||
_this2._events.push({ event: event, func: func });
|
|
||||||
reference.addEventListener(event, func);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: '_scheduleShow',
|
|
||||||
value: function _scheduleShow(reference, delay, options /*, evt */) {
|
|
||||||
var _this3 = this;
|
|
||||||
|
|
||||||
// defaults to 0
|
|
||||||
var computedDelay = delay && delay.show || delay || 0;
|
|
||||||
window.setTimeout(function () {
|
|
||||||
return _this3._show(reference, options);
|
|
||||||
}, computedDelay);
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: '_scheduleHide',
|
|
||||||
value: function _scheduleHide(reference, delay, options, evt) {
|
|
||||||
var _this4 = this;
|
|
||||||
|
|
||||||
// defaults to 0
|
|
||||||
var computedDelay = delay && delay.hide || delay || 0;
|
|
||||||
window.setTimeout(function () {
|
|
||||||
if (_this4._isOpen === false) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (!document.body.contains(_this4._tooltipNode)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// if we are hiding because of a mouseleave, we must check that the new
|
|
||||||
// reference isn't the tooltip, because in this case we don't want to hide it
|
|
||||||
if (evt.type === 'mouseleave') {
|
|
||||||
var isSet = _this4._setTooltipNodeEvent(evt, reference, delay, options);
|
|
||||||
|
|
||||||
// if we set the new event, don't hide the tooltip yet
|
|
||||||
// the new event will take care to hide it if necessary
|
|
||||||
if (isSet) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
_this4._hide(reference, options);
|
|
||||||
}, computedDelay);
|
|
||||||
}
|
|
||||||
}]);
|
|
||||||
return Tooltip;
|
|
||||||
}();
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Placement function, its context is the Tooltip instance.
|
|
||||||
* @memberof Tooltip
|
|
||||||
* @callback PlacementFunction
|
|
||||||
* @param {HTMLElement} tooltip - tooltip DOM node.
|
|
||||||
* @param {HTMLElement} reference - reference DOM node.
|
|
||||||
* @return {String} placement - One of the allowed placement options.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Title function, its context is the Tooltip instance.
|
|
||||||
* @memberof Tooltip
|
|
||||||
* @callback TitleFunction
|
|
||||||
* @return {String} placement - The desired title.
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
var _initialiseProps = function _initialiseProps() {
|
|
||||||
var _this5 = this;
|
|
||||||
|
|
||||||
this.show = function () {
|
|
||||||
return _this5._show(_this5.reference, _this5.options);
|
|
||||||
};
|
|
||||||
|
|
||||||
this.hide = function () {
|
|
||||||
return _this5._hide();
|
|
||||||
};
|
|
||||||
|
|
||||||
this.dispose = function () {
|
|
||||||
return _this5._dispose();
|
|
||||||
};
|
|
||||||
|
|
||||||
this.toggle = function () {
|
|
||||||
if (_this5._isOpen) {
|
|
||||||
return _this5.hide();
|
|
||||||
} else {
|
|
||||||
return _this5.show();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
this.arrowSelector = '.tooltip-arrow, .tooltip__arrow';
|
|
||||||
this.innerSelector = '.tooltip-inner, .tooltip__inner';
|
|
||||||
this._events = [];
|
|
||||||
|
|
||||||
this._setTooltipNodeEvent = function (evt, reference, delay, options) {
|
|
||||||
var relatedreference = evt.relatedreference || evt.toElement;
|
|
||||||
|
|
||||||
var callback = function callback(evt2) {
|
|
||||||
var relatedreference2 = evt2.relatedreference || evt2.toElement;
|
|
||||||
|
|
||||||
// Remove event listener after call
|
|
||||||
_this5._tooltipNode.removeEventListener(evt.type, callback);
|
|
||||||
|
|
||||||
// If the new reference is not the reference element
|
|
||||||
if (!reference.contains(relatedreference2)) {
|
|
||||||
// Schedule to hide tooltip
|
|
||||||
_this5._scheduleHide(reference, options.delay, options, evt2);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if (_this5._tooltipNode.contains(relatedreference)) {
|
|
||||||
// listen to mouseleave on the tooltip element to be able to hide the tooltip
|
|
||||||
_this5._tooltipNode.addEventListener(evt.type, callback);
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
return Tooltip;
|
|
||||||
|
|
||||||
})));
|
|
||||||
//# sourceMappingURL=tooltip.js.map
|
|
||||||
@@ -1,45 +0,0 @@
|
|||||||
(function ($) {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
function getTimeRemaining(endtime) {
|
|
||||||
var t = Date.parse(endtime) - Date.parse(new Date());
|
|
||||||
var seconds = Math.floor((t / 1000) % 60);
|
|
||||||
var minutes = Math.floor((t / 1000 / 60) % 60);
|
|
||||||
var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
|
|
||||||
var days = Math.floor(t / (1000 * 60 * 60 * 24));
|
|
||||||
return {
|
|
||||||
'total': t,
|
|
||||||
'days': days,
|
|
||||||
'hours': hours,
|
|
||||||
'minutes': minutes,
|
|
||||||
'seconds': seconds
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function initializeClock(id, endtime) {
|
|
||||||
var daysSpan = $('.days');
|
|
||||||
var hoursSpan = $('.hours');
|
|
||||||
var minutesSpan = $('.minutes');
|
|
||||||
var secondsSpan = $('.seconds');
|
|
||||||
|
|
||||||
function updateClock() {
|
|
||||||
var t = getTimeRemaining(endtime);
|
|
||||||
|
|
||||||
daysSpan.html(t.days);
|
|
||||||
hoursSpan.html(('0' + t.hours).slice(-2));
|
|
||||||
minutesSpan.html(('0' + t.minutes).slice(-2));
|
|
||||||
secondsSpan.html(('0' + t.seconds).slice(-2))
|
|
||||||
|
|
||||||
if (t.total <= 0) {
|
|
||||||
clearInterval(timeinterval);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
updateClock();
|
|
||||||
var timeinterval = setInterval(updateClock, 1000);
|
|
||||||
}
|
|
||||||
|
|
||||||
var deadline = new Date(Date.parse(new Date()) + 25 * 24 * 60 * 60 * 1000 + 13 * 60 * 60 * 1000);
|
|
||||||
initializeClock('clockdiv', deadline);
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||
@@ -1,626 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Hamburgers
|
|
||||||
* @description Tasty CSS-animated hamburgers
|
|
||||||
* @author Jonathan Suh @jonsuh
|
|
||||||
* @site https://jonsuh.com/hamburgers
|
|
||||||
* @link https://github.com/jonsuh/hamburgers
|
|
||||||
*/
|
|
||||||
.hamburger {
|
|
||||||
padding: 15px 15px;
|
|
||||||
display: inline-block;
|
|
||||||
cursor: pointer;
|
|
||||||
transition-property: opacity, filter;
|
|
||||||
transition-duration: 0.15s;
|
|
||||||
transition-timing-function: linear;
|
|
||||||
font: inherit;
|
|
||||||
color: inherit;
|
|
||||||
text-transform: none;
|
|
||||||
background-color: transparent;
|
|
||||||
border: 0;
|
|
||||||
margin: 0;
|
|
||||||
overflow: visible; }
|
|
||||||
.hamburger:hover {
|
|
||||||
opacity: 0.7; }
|
|
||||||
|
|
||||||
.hamburger-box {
|
|
||||||
width: 40px;
|
|
||||||
height: 24px;
|
|
||||||
display: inline-block;
|
|
||||||
position: relative; }
|
|
||||||
|
|
||||||
.hamburger-inner {
|
|
||||||
display: block;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -2px; }
|
|
||||||
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
|
|
||||||
width: 40px;
|
|
||||||
height: 4px;
|
|
||||||
background-color: #000;
|
|
||||||
border-radius: 4px;
|
|
||||||
position: absolute;
|
|
||||||
transition-property: transform;
|
|
||||||
transition-duration: 0.15s;
|
|
||||||
transition-timing-function: ease; }
|
|
||||||
.hamburger-inner::before, .hamburger-inner::after {
|
|
||||||
content: "";
|
|
||||||
display: block; }
|
|
||||||
.hamburger-inner::before {
|
|
||||||
top: -10px; }
|
|
||||||
.hamburger-inner::after {
|
|
||||||
bottom: -10px; }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 3DX
|
|
||||||
*/
|
|
||||||
.hamburger--3dx .hamburger-box {
|
|
||||||
perspective: 80px; }
|
|
||||||
|
|
||||||
.hamburger--3dx .hamburger-inner {
|
|
||||||
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
|
||||||
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
|
|
||||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
|
||||||
|
|
||||||
.hamburger--3dx.is-active .hamburger-inner {
|
|
||||||
background-color: transparent;
|
|
||||||
transform: rotateY(180deg); }
|
|
||||||
.hamburger--3dx.is-active .hamburger-inner::before {
|
|
||||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
|
||||||
.hamburger--3dx.is-active .hamburger-inner::after {
|
|
||||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 3DX Reverse
|
|
||||||
*/
|
|
||||||
.hamburger--3dx-r .hamburger-box {
|
|
||||||
perspective: 80px; }
|
|
||||||
|
|
||||||
.hamburger--3dx-r .hamburger-inner {
|
|
||||||
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
|
||||||
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
|
|
||||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
|
||||||
|
|
||||||
.hamburger--3dx-r.is-active .hamburger-inner {
|
|
||||||
background-color: transparent;
|
|
||||||
transform: rotateY(-180deg); }
|
|
||||||
.hamburger--3dx-r.is-active .hamburger-inner::before {
|
|
||||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
|
||||||
.hamburger--3dx-r.is-active .hamburger-inner::after {
|
|
||||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 3DY
|
|
||||||
*/
|
|
||||||
.hamburger--3dy .hamburger-box {
|
|
||||||
perspective: 80px; }
|
|
||||||
|
|
||||||
.hamburger--3dy .hamburger-inner {
|
|
||||||
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
|
||||||
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
|
|
||||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
|
||||||
|
|
||||||
.hamburger--3dy.is-active .hamburger-inner {
|
|
||||||
background-color: transparent;
|
|
||||||
transform: rotateX(-180deg); }
|
|
||||||
.hamburger--3dy.is-active .hamburger-inner::before {
|
|
||||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
|
||||||
.hamburger--3dy.is-active .hamburger-inner::after {
|
|
||||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* 3DY Reverse
|
|
||||||
*/
|
|
||||||
.hamburger--3dy-r .hamburger-box {
|
|
||||||
perspective: 80px; }
|
|
||||||
|
|
||||||
.hamburger--3dy-r .hamburger-inner {
|
|
||||||
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
|
||||||
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
|
|
||||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
|
|
||||||
|
|
||||||
.hamburger--3dy-r.is-active .hamburger-inner {
|
|
||||||
background-color: transparent;
|
|
||||||
transform: rotateX(180deg); }
|
|
||||||
.hamburger--3dy-r.is-active .hamburger-inner::before {
|
|
||||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
|
||||||
.hamburger--3dy-r.is-active .hamburger-inner::after {
|
|
||||||
transform: translate3d(0, -10px, 0) rotate(-45deg); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Arrow
|
|
||||||
*/
|
|
||||||
.hamburger--arrow.is-active .hamburger-inner::before {
|
|
||||||
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
|
|
||||||
|
|
||||||
.hamburger--arrow.is-active .hamburger-inner::after {
|
|
||||||
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Arrow Right
|
|
||||||
*/
|
|
||||||
.hamburger--arrow-r.is-active .hamburger-inner::before {
|
|
||||||
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
|
|
||||||
|
|
||||||
.hamburger--arrow-r.is-active .hamburger-inner::after {
|
|
||||||
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Arrow Alt
|
|
||||||
*/
|
|
||||||
.hamburger--arrowalt .hamburger-inner::before {
|
|
||||||
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
|
||||||
|
|
||||||
.hamburger--arrowalt .hamburger-inner::after {
|
|
||||||
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
|
||||||
|
|
||||||
.hamburger--arrowalt.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
|
|
||||||
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
|
||||||
|
|
||||||
.hamburger--arrowalt.is-active .hamburger-inner::after {
|
|
||||||
bottom: 0;
|
|
||||||
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
|
|
||||||
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Arrow Alt Right
|
|
||||||
*/
|
|
||||||
.hamburger--arrowalt-r .hamburger-inner::before {
|
|
||||||
transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
|
||||||
|
|
||||||
.hamburger--arrowalt-r .hamburger-inner::after {
|
|
||||||
transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }
|
|
||||||
|
|
||||||
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
|
|
||||||
transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
|
||||||
|
|
||||||
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
|
|
||||||
bottom: 0;
|
|
||||||
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
|
|
||||||
transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Boring
|
|
||||||
*/
|
|
||||||
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
|
|
||||||
transition-property: none; }
|
|
||||||
|
|
||||||
.hamburger--boring.is-active .hamburger-inner {
|
|
||||||
transform: rotate(45deg); }
|
|
||||||
.hamburger--boring.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
opacity: 0; }
|
|
||||||
.hamburger--boring.is-active .hamburger-inner::after {
|
|
||||||
bottom: 0;
|
|
||||||
transform: rotate(-90deg); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Collapse
|
|
||||||
*/
|
|
||||||
.hamburger--collapse .hamburger-inner {
|
|
||||||
top: auto;
|
|
||||||
bottom: 0;
|
|
||||||
transition-duration: 0.15s;
|
|
||||||
transition-delay: 0.15s;
|
|
||||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
.hamburger--collapse .hamburger-inner::after {
|
|
||||||
top: -20px;
|
|
||||||
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
|
|
||||||
.hamburger--collapse .hamburger-inner::before {
|
|
||||||
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
|
|
||||||
.hamburger--collapse.is-active .hamburger-inner {
|
|
||||||
transform: translate3d(0, -10px, 0) rotate(-45deg);
|
|
||||||
transition-delay: 0.32s;
|
|
||||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
.hamburger--collapse.is-active .hamburger-inner::after {
|
|
||||||
top: 0;
|
|
||||||
opacity: 0;
|
|
||||||
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
|
|
||||||
.hamburger--collapse.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
transform: rotate(-90deg);
|
|
||||||
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Collapse Reverse
|
|
||||||
*/
|
|
||||||
.hamburger--collapse-r .hamburger-inner {
|
|
||||||
top: auto;
|
|
||||||
bottom: 0;
|
|
||||||
transition-duration: 0.15s;
|
|
||||||
transition-delay: 0.15s;
|
|
||||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
.hamburger--collapse-r .hamburger-inner::after {
|
|
||||||
top: -20px;
|
|
||||||
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
|
|
||||||
.hamburger--collapse-r .hamburger-inner::before {
|
|
||||||
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
|
|
||||||
.hamburger--collapse-r.is-active .hamburger-inner {
|
|
||||||
transform: translate3d(0, -10px, 0) rotate(45deg);
|
|
||||||
transition-delay: 0.32s;
|
|
||||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
.hamburger--collapse-r.is-active .hamburger-inner::after {
|
|
||||||
top: 0;
|
|
||||||
opacity: 0;
|
|
||||||
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
|
|
||||||
.hamburger--collapse-r.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
transform: rotate(90deg);
|
|
||||||
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Elastic
|
|
||||||
*/
|
|
||||||
.hamburger--elastic .hamburger-inner {
|
|
||||||
top: 2px;
|
|
||||||
transition-duration: 0.4s;
|
|
||||||
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
|
||||||
.hamburger--elastic .hamburger-inner::before {
|
|
||||||
top: 10px;
|
|
||||||
transition: opacity 0.15s 0.4s ease; }
|
|
||||||
.hamburger--elastic .hamburger-inner::after {
|
|
||||||
top: 20px;
|
|
||||||
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
|
||||||
|
|
||||||
.hamburger--elastic.is-active .hamburger-inner {
|
|
||||||
transform: translate3d(0, 10px, 0) rotate(135deg);
|
|
||||||
transition-delay: 0.1s; }
|
|
||||||
.hamburger--elastic.is-active .hamburger-inner::before {
|
|
||||||
transition-delay: 0s;
|
|
||||||
opacity: 0; }
|
|
||||||
.hamburger--elastic.is-active .hamburger-inner::after {
|
|
||||||
transform: translate3d(0, -20px, 0) rotate(-270deg);
|
|
||||||
transition-delay: 0.1s; }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Elastic Reverse
|
|
||||||
*/
|
|
||||||
.hamburger--elastic-r .hamburger-inner {
|
|
||||||
top: 2px;
|
|
||||||
transition-duration: 0.4s;
|
|
||||||
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
|
||||||
.hamburger--elastic-r .hamburger-inner::before {
|
|
||||||
top: 10px;
|
|
||||||
transition: opacity 0.15s 0.4s ease; }
|
|
||||||
.hamburger--elastic-r .hamburger-inner::after {
|
|
||||||
top: 20px;
|
|
||||||
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
|
||||||
|
|
||||||
.hamburger--elastic-r.is-active .hamburger-inner {
|
|
||||||
transform: translate3d(0, 10px, 0) rotate(-135deg);
|
|
||||||
transition-delay: 0.1s; }
|
|
||||||
.hamburger--elastic-r.is-active .hamburger-inner::before {
|
|
||||||
transition-delay: 0s;
|
|
||||||
opacity: 0; }
|
|
||||||
.hamburger--elastic-r.is-active .hamburger-inner::after {
|
|
||||||
transform: translate3d(0, -20px, 0) rotate(270deg);
|
|
||||||
transition-delay: 0.1s; }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Emphatic
|
|
||||||
*/
|
|
||||||
.hamburger--emphatic {
|
|
||||||
overflow: hidden; }
|
|
||||||
.hamburger--emphatic .hamburger-inner {
|
|
||||||
transition: background-color 0.2s 0.25s ease-in; }
|
|
||||||
.hamburger--emphatic .hamburger-inner::before {
|
|
||||||
left: 0;
|
|
||||||
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; }
|
|
||||||
.hamburger--emphatic .hamburger-inner::after {
|
|
||||||
top: 10px;
|
|
||||||
right: 0;
|
|
||||||
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; }
|
|
||||||
.hamburger--emphatic.is-active .hamburger-inner {
|
|
||||||
transition-delay: 0s;
|
|
||||||
transition-timing-function: ease-out;
|
|
||||||
background-color: transparent; }
|
|
||||||
.hamburger--emphatic.is-active .hamburger-inner::before {
|
|
||||||
left: -80px;
|
|
||||||
top: -80px;
|
|
||||||
transform: translate3d(80px, 80px, 0) rotate(45deg);
|
|
||||||
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
|
||||||
.hamburger--emphatic.is-active .hamburger-inner::after {
|
|
||||||
right: -80px;
|
|
||||||
top: -80px;
|
|
||||||
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
|
|
||||||
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Emphatic Reverse
|
|
||||||
*/
|
|
||||||
.hamburger--emphatic-r {
|
|
||||||
overflow: hidden; }
|
|
||||||
.hamburger--emphatic-r .hamburger-inner {
|
|
||||||
transition: background-color 0.2s 0.25s ease-in; }
|
|
||||||
.hamburger--emphatic-r .hamburger-inner::before {
|
|
||||||
left: 0;
|
|
||||||
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; }
|
|
||||||
.hamburger--emphatic-r .hamburger-inner::after {
|
|
||||||
top: 10px;
|
|
||||||
right: 0;
|
|
||||||
transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; }
|
|
||||||
.hamburger--emphatic-r.is-active .hamburger-inner {
|
|
||||||
transition-delay: 0s;
|
|
||||||
transition-timing-function: ease-out;
|
|
||||||
background-color: transparent; }
|
|
||||||
.hamburger--emphatic-r.is-active .hamburger-inner::before {
|
|
||||||
left: -80px;
|
|
||||||
top: 80px;
|
|
||||||
transform: translate3d(80px, -80px, 0) rotate(-45deg);
|
|
||||||
transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
|
||||||
.hamburger--emphatic-r.is-active .hamburger-inner::after {
|
|
||||||
right: -80px;
|
|
||||||
top: 80px;
|
|
||||||
transform: translate3d(-80px, -80px, 0) rotate(45deg);
|
|
||||||
transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Slider
|
|
||||||
*/
|
|
||||||
.hamburger--slider .hamburger-inner {
|
|
||||||
top: 2px; }
|
|
||||||
.hamburger--slider .hamburger-inner::before {
|
|
||||||
top: 10px;
|
|
||||||
transition-property: transform, opacity;
|
|
||||||
transition-timing-function: ease;
|
|
||||||
transition-duration: 0.2s; }
|
|
||||||
.hamburger--slider .hamburger-inner::after {
|
|
||||||
top: 20px; }
|
|
||||||
|
|
||||||
.hamburger--slider.is-active .hamburger-inner {
|
|
||||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
|
||||||
.hamburger--slider.is-active .hamburger-inner::before {
|
|
||||||
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
|
|
||||||
opacity: 0; }
|
|
||||||
.hamburger--slider.is-active .hamburger-inner::after {
|
|
||||||
transform: translate3d(0, -20px, 0) rotate(-90deg); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Slider Reverse
|
|
||||||
*/
|
|
||||||
.hamburger--slider-r .hamburger-inner {
|
|
||||||
top: 2px; }
|
|
||||||
.hamburger--slider-r .hamburger-inner::before {
|
|
||||||
top: 10px;
|
|
||||||
transition-property: transform, opacity;
|
|
||||||
transition-timing-function: ease;
|
|
||||||
transition-duration: 0.2s; }
|
|
||||||
.hamburger--slider-r .hamburger-inner::after {
|
|
||||||
top: 20px; }
|
|
||||||
|
|
||||||
.hamburger--slider-r.is-active .hamburger-inner {
|
|
||||||
transform: translate3d(0, 10px, 0) rotate(-45deg); }
|
|
||||||
.hamburger--slider-r.is-active .hamburger-inner::before {
|
|
||||||
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
|
|
||||||
opacity: 0; }
|
|
||||||
.hamburger--slider-r.is-active .hamburger-inner::after {
|
|
||||||
transform: translate3d(0, -20px, 0) rotate(90deg); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Spring
|
|
||||||
*/
|
|
||||||
.hamburger--spring .hamburger-inner {
|
|
||||||
top: 2px;
|
|
||||||
transition: background-color 0s 0.15s linear; }
|
|
||||||
.hamburger--spring .hamburger-inner::before {
|
|
||||||
top: 10px;
|
|
||||||
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
.hamburger--spring .hamburger-inner::after {
|
|
||||||
top: 20px;
|
|
||||||
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
|
|
||||||
.hamburger--spring.is-active .hamburger-inner {
|
|
||||||
transition-delay: 0.32s;
|
|
||||||
background-color: transparent; }
|
|
||||||
.hamburger--spring.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
||||||
transform: translate3d(0, 10px, 0) rotate(45deg); }
|
|
||||||
.hamburger--spring.is-active .hamburger-inner::after {
|
|
||||||
top: 0;
|
|
||||||
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
||||||
transform: translate3d(0, 10px, 0) rotate(-45deg); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Spring Reverse
|
|
||||||
*/
|
|
||||||
.hamburger--spring-r .hamburger-inner {
|
|
||||||
top: auto;
|
|
||||||
bottom: 0;
|
|
||||||
transition-duration: 0.15s;
|
|
||||||
transition-delay: 0s;
|
|
||||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
.hamburger--spring-r .hamburger-inner::after {
|
|
||||||
top: -20px;
|
|
||||||
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
|
|
||||||
.hamburger--spring-r .hamburger-inner::before {
|
|
||||||
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
|
|
||||||
.hamburger--spring-r.is-active .hamburger-inner {
|
|
||||||
transform: translate3d(0, -10px, 0) rotate(-45deg);
|
|
||||||
transition-delay: 0.32s;
|
|
||||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
.hamburger--spring-r.is-active .hamburger-inner::after {
|
|
||||||
top: 0;
|
|
||||||
opacity: 0;
|
|
||||||
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear; }
|
|
||||||
.hamburger--spring-r.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
transform: rotate(90deg);
|
|
||||||
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Stand
|
|
||||||
*/
|
|
||||||
.hamburger--stand .hamburger-inner {
|
|
||||||
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; }
|
|
||||||
.hamburger--stand .hamburger-inner::before {
|
|
||||||
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
.hamburger--stand .hamburger-inner::after {
|
|
||||||
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
|
|
||||||
.hamburger--stand.is-active .hamburger-inner {
|
|
||||||
transform: rotate(90deg);
|
|
||||||
background-color: transparent;
|
|
||||||
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; }
|
|
||||||
.hamburger--stand.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
transform: rotate(-45deg);
|
|
||||||
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
.hamburger--stand.is-active .hamburger-inner::after {
|
|
||||||
bottom: 0;
|
|
||||||
transform: rotate(45deg);
|
|
||||||
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Stand Reverse
|
|
||||||
*/
|
|
||||||
.hamburger--stand-r .hamburger-inner {
|
|
||||||
transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; }
|
|
||||||
.hamburger--stand-r .hamburger-inner::before {
|
|
||||||
transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
.hamburger--stand-r .hamburger-inner::after {
|
|
||||||
transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
|
|
||||||
.hamburger--stand-r.is-active .hamburger-inner {
|
|
||||||
transform: rotate(-90deg);
|
|
||||||
background-color: transparent;
|
|
||||||
transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; }
|
|
||||||
.hamburger--stand-r.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
transform: rotate(-45deg);
|
|
||||||
transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
.hamburger--stand-r.is-active .hamburger-inner::after {
|
|
||||||
bottom: 0;
|
|
||||||
transform: rotate(45deg);
|
|
||||||
transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Spin
|
|
||||||
*/
|
|
||||||
.hamburger--spin .hamburger-inner {
|
|
||||||
transition-duration: 0.3s;
|
|
||||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
.hamburger--spin .hamburger-inner::before {
|
|
||||||
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
|
|
||||||
.hamburger--spin .hamburger-inner::after {
|
|
||||||
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
|
|
||||||
.hamburger--spin.is-active .hamburger-inner {
|
|
||||||
transform: rotate(225deg);
|
|
||||||
transition-delay: 0.14s;
|
|
||||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
.hamburger--spin.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
opacity: 0;
|
|
||||||
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
|
|
||||||
.hamburger--spin.is-active .hamburger-inner::after {
|
|
||||||
bottom: 0;
|
|
||||||
transform: rotate(-90deg);
|
|
||||||
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Spin Reverse
|
|
||||||
*/
|
|
||||||
.hamburger--spin-r .hamburger-inner {
|
|
||||||
transition-duration: 0.3s;
|
|
||||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
.hamburger--spin-r .hamburger-inner::before {
|
|
||||||
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
|
|
||||||
.hamburger--spin-r .hamburger-inner::after {
|
|
||||||
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
|
|
||||||
.hamburger--spin-r.is-active .hamburger-inner {
|
|
||||||
transform: rotate(-225deg);
|
|
||||||
transition-delay: 0.14s;
|
|
||||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
.hamburger--spin-r.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
opacity: 0;
|
|
||||||
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
|
|
||||||
.hamburger--spin-r.is-active .hamburger-inner::after {
|
|
||||||
bottom: 0;
|
|
||||||
transform: rotate(90deg);
|
|
||||||
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Squeeze
|
|
||||||
*/
|
|
||||||
.hamburger--squeeze .hamburger-inner {
|
|
||||||
transition-duration: 0.1s;
|
|
||||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
.hamburger--squeeze .hamburger-inner::before {
|
|
||||||
transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
|
|
||||||
.hamburger--squeeze .hamburger-inner::after {
|
|
||||||
transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
|
|
||||||
|
|
||||||
.hamburger--squeeze.is-active .hamburger-inner {
|
|
||||||
transform: rotate(45deg);
|
|
||||||
transition-delay: 0.14s;
|
|
||||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
.hamburger--squeeze.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
opacity: 0;
|
|
||||||
transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
|
|
||||||
.hamburger--squeeze.is-active .hamburger-inner::after {
|
|
||||||
bottom: 0;
|
|
||||||
transform: rotate(-90deg);
|
|
||||||
transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Vortex
|
|
||||||
*/
|
|
||||||
.hamburger--vortex .hamburger-inner {
|
|
||||||
transition-duration: 0.3s;
|
|
||||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
|
||||||
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
|
|
||||||
transition-duration: 0s;
|
|
||||||
transition-delay: 0.1s;
|
|
||||||
transition-timing-function: linear; }
|
|
||||||
.hamburger--vortex .hamburger-inner::before {
|
|
||||||
transition-property: top, opacity; }
|
|
||||||
.hamburger--vortex .hamburger-inner::after {
|
|
||||||
transition-property: bottom, transform; }
|
|
||||||
|
|
||||||
.hamburger--vortex.is-active .hamburger-inner {
|
|
||||||
transform: rotate(765deg);
|
|
||||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
|
||||||
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
|
|
||||||
transition-delay: 0s; }
|
|
||||||
.hamburger--vortex.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
opacity: 0; }
|
|
||||||
.hamburger--vortex.is-active .hamburger-inner::after {
|
|
||||||
bottom: 0;
|
|
||||||
transform: rotate(90deg); }
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Vortex Reverse
|
|
||||||
*/
|
|
||||||
.hamburger--vortex-r .hamburger-inner {
|
|
||||||
transition-duration: 0.3s;
|
|
||||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
|
||||||
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
|
|
||||||
transition-duration: 0s;
|
|
||||||
transition-delay: 0.1s;
|
|
||||||
transition-timing-function: linear; }
|
|
||||||
.hamburger--vortex-r .hamburger-inner::before {
|
|
||||||
transition-property: top, opacity; }
|
|
||||||
.hamburger--vortex-r .hamburger-inner::after {
|
|
||||||
transition-property: bottom, transform; }
|
|
||||||
|
|
||||||
.hamburger--vortex-r.is-active .hamburger-inner {
|
|
||||||
transform: rotate(-765deg);
|
|
||||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
|
||||||
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
|
|
||||||
transition-delay: 0s; }
|
|
||||||
.hamburger--vortex-r.is-active .hamburger-inner::before {
|
|
||||||
top: 0;
|
|
||||||
opacity: 0; }
|
|
||||||
.hamburger--vortex-r.is-active .hamburger-inner::after {
|
|
||||||
bottom: 0;
|
|
||||||
transform: rotate(-90deg); }
|
|
||||||
@@ -1,269 +0,0 @@
|
|||||||
.daterangepicker {
|
|
||||||
position: absolute;
|
|
||||||
color: inherit;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 4px;
|
|
||||||
width: 278px;
|
|
||||||
padding: 4px;
|
|
||||||
margin-top: 1px;
|
|
||||||
top: 100px;
|
|
||||||
left: 20px;
|
|
||||||
/* Calendars */ }
|
|
||||||
.daterangepicker:before, .daterangepicker:after {
|
|
||||||
position: absolute;
|
|
||||||
display: inline-block;
|
|
||||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
|
||||||
content: ''; }
|
|
||||||
.daterangepicker:before {
|
|
||||||
top: -7px;
|
|
||||||
border-right: 7px solid transparent;
|
|
||||||
border-left: 7px solid transparent;
|
|
||||||
border-bottom: 7px solid #ccc; }
|
|
||||||
.daterangepicker:after {
|
|
||||||
top: -6px;
|
|
||||||
border-right: 6px solid transparent;
|
|
||||||
border-bottom: 6px solid #fff;
|
|
||||||
border-left: 6px solid transparent; }
|
|
||||||
.daterangepicker.opensleft:before {
|
|
||||||
right: 9px; }
|
|
||||||
.daterangepicker.opensleft:after {
|
|
||||||
right: 10px; }
|
|
||||||
.daterangepicker.openscenter:before {
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 0;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto; }
|
|
||||||
.daterangepicker.openscenter:after {
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 0;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto; }
|
|
||||||
.daterangepicker.opensright:before {
|
|
||||||
left: 9px; }
|
|
||||||
.daterangepicker.opensright:after {
|
|
||||||
left: 10px; }
|
|
||||||
.daterangepicker.dropup {
|
|
||||||
margin-top: -5px; }
|
|
||||||
.daterangepicker.dropup:before {
|
|
||||||
top: initial;
|
|
||||||
bottom: -7px;
|
|
||||||
border-bottom: initial;
|
|
||||||
border-top: 7px solid #ccc; }
|
|
||||||
.daterangepicker.dropup:after {
|
|
||||||
top: initial;
|
|
||||||
bottom: -6px;
|
|
||||||
border-bottom: initial;
|
|
||||||
border-top: 6px solid #fff; }
|
|
||||||
.daterangepicker.dropdown-menu {
|
|
||||||
max-width: none;
|
|
||||||
z-index: 3001; }
|
|
||||||
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
|
|
||||||
float: none; }
|
|
||||||
.daterangepicker.show-calendar .calendar {
|
|
||||||
display: block; }
|
|
||||||
.daterangepicker .calendar {
|
|
||||||
display: none;
|
|
||||||
max-width: 270px;
|
|
||||||
margin: 4px; }
|
|
||||||
.daterangepicker .calendar.single .calendar-table {
|
|
||||||
border: none; }
|
|
||||||
.daterangepicker .calendar th, .daterangepicker .calendar td {
|
|
||||||
white-space: nowrap;
|
|
||||||
text-align: center;
|
|
||||||
min-width: 32px; }
|
|
||||||
.daterangepicker .calendar-table {
|
|
||||||
border: 1px solid #fff;
|
|
||||||
padding: 4px;
|
|
||||||
border-radius: 4px;
|
|
||||||
background-color: #fff; }
|
|
||||||
.daterangepicker table {
|
|
||||||
width: 100%;
|
|
||||||
margin: 0; }
|
|
||||||
.daterangepicker td, .daterangepicker th {
|
|
||||||
text-align: center;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
white-space: nowrap;
|
|
||||||
cursor: pointer; }
|
|
||||||
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
|
||||||
background-color: #eee;
|
|
||||||
border-color: transparent;
|
|
||||||
color: inherit; }
|
|
||||||
.daterangepicker td.week, .daterangepicker th.week {
|
|
||||||
font-size: 80%;
|
|
||||||
color: #ccc; }
|
|
||||||
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
|
|
||||||
background-color: #fff;
|
|
||||||
border-color: transparent;
|
|
||||||
color: #999; }
|
|
||||||
.daterangepicker td.in-range {
|
|
||||||
background-color: #ebf4f8;
|
|
||||||
border-color: transparent;
|
|
||||||
color: #000;
|
|
||||||
border-radius: 0; }
|
|
||||||
.daterangepicker td.start-date {
|
|
||||||
border-radius: 4px 0 0 4px; }
|
|
||||||
.daterangepicker td.end-date {
|
|
||||||
border-radius: 0 4px 4px 0; }
|
|
||||||
.daterangepicker td.start-date.end-date {
|
|
||||||
border-radius: 4px; }
|
|
||||||
.daterangepicker td.active, .daterangepicker td.active:hover {
|
|
||||||
background-color: #357ebd;
|
|
||||||
border-color: transparent;
|
|
||||||
color: #fff; }
|
|
||||||
.daterangepicker th.month {
|
|
||||||
width: auto; }
|
|
||||||
.daterangepicker td.disabled, .daterangepicker option.disabled {
|
|
||||||
color: #999;
|
|
||||||
cursor: not-allowed;
|
|
||||||
text-decoration: line-through; }
|
|
||||||
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
|
|
||||||
font-size: 12px;
|
|
||||||
padding: 1px;
|
|
||||||
height: auto;
|
|
||||||
margin: 0;
|
|
||||||
cursor: default; }
|
|
||||||
.daterangepicker select.monthselect {
|
|
||||||
margin-right: 2%;
|
|
||||||
width: 56%; }
|
|
||||||
.daterangepicker select.yearselect {
|
|
||||||
width: 40%; }
|
|
||||||
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
|
|
||||||
width: 50px;
|
|
||||||
margin-bottom: 0; }
|
|
||||||
.daterangepicker .input-mini {
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
border-radius: 4px;
|
|
||||||
color: #555;
|
|
||||||
height: 30px;
|
|
||||||
line-height: 30px;
|
|
||||||
display: block;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: 0 0 5px 0;
|
|
||||||
padding: 0 6px 0 28px;
|
|
||||||
width: 100%; }
|
|
||||||
.daterangepicker .input-mini.active {
|
|
||||||
border: 1px solid #08c;
|
|
||||||
border-radius: 4px; }
|
|
||||||
.daterangepicker .daterangepicker_input {
|
|
||||||
position: relative; }
|
|
||||||
.daterangepicker .daterangepicker_input i {
|
|
||||||
position: absolute;
|
|
||||||
left: 8px;
|
|
||||||
top: 8px; }
|
|
||||||
.daterangepicker.rtl .input-mini {
|
|
||||||
padding-right: 28px;
|
|
||||||
padding-left: 6px; }
|
|
||||||
.daterangepicker.rtl .daterangepicker_input i {
|
|
||||||
left: auto;
|
|
||||||
right: 8px; }
|
|
||||||
.daterangepicker .calendar-time {
|
|
||||||
text-align: center;
|
|
||||||
margin: 5px auto;
|
|
||||||
line-height: 30px;
|
|
||||||
position: relative;
|
|
||||||
padding-left: 28px; }
|
|
||||||
.daterangepicker .calendar-time select.disabled {
|
|
||||||
color: #ccc;
|
|
||||||
cursor: not-allowed; }
|
|
||||||
|
|
||||||
.ranges {
|
|
||||||
font-size: 11px;
|
|
||||||
float: none;
|
|
||||||
margin: 4px;
|
|
||||||
text-align: left; }
|
|
||||||
.ranges ul {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0;
|
|
||||||
width: 100%; }
|
|
||||||
.ranges li {
|
|
||||||
font-size: 13px;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
border: 1px solid #f5f5f5;
|
|
||||||
border-radius: 4px;
|
|
||||||
color: #08c;
|
|
||||||
padding: 3px 12px;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
cursor: pointer; }
|
|
||||||
.ranges li:hover {
|
|
||||||
background-color: #08c;
|
|
||||||
border: 1px solid #08c;
|
|
||||||
color: #fff; }
|
|
||||||
.ranges li.active {
|
|
||||||
background-color: #08c;
|
|
||||||
border: 1px solid #08c;
|
|
||||||
color: #fff; }
|
|
||||||
|
|
||||||
/* Larger Screen Styling */
|
|
||||||
@media (min-width: 564px) {
|
|
||||||
.daterangepicker {
|
|
||||||
width: auto; }
|
|
||||||
.daterangepicker .ranges ul {
|
|
||||||
width: 160px; }
|
|
||||||
.daterangepicker.single .ranges ul {
|
|
||||||
width: 100%; }
|
|
||||||
.daterangepicker.single .calendar.left {
|
|
||||||
clear: none; }
|
|
||||||
.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
|
|
||||||
float: left; }
|
|
||||||
.daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
|
|
||||||
float: right; }
|
|
||||||
.daterangepicker.ltr {
|
|
||||||
direction: ltr;
|
|
||||||
text-align: left; }
|
|
||||||
.daterangepicker.ltr .calendar.left {
|
|
||||||
clear: left;
|
|
||||||
margin-right: 0; }
|
|
||||||
.daterangepicker.ltr .calendar.left .calendar-table {
|
|
||||||
border-right: none;
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0; }
|
|
||||||
.daterangepicker.ltr .calendar.right {
|
|
||||||
margin-left: 0; }
|
|
||||||
.daterangepicker.ltr .calendar.right .calendar-table {
|
|
||||||
border-left: none;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0; }
|
|
||||||
.daterangepicker.ltr .left .daterangepicker_input {
|
|
||||||
padding-right: 12px; }
|
|
||||||
.daterangepicker.ltr .calendar.left .calendar-table {
|
|
||||||
padding-right: 12px; }
|
|
||||||
.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
|
|
||||||
float: left; }
|
|
||||||
.daterangepicker.rtl {
|
|
||||||
direction: rtl;
|
|
||||||
text-align: right; }
|
|
||||||
.daterangepicker.rtl .calendar.left {
|
|
||||||
clear: right;
|
|
||||||
margin-left: 0; }
|
|
||||||
.daterangepicker.rtl .calendar.left .calendar-table {
|
|
||||||
border-left: none;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0; }
|
|
||||||
.daterangepicker.rtl .calendar.right {
|
|
||||||
margin-right: 0; }
|
|
||||||
.daterangepicker.rtl .calendar.right .calendar-table {
|
|
||||||
border-right: none;
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0; }
|
|
||||||
.daterangepicker.rtl .left .daterangepicker_input {
|
|
||||||
padding-left: 12px; }
|
|
||||||
.daterangepicker.rtl .calendar.left .calendar-table {
|
|
||||||
padding-left: 12px; }
|
|
||||||
.daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
|
|
||||||
text-align: right;
|
|
||||||
float: right; } }
|
|
||||||
@media (min-width: 730px) {
|
|
||||||
.daterangepicker .ranges {
|
|
||||||
width: auto; }
|
|
||||||
.daterangepicker.ltr .ranges {
|
|
||||||
float: left; }
|
|
||||||
.daterangepicker.rtl .ranges {
|
|
||||||
float: right; }
|
|
||||||
.daterangepicker .calendar.left {
|
|
||||||
clear: none !important; } }
|
|
||||||
@@ -1,112 +0,0 @@
|
|||||||
/*
|
|
||||||
* Container style
|
|
||||||
*/
|
|
||||||
.ps {
|
|
||||||
overflow: hidden !important;
|
|
||||||
overflow-anchor: none;
|
|
||||||
-ms-overflow-style: none;
|
|
||||||
touch-action: auto;
|
|
||||||
-ms-touch-action: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Scrollbar rail styles
|
|
||||||
*/
|
|
||||||
.ps__rail-x {
|
|
||||||
display: none;
|
|
||||||
opacity: 0;
|
|
||||||
transition: background-color .2s linear, opacity .2s linear;
|
|
||||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
|
||||||
height: 15px;
|
|
||||||
/* there must be 'bottom' or 'top' for ps__rail-x */
|
|
||||||
bottom: 0px;
|
|
||||||
/* please don't change 'position' */
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ps__rail-y {
|
|
||||||
display: none;
|
|
||||||
opacity: 0;
|
|
||||||
transition: background-color .2s linear, opacity .2s linear;
|
|
||||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
|
||||||
width: 15px;
|
|
||||||
/* there must be 'right' or 'left' for ps__rail-y */
|
|
||||||
right: 0;
|
|
||||||
/* please don't change 'position' */
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ps--active-x > .ps__rail-x,
|
|
||||||
.ps--active-y > .ps__rail-y {
|
|
||||||
display: block;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ps:hover > .ps__rail-x,
|
|
||||||
.ps:hover > .ps__rail-y,
|
|
||||||
.ps--focus > .ps__rail-x,
|
|
||||||
.ps--focus > .ps__rail-y,
|
|
||||||
.ps--scrolling-x > .ps__rail-x,
|
|
||||||
.ps--scrolling-y > .ps__rail-y {
|
|
||||||
opacity: 0.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ps__rail-x:hover,
|
|
||||||
.ps__rail-y:hover,
|
|
||||||
.ps__rail-x:focus,
|
|
||||||
.ps__rail-y:focus {
|
|
||||||
background-color: #eee;
|
|
||||||
opacity: 0.9;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Scrollbar thumb styles
|
|
||||||
*/
|
|
||||||
.ps__thumb-x {
|
|
||||||
background-color: #aaa;
|
|
||||||
border-radius: 6px;
|
|
||||||
transition: background-color .2s linear, height .2s ease-in-out;
|
|
||||||
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
|
|
||||||
height: 6px;
|
|
||||||
/* there must be 'bottom' for ps__thumb-x */
|
|
||||||
bottom: 2px;
|
|
||||||
/* please don't change 'position' */
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ps__thumb-y {
|
|
||||||
background-color: #aaa;
|
|
||||||
border-radius: 6px;
|
|
||||||
transition: background-color .2s linear, width .2s ease-in-out;
|
|
||||||
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
|
|
||||||
width: 6px;
|
|
||||||
/* there must be 'right' for ps__thumb-y */
|
|
||||||
right: 2px;
|
|
||||||
/* please don't change 'position' */
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ps__rail-x:hover > .ps__thumb-x,
|
|
||||||
.ps__rail-x:focus > .ps__thumb-x {
|
|
||||||
background-color: #999;
|
|
||||||
height: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ps__rail-y:hover > .ps__thumb-y,
|
|
||||||
.ps__rail-y:focus > .ps__thumb-y {
|
|
||||||
background-color: #999;
|
|
||||||
width: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* MS supports */
|
|
||||||
@supports (-ms-overflow-style: none) {
|
|
||||||
.ps {
|
|
||||||
overflow: auto !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
|
||||||
.ps {
|
|
||||||
overflow: auto !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,484 +0,0 @@
|
|||||||
.select2-container {
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: middle; }
|
|
||||||
.select2-container .select2-selection--single {
|
|
||||||
box-sizing: border-box;
|
|
||||||
cursor: pointer;
|
|
||||||
display: block;
|
|
||||||
height: 28px;
|
|
||||||
user-select: none;
|
|
||||||
-webkit-user-select: none; }
|
|
||||||
.select2-container .select2-selection--single .select2-selection__rendered {
|
|
||||||
display: block;
|
|
||||||
padding-left: 8px;
|
|
||||||
padding-right: 20px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap; }
|
|
||||||
.select2-container .select2-selection--single .select2-selection__clear {
|
|
||||||
position: relative; }
|
|
||||||
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
|
|
||||||
padding-right: 8px;
|
|
||||||
padding-left: 20px; }
|
|
||||||
.select2-container .select2-selection--multiple {
|
|
||||||
box-sizing: border-box;
|
|
||||||
cursor: pointer;
|
|
||||||
display: block;
|
|
||||||
min-height: 32px;
|
|
||||||
user-select: none;
|
|
||||||
-webkit-user-select: none; }
|
|
||||||
.select2-container .select2-selection--multiple .select2-selection__rendered {
|
|
||||||
display: inline-block;
|
|
||||||
overflow: hidden;
|
|
||||||
padding-left: 8px;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap; }
|
|
||||||
.select2-container .select2-search--inline {
|
|
||||||
float: left; }
|
|
||||||
.select2-container .select2-search--inline .select2-search__field {
|
|
||||||
box-sizing: border-box;
|
|
||||||
border: none;
|
|
||||||
font-size: 100%;
|
|
||||||
margin-top: 5px;
|
|
||||||
padding: 0; }
|
|
||||||
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
|
|
||||||
-webkit-appearance: none; }
|
|
||||||
|
|
||||||
.select2-dropdown {
|
|
||||||
background-color: white;
|
|
||||||
border: 1px solid #aaa;
|
|
||||||
border-radius: 4px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
left: -100000px;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 1051; }
|
|
||||||
|
|
||||||
.select2-results {
|
|
||||||
display: block; }
|
|
||||||
|
|
||||||
.select2-results__options {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0; }
|
|
||||||
|
|
||||||
.select2-results__option {
|
|
||||||
padding: 6px;
|
|
||||||
user-select: none;
|
|
||||||
-webkit-user-select: none; }
|
|
||||||
.select2-results__option[aria-selected] {
|
|
||||||
cursor: pointer; }
|
|
||||||
|
|
||||||
.select2-container--open .select2-dropdown {
|
|
||||||
left: 0; }
|
|
||||||
|
|
||||||
.select2-container--open .select2-dropdown--above {
|
|
||||||
border-bottom: none;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-bottom-right-radius: 0; }
|
|
||||||
|
|
||||||
.select2-container--open .select2-dropdown--below {
|
|
||||||
border-top: none;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-top-right-radius: 0; }
|
|
||||||
|
|
||||||
.select2-search--dropdown {
|
|
||||||
display: block;
|
|
||||||
padding: 4px; }
|
|
||||||
.select2-search--dropdown .select2-search__field {
|
|
||||||
padding: 4px;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box; }
|
|
||||||
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
|
|
||||||
-webkit-appearance: none; }
|
|
||||||
.select2-search--dropdown.select2-search--hide {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.select2-close-mask {
|
|
||||||
border: 0;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
min-height: 100%;
|
|
||||||
min-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
width: auto;
|
|
||||||
opacity: 0;
|
|
||||||
z-index: 99;
|
|
||||||
background-color: #fff;
|
|
||||||
filter: alpha(opacity=0); }
|
|
||||||
|
|
||||||
.select2-hidden-accessible {
|
|
||||||
border: 0 !important;
|
|
||||||
clip: rect(0 0 0 0) !important;
|
|
||||||
height: 1px !important;
|
|
||||||
margin: -1px !important;
|
|
||||||
overflow: hidden !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
position: absolute !important;
|
|
||||||
width: 1px !important; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-selection--single {
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #aaa;
|
|
||||||
border-radius: 4px; }
|
|
||||||
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
|
||||||
color: #444;
|
|
||||||
line-height: 28px; }
|
|
||||||
.select2-container--default .select2-selection--single .select2-selection__clear {
|
|
||||||
cursor: pointer;
|
|
||||||
float: right;
|
|
||||||
font-weight: bold; }
|
|
||||||
.select2-container--default .select2-selection--single .select2-selection__placeholder {
|
|
||||||
color: #999; }
|
|
||||||
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
|
||||||
height: 26px;
|
|
||||||
position: absolute;
|
|
||||||
top: 1px;
|
|
||||||
right: 1px;
|
|
||||||
width: 20px; }
|
|
||||||
.select2-container--default .select2-selection--single .select2-selection__arrow b {
|
|
||||||
border-color: #888 transparent transparent transparent;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 5px 4px 0 4px;
|
|
||||||
height: 0;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -4px;
|
|
||||||
margin-top: -2px;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
width: 0; }
|
|
||||||
|
|
||||||
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
|
|
||||||
float: left; }
|
|
||||||
|
|
||||||
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
|
|
||||||
left: 1px;
|
|
||||||
right: auto; }
|
|
||||||
|
|
||||||
.select2-container--default.select2-container--disabled .select2-selection--single {
|
|
||||||
background-color: #eee;
|
|
||||||
cursor: default; }
|
|
||||||
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
|
|
||||||
border-color: transparent transparent #888 transparent;
|
|
||||||
border-width: 0 4px 5px 4px; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-selection--multiple {
|
|
||||||
background-color: white;
|
|
||||||
border: 1px solid #aaa;
|
|
||||||
border-radius: 4px;
|
|
||||||
cursor: text; }
|
|
||||||
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
|
|
||||||
box-sizing: border-box;
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0 5px;
|
|
||||||
width: 100%; }
|
|
||||||
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
|
|
||||||
list-style: none; }
|
|
||||||
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
|
|
||||||
color: #999;
|
|
||||||
margin-top: 5px;
|
|
||||||
float: left; }
|
|
||||||
.select2-container--default .select2-selection--multiple .select2-selection__clear {
|
|
||||||
cursor: pointer;
|
|
||||||
float: right;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-right: 10px; }
|
|
||||||
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
|
||||||
background-color: #e4e4e4;
|
|
||||||
border: 1px solid #aaa;
|
|
||||||
border-radius: 4px;
|
|
||||||
cursor: default;
|
|
||||||
float: left;
|
|
||||||
margin-right: 5px;
|
|
||||||
margin-top: 5px;
|
|
||||||
padding: 0 5px; }
|
|
||||||
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
|
|
||||||
color: #999;
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-right: 2px; }
|
|
||||||
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
|
|
||||||
color: #333; }
|
|
||||||
|
|
||||||
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
|
|
||||||
float: right; }
|
|
||||||
|
|
||||||
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-right: auto; }
|
|
||||||
|
|
||||||
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
|
|
||||||
margin-left: 2px;
|
|
||||||
margin-right: auto; }
|
|
||||||
|
|
||||||
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
|
||||||
border: solid black 1px;
|
|
||||||
outline: 0; }
|
|
||||||
|
|
||||||
.select2-container--default.select2-container--disabled .select2-selection--multiple {
|
|
||||||
background-color: #eee;
|
|
||||||
cursor: default; }
|
|
||||||
|
|
||||||
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-top-right-radius: 0; }
|
|
||||||
|
|
||||||
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-bottom-right-radius: 0; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-search--dropdown .select2-search__field {
|
|
||||||
border: 1px solid #aaa; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-search--inline .select2-search__field {
|
|
||||||
background: transparent;
|
|
||||||
border: none;
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
-webkit-appearance: textfield; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-results > .select2-results__options {
|
|
||||||
max-height: 200px;
|
|
||||||
overflow-y: auto; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-results__option[role=group] {
|
|
||||||
padding: 0; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-results__option[aria-disabled=true] {
|
|
||||||
color: #999; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-results__option[aria-selected=true] {
|
|
||||||
background-color: #ddd; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-results__option .select2-results__option {
|
|
||||||
padding-left: 1em; }
|
|
||||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
|
|
||||||
padding-left: 0; }
|
|
||||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
|
|
||||||
margin-left: -1em;
|
|
||||||
padding-left: 2em; }
|
|
||||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
||||||
margin-left: -2em;
|
|
||||||
padding-left: 3em; }
|
|
||||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
||||||
margin-left: -3em;
|
|
||||||
padding-left: 4em; }
|
|
||||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
||||||
margin-left: -4em;
|
|
||||||
padding-left: 5em; }
|
|
||||||
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
|
|
||||||
margin-left: -5em;
|
|
||||||
padding-left: 6em; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
|
||||||
background-color: #5897fb;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.select2-container--default .select2-results__group {
|
|
||||||
cursor: default;
|
|
||||||
display: block;
|
|
||||||
padding: 6px; }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-selection--single {
|
|
||||||
background-color: #f7f7f7;
|
|
||||||
border: 1px solid #aaa;
|
|
||||||
border-radius: 4px;
|
|
||||||
outline: 0;
|
|
||||||
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
|
|
||||||
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
|
|
||||||
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
|
|
||||||
.select2-container--classic .select2-selection--single:focus {
|
|
||||||
border: 1px solid #5897fb; }
|
|
||||||
.select2-container--classic .select2-selection--single .select2-selection__rendered {
|
|
||||||
color: #444;
|
|
||||||
line-height: 28px; }
|
|
||||||
.select2-container--classic .select2-selection--single .select2-selection__clear {
|
|
||||||
cursor: pointer;
|
|
||||||
float: right;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-right: 10px; }
|
|
||||||
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
|
|
||||||
color: #999; }
|
|
||||||
.select2-container--classic .select2-selection--single .select2-selection__arrow {
|
|
||||||
background-color: #ddd;
|
|
||||||
border: none;
|
|
||||||
border-left: 1px solid #aaa;
|
|
||||||
border-top-right-radius: 4px;
|
|
||||||
border-bottom-right-radius: 4px;
|
|
||||||
height: 26px;
|
|
||||||
position: absolute;
|
|
||||||
top: 1px;
|
|
||||||
right: 1px;
|
|
||||||
width: 20px;
|
|
||||||
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
|
|
||||||
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
|
|
||||||
border-color: #888 transparent transparent transparent;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 5px 4px 0 4px;
|
|
||||||
height: 0;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -4px;
|
|
||||||
margin-top: -2px;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
width: 0; }
|
|
||||||
|
|
||||||
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
|
|
||||||
float: left; }
|
|
||||||
|
|
||||||
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
|
|
||||||
border: none;
|
|
||||||
border-right: 1px solid #aaa;
|
|
||||||
border-radius: 0;
|
|
||||||
border-top-left-radius: 4px;
|
|
||||||
border-bottom-left-radius: 4px;
|
|
||||||
left: 1px;
|
|
||||||
right: auto; }
|
|
||||||
|
|
||||||
.select2-container--classic.select2-container--open .select2-selection--single {
|
|
||||||
border: 1px solid #5897fb; }
|
|
||||||
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
|
|
||||||
background: transparent;
|
|
||||||
border: none; }
|
|
||||||
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
|
|
||||||
border-color: transparent transparent #888 transparent;
|
|
||||||
border-width: 0 4px 5px 4px; }
|
|
||||||
|
|
||||||
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
|
|
||||||
border-top: none;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
|
|
||||||
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
|
|
||||||
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
|
|
||||||
|
|
||||||
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
|
|
||||||
border-bottom: none;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
|
|
||||||
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-selection--multiple {
|
|
||||||
background-color: white;
|
|
||||||
border: 1px solid #aaa;
|
|
||||||
border-radius: 4px;
|
|
||||||
cursor: text;
|
|
||||||
outline: 0; }
|
|
||||||
.select2-container--classic .select2-selection--multiple:focus {
|
|
||||||
border: 1px solid #5897fb; }
|
|
||||||
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0 5px; }
|
|
||||||
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
|
|
||||||
display: none; }
|
|
||||||
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
|
|
||||||
background-color: #e4e4e4;
|
|
||||||
border: 1px solid #aaa;
|
|
||||||
border-radius: 4px;
|
|
||||||
cursor: default;
|
|
||||||
float: left;
|
|
||||||
margin-right: 5px;
|
|
||||||
margin-top: 5px;
|
|
||||||
padding: 0 5px; }
|
|
||||||
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
|
|
||||||
color: #888;
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-right: 2px; }
|
|
||||||
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
|
|
||||||
color: #555; }
|
|
||||||
|
|
||||||
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
|
|
||||||
float: right; }
|
|
||||||
|
|
||||||
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-right: auto; }
|
|
||||||
|
|
||||||
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
|
|
||||||
margin-left: 2px;
|
|
||||||
margin-right: auto; }
|
|
||||||
|
|
||||||
.select2-container--classic.select2-container--open .select2-selection--multiple {
|
|
||||||
border: 1px solid #5897fb; }
|
|
||||||
|
|
||||||
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
|
|
||||||
border-top: none;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-top-right-radius: 0; }
|
|
||||||
|
|
||||||
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
|
|
||||||
border-bottom: none;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-bottom-right-radius: 0; }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-search--dropdown .select2-search__field {
|
|
||||||
border: 1px solid #aaa;
|
|
||||||
outline: 0; }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-search--inline .select2-search__field {
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: none; }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-dropdown {
|
|
||||||
background-color: white;
|
|
||||||
border: 1px solid transparent; }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-dropdown--above {
|
|
||||||
border-bottom: none; }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-dropdown--below {
|
|
||||||
border-top: none; }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-results > .select2-results__options {
|
|
||||||
max-height: 200px;
|
|
||||||
overflow-y: auto; }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-results__option[role=group] {
|
|
||||||
padding: 0; }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-results__option[aria-disabled=true] {
|
|
||||||
color: grey; }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
|
|
||||||
background-color: #3875d7;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.select2-container--classic .select2-results__group {
|
|
||||||
cursor: default;
|
|
||||||
display: block;
|
|
||||||
padding: 6px; }
|
|
||||||
|
|
||||||
.select2-container--classic.select2-container--open .select2-dropdown {
|
|
||||||
border-color: #5897fb; }
|
|
||||||
@@ -1,85 +1,11 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>Login</title>
|
<title>Login - BugBeGone</title>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="icon" type="image/png" href="static/images/icons/favicon.ico"/>
|
|
||||||
<link rel="stylesheet" type="text/css" href="static/vendor/bootstrap/css/bootstrap.min.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="static/vendor/animate/animate.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="static/vendor/css-hamburgers/hamburgers.min.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="static/vendor/animsition/css/animsition.min.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="static/vendor/select2/select2.min.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="static/vendor/daterangepicker/daterangepicker.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="static/styles/util.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="static/styles/register.css">
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
||||||
<div class="limiter">
|
|
||||||
<div class="container-login100">
|
|
||||||
<div class="wrap-login100">
|
|
||||||
{{ unescape .errorMsg }}
|
|
||||||
|
|
||||||
<form action="/login" method="POST" class="login100-form validate-form">
|
|
||||||
<span class="login100-form-title p-b-26">
|
|
||||||
Welcome
|
|
||||||
</span>
|
|
||||||
<span class="login100-form-title p-b-48">
|
|
||||||
<i class="zmdi zmdi-font"></i>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<div class="wrap-input100 validate-input" data-validate = "Valid email is: a@b.c">
|
|
||||||
<input class="input100" type="text" name="email">
|
|
||||||
<span class="focus-input100" data-placeholder="Email"></span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="wrap-input100 validate-input" data-validate="Enter password">
|
|
||||||
<span class="btn-show-pass">
|
|
||||||
<i class="zmdi zmdi-eye"></i>
|
|
||||||
</span>
|
|
||||||
<input class="input100" type="password" name="pass">
|
|
||||||
<span class="focus-input100" data-placeholder="Password"></span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container-login100-form-btn">
|
|
||||||
<div class="wrap-login100-form-btn">
|
|
||||||
<div class="login100-form-bgbtn"></div>
|
|
||||||
<button class="login100-form-btn">
|
|
||||||
Login
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-center p-t-115">
|
|
||||||
<span class="txt1">
|
|
||||||
Don't have an account?
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<a class="txt2" href="/register">
|
|
||||||
Sign Up
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div id="dropDownSelect1"></div>
|
|
||||||
|
|
||||||
<script src="static/vendor/jquery/jquery-3.2.1.min.js"></script>
|
|
||||||
<script src="static/vendor/animsition/js/animsition.min.js"></script>
|
|
||||||
<script src="static/vendor/bootstrap/js/popper.js"></script>
|
|
||||||
<script src="static/vendor/bootstrap/js/bootstrap.min.js"></script>
|
|
||||||
<script src="static/vendor/select2/select2.min.js"></script>
|
|
||||||
<script src="static/vendor/daterangepicker/moment.min.js"></script>
|
|
||||||
<script src="static/vendor/daterangepicker/daterangepicker.js"></script>
|
|
||||||
<script src="static/vendor/countdowntime/countdowntime.js"></script>
|
|
||||||
<script src="static/scripts/register.js"></script>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>Register</title>
|
<title>Register - BugBeGone</title>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||||
@@ -10,6 +10,19 @@
|
|||||||
<link rel="stylesheet" href="https://bootswatch.com/4/journal/bootstrap.min.css"/>
|
<link rel="stylesheet" href="https://bootswatch.com/4/journal/bootstrap.min.css"/>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<script>
|
||||||
|
var url = document.location.href,
|
||||||
|
params = url.split('?')[1].split('&'),
|
||||||
|
data = {}, tmp;
|
||||||
|
for (var i = 0, l = params.length; i < l; i++) {
|
||||||
|
tmp = params[i].split('=');
|
||||||
|
data[tmp[0]] = tmp[1];
|
||||||
|
}
|
||||||
|
// default to team account
|
||||||
|
if (data.type&&data.type=="team") {
|
||||||
|
// Switch to team
|
||||||
|
}
|
||||||
|
</script>
|
||||||
<div class="row mt-5">
|
<div class="row mt-5">
|
||||||
<div class="col-md-6 m-auto">
|
<div class="col-md-6 m-auto">
|
||||||
<div class="card card-body">
|
<div class="card card-body">
|
||||||
|
|||||||