Add fomantic ui
This commit is contained in:
parent
94ee53ebca
commit
5d4e0022da
1537 changed files with 667268 additions and 0 deletions
4
.gitignore
vendored
4
.gitignore
vendored
|
@ -6,5 +6,9 @@
|
||||||
!/vendor/grandel
|
!/vendor/grandel
|
||||||
!/vendor/grandel/include-directory
|
!/vendor/grandel/include-directory
|
||||||
|
|
||||||
|
/node_modules/*
|
||||||
|
!/node_modules/jquery
|
||||||
|
!/node_modules/fomantic-ui
|
||||||
|
|
||||||
/.vscode
|
/.vscode
|
||||||
/includes/config/config.php
|
/includes/config/config.php
|
||||||
|
|
|
@ -36,6 +36,11 @@ class Page
|
||||||
* Stylesheets
|
* Stylesheets
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/** Fomantic UI */
|
||||||
|
$stylesheetFomantic = 'semantic/dist/semantic.min.css';
|
||||||
|
$stylesheetFomanticModified = filemtime($stylesheetFomantic);
|
||||||
|
echo '<link rel="stylesheet" href="' . $stylesheetFomantic . '?m=' . $stylesheetFomanticModified . '" />';
|
||||||
|
|
||||||
/** Default */
|
/** Default */
|
||||||
$stylesheetDefault = 'includes/assets/css/default.css';
|
$stylesheetDefault = 'includes/assets/css/default.css';
|
||||||
$stylesheetDefaultModified = filemtime($stylesheetDefault);
|
$stylesheetDefaultModified = filemtime($stylesheetDefault);
|
||||||
|
@ -51,6 +56,9 @@ class Page
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
<script defer src="/node_modules/jquery/dist/jquery.min.js"></script>
|
||||||
|
<script defer src="/semantic/dist/semantic.min.js"></script>
|
||||||
|
|
||||||
<title><?= $this->title ?> - wishthis</title>
|
<title><?= $this->title ?> - wishthis</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
388
node_modules/fomantic-ui/.all-contributorsrc
generated
vendored
Normal file
388
node_modules/fomantic-ui/.all-contributorsrc
generated
vendored
Normal file
|
@ -0,0 +1,388 @@
|
||||||
|
{
|
||||||
|
"projectName": "Fomantic-UI",
|
||||||
|
"projectOwner": "fomantic",
|
||||||
|
"files": [
|
||||||
|
"CONTRIBUTORS.md",
|
||||||
|
"README.md"
|
||||||
|
],
|
||||||
|
"imageSize": 60,
|
||||||
|
"commit": true,
|
||||||
|
"commitConvention": "angular",
|
||||||
|
"contributors": [
|
||||||
|
{
|
||||||
|
"login": "hammy2899",
|
||||||
|
"name": "Sean",
|
||||||
|
"avatar_url": "https://avatars2.githubusercontent.com/u/11588822?v=4",
|
||||||
|
"profile": "https://github.com/hammy2899",
|
||||||
|
"contributions": [
|
||||||
|
"question",
|
||||||
|
"bug",
|
||||||
|
"blog",
|
||||||
|
"business",
|
||||||
|
"code",
|
||||||
|
"doc",
|
||||||
|
"design",
|
||||||
|
"example",
|
||||||
|
"ideas",
|
||||||
|
"infra",
|
||||||
|
"maintenance",
|
||||||
|
"platform",
|
||||||
|
"projectManagement",
|
||||||
|
"review",
|
||||||
|
"security",
|
||||||
|
"tool",
|
||||||
|
"tutorial",
|
||||||
|
"talk"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "prudho",
|
||||||
|
"name": "prudho",
|
||||||
|
"avatar_url": "https://avatars0.githubusercontent.com/u/7557689?v=4",
|
||||||
|
"profile": "https://github.com/prudho",
|
||||||
|
"contributions": [
|
||||||
|
"question",
|
||||||
|
"bug",
|
||||||
|
"code",
|
||||||
|
"doc",
|
||||||
|
"example",
|
||||||
|
"ideas",
|
||||||
|
"infra",
|
||||||
|
"review"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "ColinFrick",
|
||||||
|
"name": "Colin Frick",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/5517677?v=4",
|
||||||
|
"profile": "https://github.com/ColinFrick",
|
||||||
|
"contributions": [
|
||||||
|
"question",
|
||||||
|
"bug",
|
||||||
|
"code",
|
||||||
|
"doc",
|
||||||
|
"example",
|
||||||
|
"ideas",
|
||||||
|
"infra",
|
||||||
|
"review"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "lubber-de",
|
||||||
|
"name": "Marco 'Lubber' Wienkoop",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/18379884?v=4",
|
||||||
|
"profile": "https://rasterbuster.lubber.de",
|
||||||
|
"contributions": [
|
||||||
|
"question",
|
||||||
|
"bug",
|
||||||
|
"code",
|
||||||
|
"doc",
|
||||||
|
"example",
|
||||||
|
"ideas",
|
||||||
|
"infra",
|
||||||
|
"review"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "exoego",
|
||||||
|
"name": "TATSUNO Yasuhiro",
|
||||||
|
"avatar_url": "https://avatars2.githubusercontent.com/u/127635?v=4",
|
||||||
|
"profile": "https://www.exoego.net/",
|
||||||
|
"contributions": [
|
||||||
|
"bug",
|
||||||
|
"blog",
|
||||||
|
"code",
|
||||||
|
"doc",
|
||||||
|
"review"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "bartocc",
|
||||||
|
"name": "Julien Palmas",
|
||||||
|
"avatar_url": "https://avatars3.githubusercontent.com/u/47953?v=4",
|
||||||
|
"profile": "https://github.com/bartocc",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "0xflotus",
|
||||||
|
"name": "0xflotus",
|
||||||
|
"avatar_url": "https://avatars3.githubusercontent.com/u/26602940?v=4",
|
||||||
|
"profile": "https://github.com/0xflotus",
|
||||||
|
"contributions": [
|
||||||
|
"doc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "rubenhbaca",
|
||||||
|
"name": "Ruben H. Baca",
|
||||||
|
"avatar_url": "https://avatars3.githubusercontent.com/u/19667830?v=4",
|
||||||
|
"profile": "https://github.com/rubenhbaca",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "ventura-eesc",
|
||||||
|
"name": "ventura-eesc",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/41117238?v=4",
|
||||||
|
"profile": "https://github.com/ventura-eesc",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "bborn",
|
||||||
|
"name": "Bruno Bornsztein",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/3760?v=4",
|
||||||
|
"profile": "http://www.brunobornsztein.com",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "MikeyFriedChicken",
|
||||||
|
"name": "Michael Ceber",
|
||||||
|
"avatar_url": "https://avatars3.githubusercontent.com/u/4342380?v=4",
|
||||||
|
"profile": "https://github.com/MikeyFriedChicken",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "GammaGames",
|
||||||
|
"name": "Jesse Lieberg",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/7832163?v=4",
|
||||||
|
"profile": "http://gammagames.net",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "euangoddard",
|
||||||
|
"name": "Euan Goddard",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/412672?v=4",
|
||||||
|
"profile": "https://www.stockopedia.com/",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "danthedeckie",
|
||||||
|
"name": "Daniel",
|
||||||
|
"avatar_url": "https://avatars3.githubusercontent.com/u/1070206?v=4",
|
||||||
|
"profile": "https://madprof.net/",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "iarspider",
|
||||||
|
"name": "iarspider",
|
||||||
|
"avatar_url": "https://avatars0.githubusercontent.com/u/636602?v=4",
|
||||||
|
"profile": "https://github.com/iarspider",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "patilkiranm",
|
||||||
|
"name": "Kiran Patil",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/3204107?v=4",
|
||||||
|
"profile": "https://github.com/patilkiranm",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "douglasg14b",
|
||||||
|
"name": "Douglas Gaskell",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/1400380?v=4",
|
||||||
|
"profile": "https://github.com/douglasg14b",
|
||||||
|
"contributions": [
|
||||||
|
"code",
|
||||||
|
"talk"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "ko2in",
|
||||||
|
"name": "Ko Ko Zin",
|
||||||
|
"avatar_url": "https://avatars0.githubusercontent.com/u/930315?v=4",
|
||||||
|
"profile": "https://www.mvhnetworks.com",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "dutrieux",
|
||||||
|
"name": "dutrieux",
|
||||||
|
"avatar_url": "https://avatars2.githubusercontent.com/u/1622751?v=4",
|
||||||
|
"profile": "https://github.com/dutrieux",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "globophobe",
|
||||||
|
"name": "Alex",
|
||||||
|
"avatar_url": "https://avatars2.githubusercontent.com/u/891192?v=4",
|
||||||
|
"profile": "http://alexnewby.com",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "ryamaguchi0220",
|
||||||
|
"name": "ryamaguchi0220",
|
||||||
|
"avatar_url": "https://avatars0.githubusercontent.com/u/14275842?v=4",
|
||||||
|
"profile": "https://twitter.com/y_ryu0220",
|
||||||
|
"contributions": [
|
||||||
|
"code",
|
||||||
|
"bug",
|
||||||
|
"doc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "egoisticalgoat",
|
||||||
|
"name": "Pascal",
|
||||||
|
"avatar_url": "https://avatars3.githubusercontent.com/u/18332886?v=4",
|
||||||
|
"profile": "https://github.com/egoisticalgoat",
|
||||||
|
"contributions": [
|
||||||
|
"doc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "aexvir",
|
||||||
|
"name": "Alex Viscreanu",
|
||||||
|
"avatar_url": "https://avatars2.githubusercontent.com/u/8055505?v=4",
|
||||||
|
"profile": "https://alexviscreanu.com",
|
||||||
|
"contributions": [
|
||||||
|
"code",
|
||||||
|
"doc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "rmarchiori",
|
||||||
|
"name": "Ricardo",
|
||||||
|
"avatar_url": "https://avatars3.githubusercontent.com/u/13880165?v=4",
|
||||||
|
"profile": "https://github.com/rmarchiori",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "justkey007",
|
||||||
|
"name": "Juste Méthode B.",
|
||||||
|
"avatar_url": "https://avatars2.githubusercontent.com/u/36489637?v=4",
|
||||||
|
"profile": "https://github.com/justkey007",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "cruzdanilo",
|
||||||
|
"name": "danilo neves cruz",
|
||||||
|
"avatar_url": "https://avatars2.githubusercontent.com/u/216636?v=4",
|
||||||
|
"profile": "https://cruzdanilo.com",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "zombietfk",
|
||||||
|
"name": "ZombieTFK",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/6123140?v=4",
|
||||||
|
"profile": "https://github.com/zombietfk",
|
||||||
|
"contributions": [
|
||||||
|
"code",
|
||||||
|
"doc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "shui91",
|
||||||
|
"name": "Sherman Hui",
|
||||||
|
"avatar_url": "https://avatars2.githubusercontent.com/u/11592023?v=4",
|
||||||
|
"profile": "https://shui91.github.io/portfolio",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "RShalman",
|
||||||
|
"name": "Roman Shalman",
|
||||||
|
"avatar_url": "https://avatars2.githubusercontent.com/u/28634001?v=4",
|
||||||
|
"profile": "http://rshalman.github.io",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "iwgx",
|
||||||
|
"name": "Ilham Wahabi",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/20817629?v=4",
|
||||||
|
"profile": "https://iwgx.github.io/amazing-things/",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "simondarke",
|
||||||
|
"name": "Simon Darke",
|
||||||
|
"avatar_url": "https://avatars3.githubusercontent.com/u/2750476?v=4",
|
||||||
|
"profile": "https://github.com/simondarke",
|
||||||
|
"contributions": [
|
||||||
|
"code",
|
||||||
|
"doc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "RenonDis",
|
||||||
|
"name": "RenonDis",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/24317434?v=4",
|
||||||
|
"profile": "https://www.travel21.fr",
|
||||||
|
"contributions": [
|
||||||
|
"doc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "josejbarneto",
|
||||||
|
"name": "Jose J Barneto",
|
||||||
|
"avatar_url": "https://avatars0.githubusercontent.com/u/22933565?v=4",
|
||||||
|
"profile": "https://github.com/josejbarneto",
|
||||||
|
"contributions": [
|
||||||
|
"doc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "aardbol",
|
||||||
|
"name": "Leonardo",
|
||||||
|
"avatar_url": "https://avatars2.githubusercontent.com/u/14614620?v=4",
|
||||||
|
"profile": "https://github.com/aardbol",
|
||||||
|
"contributions": [
|
||||||
|
"doc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "HypertextPP",
|
||||||
|
"name": "Bradley Watton",
|
||||||
|
"avatar_url": "https://avatars2.githubusercontent.com/u/10724949?v=4",
|
||||||
|
"profile": "https://bradleyw.me",
|
||||||
|
"contributions": [
|
||||||
|
"doc"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"login": "LolHens",
|
||||||
|
"name": "Pierre Kisters",
|
||||||
|
"avatar_url": "https://avatars1.githubusercontent.com/u/1524059?v=4",
|
||||||
|
"profile": "https://lolhens.de",
|
||||||
|
"contributions": [
|
||||||
|
"code"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"contributorsPerLine": 4,
|
||||||
|
"repoType": "github",
|
||||||
|
"repoHost": "https://github.com"
|
||||||
|
}
|
6
node_modules/fomantic-ui/.auto-changelog
generated
vendored
Normal file
6
node_modules/fomantic-ui/.auto-changelog
generated
vendored
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
{
|
||||||
|
"output": "CHANGELOG.md",
|
||||||
|
"unreleased": true,
|
||||||
|
"commitLimit": false
|
||||||
|
}
|
||||||
|
|
3
node_modules/fomantic-ui/.github/FUNDING.yml
generated
vendored
Normal file
3
node_modules/fomantic-ui/.github/FUNDING.yml
generated
vendored
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
# These are supported funding model platforms
|
||||||
|
|
||||||
|
github: [hammy2899, lubber-de]
|
51
node_modules/fomantic-ui/.github/ISSUE_TEMPLATE/bug-report.md
generated
vendored
Normal file
51
node_modules/fomantic-ui/.github/ISSUE_TEMPLATE/bug-report.md
generated
vendored
Normal file
|
@ -0,0 +1,51 @@
|
||||||
|
---
|
||||||
|
name: Bug Report
|
||||||
|
about: Use this if something isn't working how you think it should or you think you've
|
||||||
|
found a bug
|
||||||
|
title: "[scope] summary of your bug"
|
||||||
|
labels: state/awaiting-investigation, state/awaiting-triage, type/bug
|
||||||
|
assignees: ''
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Bug Report
|
||||||
|
<!-- Describe what's wrong in great detail (required). -->
|
||||||
|
|
||||||
|
## Steps to reproduce
|
||||||
|
<!-- Tell us how to reproduce your issue (required). -->
|
||||||
|
1.
|
||||||
|
2.
|
||||||
|
3.
|
||||||
|
|
||||||
|
## Expected result
|
||||||
|
<!-- Tell us what result you were expecting (required). -->
|
||||||
|
|
||||||
|
## Actual result
|
||||||
|
<!-- Tell us what the actual result was (required). -->
|
||||||
|
|
||||||
|
## Testcase
|
||||||
|
<!--
|
||||||
|
If possible create an example of your issue via a JSFiddle.
|
||||||
|
|
||||||
|
How to create an example:
|
||||||
|
1. Open the following JSFiddle - https://jsfiddle.net/31d6y7mn
|
||||||
|
2. Click "Fork" at the top
|
||||||
|
3. Add the minimum required HTML, CSS and JavaScript which reproduces
|
||||||
|
your issue
|
||||||
|
4. Click "Save" at the top
|
||||||
|
5. Copy the URL of your fiddle and link it here
|
||||||
|
-->
|
||||||
|
|
||||||
|
## Screenshot (if possible)
|
||||||
|
<!--
|
||||||
|
If possible include images or gifs of your issue.
|
||||||
|
|
||||||
|
E.g. Incorrect component CSS should include an image of what the
|
||||||
|
component looks like.
|
||||||
|
|
||||||
|
If your looking for a tool we recommend ShareX - https://github.com/ShareX/ShareX
|
||||||
|
-->
|
||||||
|
|
||||||
|
## Version
|
||||||
|
<!-- Include the version of the library you are using (required). -->
|
||||||
|
2.x.x
|
8
node_modules/fomantic-ui/.github/ISSUE_TEMPLATE/config.yml
generated
vendored
Normal file
8
node_modules/fomantic-ui/.github/ISSUE_TEMPLATE/config.yml
generated
vendored
Normal file
|
@ -0,0 +1,8 @@
|
||||||
|
blank_issues_enabled: false
|
||||||
|
contact_links:
|
||||||
|
- name: Support Question
|
||||||
|
url: https://github.com/fomantic/Fomantic-UI/discussions
|
||||||
|
about: For usage questions please use github discussions
|
||||||
|
- name: Discord Community
|
||||||
|
url: https://discord.gg/YChxjJ3
|
||||||
|
about: Get quick support for your issue from the community.
|
41
node_modules/fomantic-ui/.github/ISSUE_TEMPLATE/feature-request.md
generated
vendored
Normal file
41
node_modules/fomantic-ui/.github/ISSUE_TEMPLATE/feature-request.md
generated
vendored
Normal file
|
@ -0,0 +1,41 @@
|
||||||
|
---
|
||||||
|
name: Feature Request
|
||||||
|
about: Use this to suggest new feature/enhancements
|
||||||
|
title: "[scope] summary of your request"
|
||||||
|
labels: state/awaiting-triage, type/feat
|
||||||
|
assignees: ''
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
# Feature Request
|
||||||
|
<!--
|
||||||
|
Explain your request in great detail (required).
|
||||||
|
|
||||||
|
Things to consider:
|
||||||
|
- Why should we add this feature/enhancement
|
||||||
|
- What problem(s) does it solve
|
||||||
|
- Complexity
|
||||||
|
- How we should implement it
|
||||||
|
-->
|
||||||
|
|
||||||
|
## Example (if possible)
|
||||||
|
<!--
|
||||||
|
If possible demonstrate your request via a JSFiddle.
|
||||||
|
|
||||||
|
How to create an example:
|
||||||
|
1. Open the following JSFiddle - https://jsfiddle.net/31d6y7mn
|
||||||
|
2. Click "Fork" at the top
|
||||||
|
3. Add the HTML, CSS and JavaScript which shows your request
|
||||||
|
4. Click "Save" at the top
|
||||||
|
5. Copy the URL of your fiddle and link it here
|
||||||
|
-->
|
||||||
|
|
||||||
|
## Screenshot (if possible)
|
||||||
|
<!--
|
||||||
|
If possible include images or gifs of your request.
|
||||||
|
|
||||||
|
E.g. new component request should include images of the component
|
||||||
|
in other frameworks and on websites.
|
||||||
|
|
||||||
|
If your looking for a tool we recommend ShareX - https://github.com/ShareX/ShareX
|
||||||
|
-->
|
43
node_modules/fomantic-ui/.github/PULL_REQUEST_TEMPLATE.md
generated
vendored
Normal file
43
node_modules/fomantic-ui/.github/PULL_REQUEST_TEMPLATE.md
generated
vendored
Normal file
|
@ -0,0 +1,43 @@
|
||||||
|
<!--
|
||||||
|
Please read our Contributing Guide and Code of Conduct before you
|
||||||
|
submit a pull request.
|
||||||
|
|
||||||
|
Contributing Guide: https://github.com/fomantic/Fomantic-UI/blob/master/CONTRIBUTING.md
|
||||||
|
Code of Conduct: https://github.com/fomantic/Fomantic-UI/blob/master/CODE_OF_CONDUCT.md
|
||||||
|
|
||||||
|
----
|
||||||
|
|
||||||
|
Please use the following pull request title format:
|
||||||
|
"[<scope>] <summary of what you fixed/changed>"
|
||||||
|
-->
|
||||||
|
|
||||||
|
## Description
|
||||||
|
<!-- Describe what you fixed/changed in great detail (required). -->
|
||||||
|
|
||||||
|
## Testcase
|
||||||
|
<!--
|
||||||
|
If possible create an example of your change via a JSFiddle.
|
||||||
|
|
||||||
|
How to create an example:
|
||||||
|
1. Open the following JSFiddle - https://jsfiddle.net/31d6y7mn
|
||||||
|
2. Click "Fork" at the top
|
||||||
|
3. Add the minimum required HTML, CSS and JavaScript which shows your change
|
||||||
|
4. Click "Save" at the top
|
||||||
|
5. Copy the URL of your fiddle and link it here
|
||||||
|
-->
|
||||||
|
|
||||||
|
## Screenshot (if possible)
|
||||||
|
<!--
|
||||||
|
If possible include images or gifs of your issue.
|
||||||
|
|
||||||
|
E.g. Incorrect component CSS should include an image of what the
|
||||||
|
component looks like.
|
||||||
|
|
||||||
|
If your looking for a tool we recommend ShareX - https://github.com/ShareX/ShareX
|
||||||
|
-->
|
||||||
|
|
||||||
|
## Closes
|
||||||
|
<!--
|
||||||
|
List all the issues this pull request closes (only if it does).
|
||||||
|
-->
|
||||||
|
#<issue id>, #<issue id>, #<issue id>
|
11
node_modules/fomantic-ui/.github/auto_assign.yml
generated
vendored
Normal file
11
node_modules/fomantic-ui/.github/auto_assign.yml
generated
vendored
Normal file
|
@ -0,0 +1,11 @@
|
||||||
|
# Configuration for auto-assign - https://github.com/kentaro-m/auto-assign
|
||||||
|
|
||||||
|
addReviewers: true
|
||||||
|
numberOfReviewers: 0 # will add all reviewers
|
||||||
|
reviewers:
|
||||||
|
- hammy2899
|
||||||
|
- ColinFrick
|
||||||
|
- prudho
|
||||||
|
- lubber-de
|
||||||
|
- exoego
|
||||||
|
- ko2in
|
17
node_modules/fomantic-ui/.github/config.yml
generated
vendored
Normal file
17
node_modules/fomantic-ui/.github/config.yml
generated
vendored
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
# Configuration for request-info - https://github.com/behaviorbot/request-info
|
||||||
|
|
||||||
|
requestInfoReplyComment: >
|
||||||
|
Hey, it looks like you didn't provide much info about your issue/pr. We would appreciate it if you could provide us with more information so we can better understand your issue or pull request.
|
||||||
|
requestInfoLabelToAdd: needs-more-info
|
||||||
|
checkIssueTemplate: true
|
||||||
|
checkPullRequestTemplate: true
|
||||||
|
|
||||||
|
|
||||||
|
# Configuration for welcome - https://github.com/behaviorbot/welcome
|
||||||
|
|
||||||
|
newPRWelcomeComment:
|
||||||
|
- Hey, thanks for opening a pull request!
|
||||||
|
-
|
||||||
|
- Please make sure you have read our [CONTRIBUTING](https://github.com/fomantic/Fomantic-UI/blob/master/CONTRIBUTING.md) guide and our [CODE OF CONDUCT](https://github.com/fomantic/Fomantic-UI/blob/develop/CODE_OF_CONDUCT.md).
|
||||||
|
-
|
||||||
|
- NOTE: If the `commitlint` bot fails it does not mean your PR won't be merged!
|
17
node_modules/fomantic-ui/.github/dependabot.yml
generated
vendored
Normal file
17
node_modules/fomantic-ui/.github/dependabot.yml
generated
vendored
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
version: 2
|
||||||
|
updates:
|
||||||
|
- package-ecosystem: npm
|
||||||
|
directory: "/"
|
||||||
|
schedule:
|
||||||
|
interval: daily
|
||||||
|
time: "06:00"
|
||||||
|
open-pull-requests-limit: 99
|
||||||
|
target-branch: develop
|
||||||
|
labels:
|
||||||
|
- type/dependencies
|
||||||
|
- state/awaiting-reviews
|
||||||
|
versioning-strategy: lockfile-only
|
||||||
|
ignore:
|
||||||
|
- dependency-name: gulp-replace
|
||||||
|
versions:
|
||||||
|
- 1.1.0
|
21
node_modules/fomantic-ui/.github/workflows/ci.yml
generated
vendored
Normal file
21
node_modules/fomantic-ui/.github/workflows/ci.yml
generated
vendored
Normal file
|
@ -0,0 +1,21 @@
|
||||||
|
name: CI
|
||||||
|
on: [pull_request]
|
||||||
|
jobs:
|
||||||
|
test:
|
||||||
|
name: Test build process on node ${{ matrix.node_version }}
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
strategy:
|
||||||
|
matrix:
|
||||||
|
node_version: [8, 10, 11, 12, 13, 14]
|
||||||
|
steps:
|
||||||
|
- uses: actions/checkout@v1
|
||||||
|
- name: Use Node.js ${{ matrix.node-version }}
|
||||||
|
uses: actions/setup-node@v1
|
||||||
|
with:
|
||||||
|
node-version: ${{ matrix.node-version }}
|
||||||
|
- name: pre-install
|
||||||
|
run: sh ./scripts/preinstall.sh
|
||||||
|
- name: install dependencies
|
||||||
|
run: npm install --ignore-scripts
|
||||||
|
- name: pre fomantic install & gulp build
|
||||||
|
run: npx gulp install
|
32
node_modules/fomantic-ui/.github/workflows/nightly.yml
generated
vendored
Normal file
32
node_modules/fomantic-ui/.github/workflows/nightly.yml
generated
vendored
Normal file
|
@ -0,0 +1,32 @@
|
||||||
|
name: Nightly
|
||||||
|
on:
|
||||||
|
schedule:
|
||||||
|
- cron: 00 23 * * *
|
||||||
|
jobs:
|
||||||
|
publish:
|
||||||
|
name: Build nightly distribution
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
if: github.repository == 'fomantic/Fomantic-UI'
|
||||||
|
steps:
|
||||||
|
- uses: actions/checkout@v1
|
||||||
|
with:
|
||||||
|
ref: develop
|
||||||
|
- uses: actions/setup-node@v1
|
||||||
|
with:
|
||||||
|
node-version: 12
|
||||||
|
registry-url: https://registry.npmjs.org/
|
||||||
|
- name: pre-setup
|
||||||
|
run: sh ./scripts/preinstall.sh
|
||||||
|
- name: install dependencies
|
||||||
|
run: npm install --ignore-scripts
|
||||||
|
- name: update nightly version
|
||||||
|
run: node ./scripts/nightly-version.js
|
||||||
|
- name: fomantic install & build
|
||||||
|
run: npx gulp install
|
||||||
|
- name: publish to npm
|
||||||
|
run: |
|
||||||
|
npm config set //registry.npmjs.org/:_authToken=$NODE_AUTH_TOKEN
|
||||||
|
npm publish --tag nightly
|
||||||
|
env:
|
||||||
|
NODE_AUTH_TOKEN: ${{secrets.NPM_AUTH_TOKEN}}
|
||||||
|
CI: true
|
7339
node_modules/fomantic-ui/CHANGELOG.md
generated
vendored
Normal file
7339
node_modules/fomantic-ui/CHANGELOG.md
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
76
node_modules/fomantic-ui/CODE_OF_CONDUCT.md
generated
vendored
Normal file
76
node_modules/fomantic-ui/CODE_OF_CONDUCT.md
generated
vendored
Normal file
|
@ -0,0 +1,76 @@
|
||||||
|
# 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 [contact@fomantic-ui.com](mailto:contact@fomantic-ui.com) (all emails to this address are forwarded to all FUI organization admins). 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
|
69
node_modules/fomantic-ui/CONTRIBUTING.md
generated
vendored
Normal file
69
node_modules/fomantic-ui/CONTRIBUTING.md
generated
vendored
Normal file
|
@ -0,0 +1,69 @@
|
||||||
|
# Contributing to Fomantic-UI
|
||||||
|
|
||||||
|
### :notebook: Support Questions
|
||||||
|
|
||||||
|
Questions regarding usage and support can be asked in [GitHub Issues](https://github.com/fomantic/Fomantic-UI/issues) but if your question starts to become a conversation we will ask you to move it into our [Discord](https://discordapp.com/invite/YChxjJ3). If you are looking for quick support [Discord](https://discordapp.com/invite/YChxjJ3) is the best place to ask.
|
||||||
|
|
||||||
|
After asking your question you may find that it is actually a bug or a feature which doesn't exist. At this point it's a good idea to submit a GitHub issue (if you haven't already) to request/report your issue. When you open an issue please use the issue templates and fill in as many of the sections as you can. This helps us triage issues without needing to ask lots of questions.
|
||||||
|
|
||||||
|
### Bugs & Enhancements
|
||||||
|
|
||||||
|
#### :bug: Reporting Bugs
|
||||||
|
|
||||||
|
We use [GitHub Issues](https://github.com/fomantic/Fomantic-UI/issues) to track all bugs and enhancements for FUI, before raising a bug please check to see if it has already been raised. If you find it has already been raised add a :thumbsup: to the issue reactions to show you are also having the same issue. Please do not spam "+1", "bump" etc.
|
||||||
|
|
||||||
|
If you find that your issue has not already been raised please create a [new issue](https://github.com/fomantic/Fomantic-UI/issues/new?template=Bug_report.md) and please follow the template provided.
|
||||||
|
|
||||||
|
When creating an issue you will be asked to create a [JSFiddle](https://jsfiddle.net/31d6y7mn) to replicate your issue. You can fork [this template](https://jsfiddle.net/31d6y7mn) which has the latest version of Fomantic ready to use.
|
||||||
|
|
||||||
|
#### :crystal_ball: Requesting Features
|
||||||
|
|
||||||
|
We also use [GitHub Issues](https://github.com/fomantic/Fomantic-UI/issues) for new feature requests. Before submitting a new issue please check to see if it has already been requested. If you find that your issue has not already been requested feel free create a [new issue](https://github.com/fomantic/Fomantic-UI/issues/new?template=Feature_request.md) and please follow the template provided. This helps us triage issues without needing to ask lots of questions.
|
||||||
|
|
||||||
|
When you create the issue please when possible include pictures or a [JSFiddle](https://jsfiddle.net/31d6y7mn), this can help contributors understand what your asking.
|
||||||
|
|
||||||
|
##### Naming Issues
|
||||||
|
|
||||||
|
When you create an issue please follow our naming convention this makes it easy to scan over issues.
|
||||||
|
|
||||||
|
**Bugs:** [Scope] x does not do y
|
||||||
|
**Enhancements:** [Scope] x should do y
|
||||||
|
|
||||||
|
The scope is the component which has the issue or enhancement e.g. Segment, Grid, Dropdown etc. when you describe the issue in the summary keep it brief 60 characters max.
|
||||||
|
|
||||||
|
##### Tracking Issue Progress
|
||||||
|
|
||||||
|
As bugs and features are triaged they will be assigned to milestones. The best indication of when a change will land is to check the date on the [upcoming milestones](https://github.com/fomantic/Fomantic-UI/milestones) page.
|
||||||
|
|
||||||
|
### :pencil: Pull Requests Guide
|
||||||
|
|
||||||
|
**All pull requests should be merged into the `develop` branch. Make sure your branch is based from our develop branch and not the master.**
|
||||||
|
|
||||||
|
Anyone can jump on the issues board and grab off bugs to fix. This is probably the best way to become a contributor to Fomantic. We only ask you to stick to these few rules to make it easier to merge/process your pull requests.
|
||||||
|
|
||||||
|
- When you implement a new feature or fix a bug think about backwards compatibility. If your change is backwards compatible it is most likely to be merged sooner since you won't need to wait for a breaking change update.
|
||||||
|
- Please commit using the [AngularJS Git Commit Message Convention](https://gist.github.com/stephenparish/9941e89d80e2bc58a153) this is more of a nice to have and isn't required.
|
||||||
|
- Please try and stick to a similar code style so everyone can read your code.
|
||||||
|
- When you commit don't include your dist files, this can cause merge conflicts and also adds unnecessary changes to the PR.
|
||||||
|
|
||||||
|
#### Setup your enviroment
|
||||||
|
These few steps are the easiest way to setup your dev environment.
|
||||||
|
|
||||||
|
1. Fork the [main repository](https://github.com/fomantic/Fomantic-UI).
|
||||||
|
2. Clone your fork and add the main repository as a remote
|
||||||
|
```bash
|
||||||
|
$ git clone https://github.com/<YOUR_GITHUB_USERNAME>/Fomantic-UI.git
|
||||||
|
$ cd Fomantic-UI
|
||||||
|
$ git remote add fui https://github.com/fomantic/Fomantic-UI.git
|
||||||
|
$ git fetch fui
|
||||||
|
```
|
||||||
|
3. Checkout a new branch with the FUI `develop` branch as the base
|
||||||
|
```bash
|
||||||
|
$ git checkout -b <BRANCH_NAME> fui/develop
|
||||||
|
```
|
||||||
|
|
||||||
|
Now you can start working on your change. Once you submit your PR remember to merge into the `develop` branch NOT `master`.
|
||||||
|
|
||||||
|
### The [CONTRIBUTORS](CONTRIBUTORS.md) list
|
||||||
|
|
||||||
|
Once you contribute to the project you can be added the the contributors list for any categories you have contributed towards. If you think you should be on the list but aren't already you can request to be added via the [`all-contributors` bot](https://allcontributors.org/docs/en/bot/overview).
|
66
node_modules/fomantic-ui/CONTRIBUTORS.md
generated
vendored
Normal file
66
node_modules/fomantic-ui/CONTRIBUTORS.md
generated
vendored
Normal file
|
@ -0,0 +1,66 @@
|
||||||
|
## Contributors ✨
|
||||||
|
|
||||||
|
This is a list of all project contributors powered by [All Contributors](https://allcontributors.org/), thanks goes to these wonderful people 🎉 ([emoji key](https://allcontributors.org/docs/en/emoji-key))
|
||||||
|
|
||||||
|
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
|
||||||
|
<!-- prettier-ignore -->
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><a href="https://github.com/hammy2899"><img src="https://avatars2.githubusercontent.com/u/11588822?v=4" width="60px;" alt="Sean"/><br /><sub><b>Sean</b></sub></a><br /><a href="#question-hammy2899" title="Answering Questions">💬</a> <a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3Ahammy2899" title="Bug reports">🐛</a> <a href="#blog-hammy2899" title="Blogposts">📝</a> <a href="#business-hammy2899" title="Business development">💼</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=hammy2899" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=hammy2899" title="Documentation">📖</a> <a href="#design-hammy2899" title="Design">🎨</a> <a href="#example-hammy2899" title="Examples">💡</a> <a href="#ideas-hammy2899" title="Ideas, Planning, & Feedback">🤔</a> <a href="#infra-hammy2899" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="#maintenance-hammy2899" title="Maintenance">🚧</a> <a href="#platform-hammy2899" title="Packaging/porting to new platform">📦</a> <a href="#projectManagement-hammy2899" title="Project Management">📆</a> <a href="#review-hammy2899" title="Reviewed Pull Requests">👀</a> <a href="#security-hammy2899" title="Security">🛡️</a> <a href="#tool-hammy2899" title="Tools">🔧</a> <a href="#tutorial-hammy2899" title="Tutorials">✅</a> <a href="#talk-hammy2899" title="Talks">📢</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/prudho"><img src="https://avatars0.githubusercontent.com/u/7557689?v=4" width="60px;" alt="prudho"/><br /><sub><b>prudho</b></sub></a><br /><a href="#question-prudho" title="Answering Questions">💬</a> <a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3Aprudho" title="Bug reports">🐛</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=prudho" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=prudho" title="Documentation">📖</a> <a href="#example-prudho" title="Examples">💡</a> <a href="#ideas-prudho" title="Ideas, Planning, & Feedback">🤔</a> <a href="#infra-prudho" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="#review-prudho" title="Reviewed Pull Requests">👀</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/ColinFrick"><img src="https://avatars1.githubusercontent.com/u/5517677?v=4" width="60px;" alt="Colin Frick"/><br /><sub><b>Colin Frick</b></sub></a><br /><a href="#question-ColinFrick" title="Answering Questions">💬</a> <a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3AColinFrick" title="Bug reports">🐛</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=ColinFrick" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=ColinFrick" title="Documentation">📖</a> <a href="#example-ColinFrick" title="Examples">💡</a> <a href="#ideas-ColinFrick" title="Ideas, Planning, & Feedback">🤔</a> <a href="#infra-ColinFrick" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="#review-ColinFrick" title="Reviewed Pull Requests">👀</a></td>
|
||||||
|
<td align="center"><a href="https://rasterbuster.lubber.de"><img src="https://avatars1.githubusercontent.com/u/18379884?v=4" width="60px;" alt="Marco 'Lubber' Wienkoop"/><br /><sub><b>Marco 'Lubber' Wienkoop</b></sub></a><br /><a href="#question-lubber-de" title="Answering Questions">💬</a> <a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3Alubber-de" title="Bug reports">🐛</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=lubber-de" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=lubber-de" title="Documentation">📖</a> <a href="#example-lubber-de" title="Examples">💡</a> <a href="#ideas-lubber-de" title="Ideas, Planning, & Feedback">🤔</a> <a href="#infra-lubber-de" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="#review-lubber-de" title="Reviewed Pull Requests">👀</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><a href="https://www.exoego.net/"><img src="https://avatars2.githubusercontent.com/u/127635?v=4" width="60px;" alt="TATSUNO Yasuhiro"/><br /><sub><b>TATSUNO Yasuhiro</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3Aexoego" title="Bug reports">🐛</a> <a href="#blog-exoego" title="Blogposts">📝</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=exoego" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=exoego" title="Documentation">📖</a> <a href="#review-exoego" title="Reviewed Pull Requests">👀</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/bartocc"><img src="https://avatars3.githubusercontent.com/u/47953?v=4" width="60px;" alt="Julien Palmas"/><br /><sub><b>Julien Palmas</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=bartocc" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/0xflotus"><img src="https://avatars3.githubusercontent.com/u/26602940?v=4" width="60px;" alt="0xflotus"/><br /><sub><b>0xflotus</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=0xflotus" title="Documentation">📖</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/rubenhbaca"><img src="https://avatars3.githubusercontent.com/u/19667830?v=4" width="60px;" alt="Ruben H. Baca"/><br /><sub><b>Ruben H. Baca</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=rubenhbaca" title="Code">💻</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><a href="https://github.com/ventura-eesc"><img src="https://avatars1.githubusercontent.com/u/41117238?v=4" width="60px;" alt="ventura-eesc"/><br /><sub><b>ventura-eesc</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=ventura-eesc" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="http://www.brunobornsztein.com"><img src="https://avatars1.githubusercontent.com/u/3760?v=4" width="60px;" alt="Bruno Bornsztein"/><br /><sub><b>Bruno Bornsztein</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=bborn" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/MikeyFriedChicken"><img src="https://avatars3.githubusercontent.com/u/4342380?v=4" width="60px;" alt="Michael Ceber"/><br /><sub><b>Michael Ceber</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=MikeyFriedChicken" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="http://gammagames.net"><img src="https://avatars1.githubusercontent.com/u/7832163?v=4" width="60px;" alt="Jesse Lieberg"/><br /><sub><b>Jesse Lieberg</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=GammaGames" title="Code">💻</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><a href="https://www.stockopedia.com/"><img src="https://avatars1.githubusercontent.com/u/412672?v=4" width="60px;" alt="Euan Goddard"/><br /><sub><b>Euan Goddard</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=euangoddard" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="https://madprof.net/"><img src="https://avatars3.githubusercontent.com/u/1070206?v=4" width="60px;" alt="Daniel"/><br /><sub><b>Daniel</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=danthedeckie" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/iarspider"><img src="https://avatars0.githubusercontent.com/u/636602?v=4" width="60px;" alt="iarspider"/><br /><sub><b>iarspider</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=iarspider" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/patilkiranm"><img src="https://avatars1.githubusercontent.com/u/3204107?v=4" width="60px;" alt="Kiran Patil"/><br /><sub><b>Kiran Patil</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=patilkiranm" title="Code">💻</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><a href="https://github.com/douglasg14b"><img src="https://avatars1.githubusercontent.com/u/1400380?v=4" width="60px;" alt="Douglas Gaskell"/><br /><sub><b>Douglas Gaskell</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=douglasg14b" title="Code">💻</a> <a href="#talk-douglasg14b" title="Talks">📢</a></td>
|
||||||
|
<td align="center"><a href="https://www.mvhnetworks.com"><img src="https://avatars0.githubusercontent.com/u/930315?v=4" width="60px;" alt="Ko Ko Zin"/><br /><sub><b>Ko Ko Zin</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=ko2in" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/dutrieux"><img src="https://avatars2.githubusercontent.com/u/1622751?v=4" width="60px;" alt="dutrieux"/><br /><sub><b>dutrieux</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=dutrieux" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="http://alexnewby.com"><img src="https://avatars2.githubusercontent.com/u/891192?v=4" width="60px;" alt="Alex"/><br /><sub><b>Alex</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=globophobe" title="Code">💻</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><a href="https://twitter.com/y_ryu0220"><img src="https://avatars0.githubusercontent.com/u/14275842?v=4" width="60px;" alt="ryamaguchi0220"/><br /><sub><b>ryamaguchi0220</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=ryamaguchi0220" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3Aryamaguchi0220" title="Bug reports">🐛</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=ryamaguchi0220" title="Documentation">📖</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/egoisticalgoat"><img src="https://avatars3.githubusercontent.com/u/18332886?v=4" width="60px;" alt="Pascal"/><br /><sub><b>Pascal</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=egoisticalgoat" title="Documentation">📖</a></td>
|
||||||
|
<td align="center"><a href="https://alexviscreanu.com"><img src="https://avatars2.githubusercontent.com/u/8055505?v=4" width="60px;" alt="Alex Viscreanu"/><br /><sub><b>Alex Viscreanu</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=aexvir" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=aexvir" title="Documentation">📖</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/rmarchiori"><img src="https://avatars3.githubusercontent.com/u/13880165?v=4" width="60px;" alt="Ricardo"/><br /><sub><b>Ricardo</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=rmarchiori" title="Code">💻</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><a href="https://github.com/justkey007"><img src="https://avatars2.githubusercontent.com/u/36489637?v=4" width="60px;" alt="Juste Méthode B."/><br /><sub><b>Juste Méthode B.</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=justkey007" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="https://cruzdanilo.com"><img src="https://avatars2.githubusercontent.com/u/216636?v=4" width="60px;" alt="danilo neves cruz"/><br /><sub><b>danilo neves cruz</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=cruzdanilo" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/zombietfk"><img src="https://avatars1.githubusercontent.com/u/6123140?v=4" width="60px;" alt="ZombieTFK"/><br /><sub><b>ZombieTFK</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=zombietfk" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=zombietfk" title="Documentation">📖</a></td>
|
||||||
|
<td align="center"><a href="https://shui91.github.io/portfolio"><img src="https://avatars2.githubusercontent.com/u/11592023?v=4" width="60px;" alt="Sherman Hui"/><br /><sub><b>Sherman Hui</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=shui91" title="Code">💻</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><a href="http://rshalman.github.io"><img src="https://avatars2.githubusercontent.com/u/28634001?v=4" width="60px;" alt="Roman Shalman"/><br /><sub><b>Roman Shalman</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=RShalman" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="https://iwgx.github.io/amazing-things/"><img src="https://avatars1.githubusercontent.com/u/20817629?v=4" width="60px;" alt="Ilham Wahabi"/><br /><sub><b>Ilham Wahabi</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=iwgx" title="Code">💻</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/simondarke"><img src="https://avatars3.githubusercontent.com/u/2750476?v=4" width="60px;" alt="Simon Darke"/><br /><sub><b>Simon Darke</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=simondarke" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=simondarke" title="Documentation">📖</a></td>
|
||||||
|
<td align="center"><a href="https://www.travel21.fr"><img src="https://avatars1.githubusercontent.com/u/24317434?v=4" width="60px;" alt="RenonDis"/><br /><sub><b>RenonDis</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=RenonDis" title="Documentation">📖</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center"><a href="https://github.com/josejbarneto"><img src="https://avatars0.githubusercontent.com/u/22933565?v=4" width="60px;" alt="Jose J Barneto"/><br /><sub><b>Jose J Barneto</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=josejbarneto" title="Documentation">📖</a></td>
|
||||||
|
<td align="center"><a href="https://github.com/aardbol"><img src="https://avatars2.githubusercontent.com/u/14614620?v=4" width="60px;" alt="Leonardo"/><br /><sub><b>Leonardo</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=aardbol" title="Documentation">📖</a></td>
|
||||||
|
<td align="center"><a href="https://bradleyw.me"><img src="https://avatars2.githubusercontent.com/u/10724949?v=4" width="60px;" alt="Bradley Watton"/><br /><sub><b>Bradley Watton</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=HypertextPP" title="Documentation">📖</a></td>
|
||||||
|
<td align="center"><a href="https://lolhens.de"><img src="https://avatars1.githubusercontent.com/u/1524059?v=4" width="60px;" alt="Pierre Kisters"/><br /><sub><b>Pierre Kisters</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=LolHens" title="Code">💻</a></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- ALL-CONTRIBUTORS-LIST:END -->
|
||||||
|
|
||||||
|
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
|
38
node_modules/fomantic-ui/FAQ.md
generated
vendored
Normal file
38
node_modules/fomantic-ui/FAQ.md
generated
vendored
Normal file
|
@ -0,0 +1,38 @@
|
||||||
|
# FAQ
|
||||||
|
|
||||||
|
### What is Fomantic-UI?
|
||||||
|
Fomantic is a community fork of the popular [Semantic-UI](https://github.com/Semantic-Org/Semantic-UI) framework.
|
||||||
|
|
||||||
|
### Why was Fomantic-UI created?
|
||||||
|
Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues:
|
||||||
|
- https://github.com/Semantic-Org/Semantic-UI/issues/6109
|
||||||
|
- https://github.com/Semantic-Org/Semantic-UI/issues/6413
|
||||||
|
|
||||||
|
> *EDIT:* Lots has changed since we started this project and we are now starting the development of FUI v3. You can read more about the > v3 proposals [here](https://github.com/fomantic/Fomantic-UI/issues/319).
|
||||||
|
>
|
||||||
|
> To be clear merging back into SUI is still our intention, read [this comment](https://github.com/fomantic/Fomantic-UI/issues/319#issuecomment-461736399) for more info
|
||||||
|
|
||||||
|
### How do I contribute to Fomantic?
|
||||||
|
We welcome anyone who wants to help make Fomantic great to come help us. If you are wanting to start contributing please read the [CONTRIBUTING.md](CONTRIBUTING.md) guide before opening any pull request's this helps us keep PR's simple and efficient allowing us to merge and release new features and fixes quicker.
|
||||||
|
|
||||||
|
### How do I report an issue with the framework?
|
||||||
|
If you have an issue with FUI we encourage you to [open an issue](https://github.com/fomantic/Fomantic-UI/issues/new) and let us know, if you just need some simple help join the FUI [Discord server](https://discordapp.com/invite/YChxjJ3) and ask the community for help.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Fomantic-UI Links:
|
||||||
|
- Website/Documentation: [fomantic-ui.com](https://fomantic-ui.com)
|
||||||
|
- GitHub Organisation: [github.com/fomantic](https://github.com/fomantic)
|
||||||
|
- Repository: [github.com/fomantic/Fomantic-UI](https://github.com/fomantic/Fomantic-UI)
|
||||||
|
- Docs Repository: [github.com/fomantic/Fomantic-UI-Docs](https://github.com/fomantic/Fomantic-UI-Docs)
|
||||||
|
- CSS Repository: [github.com/fomantic/Fomantic-UI-CSS](https://github.com/fomantic/Fomantic-UI-CSS)
|
||||||
|
- LESS Repository: [github.com/fomantic/Fomantic-UI-LESS](https://github.com/fomantic/Fomantic-UI-LESS)
|
||||||
|
- SASS Repository: [github.com/fomantic/Fomantic-UI-SASS](https://github.com/fomantic/Fomantic-UI-SASS)
|
||||||
|
- Branding Repository: [github.com/fomantic/branding](https://github.com/fomantic/branding)
|
||||||
|
- npm: [npmjs.com/package/fomantic-ui](https://npmjs.com/package/fomantic-ui)
|
||||||
|
- CSS Package: [npmjs.com/package/fomantic-ui-css](https://npmjs.com/package/fomantic-ui-css)
|
||||||
|
- LESS Package: [npmjs.com/package/fomantic-ui-less](https://npmjs.com/package/fomantic-ui-less)
|
||||||
|
- JSFiddle: [jsfiddle.net/31d6y7mn](https://jsfiddle.net/31d6y7mn)
|
||||||
|
- Discord: [discordapp.com/invite/YChxjJ3](https://discordapp.com/invite/YChxjJ3)
|
||||||
|
- Twitter: [twitter.com/fomanticui](https://twitter.com/fomanticui)
|
||||||
|
- Medium: [medium.com/@fomantic](https://medium.com/@fomantic)
|
7
node_modules/fomantic-ui/LICENSE.md
generated
vendored
Normal file
7
node_modules/fomantic-ui/LICENSE.md
generated
vendored
Normal file
|
@ -0,0 +1,7 @@
|
||||||
|
# The MIT License
|
||||||
|
|
||||||
|
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.
|
110
node_modules/fomantic-ui/README.md
generated
vendored
Normal file
110
node_modules/fomantic-ui/README.md
generated
vendored
Normal file
|
@ -0,0 +1,110 @@
|
||||||
|
![Fomantic Logo](https://fomantic-ui.com/images/logo.png#128)
|
||||||
|
|
||||||
|
# Fomantic-UI
|
||||||
|
A community fork of the popular Semantic-UI framework.
|
||||||
|
|
||||||
|
[![GitHub Actions Status](https://github.com/fomantic/Fomantic-UI/workflows/CI/badge.svg)](https://github.com/fomantic/Fomantic-UI/actions)
|
||||||
|
[![last commit (develop)](https://img.shields.io/github/last-commit/fomantic/Fomantic-UI/develop.svg?label=last%20commit%20%28develop%29)](https://github.com/fomantic/Fomantic-UI/commits/develop)
|
||||||
|
[![License](https://img.shields.io/github/license/fomantic/Fomantic-UI?color=%233fb911)](https://github.com/fomantic/Fomantic-UI/blob/1fd94d2479f297c906bed557f0567d1d3f0a4d2c/LICENSE.md)
|
||||||
|
[![Rate on Openbase](https://badges.openbase.io/js/rating/fomantic-ui.svg)](https://openbase.io/js/fomantic-ui?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)
|
||||||
|
|
||||||
|
[![Discord Server](https://discordapp.com/api/guilds/453127116427493376/widget.png?style=shield)](https://discord.gg/YChxjJ3)
|
||||||
|
[![Follow on Twitter](https://img.shields.io/twitter/follow/fomanticui?style=social)](https://twitter.com/fomanticui)
|
||||||
|
|
||||||
|
[![npm downloads](https://img.shields.io/npm/dm/fomantic-ui.svg?label=npm%20downloads)](https://www.npmjs.com/package/fomantic-ui)
|
||||||
|
[![npm version](https://img.shields.io/npm/v/fomantic-ui)](https://www.npmjs.com/package/fomantic-ui)
|
||||||
|
|
||||||
|
[![jsdelivr](https://data.jsdelivr.com/v1/package/npm/fomantic-ui/badge?style=rounded)](https://www.jsdelivr.com/package/npm/fomantic-ui)
|
||||||
|
[![CDNJS](https://img.shields.io/cdnjs/v/fomantic-ui?color=e95420)](https://cdnjs.com/libraries/fomantic-ui)
|
||||||
|
|
||||||
|
[![Package Quality](https://npm.packagequality.com/shield/fomantic-ui.svg?label=package%20quality)](https://packagequality.com/#?package=fomantic-ui)
|
||||||
|
[![GitHub contributors](https://img.shields.io/github/contributors/fomantic/Fomantic-UI)](https://github.com/fomantic/Fomantic-UI/graphs/contributors)
|
||||||
|
[![Dependabot Status](https://api.dependabot.com/badges/status?host=github&repo=fomantic/Fomantic-UI)](https://dependabot.com)
|
||||||
|
[![Known Vulnerabilities](https://snyk.io/test/github/fomantic/Fomantic-UI/badge.svg?targetFile=package.json)](https://snyk.io/test/github/fomantic/Fomantic-UI?targetFile=package.json)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
> *NOTE:* Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues https://github.com/Semantic-Org/Semantic-UI/issues/6109 https://github.com/Semantic-Org/Semantic-UI/issues/6413
|
||||||
|
>
|
||||||
|
> *EDIT:* Lots has changed since we started this project and we are now starting the development of FUI v3. You can read more about the v3 proposals [here](https://github.com/fomantic/Fomantic-UI/issues/319).
|
||||||
|
>
|
||||||
|
> To be clear merging back into SUI is still our intention, read [this comment](https://github.com/fomantic/Fomantic-UI/issues/319#issuecomment-461736399) for more info
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Fomantic allows developers to build beautiful websites fast, with **concise HTML**, **intuitive javascript**, and **simplified debugging**, helping make front-end development a delightful experience. Fomantic is responsively designed allowing your website to scale on multiple devices.
|
||||||
|
|
||||||
|
## 📡 Installation
|
||||||
|
|
||||||
|
```bash
|
||||||
|
$ npm install fomantic-ui
|
||||||
|
```
|
||||||
|
|
||||||
|
Living on the edge? Try our nightly build and test new features and bug fixes early!
|
||||||
|
```bash
|
||||||
|
$ npm install fomantic-ui@nightly
|
||||||
|
```
|
||||||
|
|
||||||
|
Fomantic includes an interactive installer to help setup your project.
|
||||||
|
|
||||||
|
* For more details on setup visit our [getting started guide](http://fomantic-ui.com/introduction/getting-started.html).
|
||||||
|
* To learn more about theming please read our [theming guide](http://fomantic-ui.com/usage/theming.html)
|
||||||
|
|
||||||
|
### 💻 Browser Support
|
||||||
|
|
||||||
|
* Last 2 Versions FF, Chrome, Safari Mac
|
||||||
|
* IE 11+
|
||||||
|
* Android 4.4+, Chrome for Android 44+
|
||||||
|
* iOS Safari 7+
|
||||||
|
* Microsoft Edge 12+
|
||||||
|
|
||||||
|
Although some components will work in IE9, [grids](http://semantic-ui.com/collections/grid.html) and other [flexbox](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes) components are not supported by IE9 and may not appear correctly.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 📦 Other packages
|
||||||
|
|
||||||
|
| Environment | Install Command | Repository | Third-Party |
|
||||||
|
|-------------|---------------------------------------|------------------------------------------------------------------|-------------|
|
||||||
|
| CSS Only | `npm install fomantic-ui-css` | [Fomantic-UI-CSS](https://github.com/fomantic/Fomantic-UI-CSS) | |
|
||||||
|
| LESS | `npm install fomantic-ui-less` | [Fomantic-UI-LESS](https://github.com/fomantic/Fomantic-UI-LESS) | |
|
||||||
|
| SASS | `gem 'fomantic-ui-sass'` | [Fomantic-UI-SASS](https://github.com/fomantic/Fomantic-UI-SASS) | ✅ |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 💬 Community
|
||||||
|
|
||||||
|
### 💡 Getting Help
|
||||||
|
|
||||||
|
If you're looking for help with an issue we offer multiple ways for you to get support. You can post usage questions here on GitHub
|
||||||
|
or you can ask in our community [Discord](https://discord.gg/YChxjJ3) server.
|
||||||
|
|
||||||
|
### 🐛 Submitting Bugs and Enhancements
|
||||||
|
[GitHub Issues](https://github.com/fomantic/Fomantic-UI/issues) is for suggesting enhancements and reporting bugs. Before submitting a bug make sure you do the following:
|
||||||
|
* Check to see if the issue has already been raised.
|
||||||
|
* [Fork this boilerplate JSFiddle](https://jsfiddle.net/31d6y7mn) to create a reproducible example of the bug. If a bug is apparent in the docs you can simply link to the docs example, just make it clear exactly how to reproduce the issue. Only bugs that include a test case can be triaged.
|
||||||
|
* If submitting an enhancement try and create it in the [JSFiddle](https://jsfiddle.net/31d6y7mn) if not it's fine but explain clearly what you want.
|
||||||
|
|
||||||
|
### 📝 Pull Requests
|
||||||
|
|
||||||
|
Before creating a pull request be sure to read the [Contributing Guide](CONTRIBUTING.md) and our [Code of Conduct](CODE_OF_CONDUCT.md), this is where we explain everything you need to know about contributing to Fomantic.
|
||||||
|
|
||||||
|
## Sponsors
|
||||||
|
|
||||||
|
### Infrastructure hosted and powered by [DigitalOcean](https://www.digitalocean.com/?utm_medium=opensource&utm_source=fomantic)
|
||||||
|
[![DigitalOcean](https://opensource.nyc3.cdn.digitaloceanspaces.com/attribution/assets/PNG/DO_Logo_Horizontal_Blue.png)](https://www.digitalocean.com/?utm_medium=opensource&utm_source=fomantic)
|
||||||
|
|
||||||
|
Sign up now and get $100 in credit for 60 days! [Sign up here!](https://m.do.co/c/bece3e1afb7f)
|
||||||
|
|
||||||
|
|
||||||
|
### Cross-browser testing provided by [BrowserStack](https://www.browserstack.com)
|
||||||
|
[![BrowserStack](https://cdn.rawgit.com/fomantic/Fomantic-UI-Docs/35180e95/server/raw/images/browserstack.png)](https://www.browserstack.com)
|
||||||
|
|
||||||
|
|
||||||
|
### IDE's provided by [JetBrains](https://www.jetbrains.com?from=Fomantic-UI)
|
||||||
|
[![JetBrains](https://fomantic-ui.com/images/jetbrains.svg)](https://www.jetbrains.com?from=Fomantic-UI)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
#### Credit
|
||||||
|
Semantic-UI was beautifully crafted by [@jlukic](https://github.com/jlukic)
|
88
node_modules/fomantic-ui/ROADMAP.md
generated
vendored
Normal file
88
node_modules/fomantic-ui/ROADMAP.md
generated
vendored
Normal file
|
@ -0,0 +1,88 @@
|
||||||
|
# v3.0 Road Map
|
||||||
|
|
||||||
|
If you want to find out more about v3 we recommend you read the following issues
|
||||||
|
- [The future of FUI in 2019 and v3.0](https://github.com/fomantic/Fomantic-UI/issues/319)
|
||||||
|
- [v3 theming proposal](https://github.com/fomantic/Fomantic-UI/issues/441)
|
||||||
|
- [The discussion of jQuery & it's relevance to v3](https://github.com/fomantic/Fomantic-UI/issues/374)
|
||||||
|
|
||||||
|
> NOTE: Not all of these features/changes will be shipped with v3 but are on our roadmap unless specified otherwise.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### Key:
|
||||||
|
|
||||||
|
| Key | |
|
||||||
|
|-----|------------------------------------------------------------|
|
||||||
|
| 💡 | Proposal |
|
||||||
|
| ✏ | In planning/prototyping phase |
|
||||||
|
| 🛠 | Currently being implemented |
|
||||||
|
| 🚫 | Blocked (progress can't continue until something is done) |
|
||||||
|
| ✅ | Implemented and ready to ship |
|
||||||
|
| ❌ | Canceled |
|
||||||
|
| 🛳 | Will ship with initial v3 release |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### Major Changes:
|
||||||
|
|
||||||
|
- New documentation website ✏🛳
|
||||||
|
- New build system ✏🛳
|
||||||
|
- Visual component tests ✏
|
||||||
|
- CI/CD process ✏
|
||||||
|
- Rewrite modules into ES6 with classes ✏🛳
|
||||||
|
- Move to a [monorepo](https://en.wikipedia.org/wiki/Monorepo) with separate packages ✏🛳
|
||||||
|
- CLI tool ✏
|
||||||
|
- Theme builder website 💡
|
||||||
|
- Theme/plugin package sharing website 💡
|
||||||
|
- Changing icon implementation from class based to HTML attribute based (`data-icon="user"`) ✏🛳
|
||||||
|
- Theming implementation rewrite (behaviour will stay the same) ✏🛳
|
||||||
|
- Move from LESS to SASS ✏🛳
|
||||||
|
- v3 to v2 JavaScript polyfill package 💡
|
||||||
|
- Browser support for all major browsers and IE11 ✏
|
||||||
|
- Move SASS variables to CSS variables so they can be easily changed without compiling.
|
||||||
|
|
||||||
|
### Library Implementations:
|
||||||
|
|
||||||
|
This is a list of libraries we are wanting and proposing to create implementations for.
|
||||||
|
|
||||||
|
- DOM (Standard JavaScript DOM) 🛳
|
||||||
|
- React 🛳
|
||||||
|
- Vue 🛳
|
||||||
|
- Angular 💡
|
||||||
|
- Meteor 💡
|
||||||
|
- Stencil 💡
|
||||||
|
- Mithril 💡
|
||||||
|
- Web Components (Shadow DOM) 💡
|
||||||
|
|
||||||
|
### New Components:
|
||||||
|
|
||||||
|
This is a list of components which will be added or are proposed to be added.
|
||||||
|
|
||||||
|
- DataTable 💡
|
||||||
|
- Sorting
|
||||||
|
- Filtering
|
||||||
|
- Pagination
|
||||||
|
- Search
|
||||||
|
- Utility helpers (these will work on any component) ✏
|
||||||
|
- Margin (top, right, bottom, left)
|
||||||
|
- Padding (top, right, bottom, left)
|
||||||
|
- Visibility modifiers
|
||||||
|
- `only show on x`
|
||||||
|
- `only show on x and y`
|
||||||
|
- `dont show on x`
|
||||||
|
- `dont show on x or y`
|
||||||
|
- Carousel 💡🛳
|
||||||
|
- Grid (rewrite grid with CSS Grid) ✏
|
||||||
|
- More colors (tones, shades, gradients?) 💡
|
||||||
|
- File Upload (Dropzone and standard input) ✏🛳
|
||||||
|
- Color Picker 💡
|
||||||
|
- Statistics Donuts 💡
|
||||||
|
- Input Masks ✏
|
||||||
|
- Draggable 💡
|
||||||
|
- Sheets (left, right, bottom) 💡
|
||||||
|
- Toast (reimplement) ✏
|
||||||
|
- Timeline 💡
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
> If you think anything is missing please open a pull request and add it.
|
27
node_modules/fomantic-ui/SECURITY.md
generated
vendored
Normal file
27
node_modules/fomantic-ui/SECURITY.md
generated
vendored
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
# Security Policy
|
||||||
|
|
||||||
|
## Supported Versions
|
||||||
|
|
||||||
|
:white_check_mark: = Supported :lock: = Security updates :x: = Not supported
|
||||||
|
|
||||||
|
| Version | Supported |
|
||||||
|
| --------- | ------------------ |
|
||||||
|
| 2.8.x | :white_check_mark: |
|
||||||
|
| 2.7.x | :white_check_mark: |
|
||||||
|
| > 2.x.x | :lock: |
|
||||||
|
| 1.x.x | :x: |
|
||||||
|
|
||||||
|
> All security fixes will be added the next release. Unless the threat is major the fix will be released with in the normal release
|
||||||
|
> schedule.
|
||||||
|
|
||||||
|
## Reporting a Vulnerability
|
||||||
|
|
||||||
|
We take security very seriously with thousands of users using our library we need the communities help to spot security
|
||||||
|
vulnerabilities.
|
||||||
|
|
||||||
|
If you think you have found a vulnerability or have any concerns about our security please feel free to reach out to us using
|
||||||
|
the details below.
|
||||||
|
|
||||||
|
- Email: security@fomantic-ui.com or contact@fomantic-ui.com
|
||||||
|
- Twitter: [@fomanticui](https://twitter.com/fomanticui)
|
||||||
|
- Discord: [https://discord.gg/YChxjJ3](https://discord.gg/YChxjJ3)
|
29
node_modules/fomantic-ui/bower.json
generated
vendored
Normal file
29
node_modules/fomantic-ui/bower.json
generated
vendored
Normal file
|
@ -0,0 +1,29 @@
|
||||||
|
{
|
||||||
|
"name" : "fomantic-ui",
|
||||||
|
"description" : "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
|
||||||
|
"homepage" : "https://fomantic-ui.com",
|
||||||
|
"author": {
|
||||||
|
"name" : "Jack Lukic",
|
||||||
|
"web" : "http://www.jacklukic.com"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"jquery" : "^3.4.0"
|
||||||
|
},
|
||||||
|
"main": [
|
||||||
|
"src/semantic.less",
|
||||||
|
"dist/semantic.js"
|
||||||
|
],
|
||||||
|
"keywords": [
|
||||||
|
"fomantic",
|
||||||
|
"fomantic-ui",
|
||||||
|
"semantic",
|
||||||
|
"ui",
|
||||||
|
"css3",
|
||||||
|
"framework"
|
||||||
|
],
|
||||||
|
"license" : "MIT",
|
||||||
|
"ignore": [
|
||||||
|
"src/site",
|
||||||
|
"test"
|
||||||
|
]
|
||||||
|
}
|
26
node_modules/fomantic-ui/composer.json
generated
vendored
Normal file
26
node_modules/fomantic-ui/composer.json
generated
vendored
Normal file
|
@ -0,0 +1,26 @@
|
||||||
|
{
|
||||||
|
"name" : "fomantic/ui",
|
||||||
|
"description" : "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
|
||||||
|
"homepage" : "https://fomantic-ui.com",
|
||||||
|
"authors" : [
|
||||||
|
{
|
||||||
|
"name" : "Jack Lukic",
|
||||||
|
"email" : "jacklukic@gmail.com",
|
||||||
|
"homepage" : "http://www.jacklukic.com",
|
||||||
|
"role" : "Creator"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"support": {
|
||||||
|
"issues": "https://github.com/fomantic/Fomantic-UI/issues",
|
||||||
|
"source": "https://github.com/fomantic/Fomantic-UI"
|
||||||
|
},
|
||||||
|
"keywords" : [
|
||||||
|
"fomantic",
|
||||||
|
"fomantic-ui",
|
||||||
|
"semantic",
|
||||||
|
"ui",
|
||||||
|
"css",
|
||||||
|
"framework"
|
||||||
|
],
|
||||||
|
"license" : "MIT"
|
||||||
|
}
|
247
node_modules/fomantic-ui/dist/components/accordion.css
generated
vendored
Normal file
247
node_modules/fomantic-ui/dist/components/accordion.css
generated
vendored
Normal file
|
@ -0,0 +1,247 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Accordion
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Accordion
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.accordion,
|
||||||
|
.ui.accordion .accordion {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
.ui.accordion .accordion {
|
||||||
|
margin: 1em 0 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Title */
|
||||||
|
.ui.accordion .title,
|
||||||
|
.ui.accordion .accordion .title {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default Styling */
|
||||||
|
.ui.accordion .title:not(.ui) {
|
||||||
|
padding: 0.5em 0;
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 1em;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default Styling */
|
||||||
|
.ui.accordion:not(.styled) .title ~ .content:not(.ui),
|
||||||
|
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
|
||||||
|
margin: '';
|
||||||
|
padding: 0.5em 0 1em;
|
||||||
|
}
|
||||||
|
.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Arrow */
|
||||||
|
.ui.accordion .title .dropdown.icon,
|
||||||
|
.ui.accordion .accordion .title .dropdown.icon {
|
||||||
|
display: inline-block;
|
||||||
|
float: none;
|
||||||
|
opacity: 1;
|
||||||
|
width: 1.25em;
|
||||||
|
height: 1em;
|
||||||
|
margin: 0 0.25rem 0 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 1em;
|
||||||
|
-webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
|
||||||
|
transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
|
||||||
|
transition: transform 0.1s ease, opacity 0.1s ease;
|
||||||
|
transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
|
||||||
|
vertical-align: baseline;
|
||||||
|
-webkit-transform: none;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Coupling
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Menu */
|
||||||
|
.ui.accordion.menu .item .title {
|
||||||
|
display: block;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.ui.accordion.menu .item .title > .dropdown.icon {
|
||||||
|
float: right;
|
||||||
|
margin: 0.21425em 0 0 1em;
|
||||||
|
-webkit-transform: rotate(180deg);
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
.ui.accordion .ui.header .dropdown.icon {
|
||||||
|
font-size: 1em;
|
||||||
|
margin: 0 0.25rem 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.accordion .active.title .dropdown.icon,
|
||||||
|
.ui.accordion .accordion .active.title .dropdown.icon {
|
||||||
|
-webkit-transform: rotate(90deg);
|
||||||
|
transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
.ui.accordion.menu .item .active.title > .dropdown.icon {
|
||||||
|
-webkit-transform: rotate(90deg);
|
||||||
|
transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Styled
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.styled.accordion {
|
||||||
|
width: 600px;
|
||||||
|
}
|
||||||
|
.ui.styled.accordion,
|
||||||
|
.ui.styled.accordion .accordion {
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
background: #FFFFFF;
|
||||||
|
-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.styled.accordion .title,
|
||||||
|
.ui.styled.accordion .accordion .title {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.75em 1em;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
font-weight: bold;
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
-webkit-transition: background 0.1s ease, color 0.1s ease;
|
||||||
|
transition: background 0.1s ease, color 0.1s ease;
|
||||||
|
}
|
||||||
|
.ui.styled.accordion > .title:first-child,
|
||||||
|
.ui.styled.accordion .accordion .title:first-child {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Content */
|
||||||
|
.ui.styled.accordion .content,
|
||||||
|
.ui.styled.accordion .accordion .content {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.5em 1em 1.5em;
|
||||||
|
}
|
||||||
|
.ui.styled.accordion .accordion .content {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.5em 1em 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hover */
|
||||||
|
.ui.styled.accordion .title:hover,
|
||||||
|
.ui.styled.accordion .active.title,
|
||||||
|
.ui.styled.accordion .accordion .title:hover,
|
||||||
|
.ui.styled.accordion .accordion .active.title {
|
||||||
|
background: transparent;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
.ui.styled.accordion .accordion .title:hover,
|
||||||
|
.ui.styled.accordion .accordion .active.title {
|
||||||
|
background: transparent;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Active */
|
||||||
|
.ui.styled.accordion .active.title {
|
||||||
|
background: transparent;
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
.ui.styled.accordion .accordion .active.title {
|
||||||
|
background: transparent;
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Not Active
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.accordion .title ~ .content:not(.active),
|
||||||
|
.ui.accordion .accordion .title ~ .content:not(.active) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Fluid
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.fluid.accordion,
|
||||||
|
.ui.fluid.accordion .accordion {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Inverted
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.inverted.accordion .title:not(.ui) {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Accordion';
|
||||||
|
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dropdown Icon */
|
||||||
|
.ui.accordion .title .dropdown.icon,
|
||||||
|
.ui.accordion .accordion .title .dropdown.icon {
|
||||||
|
font-family: Accordion;
|
||||||
|
line-height: 1;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui.accordion .title .dropdown.icon:before,
|
||||||
|
.ui.accordion .accordion .title .dropdown.icon:before {
|
||||||
|
content: '\f0da' /*rtl:'\f0d9'*/;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
User Overrides
|
||||||
|
*******************************/
|
||||||
|
|
618
node_modules/fomantic-ui/dist/components/accordion.js
generated
vendored
Normal file
618
node_modules/fomantic-ui/dist/components/accordion.js
generated
vendored
Normal file
|
@ -0,0 +1,618 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Accordion
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
;(function ($, window, document, undefined) {
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
$.isFunction = $.isFunction || function(obj) {
|
||||||
|
return typeof obj === "function" && typeof obj.nodeType !== "number";
|
||||||
|
};
|
||||||
|
|
||||||
|
window = (typeof window != 'undefined' && window.Math == Math)
|
||||||
|
? window
|
||||||
|
: (typeof self != 'undefined' && self.Math == Math)
|
||||||
|
? self
|
||||||
|
: Function('return this')()
|
||||||
|
;
|
||||||
|
|
||||||
|
$.fn.accordion = function(parameters) {
|
||||||
|
var
|
||||||
|
$allModules = $(this),
|
||||||
|
|
||||||
|
time = new Date().getTime(),
|
||||||
|
performance = [],
|
||||||
|
|
||||||
|
query = arguments[0],
|
||||||
|
methodInvoked = (typeof query == 'string'),
|
||||||
|
queryArguments = [].slice.call(arguments, 1),
|
||||||
|
|
||||||
|
returnedValue
|
||||||
|
;
|
||||||
|
$allModules
|
||||||
|
.each(function() {
|
||||||
|
var
|
||||||
|
settings = ( $.isPlainObject(parameters) )
|
||||||
|
? $.extend(true, {}, $.fn.accordion.settings, parameters)
|
||||||
|
: $.extend({}, $.fn.accordion.settings),
|
||||||
|
|
||||||
|
className = settings.className,
|
||||||
|
namespace = settings.namespace,
|
||||||
|
selector = settings.selector,
|
||||||
|
error = settings.error,
|
||||||
|
|
||||||
|
eventNamespace = '.' + namespace,
|
||||||
|
moduleNamespace = 'module-' + namespace,
|
||||||
|
moduleSelector = $allModules.selector || '',
|
||||||
|
|
||||||
|
$module = $(this),
|
||||||
|
$title = $module.find(selector.title),
|
||||||
|
$content = $module.find(selector.content),
|
||||||
|
|
||||||
|
element = this,
|
||||||
|
instance = $module.data(moduleNamespace),
|
||||||
|
observer,
|
||||||
|
module
|
||||||
|
;
|
||||||
|
|
||||||
|
module = {
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
module.debug('Initializing', $module);
|
||||||
|
module.bind.events();
|
||||||
|
if(settings.observeChanges) {
|
||||||
|
module.observeChanges();
|
||||||
|
}
|
||||||
|
module.instantiate();
|
||||||
|
},
|
||||||
|
|
||||||
|
instantiate: function() {
|
||||||
|
instance = module;
|
||||||
|
$module
|
||||||
|
.data(moduleNamespace, module)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
|
||||||
|
destroy: function() {
|
||||||
|
module.debug('Destroying previous instance', $module);
|
||||||
|
$module
|
||||||
|
.off(eventNamespace)
|
||||||
|
.removeData(moduleNamespace)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
|
||||||
|
refresh: function() {
|
||||||
|
$title = $module.find(selector.title);
|
||||||
|
$content = $module.find(selector.content);
|
||||||
|
},
|
||||||
|
|
||||||
|
observeChanges: function() {
|
||||||
|
if('MutationObserver' in window) {
|
||||||
|
observer = new MutationObserver(function(mutations) {
|
||||||
|
module.debug('DOM tree modified, updating selector cache');
|
||||||
|
module.refresh();
|
||||||
|
});
|
||||||
|
observer.observe(element, {
|
||||||
|
childList : true,
|
||||||
|
subtree : true
|
||||||
|
});
|
||||||
|
module.debug('Setting up mutation observer', observer);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
bind: {
|
||||||
|
events: function() {
|
||||||
|
module.debug('Binding delegated events');
|
||||||
|
$module
|
||||||
|
.on(settings.on + eventNamespace, selector.trigger, module.event.click)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
event: {
|
||||||
|
click: function() {
|
||||||
|
module.toggle.call(this);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
toggle: function(query) {
|
||||||
|
var
|
||||||
|
$activeTitle = (query !== undefined)
|
||||||
|
? (typeof query === 'number')
|
||||||
|
? $title.eq(query)
|
||||||
|
: $(query).closest(selector.title)
|
||||||
|
: $(this).closest(selector.title),
|
||||||
|
$activeContent = $activeTitle.next($content),
|
||||||
|
isAnimating = $activeContent.hasClass(className.animating),
|
||||||
|
isActive = $activeContent.hasClass(className.active),
|
||||||
|
isOpen = (isActive && !isAnimating),
|
||||||
|
isOpening = (!isActive && isAnimating)
|
||||||
|
;
|
||||||
|
module.debug('Toggling visibility of content', $activeTitle);
|
||||||
|
if(isOpen || isOpening) {
|
||||||
|
if(settings.collapsible) {
|
||||||
|
module.close.call($activeTitle);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.debug('Cannot close accordion content collapsing is disabled');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.open.call($activeTitle);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
open: function(query) {
|
||||||
|
var
|
||||||
|
$activeTitle = (query !== undefined)
|
||||||
|
? (typeof query === 'number')
|
||||||
|
? $title.eq(query)
|
||||||
|
: $(query).closest(selector.title)
|
||||||
|
: $(this).closest(selector.title),
|
||||||
|
$activeContent = $activeTitle.next($content),
|
||||||
|
isAnimating = $activeContent.hasClass(className.animating),
|
||||||
|
isActive = $activeContent.hasClass(className.active),
|
||||||
|
isOpen = (isActive || isAnimating)
|
||||||
|
;
|
||||||
|
if(isOpen) {
|
||||||
|
module.debug('Accordion already open, skipping', $activeContent);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Opening accordion content', $activeTitle);
|
||||||
|
settings.onOpening.call($activeContent);
|
||||||
|
settings.onChanging.call($activeContent);
|
||||||
|
if(settings.exclusive) {
|
||||||
|
module.closeOthers.call($activeTitle);
|
||||||
|
}
|
||||||
|
$activeTitle
|
||||||
|
.addClass(className.active)
|
||||||
|
;
|
||||||
|
$activeContent
|
||||||
|
.stop(true, true)
|
||||||
|
.addClass(className.animating)
|
||||||
|
;
|
||||||
|
if(settings.animateChildren) {
|
||||||
|
if($.fn.transition !== undefined && $module.transition('is supported')) {
|
||||||
|
$activeContent
|
||||||
|
.children()
|
||||||
|
.transition({
|
||||||
|
animation : 'fade in',
|
||||||
|
queue : false,
|
||||||
|
useFailSafe : true,
|
||||||
|
debug : settings.debug,
|
||||||
|
verbose : settings.verbose,
|
||||||
|
duration : settings.duration,
|
||||||
|
skipInlineHidden : true,
|
||||||
|
onComplete: function() {
|
||||||
|
$activeContent.children().removeClass(className.transition);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$activeContent
|
||||||
|
.children()
|
||||||
|
.stop(true, true)
|
||||||
|
.animate({
|
||||||
|
opacity: 1
|
||||||
|
}, settings.duration, module.resetOpacity)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$activeContent
|
||||||
|
.slideDown(settings.duration, settings.easing, function() {
|
||||||
|
$activeContent
|
||||||
|
.removeClass(className.animating)
|
||||||
|
.addClass(className.active)
|
||||||
|
;
|
||||||
|
module.reset.display.call(this);
|
||||||
|
settings.onOpen.call(this);
|
||||||
|
settings.onChange.call(this);
|
||||||
|
})
|
||||||
|
;
|
||||||
|
},
|
||||||
|
|
||||||
|
close: function(query) {
|
||||||
|
var
|
||||||
|
$activeTitle = (query !== undefined)
|
||||||
|
? (typeof query === 'number')
|
||||||
|
? $title.eq(query)
|
||||||
|
: $(query).closest(selector.title)
|
||||||
|
: $(this).closest(selector.title),
|
||||||
|
$activeContent = $activeTitle.next($content),
|
||||||
|
isAnimating = $activeContent.hasClass(className.animating),
|
||||||
|
isActive = $activeContent.hasClass(className.active),
|
||||||
|
isOpening = (!isActive && isAnimating),
|
||||||
|
isClosing = (isActive && isAnimating)
|
||||||
|
;
|
||||||
|
if((isActive || isOpening) && !isClosing) {
|
||||||
|
module.debug('Closing accordion content', $activeContent);
|
||||||
|
settings.onClosing.call($activeContent);
|
||||||
|
settings.onChanging.call($activeContent);
|
||||||
|
$activeTitle
|
||||||
|
.removeClass(className.active)
|
||||||
|
;
|
||||||
|
$activeContent
|
||||||
|
.stop(true, true)
|
||||||
|
.addClass(className.animating)
|
||||||
|
;
|
||||||
|
if(settings.animateChildren) {
|
||||||
|
if($.fn.transition !== undefined && $module.transition('is supported')) {
|
||||||
|
$activeContent
|
||||||
|
.children()
|
||||||
|
.transition({
|
||||||
|
animation : 'fade out',
|
||||||
|
queue : false,
|
||||||
|
useFailSafe : true,
|
||||||
|
debug : settings.debug,
|
||||||
|
verbose : settings.verbose,
|
||||||
|
duration : settings.duration,
|
||||||
|
skipInlineHidden : true
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$activeContent
|
||||||
|
.children()
|
||||||
|
.stop(true, true)
|
||||||
|
.animate({
|
||||||
|
opacity: 0
|
||||||
|
}, settings.duration, module.resetOpacity)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$activeContent
|
||||||
|
.slideUp(settings.duration, settings.easing, function() {
|
||||||
|
$activeContent
|
||||||
|
.removeClass(className.animating)
|
||||||
|
.removeClass(className.active)
|
||||||
|
;
|
||||||
|
module.reset.display.call(this);
|
||||||
|
settings.onClose.call(this);
|
||||||
|
settings.onChange.call(this);
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
closeOthers: function(index) {
|
||||||
|
var
|
||||||
|
$activeTitle = (index !== undefined)
|
||||||
|
? $title.eq(index)
|
||||||
|
: $(this).closest(selector.title),
|
||||||
|
$parentTitles = $activeTitle.parents(selector.content).prev(selector.title),
|
||||||
|
$activeAccordion = $activeTitle.closest(selector.accordion),
|
||||||
|
activeSelector = selector.title + '.' + className.active + ':visible',
|
||||||
|
activeContent = selector.content + '.' + className.active + ':visible',
|
||||||
|
$openTitles,
|
||||||
|
$nestedTitles,
|
||||||
|
$openContents
|
||||||
|
;
|
||||||
|
if(settings.closeNested) {
|
||||||
|
$openTitles = $activeAccordion.find(activeSelector).not($parentTitles);
|
||||||
|
$openContents = $openTitles.next($content);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$openTitles = $activeAccordion.find(activeSelector).not($parentTitles);
|
||||||
|
$nestedTitles = $activeAccordion.find(activeContent).find(activeSelector).not($parentTitles);
|
||||||
|
$openTitles = $openTitles.not($nestedTitles);
|
||||||
|
$openContents = $openTitles.next($content);
|
||||||
|
}
|
||||||
|
if( ($openTitles.length > 0) ) {
|
||||||
|
module.debug('Exclusive enabled, closing other content', $openTitles);
|
||||||
|
$openTitles
|
||||||
|
.removeClass(className.active)
|
||||||
|
;
|
||||||
|
$openContents
|
||||||
|
.removeClass(className.animating)
|
||||||
|
.stop(true, true)
|
||||||
|
;
|
||||||
|
if(settings.animateChildren) {
|
||||||
|
if($.fn.transition !== undefined && $module.transition('is supported')) {
|
||||||
|
$openContents
|
||||||
|
.children()
|
||||||
|
.transition({
|
||||||
|
animation : 'fade out',
|
||||||
|
useFailSafe : true,
|
||||||
|
debug : settings.debug,
|
||||||
|
verbose : settings.verbose,
|
||||||
|
duration : settings.duration,
|
||||||
|
skipInlineHidden : true
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$openContents
|
||||||
|
.children()
|
||||||
|
.stop(true, true)
|
||||||
|
.animate({
|
||||||
|
opacity: 0
|
||||||
|
}, settings.duration, module.resetOpacity)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$openContents
|
||||||
|
.slideUp(settings.duration , settings.easing, function() {
|
||||||
|
$(this).removeClass(className.active);
|
||||||
|
module.reset.display.call(this);
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
reset: {
|
||||||
|
|
||||||
|
display: function() {
|
||||||
|
module.verbose('Removing inline display from element', this);
|
||||||
|
$(this).css('display', '');
|
||||||
|
if( $(this).attr('style') === '') {
|
||||||
|
$(this)
|
||||||
|
.attr('style', '')
|
||||||
|
.removeAttr('style')
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
opacity: function() {
|
||||||
|
module.verbose('Removing inline opacity from element', this);
|
||||||
|
$(this).css('opacity', '');
|
||||||
|
if( $(this).attr('style') === '') {
|
||||||
|
$(this)
|
||||||
|
.attr('style', '')
|
||||||
|
.removeAttr('style')
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
setting: function(name, value) {
|
||||||
|
module.debug('Changing setting', name, value);
|
||||||
|
if( $.isPlainObject(name) ) {
|
||||||
|
$.extend(true, settings, name);
|
||||||
|
}
|
||||||
|
else if(value !== undefined) {
|
||||||
|
if($.isPlainObject(settings[name])) {
|
||||||
|
$.extend(true, settings[name], value);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
settings[name] = value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return settings[name];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
internal: function(name, value) {
|
||||||
|
module.debug('Changing internal', name, value);
|
||||||
|
if(value !== undefined) {
|
||||||
|
if( $.isPlainObject(name) ) {
|
||||||
|
$.extend(true, module, name);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module[name] = value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return module[name];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
debug: function() {
|
||||||
|
if(!settings.silent && settings.debug) {
|
||||||
|
if(settings.performance) {
|
||||||
|
module.performance.log(arguments);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
|
||||||
|
module.debug.apply(console, arguments);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
verbose: function() {
|
||||||
|
if(!settings.silent && settings.verbose && settings.debug) {
|
||||||
|
if(settings.performance) {
|
||||||
|
module.performance.log(arguments);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
|
||||||
|
module.verbose.apply(console, arguments);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function() {
|
||||||
|
if(!settings.silent) {
|
||||||
|
module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
|
||||||
|
module.error.apply(console, arguments);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
performance: {
|
||||||
|
log: function(message) {
|
||||||
|
var
|
||||||
|
currentTime,
|
||||||
|
executionTime,
|
||||||
|
previousTime
|
||||||
|
;
|
||||||
|
if(settings.performance) {
|
||||||
|
currentTime = new Date().getTime();
|
||||||
|
previousTime = time || currentTime;
|
||||||
|
executionTime = currentTime - previousTime;
|
||||||
|
time = currentTime;
|
||||||
|
performance.push({
|
||||||
|
'Name' : message[0],
|
||||||
|
'Arguments' : [].slice.call(message, 1) || '',
|
||||||
|
'Element' : element,
|
||||||
|
'Execution Time' : executionTime
|
||||||
|
});
|
||||||
|
}
|
||||||
|
clearTimeout(module.performance.timer);
|
||||||
|
module.performance.timer = setTimeout(module.performance.display, 500);
|
||||||
|
},
|
||||||
|
display: function() {
|
||||||
|
var
|
||||||
|
title = settings.name + ':',
|
||||||
|
totalTime = 0
|
||||||
|
;
|
||||||
|
time = false;
|
||||||
|
clearTimeout(module.performance.timer);
|
||||||
|
$.each(performance, function(index, data) {
|
||||||
|
totalTime += data['Execution Time'];
|
||||||
|
});
|
||||||
|
title += ' ' + totalTime + 'ms';
|
||||||
|
if(moduleSelector) {
|
||||||
|
title += ' \'' + moduleSelector + '\'';
|
||||||
|
}
|
||||||
|
if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
|
||||||
|
console.groupCollapsed(title);
|
||||||
|
if(console.table) {
|
||||||
|
console.table(performance);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$.each(performance, function(index, data) {
|
||||||
|
console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
console.groupEnd();
|
||||||
|
}
|
||||||
|
performance = [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
invoke: function(query, passedArguments, context) {
|
||||||
|
var
|
||||||
|
object = instance,
|
||||||
|
maxDepth,
|
||||||
|
found,
|
||||||
|
response
|
||||||
|
;
|
||||||
|
passedArguments = passedArguments || queryArguments;
|
||||||
|
context = element || context;
|
||||||
|
if(typeof query == 'string' && object !== undefined) {
|
||||||
|
query = query.split(/[\. ]/);
|
||||||
|
maxDepth = query.length - 1;
|
||||||
|
$.each(query, function(depth, value) {
|
||||||
|
var camelCaseValue = (depth != maxDepth)
|
||||||
|
? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
|
||||||
|
: query
|
||||||
|
;
|
||||||
|
if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
|
||||||
|
object = object[camelCaseValue];
|
||||||
|
}
|
||||||
|
else if( object[camelCaseValue] !== undefined ) {
|
||||||
|
found = object[camelCaseValue];
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
|
||||||
|
object = object[value];
|
||||||
|
}
|
||||||
|
else if( object[value] !== undefined ) {
|
||||||
|
found = object[value];
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.error(error.method, query);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if ( $.isFunction( found ) ) {
|
||||||
|
response = found.apply(context, passedArguments);
|
||||||
|
}
|
||||||
|
else if(found !== undefined) {
|
||||||
|
response = found;
|
||||||
|
}
|
||||||
|
if(Array.isArray(returnedValue)) {
|
||||||
|
returnedValue.push(response);
|
||||||
|
}
|
||||||
|
else if(returnedValue !== undefined) {
|
||||||
|
returnedValue = [returnedValue, response];
|
||||||
|
}
|
||||||
|
else if(response !== undefined) {
|
||||||
|
returnedValue = response;
|
||||||
|
}
|
||||||
|
return found;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
if(methodInvoked) {
|
||||||
|
if(instance === undefined) {
|
||||||
|
module.initialize();
|
||||||
|
}
|
||||||
|
module.invoke(query);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if(instance !== undefined) {
|
||||||
|
instance.invoke('destroy');
|
||||||
|
}
|
||||||
|
module.initialize();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
return (returnedValue !== undefined)
|
||||||
|
? returnedValue
|
||||||
|
: this
|
||||||
|
;
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.accordion.settings = {
|
||||||
|
|
||||||
|
name : 'Accordion',
|
||||||
|
namespace : 'accordion',
|
||||||
|
|
||||||
|
silent : false,
|
||||||
|
debug : false,
|
||||||
|
verbose : false,
|
||||||
|
performance : true,
|
||||||
|
|
||||||
|
on : 'click', // event on title that opens accordion
|
||||||
|
|
||||||
|
observeChanges : true, // whether accordion should automatically refresh on DOM insertion
|
||||||
|
|
||||||
|
exclusive : true, // whether a single accordion content panel should be open at once
|
||||||
|
collapsible : true, // whether accordion content can be closed
|
||||||
|
closeNested : false, // whether nested content should be closed when a panel is closed
|
||||||
|
animateChildren : true, // whether children opacity should be animated
|
||||||
|
|
||||||
|
duration : 350, // duration of animation
|
||||||
|
easing : 'easeOutQuad', // easing equation for animation
|
||||||
|
|
||||||
|
onOpening : function(){}, // callback before open animation
|
||||||
|
onClosing : function(){}, // callback before closing animation
|
||||||
|
onChanging : function(){}, // callback before closing or opening animation
|
||||||
|
|
||||||
|
onOpen : function(){}, // callback after open animation
|
||||||
|
onClose : function(){}, // callback after closing animation
|
||||||
|
onChange : function(){}, // callback after closing or opening animation
|
||||||
|
|
||||||
|
error: {
|
||||||
|
method : 'The method you called is not defined'
|
||||||
|
},
|
||||||
|
|
||||||
|
className : {
|
||||||
|
active : 'active',
|
||||||
|
animating : 'animating',
|
||||||
|
transition: 'transition'
|
||||||
|
},
|
||||||
|
|
||||||
|
selector : {
|
||||||
|
accordion : '.accordion',
|
||||||
|
title : '.title',
|
||||||
|
trigger : '.title',
|
||||||
|
content : '.content'
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
// Adds easing
|
||||||
|
$.extend( $.easing, {
|
||||||
|
easeOutQuad: function (x, t, b, c, d) {
|
||||||
|
return -c *(t/=d)*(t-2) + b;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
})( jQuery, window, document );
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/accordion.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/accordion.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
11
node_modules/fomantic-ui/dist/components/accordion.min.js
generated
vendored
Normal file
11
node_modules/fomantic-ui/dist/components/accordion.min.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
275
node_modules/fomantic-ui/dist/components/ad.css
generated
vendored
Normal file
275
node_modules/fomantic-ui/dist/components/ad.css
generated
vendored
Normal file
|
@ -0,0 +1,275 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Ad
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Copyright 2013 Contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Advertisement
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.ad {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
.ui.ad:first-child {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.ui.ad:last-child {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.ui.ad iframe {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Common
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Leaderboard */
|
||||||
|
.ui.leaderboard.ad {
|
||||||
|
width: 728px;
|
||||||
|
height: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Medium Rectangle */
|
||||||
|
.ui[class*="medium rectangle"].ad {
|
||||||
|
width: 300px;
|
||||||
|
height: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Large Rectangle */
|
||||||
|
.ui[class*="large rectangle"].ad {
|
||||||
|
width: 336px;
|
||||||
|
height: 280px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Half Page */
|
||||||
|
.ui[class*="half page"].ad {
|
||||||
|
width: 300px;
|
||||||
|
height: 600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Square
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Square */
|
||||||
|
.ui.square.ad {
|
||||||
|
width: 250px;
|
||||||
|
height: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Small Square */
|
||||||
|
.ui[class*="small square"].ad {
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Rectangle
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Small Rectangle */
|
||||||
|
.ui[class*="small rectangle"].ad {
|
||||||
|
width: 180px;
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Vertical Rectangle */
|
||||||
|
.ui[class*="vertical rectangle"].ad {
|
||||||
|
width: 240px;
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Button
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.button.ad {
|
||||||
|
width: 120px;
|
||||||
|
height: 90px;
|
||||||
|
}
|
||||||
|
.ui[class*="square button"].ad {
|
||||||
|
width: 125px;
|
||||||
|
height: 125px;
|
||||||
|
}
|
||||||
|
.ui[class*="small button"].ad {
|
||||||
|
width: 120px;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Skyscrapers
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Skyscraper */
|
||||||
|
.ui.skyscraper.ad {
|
||||||
|
width: 120px;
|
||||||
|
height: 600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Wide Skyscraper */
|
||||||
|
.ui[class*="wide skyscraper"].ad {
|
||||||
|
width: 160px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Banners
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Banner */
|
||||||
|
.ui.banner.ad {
|
||||||
|
width: 468px;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Vertical Banner */
|
||||||
|
.ui[class*="vertical banner"].ad {
|
||||||
|
width: 120px;
|
||||||
|
height: 240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Top Banner */
|
||||||
|
.ui[class*="top banner"].ad {
|
||||||
|
width: 930px;
|
||||||
|
height: 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Half Banner */
|
||||||
|
.ui[class*="half banner"].ad {
|
||||||
|
width: 234px;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Boards
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Leaderboard */
|
||||||
|
.ui[class*="large leaderboard"].ad {
|
||||||
|
width: 970px;
|
||||||
|
height: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Billboard */
|
||||||
|
.ui.billboard.ad {
|
||||||
|
width: 970px;
|
||||||
|
height: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Panorama
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Panorama */
|
||||||
|
.ui.panorama.ad {
|
||||||
|
width: 980px;
|
||||||
|
height: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Netboard
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Netboard */
|
||||||
|
.ui.netboard.ad {
|
||||||
|
width: 580px;
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Mobile
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Large Mobile Banner */
|
||||||
|
.ui[class*="large mobile banner"].ad {
|
||||||
|
width: 320px;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Leaderboard */
|
||||||
|
.ui[class*="mobile leaderboard"].ad {
|
||||||
|
width: 320px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Mobile Sizes */
|
||||||
|
.ui.mobile.ad {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.mobile.ad {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.centered.ad {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.ui.test.ad {
|
||||||
|
position: relative;
|
||||||
|
background: #545454;
|
||||||
|
}
|
||||||
|
.ui.test.ad:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
content: 'Ad';
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.ui.mobile.test.ad:after {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.test.ad[data-text]:after {
|
||||||
|
content: attr(data-text);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
User Variable Overrides
|
||||||
|
*******************************/
|
||||||
|
|
10
node_modules/fomantic-ui/dist/components/ad.min.css
generated
vendored
Normal file
10
node_modules/fomantic-ui/dist/components/ad.min.css
generated
vendored
Normal file
|
@ -0,0 +1,10 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Ad
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Copyright 2013 Contributors
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:767.98px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.85714286em}.ui.test.ad[data-text]:after{content:attr(data-text)}
|
1177
node_modules/fomantic-ui/dist/components/api.js
generated
vendored
Normal file
1177
node_modules/fomantic-ui/dist/components/api.js
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
11
node_modules/fomantic-ui/dist/components/api.min.js
generated
vendored
Normal file
11
node_modules/fomantic-ui/dist/components/api.min.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
135
node_modules/fomantic-ui/dist/components/breadcrumb.css
generated
vendored
Normal file
135
node_modules/fomantic-ui/dist/components/breadcrumb.css
generated
vendored
Normal file
|
@ -0,0 +1,135 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Breadcrumb
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Breadcrumb
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.breadcrumb {
|
||||||
|
line-height: 1.4285em;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 0;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.ui.breadcrumb:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.ui.breadcrumb:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Content
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Divider */
|
||||||
|
.ui.breadcrumb .divider {
|
||||||
|
display: inline-block;
|
||||||
|
opacity: 0.7;
|
||||||
|
margin: 0 0.21428571rem 0;
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Link */
|
||||||
|
.ui.breadcrumb a {
|
||||||
|
color: #4183C4;
|
||||||
|
}
|
||||||
|
.ui.breadcrumb a:hover {
|
||||||
|
color: #1e70bf;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icon Divider */
|
||||||
|
.ui.breadcrumb .icon.divider {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Section */
|
||||||
|
.ui.breadcrumb a.section {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui.breadcrumb .section {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Loose Coupling */
|
||||||
|
.ui.breadcrumb.segment {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0.78571429em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.breadcrumb {
|
||||||
|
color: #DCDDDE;
|
||||||
|
}
|
||||||
|
.ui.inverted.breadcrumb > .active.section {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.inverted.breadcrumb > .divider {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.breadcrumb .active.section {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.breadcrumb {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.mini.breadcrumb {
|
||||||
|
font-size: 0.78571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.breadcrumb {
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.breadcrumb {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.large.breadcrumb {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.big.breadcrumb {
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.huge.breadcrumb {
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.breadcrumb {
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/breadcrumb.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/breadcrumb.min.css
generated
vendored
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Breadcrumb
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/.ui.breadcrumb{line-height:1.4285em;display:inline-block;margin:0 0;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.7;margin:0 .21428571rem 0;font-size:.92857143em;color:rgba(0,0,0,.4);vertical-align:baseline}.ui.breadcrumb a{color:#4183c4}.ui.breadcrumb a:hover{color:#1e70bf}.ui.breadcrumb .icon.divider{font-size:.85714286em;vertical-align:baseline}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.78571429em 1em}.ui.inverted.breadcrumb{color:#dcddde}.ui.inverted.breadcrumb>.active.section{color:#fff}.ui.inverted.breadcrumb>.divider{color:rgba(255,255,255,.7)}.ui.breadcrumb .active.section{font-weight:700}.ui.breadcrumb{font-size:1rem}.ui.mini.breadcrumb{font-size:.78571429rem}.ui.tiny.breadcrumb{font-size:.85714286rem}.ui.small.breadcrumb{font-size:.92857143rem}.ui.large.breadcrumb{font-size:1.14285714rem}.ui.big.breadcrumb{font-size:1.28571429rem}.ui.huge.breadcrumb{font-size:1.42857143rem}.ui.massive.breadcrumb{font-size:1.71428571rem}
|
4405
node_modules/fomantic-ui/dist/components/button.css
generated
vendored
Normal file
4405
node_modules/fomantic-ui/dist/components/button.css
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
9
node_modules/fomantic-ui/dist/components/button.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/button.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
176
node_modules/fomantic-ui/dist/components/calendar.css
generated
vendored
Normal file
176
node_modules/fomantic-ui/dist/components/calendar.css
generated
vendored
Normal file
|
@ -0,0 +1,176 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Calendar
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Popup
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.calendar .ui.popup {
|
||||||
|
max-width: none;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Calendar
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.calendar .calendar:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Grid
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.calendar .ui.popup .ui.grid {
|
||||||
|
display: block;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.popup .ui.grid > .column {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Table
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.calendar .ui.table.year,
|
||||||
|
.ui.calendar .ui.table.month,
|
||||||
|
.ui.calendar .ui.table.minute {
|
||||||
|
min-width: 15em;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table.day {
|
||||||
|
min-width: 18em;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table.day.andweek {
|
||||||
|
min-width: 22em;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table.hour {
|
||||||
|
min-width: 20em;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table tr th,
|
||||||
|
.ui.calendar .ui.table tr td {
|
||||||
|
padding: 0.5em;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table tr th {
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table tr th i.icon {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table tr:first-child th {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table.day tr:first-child th {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table.day tr:nth-child(2) th {
|
||||||
|
padding-top: 0.2em;
|
||||||
|
padding-bottom: 0.3em;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table tr td {
|
||||||
|
padding-left: 0.1em;
|
||||||
|
padding-right: 0.1em;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table tr .link {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table tr .prev.link {
|
||||||
|
width: 14.28571429%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table tr .next.link {
|
||||||
|
width: 14.28571429%;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.ui.ui.calendar .ui.table tr .disabled {
|
||||||
|
pointer-events: auto;
|
||||||
|
cursor: default;
|
||||||
|
color: rgba(40, 40, 40, 0.3);
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table tr .adjacent:not(.disabled):not(.active) {
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
background: rgba(0, 0, 0, 0.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
States
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.calendar .ui.table tr td.today {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.ui.calendar .ui.table tr td.range {
|
||||||
|
background: rgba(0, 0, 0, 0.05);
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus,
|
||||||
|
.ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus {
|
||||||
|
-webkit-box-shadow: inset 0 0 0 1px #85B7D9;
|
||||||
|
box-shadow: inset 0 0 0 1px #85B7D9;
|
||||||
|
}
|
||||||
|
.ui.inverted.calendar .ui.table.inverted tr td.range {
|
||||||
|
background: rgba(255, 255, 255, 0.08);
|
||||||
|
color: #ffffff;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus,
|
||||||
|
.ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus {
|
||||||
|
-webkit-box-shadow: inset 0 0 0 1px #85B7D9;
|
||||||
|
box-shadow: inset 0 0 0 1px #85B7D9;
|
||||||
|
}
|
||||||
|
.ui.inverted.calendar .ui.inverted.table tr .disabled {
|
||||||
|
color: rgba(225, 225, 225, 0.3);
|
||||||
|
}
|
||||||
|
.ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled):not(.active) {
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Disabled
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.disabled.calendar {
|
||||||
|
opacity: 0.45;
|
||||||
|
}
|
||||||
|
.ui.disabled.calendar > .input,
|
||||||
|
.ui.disabled.calendar .ui.table tr .link {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
1772
node_modules/fomantic-ui/dist/components/calendar.js
generated
vendored
Normal file
1772
node_modules/fomantic-ui/dist/components/calendar.js
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
9
node_modules/fomantic-ui/dist/components/calendar.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/calendar.min.css
generated
vendored
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Calendar
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/.ui.calendar .ui.popup{max-width:none;padding:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.calendar .calendar:focus{outline:0}.ui.calendar .ui.popup .ui.grid{display:block;white-space:nowrap}.ui.calendar .ui.popup .ui.grid>.column{width:auto}.ui.calendar .ui.table.minute,.ui.calendar .ui.table.month,.ui.calendar .ui.table.year{min-width:15em}.ui.calendar .ui.table.day{min-width:18em}.ui.calendar .ui.table.day.andweek{min-width:22em}.ui.calendar .ui.table.hour{min-width:20em}.ui.calendar .ui.table tr td,.ui.calendar .ui.table tr th{padding:.5em;white-space:nowrap}.ui.calendar .ui.table tr th{border-left:none}.ui.calendar .ui.table tr th i.icon{margin:0}.ui.calendar .ui.table tr:first-child th{position:relative;padding-left:0;padding-right:0}.ui.calendar .ui.table.day tr:first-child th{border:none}.ui.calendar .ui.table.day tr:nth-child(2) th{padding-top:.2em;padding-bottom:.3em}.ui.calendar .ui.table tr td{padding-left:.1em;padding-right:.1em}.ui.calendar .ui.table tr .link{cursor:pointer}.ui.calendar .ui.table tr .prev.link{width:14.28571429%;position:absolute;left:0}.ui.calendar .ui.table tr .next.link{width:14.28571429%;position:absolute;right:0}.ui.ui.calendar .ui.table tr .disabled{pointer-events:auto;cursor:default;color:rgba(40,40,40,.3)}.ui.calendar .ui.table tr .adjacent:not(.disabled):not(.active){color:rgba(0,0,0,.6);background:rgba(0,0,0,.03)}.ui.calendar .ui.table tr td.today{font-weight:700}.ui.calendar .ui.table tr td.range{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);-webkit-box-shadow:none;box-shadow:none}.ui.calendar:not(.disabled) .calendar.active .ui.table tbody tr td.focus,.ui.calendar:not(.disabled) .calendar:focus .ui.table tbody tr td.focus{-webkit-box-shadow:inset 0 0 0 1px #85b7d9;box-shadow:inset 0 0 0 1px #85b7d9}.ui.inverted.calendar .ui.table.inverted tr td.range{background:rgba(255,255,255,.08);color:#fff;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.calendar:not(.disabled) .calendar.active .ui.table.inverted tbody tr td.focus,.ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus{-webkit-box-shadow:inset 0 0 0 1px #85b7d9;box-shadow:inset 0 0 0 1px #85b7d9}.ui.inverted.calendar .ui.inverted.table tr .disabled{color:rgba(225,225,225,.3)}.ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled):not(.active){color:rgba(255,255,255,.8);background:rgba(255,255,255,.02)}.ui.disabled.calendar{opacity:.45}.ui.disabled.calendar .ui.table tr .link,.ui.disabled.calendar>.input{pointer-events:none}
|
11
node_modules/fomantic-ui/dist/components/calendar.min.js
generated
vendored
Normal file
11
node_modules/fomantic-ui/dist/components/calendar.min.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1390
node_modules/fomantic-ui/dist/components/card.css
generated
vendored
Normal file
1390
node_modules/fomantic-ui/dist/components/card.css
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
9
node_modules/fomantic-ui/dist/components/card.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/card.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
811
node_modules/fomantic-ui/dist/components/checkbox.css
generated
vendored
Normal file
811
node_modules/fomantic-ui/dist/components/checkbox.css
generated
vendored
Normal file
|
@ -0,0 +1,811 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Checkbox
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Checkbox
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Content
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.checkbox {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
outline: none;
|
||||||
|
vertical-align: baseline;
|
||||||
|
font-style: normal;
|
||||||
|
min-height: 17px;
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 17px;
|
||||||
|
min-width: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HTML Checkbox */
|
||||||
|
.ui.checkbox input[type="checkbox"],
|
||||||
|
.ui.checkbox input[type="radio"] {
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
opacity: 0 !important;
|
||||||
|
outline: none;
|
||||||
|
z-index: 3;
|
||||||
|
width: 17px;
|
||||||
|
height: 17px;
|
||||||
|
}
|
||||||
|
.ui.checkbox label {
|
||||||
|
cursor: auto;
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
padding-left: 1.85714em;
|
||||||
|
outline: none;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.checkbox label:before {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 17px;
|
||||||
|
height: 17px;
|
||||||
|
content: '';
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 0.21428571rem;
|
||||||
|
-webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
|
||||||
|
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
border: 1px solid #D4D4D5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Checkmark
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.checkbox label:after {
|
||||||
|
position: absolute;
|
||||||
|
font-size: 14px;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 17px;
|
||||||
|
height: 17px;
|
||||||
|
text-align: center;
|
||||||
|
opacity: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
-webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
|
||||||
|
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.checkbox label {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 1.85714em;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.checkbox label:after,
|
||||||
|
.ui.right.aligned.checkbox label:before {
|
||||||
|
right: 0;
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Label
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Inside */
|
||||||
|
.ui.checkbox label,
|
||||||
|
.ui.checkbox + label {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
-webkit-transition: color 0.1s ease;
|
||||||
|
transition: color 0.1s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Outside */
|
||||||
|
.ui.checkbox + label {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Hover
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.checkbox label:hover::before {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-color: rgba(34, 36, 38, 0.35);
|
||||||
|
}
|
||||||
|
.ui.checkbox label:hover,
|
||||||
|
.ui.checkbox + label:hover {
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Down
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.checkbox label:active::before {
|
||||||
|
background: #F9FAFB;
|
||||||
|
border-color: rgba(34, 36, 38, 0.35);
|
||||||
|
}
|
||||||
|
.ui.checkbox label:active::after {
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
.ui.checkbox input:active ~ label {
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Focus
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.checkbox input:focus ~ label:before {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-color: #96C8DA;
|
||||||
|
}
|
||||||
|
.ui.checkbox input:focus ~ label:after {
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
.ui.checkbox input:focus ~ label {
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Active
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.checkbox input:checked ~ label:before {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-color: rgba(34, 36, 38, 0.35);
|
||||||
|
}
|
||||||
|
.ui.checkbox input:checked ~ label:after {
|
||||||
|
opacity: 1;
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Indeterminate
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-color: rgba(34, 36, 38, 0.35);
|
||||||
|
}
|
||||||
|
.ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
|
||||||
|
opacity: 1;
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
.ui.indeterminate.toggle.checkbox input:not([type=radio]):indeterminate ~ label:before {
|
||||||
|
background: rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
.ui.indeterminate.toggle.checkbox input:not([type=radio]) ~ label:after {
|
||||||
|
left: 1.075rem;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.indeterminate.toggle.checkbox input:not([type=radio]) ~ label:after {
|
||||||
|
left: auto;
|
||||||
|
right: 1.075rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Active Focus
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
|
||||||
|
.ui.checkbox input:checked:focus ~ label:before {
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-color: #96C8DA;
|
||||||
|
}
|
||||||
|
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
|
||||||
|
.ui.checkbox input:checked:focus ~ label:after {
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Read-Only
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.read-only.checkbox,
|
||||||
|
.ui.read-only.checkbox label {
|
||||||
|
cursor: default;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Disabled
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.disabled.checkbox label,
|
||||||
|
.ui.checkbox input[disabled] ~ label {
|
||||||
|
cursor: default;
|
||||||
|
opacity: 0.5;
|
||||||
|
color: #000000;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Hidden
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Initialized checkbox moves input below element
|
||||||
|
to prevent manually triggering */
|
||||||
|
.ui.checkbox input.hidden {
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Selectable Label */
|
||||||
|
.ui.checkbox input.hidden + label {
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Radio
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.radio.checkbox {
|
||||||
|
min-height: 15px;
|
||||||
|
}
|
||||||
|
.ui.radio.checkbox label {
|
||||||
|
padding-left: 1.85714em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Box */
|
||||||
|
.ui.radio.checkbox label:before {
|
||||||
|
content: '';
|
||||||
|
-webkit-transform: none;
|
||||||
|
transform: none;
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
border-radius: 500rem;
|
||||||
|
top: 1px;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bullet */
|
||||||
|
.ui.radio.checkbox label:after {
|
||||||
|
border: none;
|
||||||
|
content: '' !important;
|
||||||
|
line-height: 15px;
|
||||||
|
top: 1px;
|
||||||
|
left: 0;
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
border-radius: 500rem;
|
||||||
|
-webkit-transform: scale(0.46666667);
|
||||||
|
transform: scale(0.46666667);
|
||||||
|
background-color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Focus */
|
||||||
|
.ui.radio.checkbox input:focus ~ label:before {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.radio.checkbox input:focus ~ label:after {
|
||||||
|
background-color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Indeterminate */
|
||||||
|
.ui.radio.checkbox input:indeterminate ~ label:after {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Active */
|
||||||
|
.ui.radio.checkbox input:checked ~ label:before {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.radio.checkbox input:checked ~ label:after {
|
||||||
|
background-color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Active Focus */
|
||||||
|
.ui.radio.checkbox input:focus:checked ~ label:before {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.radio.checkbox input:focus:checked ~ label:after {
|
||||||
|
background-color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Slider
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.slider.checkbox {
|
||||||
|
min-height: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Input */
|
||||||
|
.ui.slider.checkbox input {
|
||||||
|
width: 3.5rem;
|
||||||
|
height: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Label */
|
||||||
|
.ui.slider.checkbox label {
|
||||||
|
padding-left: 4.5rem;
|
||||||
|
line-height: 1rem;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Line */
|
||||||
|
.ui.slider.checkbox label:before {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
-webkit-transform: none;
|
||||||
|
transform: none;
|
||||||
|
border: none !important;
|
||||||
|
left: 0;
|
||||||
|
z-index: 1;
|
||||||
|
top: 0.4rem;
|
||||||
|
background-color: rgba(0, 0, 0, 0.05);
|
||||||
|
width: 3.5rem;
|
||||||
|
height: 0.21428571rem;
|
||||||
|
border-radius: 500rem;
|
||||||
|
-webkit-transition: background 0.3s ease;
|
||||||
|
transition: background 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Handle */
|
||||||
|
.ui.slider.checkbox label:after {
|
||||||
|
background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
|
||||||
|
background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||||
|
background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||||
|
position: absolute;
|
||||||
|
content: '' !important;
|
||||||
|
opacity: 1;
|
||||||
|
z-index: 2;
|
||||||
|
border: none;
|
||||||
|
-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
||||||
|
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
||||||
|
width: 1.5rem;
|
||||||
|
height: 1.5rem;
|
||||||
|
top: -0.25rem;
|
||||||
|
left: 0;
|
||||||
|
-webkit-transform: none;
|
||||||
|
transform: none;
|
||||||
|
border-radius: 500rem;
|
||||||
|
-webkit-transition: left 0.3s ease;
|
||||||
|
transition: left 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Focus */
|
||||||
|
.ui.slider.checkbox input:focus ~ label:before {
|
||||||
|
background-color: rgba(0, 0, 0, 0.15);
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hover */
|
||||||
|
.ui.slider.checkbox label:hover {
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
}
|
||||||
|
.ui.slider.checkbox label:hover::before {
|
||||||
|
background: rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Active */
|
||||||
|
.ui.slider.checkbox input:checked ~ label {
|
||||||
|
color: rgba(0, 0, 0, 0.95) !important;
|
||||||
|
}
|
||||||
|
.ui.slider.checkbox input:checked ~ label:before {
|
||||||
|
background-color: #545454 !important;
|
||||||
|
}
|
||||||
|
.ui.slider.checkbox input:checked ~ label:after {
|
||||||
|
left: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Active Focus */
|
||||||
|
.ui.slider.checkbox input:focus:checked ~ label {
|
||||||
|
color: rgba(0, 0, 0, 0.95) !important;
|
||||||
|
}
|
||||||
|
.ui.slider.checkbox input:focus:checked ~ label:before {
|
||||||
|
background-color: #000000 !important;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.slider.checkbox label {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 4.5rem;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.slider.checkbox label:after {
|
||||||
|
left: auto;
|
||||||
|
right: 2rem;
|
||||||
|
-webkit-transition: right 0.3s ease;
|
||||||
|
transition: right 0.3s ease;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.slider.checkbox input:checked ~ label:after {
|
||||||
|
left: auto;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Toggle
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.toggle.checkbox {
|
||||||
|
min-height: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Input */
|
||||||
|
.ui.toggle.checkbox input {
|
||||||
|
width: 3.5rem;
|
||||||
|
height: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Label */
|
||||||
|
.ui.toggle.checkbox label {
|
||||||
|
min-height: 1.5rem;
|
||||||
|
padding-left: 4.5rem;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
.ui.toggle.checkbox label {
|
||||||
|
padding-top: 0.15em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Switch */
|
||||||
|
.ui.toggle.checkbox label:before {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
z-index: 1;
|
||||||
|
-webkit-transform: none;
|
||||||
|
transform: none;
|
||||||
|
border: none;
|
||||||
|
top: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.05);
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
width: 3.5rem;
|
||||||
|
height: 1.5rem;
|
||||||
|
border-radius: 500rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Handle */
|
||||||
|
.ui.toggle.checkbox label:after {
|
||||||
|
background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
|
||||||
|
background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||||
|
background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||||
|
position: absolute;
|
||||||
|
content: '' !important;
|
||||||
|
opacity: 1;
|
||||||
|
z-index: 2;
|
||||||
|
border: none;
|
||||||
|
-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
||||||
|
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
||||||
|
width: 1.5rem;
|
||||||
|
height: 1.5rem;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
border-radius: 500rem;
|
||||||
|
-webkit-transition: background 0.3s ease, left 0.3s ease;
|
||||||
|
transition: background 0.3s ease, left 0.3s ease;
|
||||||
|
}
|
||||||
|
.ui.toggle.checkbox input ~ label:after {
|
||||||
|
left: -0.05rem;
|
||||||
|
-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
||||||
|
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Focus */
|
||||||
|
.ui.toggle.checkbox input:focus ~ label:before {
|
||||||
|
background-color: rgba(0, 0, 0, 0.15);
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hover */
|
||||||
|
.ui.toggle.checkbox label:hover::before {
|
||||||
|
background-color: rgba(0, 0, 0, 0.15);
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Active */
|
||||||
|
.ui.toggle.checkbox input:checked ~ label {
|
||||||
|
color: rgba(0, 0, 0, 0.95) !important;
|
||||||
|
}
|
||||||
|
.ui.toggle.checkbox input:checked ~ label:before {
|
||||||
|
background-color: #2185D0 !important;
|
||||||
|
}
|
||||||
|
.ui.toggle.checkbox input:checked ~ label:after {
|
||||||
|
left: 2.15rem;
|
||||||
|
-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
||||||
|
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Active Focus */
|
||||||
|
.ui.toggle.checkbox input:focus:checked ~ label {
|
||||||
|
color: rgba(0, 0, 0, 0.95) !important;
|
||||||
|
}
|
||||||
|
.ui.toggle.checkbox input:focus:checked ~ label:before {
|
||||||
|
background-color: #0d71bb !important;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.toggle.checkbox label {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 4.5rem;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.toggle.checkbox input ~ label:after {
|
||||||
|
left: auto;
|
||||||
|
right: 2.15rem;
|
||||||
|
-webkit-transition: background 0.3s ease, right 0.3s ease;
|
||||||
|
transition: background 0.3s ease, right 0.3s ease;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.toggle.checkbox input:checked ~ label:after {
|
||||||
|
left: auto;
|
||||||
|
right: -0.05rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Fitted
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.fitted.checkbox label {
|
||||||
|
padding-left: 0 !important;
|
||||||
|
}
|
||||||
|
.ui.fitted.toggle.checkbox {
|
||||||
|
width: 3.5rem;
|
||||||
|
}
|
||||||
|
.ui.fitted.slider.checkbox {
|
||||||
|
width: 3.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Inverted
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.inverted.checkbox label,
|
||||||
|
.ui.inverted.checkbox + label {
|
||||||
|
color: rgba(255, 255, 255, 0.9) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hover */
|
||||||
|
.ui.inverted.checkbox label:hover {
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.checkbox label:hover::before {
|
||||||
|
border-color: rgba(34, 36, 38, 0.5);
|
||||||
|
}
|
||||||
|
/*Slider Label */
|
||||||
|
.ui.inverted.slider.checkbox label {
|
||||||
|
color: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slider Line */
|
||||||
|
.ui.inverted.slider.checkbox label:before {
|
||||||
|
background-color: rgba(255, 255, 255, 0.5) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slider Hover */
|
||||||
|
.ui.inverted.slider.checkbox label:hover::before {
|
||||||
|
background: rgba(255, 255, 255, 0.7) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slider Active */
|
||||||
|
.ui.inverted.slider.checkbox input:checked ~ label {
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.slider.checkbox input:checked ~ label:before {
|
||||||
|
background-color: rgba(255, 255, 255, 0.8) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slider Active Focus */
|
||||||
|
.ui.inverted.slider.checkbox input:focus:checked ~ label {
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.slider.checkbox input:focus:checked ~ label:before {
|
||||||
|
background-color: rgba(255, 255, 255, 0.8) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Toggle Switch */
|
||||||
|
.ui.inverted.toggle.checkbox label:before {
|
||||||
|
background-color: rgba(255, 255, 255, 0.9) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Toggle Hover */
|
||||||
|
.ui.inverted.toggle.checkbox label:hover::before {
|
||||||
|
background: #ffffff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Toggle Active */
|
||||||
|
.ui.inverted.toggle.checkbox input:checked ~ label {
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.toggle.checkbox input:checked ~ label:before {
|
||||||
|
background-color: #2185D0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Toggle Active Focus */
|
||||||
|
.ui.inverted.toggle.checkbox input:focus:checked ~ label {
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.toggle.checkbox input:focus:checked ~ label:before {
|
||||||
|
background-color: #0d71bb !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Size
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.mini.checkbox {
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.tiny.checkbox {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.small.checkbox {
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
}
|
||||||
|
.ui.large.checkbox {
|
||||||
|
font-size: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
|
||||||
|
.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
|
||||||
|
.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
|
||||||
|
.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
|
||||||
|
-webkit-transform: scale(1.14285714);
|
||||||
|
transform: scale(1.14285714);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
.ui.large.form .checkbox.radio label:before,
|
||||||
|
.ui.large.checkbox.radio label:before {
|
||||||
|
-webkit-transform: scale(1.14285714);
|
||||||
|
transform: scale(1.14285714);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
.ui.large.form .checkbox.radio label:after,
|
||||||
|
.ui.large.checkbox.radio label:after {
|
||||||
|
-webkit-transform: scale(0.57142857);
|
||||||
|
transform: scale(0.57142857);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
left: 0.33571429em;
|
||||||
|
}
|
||||||
|
.ui.big.checkbox {
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
|
||||||
|
.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
|
||||||
|
.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
|
||||||
|
.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
|
||||||
|
-webkit-transform: scale(1.28571429);
|
||||||
|
transform: scale(1.28571429);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
.ui.big.form .checkbox.radio label:before,
|
||||||
|
.ui.big.checkbox.radio label:before {
|
||||||
|
-webkit-transform: scale(1.28571429);
|
||||||
|
transform: scale(1.28571429);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
.ui.big.form .checkbox.radio label:after,
|
||||||
|
.ui.big.checkbox.radio label:after {
|
||||||
|
-webkit-transform: scale(0.64285714);
|
||||||
|
transform: scale(0.64285714);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
left: 0.37142857em;
|
||||||
|
}
|
||||||
|
.ui.huge.checkbox {
|
||||||
|
font-size: 1.42857143em;
|
||||||
|
}
|
||||||
|
.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
|
||||||
|
.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
|
||||||
|
.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
|
||||||
|
.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
|
||||||
|
-webkit-transform: scale(1.42857143);
|
||||||
|
transform: scale(1.42857143);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
.ui.huge.form .checkbox.radio label:before,
|
||||||
|
.ui.huge.checkbox.radio label:before {
|
||||||
|
-webkit-transform: scale(1.42857143);
|
||||||
|
transform: scale(1.42857143);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
.ui.huge.form .checkbox.radio label:after,
|
||||||
|
.ui.huge.checkbox.radio label:after {
|
||||||
|
-webkit-transform: scale(0.71428571);
|
||||||
|
transform: scale(0.71428571);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
left: 0.40714286em;
|
||||||
|
}
|
||||||
|
.ui.massive.checkbox {
|
||||||
|
font-size: 1.71428571em;
|
||||||
|
}
|
||||||
|
.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
|
||||||
|
.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
|
||||||
|
.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
|
||||||
|
.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
|
||||||
|
-webkit-transform: scale(1.71428571);
|
||||||
|
transform: scale(1.71428571);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
.ui.massive.form .checkbox.radio label:before,
|
||||||
|
.ui.massive.checkbox.radio label:before {
|
||||||
|
-webkit-transform: scale(1.71428571);
|
||||||
|
transform: scale(1.71428571);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
.ui.massive.form .checkbox.radio label:after,
|
||||||
|
.ui.massive.checkbox.radio label:after {
|
||||||
|
-webkit-transform: scale(0.85714286);
|
||||||
|
transform: scale(0.85714286);
|
||||||
|
-webkit-transform-origin: left;
|
||||||
|
transform-origin: left;
|
||||||
|
left: 0.47857143em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Checkbox';
|
||||||
|
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Checkmark */
|
||||||
|
.ui.checkbox label:after,
|
||||||
|
.ui.checkbox .box:after {
|
||||||
|
font-family: 'Checkbox';
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Checked */
|
||||||
|
.ui.checkbox input:checked ~ .box:after,
|
||||||
|
.ui.checkbox input:checked ~ label:after {
|
||||||
|
content: '\e800';
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Indeterminate */
|
||||||
|
.ui.checkbox input:indeterminate ~ .box:after,
|
||||||
|
.ui.checkbox input:indeterminate ~ label:after {
|
||||||
|
font-size: 12px;
|
||||||
|
content: '\e801';
|
||||||
|
}
|
||||||
|
/* UTF Reference
|
||||||
|
.check:before { content: '\e800'; }
|
||||||
|
.dash:before { content: '\e801'; }
|
||||||
|
.plus:before { content: '\e802'; }
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
876
node_modules/fomantic-ui/dist/components/checkbox.js
generated
vendored
Normal file
876
node_modules/fomantic-ui/dist/components/checkbox.js
generated
vendored
Normal file
|
@ -0,0 +1,876 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Checkbox
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
;(function ($, window, document, undefined) {
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
$.isFunction = $.isFunction || function(obj) {
|
||||||
|
return typeof obj === "function" && typeof obj.nodeType !== "number";
|
||||||
|
};
|
||||||
|
|
||||||
|
window = (typeof window != 'undefined' && window.Math == Math)
|
||||||
|
? window
|
||||||
|
: (typeof self != 'undefined' && self.Math == Math)
|
||||||
|
? self
|
||||||
|
: Function('return this')()
|
||||||
|
;
|
||||||
|
|
||||||
|
$.fn.checkbox = function(parameters) {
|
||||||
|
var
|
||||||
|
$allModules = $(this),
|
||||||
|
moduleSelector = $allModules.selector || '',
|
||||||
|
|
||||||
|
time = new Date().getTime(),
|
||||||
|
performance = [],
|
||||||
|
|
||||||
|
query = arguments[0],
|
||||||
|
methodInvoked = (typeof query == 'string'),
|
||||||
|
queryArguments = [].slice.call(arguments, 1),
|
||||||
|
returnedValue
|
||||||
|
;
|
||||||
|
|
||||||
|
$allModules
|
||||||
|
.each(function() {
|
||||||
|
var
|
||||||
|
settings = $.extend(true, {}, $.fn.checkbox.settings, parameters),
|
||||||
|
|
||||||
|
className = settings.className,
|
||||||
|
namespace = settings.namespace,
|
||||||
|
selector = settings.selector,
|
||||||
|
error = settings.error,
|
||||||
|
|
||||||
|
eventNamespace = '.' + namespace,
|
||||||
|
moduleNamespace = 'module-' + namespace,
|
||||||
|
|
||||||
|
$module = $(this),
|
||||||
|
$label = $(this).children(selector.label),
|
||||||
|
$input = $(this).children(selector.input),
|
||||||
|
input = $input[0],
|
||||||
|
|
||||||
|
initialLoad = false,
|
||||||
|
shortcutPressed = false,
|
||||||
|
instance = $module.data(moduleNamespace),
|
||||||
|
|
||||||
|
observer,
|
||||||
|
element = this,
|
||||||
|
module
|
||||||
|
;
|
||||||
|
|
||||||
|
module = {
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
module.verbose('Initializing checkbox', settings);
|
||||||
|
|
||||||
|
module.create.label();
|
||||||
|
module.bind.events();
|
||||||
|
|
||||||
|
module.set.tabbable();
|
||||||
|
module.hide.input();
|
||||||
|
|
||||||
|
module.observeChanges();
|
||||||
|
module.instantiate();
|
||||||
|
module.setup();
|
||||||
|
},
|
||||||
|
|
||||||
|
instantiate: function() {
|
||||||
|
module.verbose('Storing instance of module', module);
|
||||||
|
instance = module;
|
||||||
|
$module
|
||||||
|
.data(moduleNamespace, module)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
|
||||||
|
destroy: function() {
|
||||||
|
module.verbose('Destroying module');
|
||||||
|
module.unbind.events();
|
||||||
|
module.show.input();
|
||||||
|
$module.removeData(moduleNamespace);
|
||||||
|
},
|
||||||
|
|
||||||
|
fix: {
|
||||||
|
reference: function() {
|
||||||
|
if( $module.is(selector.input) ) {
|
||||||
|
module.debug('Behavior called on <input> adjusting invoked element');
|
||||||
|
$module = $module.closest(selector.checkbox);
|
||||||
|
module.refresh();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
setup: function() {
|
||||||
|
module.set.initialLoad();
|
||||||
|
if( module.is.indeterminate() ) {
|
||||||
|
module.debug('Initial value is indeterminate');
|
||||||
|
module.indeterminate();
|
||||||
|
}
|
||||||
|
else if( module.is.checked() ) {
|
||||||
|
module.debug('Initial value is checked');
|
||||||
|
module.check();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.debug('Initial value is unchecked');
|
||||||
|
module.uncheck();
|
||||||
|
}
|
||||||
|
module.remove.initialLoad();
|
||||||
|
},
|
||||||
|
|
||||||
|
refresh: function() {
|
||||||
|
$label = $module.children(selector.label);
|
||||||
|
$input = $module.children(selector.input);
|
||||||
|
input = $input[0];
|
||||||
|
},
|
||||||
|
|
||||||
|
hide: {
|
||||||
|
input: function() {
|
||||||
|
module.verbose('Modifying <input> z-index to be unselectable');
|
||||||
|
$input.addClass(className.hidden);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
show: {
|
||||||
|
input: function() {
|
||||||
|
module.verbose('Modifying <input> z-index to be selectable');
|
||||||
|
$input.removeClass(className.hidden);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
observeChanges: function() {
|
||||||
|
if('MutationObserver' in window) {
|
||||||
|
observer = new MutationObserver(function(mutations) {
|
||||||
|
module.debug('DOM tree modified, updating selector cache');
|
||||||
|
module.refresh();
|
||||||
|
});
|
||||||
|
observer.observe(element, {
|
||||||
|
childList : true,
|
||||||
|
subtree : true
|
||||||
|
});
|
||||||
|
module.debug('Setting up mutation observer', observer);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
attachEvents: function(selector, event) {
|
||||||
|
var
|
||||||
|
$element = $(selector)
|
||||||
|
;
|
||||||
|
event = $.isFunction(module[event])
|
||||||
|
? module[event]
|
||||||
|
: module.toggle
|
||||||
|
;
|
||||||
|
if($element.length > 0) {
|
||||||
|
module.debug('Attaching checkbox events to element', selector, event);
|
||||||
|
$element
|
||||||
|
.on('click' + eventNamespace, event)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.error(error.notFound);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
preventDefaultOnInputTarget: function() {
|
||||||
|
if(typeof event !== 'undefined' && event !== null && $(event.target).is(selector.input)) {
|
||||||
|
module.verbose('Preventing default check action after manual check action');
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
event: {
|
||||||
|
change: function(event) {
|
||||||
|
if( !module.should.ignoreCallbacks() ) {
|
||||||
|
settings.onChange.call(input);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
click: function(event) {
|
||||||
|
var
|
||||||
|
$target = $(event.target)
|
||||||
|
;
|
||||||
|
if( $target.is(selector.input) ) {
|
||||||
|
module.verbose('Using default check action on initialized checkbox');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if( $target.is(selector.link) ) {
|
||||||
|
module.debug('Clicking link inside checkbox, skipping toggle');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.toggle();
|
||||||
|
$input.focus();
|
||||||
|
event.preventDefault();
|
||||||
|
},
|
||||||
|
keydown: function(event) {
|
||||||
|
var
|
||||||
|
key = event.which,
|
||||||
|
keyCode = {
|
||||||
|
enter : 13,
|
||||||
|
space : 32,
|
||||||
|
escape : 27,
|
||||||
|
left : 37,
|
||||||
|
up : 38,
|
||||||
|
right : 39,
|
||||||
|
down : 40
|
||||||
|
}
|
||||||
|
;
|
||||||
|
|
||||||
|
var r = module.get.radios(),
|
||||||
|
rIndex = r.index($module),
|
||||||
|
rLen = r.length,
|
||||||
|
checkIndex = false;
|
||||||
|
|
||||||
|
if(key == keyCode.left || key == keyCode.up) {
|
||||||
|
checkIndex = (rIndex === 0 ? rLen : rIndex) - 1;
|
||||||
|
} else if(key == keyCode.right || key == keyCode.down) {
|
||||||
|
checkIndex = rIndex === rLen-1 ? 0 : rIndex+1;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!module.should.ignoreCallbacks() && checkIndex !== false) {
|
||||||
|
if(settings.beforeUnchecked.apply(input)===false) {
|
||||||
|
module.verbose('Option not allowed to be unchecked, cancelling key navigation');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (settings.beforeChecked.apply($(r[checkIndex]).children(selector.input)[0])===false) {
|
||||||
|
module.verbose('Next option should not allow check, cancelling key navigation');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if(key == keyCode.escape) {
|
||||||
|
module.verbose('Escape key pressed blurring field');
|
||||||
|
$input.blur();
|
||||||
|
shortcutPressed = true;
|
||||||
|
}
|
||||||
|
else if(!event.ctrlKey && ( key == keyCode.space || (key == keyCode.enter && settings.enableEnterKey)) ) {
|
||||||
|
module.verbose('Enter/space key pressed, toggling checkbox');
|
||||||
|
module.toggle();
|
||||||
|
shortcutPressed = true;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
shortcutPressed = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
keyup: function(event) {
|
||||||
|
if(shortcutPressed) {
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
check: function() {
|
||||||
|
if( !module.should.allowCheck() ) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Checking checkbox', $input);
|
||||||
|
module.set.checked();
|
||||||
|
if( !module.should.ignoreCallbacks() ) {
|
||||||
|
settings.onChecked.call(input);
|
||||||
|
module.trigger.change();
|
||||||
|
}
|
||||||
|
module.preventDefaultOnInputTarget();
|
||||||
|
},
|
||||||
|
|
||||||
|
uncheck: function() {
|
||||||
|
if( !module.should.allowUncheck() ) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Unchecking checkbox');
|
||||||
|
module.set.unchecked();
|
||||||
|
if( !module.should.ignoreCallbacks() ) {
|
||||||
|
settings.onUnchecked.call(input);
|
||||||
|
module.trigger.change();
|
||||||
|
}
|
||||||
|
module.preventDefaultOnInputTarget();
|
||||||
|
},
|
||||||
|
|
||||||
|
indeterminate: function() {
|
||||||
|
if( module.should.allowIndeterminate() ) {
|
||||||
|
module.debug('Checkbox is already indeterminate');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Making checkbox indeterminate');
|
||||||
|
module.set.indeterminate();
|
||||||
|
if( !module.should.ignoreCallbacks() ) {
|
||||||
|
settings.onIndeterminate.call(input);
|
||||||
|
module.trigger.change();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
determinate: function() {
|
||||||
|
if( module.should.allowDeterminate() ) {
|
||||||
|
module.debug('Checkbox is already determinate');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Making checkbox determinate');
|
||||||
|
module.set.determinate();
|
||||||
|
if( !module.should.ignoreCallbacks() ) {
|
||||||
|
settings.onDeterminate.call(input);
|
||||||
|
module.trigger.change();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
enable: function() {
|
||||||
|
if( module.is.enabled() ) {
|
||||||
|
module.debug('Checkbox is already enabled');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Enabling checkbox');
|
||||||
|
module.set.enabled();
|
||||||
|
if( !module.should.ignoreCallbacks() ) {
|
||||||
|
settings.onEnable.call(input);
|
||||||
|
// preserve legacy callbacks
|
||||||
|
settings.onEnabled.call(input);
|
||||||
|
module.trigger.change();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
disable: function() {
|
||||||
|
if( module.is.disabled() ) {
|
||||||
|
module.debug('Checkbox is already disabled');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Disabling checkbox');
|
||||||
|
module.set.disabled();
|
||||||
|
if( !module.should.ignoreCallbacks() ) {
|
||||||
|
settings.onDisable.call(input);
|
||||||
|
// preserve legacy callbacks
|
||||||
|
settings.onDisabled.call(input);
|
||||||
|
module.trigger.change();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
get: {
|
||||||
|
radios: function() {
|
||||||
|
var
|
||||||
|
name = module.get.name()
|
||||||
|
;
|
||||||
|
return $('input[name="' + name + '"]').closest(selector.checkbox);
|
||||||
|
},
|
||||||
|
otherRadios: function() {
|
||||||
|
return module.get.radios().not($module);
|
||||||
|
},
|
||||||
|
name: function() {
|
||||||
|
return $input.attr('name');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
is: {
|
||||||
|
initialLoad: function() {
|
||||||
|
return initialLoad;
|
||||||
|
},
|
||||||
|
radio: function() {
|
||||||
|
return ($input.hasClass(className.radio) || $input.attr('type') == 'radio');
|
||||||
|
},
|
||||||
|
indeterminate: function() {
|
||||||
|
return $input.prop('indeterminate') !== undefined && $input.prop('indeterminate');
|
||||||
|
},
|
||||||
|
checked: function() {
|
||||||
|
return $input.prop('checked') !== undefined && $input.prop('checked');
|
||||||
|
},
|
||||||
|
disabled: function() {
|
||||||
|
return $input.prop('disabled') !== undefined && $input.prop('disabled');
|
||||||
|
},
|
||||||
|
enabled: function() {
|
||||||
|
return !module.is.disabled();
|
||||||
|
},
|
||||||
|
determinate: function() {
|
||||||
|
return !module.is.indeterminate();
|
||||||
|
},
|
||||||
|
unchecked: function() {
|
||||||
|
return !module.is.checked();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
should: {
|
||||||
|
allowCheck: function() {
|
||||||
|
if(module.is.determinate() && module.is.checked() && !module.is.initialLoad() ) {
|
||||||
|
module.debug('Should not allow check, checkbox is already checked');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if(!module.should.ignoreCallbacks() && settings.beforeChecked.apply(input) === false) {
|
||||||
|
module.debug('Should not allow check, beforeChecked cancelled');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
allowUncheck: function() {
|
||||||
|
if(module.is.determinate() && module.is.unchecked() && !module.is.initialLoad() ) {
|
||||||
|
module.debug('Should not allow uncheck, checkbox is already unchecked');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if(!module.should.ignoreCallbacks() && settings.beforeUnchecked.apply(input) === false) {
|
||||||
|
module.debug('Should not allow uncheck, beforeUnchecked cancelled');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
allowIndeterminate: function() {
|
||||||
|
if(module.is.indeterminate() && !module.is.initialLoad() ) {
|
||||||
|
module.debug('Should not allow indeterminate, checkbox is already indeterminate');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if(!module.should.ignoreCallbacks() && settings.beforeIndeterminate.apply(input) === false) {
|
||||||
|
module.debug('Should not allow indeterminate, beforeIndeterminate cancelled');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
allowDeterminate: function() {
|
||||||
|
if(module.is.determinate() && !module.is.initialLoad() ) {
|
||||||
|
module.debug('Should not allow determinate, checkbox is already determinate');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if(!module.should.ignoreCallbacks() && settings.beforeDeterminate.apply(input) === false) {
|
||||||
|
module.debug('Should not allow determinate, beforeDeterminate cancelled');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
ignoreCallbacks: function() {
|
||||||
|
return (initialLoad && !settings.fireOnInit);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
can: {
|
||||||
|
change: function() {
|
||||||
|
return !( $module.hasClass(className.disabled) || $module.hasClass(className.readOnly) || $input.prop('disabled') || $input.prop('readonly') );
|
||||||
|
},
|
||||||
|
uncheck: function() {
|
||||||
|
return (typeof settings.uncheckable === 'boolean')
|
||||||
|
? settings.uncheckable
|
||||||
|
: !module.is.radio()
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
set: {
|
||||||
|
initialLoad: function() {
|
||||||
|
initialLoad = true;
|
||||||
|
},
|
||||||
|
checked: function() {
|
||||||
|
module.verbose('Setting class to checked');
|
||||||
|
$module
|
||||||
|
.removeClass(className.indeterminate)
|
||||||
|
.addClass(className.checked)
|
||||||
|
;
|
||||||
|
if( module.is.radio() ) {
|
||||||
|
module.uncheckOthers();
|
||||||
|
}
|
||||||
|
if(!module.is.indeterminate() && module.is.checked()) {
|
||||||
|
module.debug('Input is already checked, skipping input property change');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.verbose('Setting state to checked', input);
|
||||||
|
$input
|
||||||
|
.prop('indeterminate', false)
|
||||||
|
.prop('checked', true)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
unchecked: function() {
|
||||||
|
module.verbose('Removing checked class');
|
||||||
|
$module
|
||||||
|
.removeClass(className.indeterminate)
|
||||||
|
.removeClass(className.checked)
|
||||||
|
;
|
||||||
|
if(!module.is.indeterminate() && module.is.unchecked() ) {
|
||||||
|
module.debug('Input is already unchecked');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Setting state to unchecked');
|
||||||
|
$input
|
||||||
|
.prop('indeterminate', false)
|
||||||
|
.prop('checked', false)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
indeterminate: function() {
|
||||||
|
module.verbose('Setting class to indeterminate');
|
||||||
|
$module
|
||||||
|
.addClass(className.indeterminate)
|
||||||
|
;
|
||||||
|
if( module.is.indeterminate() ) {
|
||||||
|
module.debug('Input is already indeterminate, skipping input property change');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Setting state to indeterminate');
|
||||||
|
$input
|
||||||
|
.prop('indeterminate', true)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
determinate: function() {
|
||||||
|
module.verbose('Removing indeterminate class');
|
||||||
|
$module
|
||||||
|
.removeClass(className.indeterminate)
|
||||||
|
;
|
||||||
|
if( module.is.determinate() ) {
|
||||||
|
module.debug('Input is already determinate, skipping input property change');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Setting state to determinate');
|
||||||
|
$input
|
||||||
|
.prop('indeterminate', false)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
disabled: function() {
|
||||||
|
module.verbose('Setting class to disabled');
|
||||||
|
$module
|
||||||
|
.addClass(className.disabled)
|
||||||
|
;
|
||||||
|
if( module.is.disabled() ) {
|
||||||
|
module.debug('Input is already disabled, skipping input property change');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Setting state to disabled');
|
||||||
|
$input
|
||||||
|
.prop('disabled', 'disabled')
|
||||||
|
;
|
||||||
|
},
|
||||||
|
enabled: function() {
|
||||||
|
module.verbose('Removing disabled class');
|
||||||
|
$module.removeClass(className.disabled);
|
||||||
|
if( module.is.enabled() ) {
|
||||||
|
module.debug('Input is already enabled, skipping input property change');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
module.debug('Setting state to enabled');
|
||||||
|
$input
|
||||||
|
.prop('disabled', false)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
tabbable: function() {
|
||||||
|
module.verbose('Adding tabindex to checkbox');
|
||||||
|
if( $input.attr('tabindex') === undefined) {
|
||||||
|
$input.attr('tabindex', 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
remove: {
|
||||||
|
initialLoad: function() {
|
||||||
|
initialLoad = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
trigger: {
|
||||||
|
change: function() {
|
||||||
|
var
|
||||||
|
inputElement = $input[0]
|
||||||
|
;
|
||||||
|
if(inputElement) {
|
||||||
|
var events = document.createEvent('HTMLEvents');
|
||||||
|
module.verbose('Triggering native change event');
|
||||||
|
events.initEvent('change', true, false);
|
||||||
|
inputElement.dispatchEvent(events);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
create: {
|
||||||
|
label: function() {
|
||||||
|
if($input.prevAll(selector.label).length > 0) {
|
||||||
|
$input.prev(selector.label).detach().insertAfter($input);
|
||||||
|
module.debug('Moving existing label', $label);
|
||||||
|
}
|
||||||
|
else if( !module.has.label() ) {
|
||||||
|
$label = $('<label>').insertAfter($input);
|
||||||
|
module.debug('Creating label', $label);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
has: {
|
||||||
|
label: function() {
|
||||||
|
return ($label.length > 0);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
bind: {
|
||||||
|
events: function() {
|
||||||
|
module.verbose('Attaching checkbox events');
|
||||||
|
$module
|
||||||
|
.on('click' + eventNamespace, module.event.click)
|
||||||
|
.on('change' + eventNamespace, module.event.change)
|
||||||
|
.on('keydown' + eventNamespace, selector.input, module.event.keydown)
|
||||||
|
.on('keyup' + eventNamespace, selector.input, module.event.keyup)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
unbind: {
|
||||||
|
events: function() {
|
||||||
|
module.debug('Removing events');
|
||||||
|
$module
|
||||||
|
.off(eventNamespace)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
uncheckOthers: function() {
|
||||||
|
var
|
||||||
|
$radios = module.get.otherRadios()
|
||||||
|
;
|
||||||
|
module.debug('Unchecking other radios', $radios);
|
||||||
|
$radios.removeClass(className.checked);
|
||||||
|
},
|
||||||
|
|
||||||
|
toggle: function() {
|
||||||
|
if( !module.can.change() ) {
|
||||||
|
if(!module.is.radio()) {
|
||||||
|
module.debug('Checkbox is read-only or disabled, ignoring toggle');
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if( module.is.indeterminate() || module.is.unchecked() ) {
|
||||||
|
module.debug('Currently unchecked');
|
||||||
|
module.check();
|
||||||
|
}
|
||||||
|
else if( module.is.checked() && module.can.uncheck() ) {
|
||||||
|
module.debug('Currently checked');
|
||||||
|
module.uncheck();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setting: function(name, value) {
|
||||||
|
module.debug('Changing setting', name, value);
|
||||||
|
if( $.isPlainObject(name) ) {
|
||||||
|
$.extend(true, settings, name);
|
||||||
|
}
|
||||||
|
else if(value !== undefined) {
|
||||||
|
if($.isPlainObject(settings[name])) {
|
||||||
|
$.extend(true, settings[name], value);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
settings[name] = value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return settings[name];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
internal: function(name, value) {
|
||||||
|
if( $.isPlainObject(name) ) {
|
||||||
|
$.extend(true, module, name);
|
||||||
|
}
|
||||||
|
else if(value !== undefined) {
|
||||||
|
module[name] = value;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return module[name];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
debug: function() {
|
||||||
|
if(!settings.silent && settings.debug) {
|
||||||
|
if(settings.performance) {
|
||||||
|
module.performance.log(arguments);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
|
||||||
|
module.debug.apply(console, arguments);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
verbose: function() {
|
||||||
|
if(!settings.silent && settings.verbose && settings.debug) {
|
||||||
|
if(settings.performance) {
|
||||||
|
module.performance.log(arguments);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
|
||||||
|
module.verbose.apply(console, arguments);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function() {
|
||||||
|
if(!settings.silent) {
|
||||||
|
module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
|
||||||
|
module.error.apply(console, arguments);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
performance: {
|
||||||
|
log: function(message) {
|
||||||
|
var
|
||||||
|
currentTime,
|
||||||
|
executionTime,
|
||||||
|
previousTime
|
||||||
|
;
|
||||||
|
if(settings.performance) {
|
||||||
|
currentTime = new Date().getTime();
|
||||||
|
previousTime = time || currentTime;
|
||||||
|
executionTime = currentTime - previousTime;
|
||||||
|
time = currentTime;
|
||||||
|
performance.push({
|
||||||
|
'Name' : message[0],
|
||||||
|
'Arguments' : [].slice.call(message, 1) || '',
|
||||||
|
'Element' : element,
|
||||||
|
'Execution Time' : executionTime
|
||||||
|
});
|
||||||
|
}
|
||||||
|
clearTimeout(module.performance.timer);
|
||||||
|
module.performance.timer = setTimeout(module.performance.display, 500);
|
||||||
|
},
|
||||||
|
display: function() {
|
||||||
|
var
|
||||||
|
title = settings.name + ':',
|
||||||
|
totalTime = 0
|
||||||
|
;
|
||||||
|
time = false;
|
||||||
|
clearTimeout(module.performance.timer);
|
||||||
|
$.each(performance, function(index, data) {
|
||||||
|
totalTime += data['Execution Time'];
|
||||||
|
});
|
||||||
|
title += ' ' + totalTime + 'ms';
|
||||||
|
if(moduleSelector) {
|
||||||
|
title += ' \'' + moduleSelector + '\'';
|
||||||
|
}
|
||||||
|
if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
|
||||||
|
console.groupCollapsed(title);
|
||||||
|
if(console.table) {
|
||||||
|
console.table(performance);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$.each(performance, function(index, data) {
|
||||||
|
console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
console.groupEnd();
|
||||||
|
}
|
||||||
|
performance = [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
invoke: function(query, passedArguments, context) {
|
||||||
|
var
|
||||||
|
object = instance,
|
||||||
|
maxDepth,
|
||||||
|
found,
|
||||||
|
response
|
||||||
|
;
|
||||||
|
passedArguments = passedArguments || queryArguments;
|
||||||
|
context = element || context;
|
||||||
|
if(typeof query == 'string' && object !== undefined) {
|
||||||
|
query = query.split(/[\. ]/);
|
||||||
|
maxDepth = query.length - 1;
|
||||||
|
$.each(query, function(depth, value) {
|
||||||
|
var camelCaseValue = (depth != maxDepth)
|
||||||
|
? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
|
||||||
|
: query
|
||||||
|
;
|
||||||
|
if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
|
||||||
|
object = object[camelCaseValue];
|
||||||
|
}
|
||||||
|
else if( object[camelCaseValue] !== undefined ) {
|
||||||
|
found = object[camelCaseValue];
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
|
||||||
|
object = object[value];
|
||||||
|
}
|
||||||
|
else if( object[value] !== undefined ) {
|
||||||
|
found = object[value];
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.error(error.method, query);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if ( $.isFunction( found ) ) {
|
||||||
|
response = found.apply(context, passedArguments);
|
||||||
|
}
|
||||||
|
else if(found !== undefined) {
|
||||||
|
response = found;
|
||||||
|
}
|
||||||
|
if(Array.isArray(returnedValue)) {
|
||||||
|
returnedValue.push(response);
|
||||||
|
}
|
||||||
|
else if(returnedValue !== undefined) {
|
||||||
|
returnedValue = [returnedValue, response];
|
||||||
|
}
|
||||||
|
else if(response !== undefined) {
|
||||||
|
returnedValue = response;
|
||||||
|
}
|
||||||
|
return found;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if(methodInvoked) {
|
||||||
|
if(instance === undefined) {
|
||||||
|
module.initialize();
|
||||||
|
}
|
||||||
|
module.invoke(query);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if(instance !== undefined) {
|
||||||
|
instance.invoke('destroy');
|
||||||
|
}
|
||||||
|
module.initialize();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
|
||||||
|
return (returnedValue !== undefined)
|
||||||
|
? returnedValue
|
||||||
|
: this
|
||||||
|
;
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.checkbox.settings = {
|
||||||
|
|
||||||
|
name : 'Checkbox',
|
||||||
|
namespace : 'checkbox',
|
||||||
|
|
||||||
|
silent : false,
|
||||||
|
debug : false,
|
||||||
|
verbose : true,
|
||||||
|
performance : true,
|
||||||
|
|
||||||
|
// delegated event context
|
||||||
|
uncheckable : 'auto',
|
||||||
|
fireOnInit : false,
|
||||||
|
enableEnterKey : true,
|
||||||
|
|
||||||
|
onChange : function(){},
|
||||||
|
|
||||||
|
beforeChecked : function(){},
|
||||||
|
beforeUnchecked : function(){},
|
||||||
|
beforeDeterminate : function(){},
|
||||||
|
beforeIndeterminate : function(){},
|
||||||
|
|
||||||
|
onChecked : function(){},
|
||||||
|
onUnchecked : function(){},
|
||||||
|
|
||||||
|
onDeterminate : function() {},
|
||||||
|
onIndeterminate : function() {},
|
||||||
|
|
||||||
|
onEnable : function(){},
|
||||||
|
onDisable : function(){},
|
||||||
|
|
||||||
|
// preserve misspelled callbacks (will be removed in 3.0)
|
||||||
|
onEnabled : function(){},
|
||||||
|
onDisabled : function(){},
|
||||||
|
|
||||||
|
className : {
|
||||||
|
checked : 'checked',
|
||||||
|
indeterminate : 'indeterminate',
|
||||||
|
disabled : 'disabled',
|
||||||
|
hidden : 'hidden',
|
||||||
|
radio : 'radio',
|
||||||
|
readOnly : 'read-only'
|
||||||
|
},
|
||||||
|
|
||||||
|
error : {
|
||||||
|
method : 'The method you called is not defined'
|
||||||
|
},
|
||||||
|
|
||||||
|
selector : {
|
||||||
|
checkbox : '.ui.checkbox',
|
||||||
|
label : 'label, .box',
|
||||||
|
input : 'input[type="checkbox"], input[type="radio"]',
|
||||||
|
link : 'a[href]'
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
})( jQuery, window, document );
|
9
node_modules/fomantic-ui/dist/components/checkbox.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/checkbox.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
11
node_modules/fomantic-ui/dist/components/checkbox.min.js
generated
vendored
Normal file
11
node_modules/fomantic-ui/dist/components/checkbox.min.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
296
node_modules/fomantic-ui/dist/components/comment.css
generated
vendored
Normal file
296
node_modules/fomantic-ui/dist/components/comment.css
generated
vendored
Normal file
|
@ -0,0 +1,296 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Comment
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Standard
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Comments
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.comments {
|
||||||
|
margin: 1.5em 0;
|
||||||
|
max-width: 650px;
|
||||||
|
}
|
||||||
|
.ui.comments:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.ui.comments:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Comment
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.comments .comment {
|
||||||
|
position: relative;
|
||||||
|
background: none;
|
||||||
|
margin: 0.5em 0 0;
|
||||||
|
padding: 0.5em 0 0;
|
||||||
|
border: none;
|
||||||
|
border-top: none;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.ui.comments .comment:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Nested Comments
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.comments .comment > .comments {
|
||||||
|
margin: 0 0 0.5em 0.5em;
|
||||||
|
padding: 1em 0 1em 1em;
|
||||||
|
}
|
||||||
|
.ui.comments .comment > .comments:before {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.ui.comments .comment > .comments .comment {
|
||||||
|
border: none;
|
||||||
|
border-top: none;
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Avatar
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.comments .comment .avatar {
|
||||||
|
display: block;
|
||||||
|
width: 2.5em;
|
||||||
|
height: auto;
|
||||||
|
float: left;
|
||||||
|
margin: 0.2em 0 0;
|
||||||
|
}
|
||||||
|
.ui.comments .comment img.avatar,
|
||||||
|
.ui.comments .comment .avatar img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Content
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.comments .comment > .content {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* If there is an avatar move content over */
|
||||||
|
.ui.comments .comment > .avatar ~ .content {
|
||||||
|
margin-left: 3.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Author
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.comments .comment .author {
|
||||||
|
font-size: 1em;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.ui.comments .comment a.author {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui.comments .comment a.author:hover {
|
||||||
|
color: #1e70bf;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Metadata
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.comments .comment .metadata {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 0.5em;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
font-size: 0.875em;
|
||||||
|
}
|
||||||
|
.ui.comments .comment .metadata > * {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 0.5em 0 0;
|
||||||
|
}
|
||||||
|
.ui.comments .comment .metadata > :last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Comment Text
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.comments .comment .text {
|
||||||
|
margin: 0.25em 0 0.5em;
|
||||||
|
font-size: 1em;
|
||||||
|
word-wrap: break-word;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
User Actions
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.comments .comment .actions {
|
||||||
|
font-size: 0.875em;
|
||||||
|
}
|
||||||
|
.ui.comments .comment .actions a {
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 0.75em 0 0;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
.ui.comments .comment .actions a:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.ui.comments .comment .actions a.active,
|
||||||
|
.ui.comments .comment .actions a:hover {
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Reply Form
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.comments > .reply.form {
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
.ui.comments .comment .reply.form {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
.ui.comments .reply.form textarea {
|
||||||
|
font-size: 1em;
|
||||||
|
height: 12em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
State
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.collapsed.comments,
|
||||||
|
.ui.comments .collapsed.comments,
|
||||||
|
.ui.comments .collapsed.comment {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Threaded
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.threaded.comments .comment > .comments {
|
||||||
|
margin: -1.5em 0 -1em 1.25em;
|
||||||
|
padding: 3em 0 2em 2.25em;
|
||||||
|
-webkit-box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Minimal
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.minimal.comments .comment .actions {
|
||||||
|
opacity: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
left: auto;
|
||||||
|
-webkit-transition: opacity 0.2s ease;
|
||||||
|
transition: opacity 0.2s ease;
|
||||||
|
-webkit-transition-delay: 0.1s;
|
||||||
|
transition-delay: 0.1s;
|
||||||
|
}
|
||||||
|
.ui.minimal.comments .comment > .content:hover > .actions {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Sizes
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.comments {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.mini.comments {
|
||||||
|
font-size: 0.78571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.comments {
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.comments {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.large.comments {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.big.comments {
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.huge.comments {
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.comments {
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Inverted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.inverted.comments .comment {
|
||||||
|
background-color: #1B1C1D;
|
||||||
|
}
|
||||||
|
.ui.inverted.comments .comment .author,
|
||||||
|
.ui.inverted.comments .comment .text {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.comments .comment .metadata,
|
||||||
|
.ui.inverted.comments .comment .actions a {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
.ui.inverted.comments .comment a.author:hover,
|
||||||
|
.ui.inverted.comments .comment .actions a.active,
|
||||||
|
.ui.inverted.comments .comment .actions a:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui.inverted.threaded.comments .comment > .comments {
|
||||||
|
-webkit-box-shadow: -1px 0 0 #555555;
|
||||||
|
box-shadow: -1px 0 0 #555555;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
User Variable Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/comment.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/comment.min.css
generated
vendored
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Comment
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/.ui.comments{margin:1.5em 0;max-width:650px}.ui.comments:first-child{margin-top:0}.ui.comments:last-child{margin-bottom:0}.ui.comments .comment{position:relative;background:0 0;margin:.5em 0 0;padding:.5em 0 0;border:none;border-top:none;line-height:1.2}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment>.comments{margin:0 0 .5em .5em;padding:1em 0 1em 1em}.ui.comments .comment>.comments:before{position:absolute;top:0;left:0}.ui.comments .comment>.comments .comment{border:none;border-top:none;background:0 0}.ui.comments .comment .avatar{display:block;width:2.5em;height:auto;float:left;margin:.2em 0 0}.ui.comments .comment .avatar img,.ui.comments .comment img.avatar{display:block;margin:0 auto;width:100%;height:100%;border-radius:.25rem}.ui.comments .comment>.content{display:block}.ui.comments .comment>.avatar~.content{margin-left:3.5em}.ui.comments .comment .author{font-size:1em;color:rgba(0,0,0,.87);font-weight:700}.ui.comments .comment a.author{cursor:pointer}.ui.comments .comment a.author:hover{color:#1e70bf}.ui.comments .comment .metadata{display:inline-block;margin-left:.5em;color:rgba(0,0,0,.4);font-size:.875em}.ui.comments .comment .metadata>*{display:inline-block;margin:0 .5em 0 0}.ui.comments .comment .metadata>:last-child{margin-right:0}.ui.comments .comment .text{margin:.25em 0 .5em;font-size:1em;word-wrap:break-word;color:rgba(0,0,0,.87);line-height:1.3}.ui.comments .comment .actions{font-size:.875em}.ui.comments .comment .actions a{cursor:pointer;display:inline-block;margin:0 .75em 0 0;color:rgba(0,0,0,.4)}.ui.comments .comment .actions a:last-child{margin-right:0}.ui.comments .comment .actions a.active,.ui.comments .comment .actions a:hover{color:rgba(0,0,0,.8)}.ui.comments>.reply.form{margin-top:1em}.ui.comments .comment .reply.form{width:100%;margin-top:1em}.ui.comments .reply.form textarea{font-size:1em;height:12em}.ui.collapsed.comments,.ui.comments .collapsed.comment,.ui.comments .collapsed.comments{display:none}.ui.threaded.comments .comment>.comments{margin:-1.5em 0 -1em 1.25em;padding:3em 0 2em 2.25em;-webkit-box-shadow:-1px 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 rgba(34,36,38,.15)}.ui.minimal.comments .comment .actions{opacity:0;position:absolute;top:0;right:0;left:auto;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-transition-delay:.1s;transition-delay:.1s}.ui.minimal.comments .comment>.content:hover>.actions{opacity:1}.ui.comments{font-size:1rem}.ui.mini.comments{font-size:.78571429rem}.ui.tiny.comments{font-size:.85714286rem}.ui.small.comments{font-size:.92857143rem}.ui.large.comments{font-size:1.14285714rem}.ui.big.comments{font-size:1.28571429rem}.ui.huge.comments{font-size:1.42857143rem}.ui.massive.comments{font-size:1.71428571rem}.ui.inverted.comments .comment{background-color:#1b1c1d}.ui.inverted.comments .comment .author,.ui.inverted.comments .comment .text{color:rgba(255,255,255,.9)}.ui.inverted.comments .comment .actions a,.ui.inverted.comments .comment .metadata{color:rgba(255,255,255,.7)}.ui.inverted.comments .comment .actions a.active,.ui.inverted.comments .comment .actions a:hover,.ui.inverted.comments .comment a.author:hover{color:#fff}.ui.inverted.threaded.comments .comment>.comments{-webkit-box-shadow:-1px 0 0 #555;box-shadow:-1px 0 0 #555}
|
144
node_modules/fomantic-ui/dist/components/container.css
generated
vendored
Normal file
144
node_modules/fomantic-ui/dist/components/container.css
generated
vendored
Normal file
|
@ -0,0 +1,144 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Container
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Container
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* All Sizes */
|
||||||
|
.ui.container {
|
||||||
|
display: block;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile */
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.ui.ui.container:not(.fluid) {
|
||||||
|
width: auto;
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
.ui.ui.ui.grid.container {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.ui.ui.ui.relaxed.grid.container {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.ui.ui.ui.very.relaxed.grid.container {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tablet */
|
||||||
|
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
|
||||||
|
.ui.ui.ui.container:not(.fluid) {
|
||||||
|
width: 723px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.ui.ui.ui.grid.container {
|
||||||
|
width: calc(723px + 2rem);
|
||||||
|
}
|
||||||
|
.ui.ui.ui.relaxed.grid.container {
|
||||||
|
width: calc(723px + 3rem);
|
||||||
|
}
|
||||||
|
.ui.ui.ui.very.relaxed.grid.container {
|
||||||
|
width: calc(723px + 5rem);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Small Monitor */
|
||||||
|
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
|
||||||
|
.ui.ui.ui.container:not(.fluid) {
|
||||||
|
width: 933px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.ui.ui.ui.grid.container {
|
||||||
|
width: calc(933px + 2rem);
|
||||||
|
}
|
||||||
|
.ui.ui.ui.relaxed.grid.container {
|
||||||
|
width: calc(933px + 3rem);
|
||||||
|
}
|
||||||
|
.ui.ui.ui.very.relaxed.grid.container {
|
||||||
|
width: calc(933px + 5rem);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Large Monitor */
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.ui.ui.ui.container:not(.fluid) {
|
||||||
|
width: 1127px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.ui.ui.ui.grid.container {
|
||||||
|
width: calc(1127px + 2rem);
|
||||||
|
}
|
||||||
|
.ui.ui.ui.relaxed.grid.container {
|
||||||
|
width: calc(1127px + 3rem);
|
||||||
|
}
|
||||||
|
.ui.ui.ui.very.relaxed.grid.container {
|
||||||
|
width: calc(1127px + 5rem);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Text Container */
|
||||||
|
.ui.text.container {
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
max-width: 700px;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fluid */
|
||||||
|
.ui.fluid.container {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui[class*="left aligned"].container {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.ui[class*="center aligned"].container {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui[class*="right aligned"].container {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.ui.justified.container {
|
||||||
|
text-align: justify;
|
||||||
|
-ms-hyphens: auto;
|
||||||
|
hyphens: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/container.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/container.min.css
generated
vendored
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Container
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/.ui.container{display:block;max-width:100%}@media only screen and (max-width:767.98px){.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.ui.ui.grid.container{width:auto}.ui.ui.ui.relaxed.grid.container{width:auto}.ui.ui.ui.very.relaxed.grid.container{width:auto}}@media only screen and (min-width:768px) and (max-width:991.98px){.ui.ui.ui.container:not(.fluid){width:723px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(723px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(723px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(723px + 5rem)}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.container:not(.fluid){width:933px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(933px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(933px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(933px + 5rem)}}@media only screen and (min-width:1200px){.ui.ui.ui.container:not(.fluid){width:1127px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(1127px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(1127px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(1127px + 5rem)}}.ui.text.container{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;max-width:700px;line-height:1.5;font-size:1.14285714rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-ms-hyphens:auto;hyphens:auto}
|
467
node_modules/fomantic-ui/dist/components/dimmer.css
generated
vendored
Normal file
467
node_modules/fomantic-ui/dist/components/dimmer.css
generated
vendored
Normal file
|
@ -0,0 +1,467 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Dimmer
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Dimmer
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.dimmable:not(body) {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.ui.dimmer {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 0 !important;
|
||||||
|
left: 0 !important;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
padding: 1em;
|
||||||
|
background: rgba(0, 0, 0, 0.85);
|
||||||
|
opacity: 0;
|
||||||
|
line-height: 1;
|
||||||
|
-webkit-animation-fill-mode: both;
|
||||||
|
animation-fill-mode: both;
|
||||||
|
-webkit-animation-duration: 0.5s;
|
||||||
|
animation-duration: 0.5s;
|
||||||
|
-webkit-transition: background-color 0.5s linear;
|
||||||
|
transition: background-color 0.5s linear;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
-webkit-box-pack: center;
|
||||||
|
-ms-flex-pack: center;
|
||||||
|
justify-content: center;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
will-change: opacity;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dimmer Content */
|
||||||
|
.ui.dimmer > .content {
|
||||||
|
-webkit-user-select: text;
|
||||||
|
-moz-user-select: text;
|
||||||
|
-ms-user-select: text;
|
||||||
|
user-select: text;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Loose Coupling */
|
||||||
|
.ui.segment > .ui.dimmer:not(.page) {
|
||||||
|
border-radius: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
|
||||||
|
background: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
|
||||||
|
background: rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
|
||||||
|
background: rgba(255, 255, 255, 0.15);
|
||||||
|
}
|
||||||
|
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
|
||||||
|
background: rgba(255, 255, 255, 0.35);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Animating */
|
||||||
|
.animating.dimmable:not(body),
|
||||||
|
.dimmed.dimmable:not(body) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Animating / Active / Visible */
|
||||||
|
.dimmed.dimmable > .ui.animating.dimmer,
|
||||||
|
.dimmed.dimmable > .ui.visible.dimmer,
|
||||||
|
.ui.active.dimmer {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Disabled */
|
||||||
|
.ui.disabled.dimmer {
|
||||||
|
width: 0 !important;
|
||||||
|
height: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Legacy
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Animating / Active / Visible */
|
||||||
|
.dimmed.dimmable > .ui.animating.legacy.dimmer,
|
||||||
|
.dimmed.dimmable > .ui.visible.legacy.dimmer,
|
||||||
|
.ui.active.legacy.dimmer {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Alignment
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui[class*="top aligned"].dimmer {
|
||||||
|
-webkit-box-pack: start;
|
||||||
|
-ms-flex-pack: start;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.ui[class*="bottom aligned"].dimmer {
|
||||||
|
-webkit-box-pack: end;
|
||||||
|
-ms-flex-pack: end;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Page
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.page.dimmer {
|
||||||
|
position: fixed;
|
||||||
|
-webkit-transform-style: '';
|
||||||
|
transform-style: '';
|
||||||
|
-webkit-perspective: 2000px;
|
||||||
|
perspective: 2000px;
|
||||||
|
-webkit-transform-origin: center center;
|
||||||
|
transform-origin: center center;
|
||||||
|
}
|
||||||
|
.ui.page.dimmer.modals {
|
||||||
|
-moz-perspective: none;
|
||||||
|
}
|
||||||
|
body.animating.in.dimmable,
|
||||||
|
body.dimmed.dimmable {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
body.dimmable > .dimmer {
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Blurring
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.blurring.dimmable > :not(.dimmer) {
|
||||||
|
-webkit-filter: initial;
|
||||||
|
filter: initial;
|
||||||
|
-webkit-transition: 800ms -webkit-filter ease;
|
||||||
|
transition: 800ms -webkit-filter ease;
|
||||||
|
transition: 800ms filter ease;
|
||||||
|
transition: 800ms filter ease, 800ms -webkit-filter ease;
|
||||||
|
}
|
||||||
|
.blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
|
||||||
|
-webkit-filter: blur(5px) grayscale(0.7);
|
||||||
|
filter: blur(5px) grayscale(0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dimmer Color */
|
||||||
|
.blurring.dimmable > .dimmer {
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
.blurring.dimmable > .inverted.dimmer {
|
||||||
|
background: rgba(255, 255, 255, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Aligned
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.dimmer > .top.aligned.content > * {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui.dimmer > .bottom.aligned.content > * {
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Shades
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.medium.medium.medium.medium.medium.dimmer {
|
||||||
|
background: rgba(0, 0, 0, 0.65);
|
||||||
|
}
|
||||||
|
.light.light.light.light.light.dimmer {
|
||||||
|
background: rgba(0, 0, 0, 0.45);
|
||||||
|
}
|
||||||
|
.very.light.light.light.light.dimmer {
|
||||||
|
background: rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Inverted
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.inverted.dimmer {
|
||||||
|
background: rgba(255, 255, 255, 0.85);
|
||||||
|
}
|
||||||
|
.ui.inverted.dimmer > .content,
|
||||||
|
.ui.inverted.dimmer > .content > * {
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Inverted Shades
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.medium.medium.medium.medium.medium.inverted.dimmer {
|
||||||
|
background: rgba(255, 255, 255, 0.65);
|
||||||
|
}
|
||||||
|
.light.light.light.light.light.inverted.dimmer {
|
||||||
|
background: rgba(255, 255, 255, 0.45);
|
||||||
|
}
|
||||||
|
.very.light.light.light.light.inverted.dimmer {
|
||||||
|
background: rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Simple
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Displays without javascript */
|
||||||
|
.ui.simple.dimmer {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
z-index: -100;
|
||||||
|
background: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.dimmed.dimmable > .ui.simple.dimmer {
|
||||||
|
overflow: visible;
|
||||||
|
opacity: 1;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.85);
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.ui.simple.inverted.dimmer {
|
||||||
|
background: rgba(255, 255, 255, 0);
|
||||||
|
}
|
||||||
|
.dimmed.dimmable > .ui.simple.inverted.dimmer {
|
||||||
|
background: rgba(255, 255, 255, 0.85);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Partially
|
||||||
|
----------------*/
|
||||||
|
|
||||||
|
.ui[class*="top dimmer"],
|
||||||
|
.ui[class*="center dimmer"],
|
||||||
|
.ui[class*="bottom dimmer"] {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.ui[class*="bottom dimmer"] {
|
||||||
|
top: auto !important;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.ui[class*="center dimmer"] {
|
||||||
|
top: 50% !important;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(calc(-50% - 0.5px));
|
||||||
|
}
|
||||||
|
.ui.segment > .ui.ui[class*="top dimmer"] {
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
}
|
||||||
|
.ui.segment > .ui.ui[class*="center dimmer"] {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.ui.segment > .ui.ui[class*="bottom dimmer"] {
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
}
|
||||||
|
.ui[class*="center dimmer"].transition[class*="fade up"].in {
|
||||||
|
-webkit-animation-name: fadeInUpCenter;
|
||||||
|
animation-name: fadeInUpCenter;
|
||||||
|
}
|
||||||
|
.ui[class*="center dimmer"].transition[class*="fade down"].in {
|
||||||
|
-webkit-animation-name: fadeInDownCenter;
|
||||||
|
animation-name: fadeInDownCenter;
|
||||||
|
}
|
||||||
|
.ui[class*="center dimmer"].transition[class*="fade up"].out {
|
||||||
|
-webkit-animation-name: fadeOutUpCenter;
|
||||||
|
animation-name: fadeOutUpCenter;
|
||||||
|
}
|
||||||
|
.ui[class*="center dimmer"].transition[class*="fade down"].out {
|
||||||
|
-webkit-animation-name: fadeOutDownCenter;
|
||||||
|
animation-name: fadeOutDownCenter;
|
||||||
|
}
|
||||||
|
.ui[class*="center dimmer"].bounce.transition {
|
||||||
|
-webkit-animation-name: bounceCenter;
|
||||||
|
animation-name: bounceCenter;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fadeInUpCenter {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-40%);
|
||||||
|
-webkit-transform: translateY(calc(-40% - 0.5px));
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(calc(-50% - 0.5px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fadeInUpCenter {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-40%);
|
||||||
|
-webkit-transform: translateY(calc(-40% - 0.5px));
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(calc(-50% - 0.5px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fadeInDownCenter {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-60%);
|
||||||
|
-webkit-transform: translateY(calc(-60% - 0.5px));
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(calc(-50% - 0.5px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fadeInDownCenter {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-60%);
|
||||||
|
-webkit-transform: translateY(calc(-60% - 0.5px));
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(calc(-50% - 0.5px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fadeOutUpCenter {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(calc(-50% - 0.5px));
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-45%);
|
||||||
|
-webkit-transform: translateY(calc(-45% - 0.5px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fadeOutUpCenter {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(calc(-50% - 0.5px));
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-45%);
|
||||||
|
-webkit-transform: translateY(calc(-45% - 0.5px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fadeOutDownCenter {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(calc(-50% - 0.5px));
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-55%);
|
||||||
|
-webkit-transform: translateY(calc(-55% - 0.5px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fadeOutDownCenter {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(calc(-50% - 0.5px));
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-55%);
|
||||||
|
-webkit-transform: translateY(calc(-55% - 0.5px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes bounceCenter {
|
||||||
|
0%,
|
||||||
|
20%,
|
||||||
|
50%,
|
||||||
|
80%,
|
||||||
|
100% {
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(calc(-50% - 0.5px));
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
-webkit-transform: translateY(calc(-50% - 30px));
|
||||||
|
transform: translateY(calc(-50% - 30px));
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
-webkit-transform: translateY(calc(-50% - 15px));
|
||||||
|
transform: translateY(calc(-50% - 15px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes bounceCenter {
|
||||||
|
0%,
|
||||||
|
20%,
|
||||||
|
50%,
|
||||||
|
80%,
|
||||||
|
100% {
|
||||||
|
transform: translateY(-50%);
|
||||||
|
-webkit-transform: translateY(calc(-50% - 0.5px));
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
-webkit-transform: translateY(calc(-50% - 30px));
|
||||||
|
transform: translateY(calc(-50% - 30px));
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
-webkit-transform: translateY(calc(-50% - 15px));
|
||||||
|
transform: translateY(calc(-50% - 15px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
User Overrides
|
||||||
|
*******************************/
|
||||||
|
|
750
node_modules/fomantic-ui/dist/components/dimmer.js
generated
vendored
Normal file
750
node_modules/fomantic-ui/dist/components/dimmer.js
generated
vendored
Normal file
|
@ -0,0 +1,750 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Dimmer
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
;(function ($, window, document, undefined) {
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
$.isFunction = $.isFunction || function(obj) {
|
||||||
|
return typeof obj === "function" && typeof obj.nodeType !== "number";
|
||||||
|
};
|
||||||
|
|
||||||
|
window = (typeof window != 'undefined' && window.Math == Math)
|
||||||
|
? window
|
||||||
|
: (typeof self != 'undefined' && self.Math == Math)
|
||||||
|
? self
|
||||||
|
: Function('return this')()
|
||||||
|
;
|
||||||
|
|
||||||
|
$.fn.dimmer = function(parameters) {
|
||||||
|
var
|
||||||
|
$allModules = $(this),
|
||||||
|
|
||||||
|
time = new Date().getTime(),
|
||||||
|
performance = [],
|
||||||
|
|
||||||
|
query = arguments[0],
|
||||||
|
methodInvoked = (typeof query == 'string'),
|
||||||
|
queryArguments = [].slice.call(arguments, 1),
|
||||||
|
|
||||||
|
returnedValue
|
||||||
|
;
|
||||||
|
|
||||||
|
$allModules
|
||||||
|
.each(function() {
|
||||||
|
var
|
||||||
|
settings = ( $.isPlainObject(parameters) )
|
||||||
|
? $.extend(true, {}, $.fn.dimmer.settings, parameters)
|
||||||
|
: $.extend({}, $.fn.dimmer.settings),
|
||||||
|
|
||||||
|
selector = settings.selector,
|
||||||
|
namespace = settings.namespace,
|
||||||
|
className = settings.className,
|
||||||
|
error = settings.error,
|
||||||
|
|
||||||
|
eventNamespace = '.' + namespace,
|
||||||
|
moduleNamespace = 'module-' + namespace,
|
||||||
|
moduleSelector = $allModules.selector || '',
|
||||||
|
|
||||||
|
clickEvent = ('ontouchstart' in document.documentElement)
|
||||||
|
? 'touchstart'
|
||||||
|
: 'click',
|
||||||
|
|
||||||
|
$module = $(this),
|
||||||
|
$dimmer,
|
||||||
|
$dimmable,
|
||||||
|
|
||||||
|
element = this,
|
||||||
|
instance = $module.data(moduleNamespace),
|
||||||
|
module
|
||||||
|
;
|
||||||
|
|
||||||
|
module = {
|
||||||
|
|
||||||
|
preinitialize: function() {
|
||||||
|
if( module.is.dimmer() ) {
|
||||||
|
|
||||||
|
$dimmable = $module.parent();
|
||||||
|
$dimmer = $module;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$dimmable = $module;
|
||||||
|
if( module.has.dimmer() ) {
|
||||||
|
if(settings.dimmerName) {
|
||||||
|
$dimmer = $dimmable.find(selector.dimmer).filter('.' + settings.dimmerName);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$dimmer = $dimmable.find(selector.dimmer);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$dimmer = module.create();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
module.debug('Initializing dimmer', settings);
|
||||||
|
|
||||||
|
module.bind.events();
|
||||||
|
module.set.dimmable();
|
||||||
|
module.instantiate();
|
||||||
|
},
|
||||||
|
|
||||||
|
instantiate: function() {
|
||||||
|
module.verbose('Storing instance of module', module);
|
||||||
|
instance = module;
|
||||||
|
$module
|
||||||
|
.data(moduleNamespace, instance)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
|
||||||
|
destroy: function() {
|
||||||
|
module.verbose('Destroying previous module', $dimmer);
|
||||||
|
module.unbind.events();
|
||||||
|
module.remove.variation();
|
||||||
|
$dimmable
|
||||||
|
.off(eventNamespace)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
|
||||||
|
bind: {
|
||||||
|
events: function() {
|
||||||
|
if(settings.on == 'hover') {
|
||||||
|
$dimmable
|
||||||
|
.on('mouseenter' + eventNamespace, module.show)
|
||||||
|
.on('mouseleave' + eventNamespace, module.hide)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
else if(settings.on == 'click') {
|
||||||
|
$dimmable
|
||||||
|
.on(clickEvent + eventNamespace, module.toggle)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
if( module.is.page() ) {
|
||||||
|
module.debug('Setting as a page dimmer', $dimmable);
|
||||||
|
module.set.pageDimmer();
|
||||||
|
}
|
||||||
|
|
||||||
|
if( module.is.closable() ) {
|
||||||
|
module.verbose('Adding dimmer close event', $dimmer);
|
||||||
|
$dimmable
|
||||||
|
.on(clickEvent + eventNamespace, selector.dimmer, module.event.click)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
unbind: {
|
||||||
|
events: function() {
|
||||||
|
$module
|
||||||
|
.removeData(moduleNamespace)
|
||||||
|
;
|
||||||
|
$dimmable
|
||||||
|
.off(eventNamespace)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
event: {
|
||||||
|
click: function(event) {
|
||||||
|
module.verbose('Determining if event occurred on dimmer', event);
|
||||||
|
if( $dimmer.find(event.target).length === 0 || $(event.target).is(selector.content) ) {
|
||||||
|
module.hide();
|
||||||
|
event.stopImmediatePropagation();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
addContent: function(element) {
|
||||||
|
var
|
||||||
|
$content = $(element)
|
||||||
|
;
|
||||||
|
module.debug('Add content to dimmer', $content);
|
||||||
|
if($content.parent()[0] !== $dimmer[0]) {
|
||||||
|
$content.detach().appendTo($dimmer);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
create: function() {
|
||||||
|
var
|
||||||
|
$element = $( settings.template.dimmer(settings) )
|
||||||
|
;
|
||||||
|
if(settings.dimmerName) {
|
||||||
|
module.debug('Creating named dimmer', settings.dimmerName);
|
||||||
|
$element.addClass(settings.dimmerName);
|
||||||
|
}
|
||||||
|
$element
|
||||||
|
.appendTo($dimmable)
|
||||||
|
;
|
||||||
|
return $element;
|
||||||
|
},
|
||||||
|
|
||||||
|
show: function(callback) {
|
||||||
|
callback = $.isFunction(callback)
|
||||||
|
? callback
|
||||||
|
: function(){}
|
||||||
|
;
|
||||||
|
module.debug('Showing dimmer', $dimmer, settings);
|
||||||
|
module.set.variation();
|
||||||
|
if( (!module.is.dimmed() || module.is.animating()) && module.is.enabled() ) {
|
||||||
|
module.animate.show(callback);
|
||||||
|
settings.onShow.call(element);
|
||||||
|
settings.onChange.call(element);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.debug('Dimmer is already shown or disabled');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
hide: function(callback) {
|
||||||
|
callback = $.isFunction(callback)
|
||||||
|
? callback
|
||||||
|
: function(){}
|
||||||
|
;
|
||||||
|
if( module.is.dimmed() || module.is.animating() ) {
|
||||||
|
module.debug('Hiding dimmer', $dimmer);
|
||||||
|
module.animate.hide(callback);
|
||||||
|
settings.onHide.call(element);
|
||||||
|
settings.onChange.call(element);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.debug('Dimmer is not visible');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
toggle: function() {
|
||||||
|
module.verbose('Toggling dimmer visibility', $dimmer);
|
||||||
|
if( !module.is.dimmed() ) {
|
||||||
|
module.show();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if ( module.is.closable() ) {
|
||||||
|
module.hide();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
animate: {
|
||||||
|
show: function(callback) {
|
||||||
|
callback = $.isFunction(callback)
|
||||||
|
? callback
|
||||||
|
: function(){}
|
||||||
|
;
|
||||||
|
if(settings.useCSS && $.fn.transition !== undefined && $dimmer.transition('is supported')) {
|
||||||
|
if(settings.useFlex) {
|
||||||
|
module.debug('Using flex dimmer');
|
||||||
|
module.remove.legacy();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.debug('Using legacy non-flex dimmer');
|
||||||
|
module.set.legacy();
|
||||||
|
}
|
||||||
|
if(settings.opacity !== 'auto') {
|
||||||
|
module.set.opacity();
|
||||||
|
}
|
||||||
|
$dimmer
|
||||||
|
.transition({
|
||||||
|
displayType : settings.useFlex
|
||||||
|
? 'flex'
|
||||||
|
: 'block',
|
||||||
|
animation : (settings.transition.showMethod || settings.transition) + ' in',
|
||||||
|
queue : false,
|
||||||
|
duration : module.get.duration(),
|
||||||
|
useFailSafe : true,
|
||||||
|
onStart : function() {
|
||||||
|
module.set.dimmed();
|
||||||
|
},
|
||||||
|
onComplete : function() {
|
||||||
|
module.set.active();
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.verbose('Showing dimmer animation with javascript');
|
||||||
|
module.set.dimmed();
|
||||||
|
if(settings.opacity == 'auto') {
|
||||||
|
settings.opacity = 0.8;
|
||||||
|
}
|
||||||
|
$dimmer
|
||||||
|
.stop()
|
||||||
|
.css({
|
||||||
|
opacity : 0,
|
||||||
|
width : '100%',
|
||||||
|
height : '100%'
|
||||||
|
})
|
||||||
|
.fadeTo(module.get.duration(), settings.opacity, function() {
|
||||||
|
$dimmer.removeAttr('style');
|
||||||
|
module.set.active();
|
||||||
|
callback();
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
hide: function(callback) {
|
||||||
|
callback = $.isFunction(callback)
|
||||||
|
? callback
|
||||||
|
: function(){}
|
||||||
|
;
|
||||||
|
if(settings.useCSS && $.fn.transition !== undefined && $dimmer.transition('is supported')) {
|
||||||
|
module.verbose('Hiding dimmer with css');
|
||||||
|
$dimmer
|
||||||
|
.transition({
|
||||||
|
displayType : settings.useFlex
|
||||||
|
? 'flex'
|
||||||
|
: 'block',
|
||||||
|
animation : (settings.transition.hideMethod || settings.transition) + ' out',
|
||||||
|
queue : false,
|
||||||
|
duration : module.get.duration(),
|
||||||
|
useFailSafe : true,
|
||||||
|
onComplete : function() {
|
||||||
|
module.remove.dimmed();
|
||||||
|
module.remove.variation();
|
||||||
|
module.remove.active();
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.verbose('Hiding dimmer with javascript');
|
||||||
|
$dimmer
|
||||||
|
.stop()
|
||||||
|
.fadeOut(module.get.duration(), function() {
|
||||||
|
module.remove.dimmed();
|
||||||
|
module.remove.active();
|
||||||
|
$dimmer.removeAttr('style');
|
||||||
|
callback();
|
||||||
|
})
|
||||||
|
;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
get: {
|
||||||
|
dimmer: function() {
|
||||||
|
return $dimmer;
|
||||||
|
},
|
||||||
|
duration: function() {
|
||||||
|
if( module.is.active() ) {
|
||||||
|
return settings.transition.hideDuration || settings.duration.hide || settings.duration;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return settings.transition.showDuration || settings.duration.show || settings.duration;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
has: {
|
||||||
|
dimmer: function() {
|
||||||
|
if(settings.dimmerName) {
|
||||||
|
return ($module.find(selector.dimmer).filter('.' + settings.dimmerName).length > 0);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return ( $module.find(selector.dimmer).length > 0 );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
is: {
|
||||||
|
active: function() {
|
||||||
|
return $dimmer.hasClass(className.active);
|
||||||
|
},
|
||||||
|
animating: function() {
|
||||||
|
return ( $dimmer.is(':animated') || $dimmer.hasClass(className.animating) );
|
||||||
|
},
|
||||||
|
closable: function() {
|
||||||
|
if(settings.closable == 'auto') {
|
||||||
|
if(settings.on == 'hover') {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return settings.closable;
|
||||||
|
},
|
||||||
|
dimmer: function() {
|
||||||
|
return $module.hasClass(className.dimmer);
|
||||||
|
},
|
||||||
|
dimmable: function() {
|
||||||
|
return $module.hasClass(className.dimmable);
|
||||||
|
},
|
||||||
|
dimmed: function() {
|
||||||
|
return $dimmable.hasClass(className.dimmed);
|
||||||
|
},
|
||||||
|
disabled: function() {
|
||||||
|
return $dimmable.hasClass(className.disabled);
|
||||||
|
},
|
||||||
|
enabled: function() {
|
||||||
|
return !module.is.disabled();
|
||||||
|
},
|
||||||
|
page: function () {
|
||||||
|
return $dimmable.is('body');
|
||||||
|
},
|
||||||
|
pageDimmer: function() {
|
||||||
|
return $dimmer.hasClass(className.pageDimmer);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
can: {
|
||||||
|
show: function() {
|
||||||
|
return !$dimmer.hasClass(className.disabled);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
set: {
|
||||||
|
opacity: function(opacity) {
|
||||||
|
var
|
||||||
|
color = $dimmer.css('background-color'),
|
||||||
|
colorArray = color.split(','),
|
||||||
|
isRGB = (colorArray && colorArray.length >= 3)
|
||||||
|
;
|
||||||
|
opacity = settings.opacity === 0 ? 0 : settings.opacity || opacity;
|
||||||
|
if(isRGB) {
|
||||||
|
colorArray[2] = colorArray[2].replace(')','');
|
||||||
|
colorArray[3] = opacity + ')';
|
||||||
|
color = colorArray.join(',');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
color = 'rgba(0, 0, 0, ' + opacity + ')';
|
||||||
|
}
|
||||||
|
module.debug('Setting opacity to', opacity);
|
||||||
|
$dimmer.css('background-color', color);
|
||||||
|
},
|
||||||
|
legacy: function() {
|
||||||
|
$dimmer.addClass(className.legacy);
|
||||||
|
},
|
||||||
|
active: function() {
|
||||||
|
$dimmer.addClass(className.active);
|
||||||
|
},
|
||||||
|
dimmable: function() {
|
||||||
|
$dimmable.addClass(className.dimmable);
|
||||||
|
},
|
||||||
|
dimmed: function() {
|
||||||
|
$dimmable.addClass(className.dimmed);
|
||||||
|
},
|
||||||
|
pageDimmer: function() {
|
||||||
|
$dimmer.addClass(className.pageDimmer);
|
||||||
|
},
|
||||||
|
disabled: function() {
|
||||||
|
$dimmer.addClass(className.disabled);
|
||||||
|
},
|
||||||
|
variation: function(variation) {
|
||||||
|
variation = variation || settings.variation;
|
||||||
|
if(variation) {
|
||||||
|
$dimmer.addClass(variation);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
remove: {
|
||||||
|
active: function() {
|
||||||
|
$dimmer
|
||||||
|
.removeClass(className.active)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
legacy: function() {
|
||||||
|
$dimmer.removeClass(className.legacy);
|
||||||
|
},
|
||||||
|
dimmed: function() {
|
||||||
|
$dimmable.removeClass(className.dimmed);
|
||||||
|
},
|
||||||
|
disabled: function() {
|
||||||
|
$dimmer.removeClass(className.disabled);
|
||||||
|
},
|
||||||
|
variation: function(variation) {
|
||||||
|
variation = variation || settings.variation;
|
||||||
|
if(variation) {
|
||||||
|
$dimmer.removeClass(variation);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
setting: function(name, value) {
|
||||||
|
module.debug('Changing setting', name, value);
|
||||||
|
if( $.isPlainObject(name) ) {
|
||||||
|
$.extend(true, settings, name);
|
||||||
|
}
|
||||||
|
else if(value !== undefined) {
|
||||||
|
if($.isPlainObject(settings[name])) {
|
||||||
|
$.extend(true, settings[name], value);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
settings[name] = value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return settings[name];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
internal: function(name, value) {
|
||||||
|
if( $.isPlainObject(name) ) {
|
||||||
|
$.extend(true, module, name);
|
||||||
|
}
|
||||||
|
else if(value !== undefined) {
|
||||||
|
module[name] = value;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return module[name];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
debug: function() {
|
||||||
|
if(!settings.silent && settings.debug) {
|
||||||
|
if(settings.performance) {
|
||||||
|
module.performance.log(arguments);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
|
||||||
|
module.debug.apply(console, arguments);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
verbose: function() {
|
||||||
|
if(!settings.silent && settings.verbose && settings.debug) {
|
||||||
|
if(settings.performance) {
|
||||||
|
module.performance.log(arguments);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
|
||||||
|
module.verbose.apply(console, arguments);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function() {
|
||||||
|
if(!settings.silent) {
|
||||||
|
module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
|
||||||
|
module.error.apply(console, arguments);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
performance: {
|
||||||
|
log: function(message) {
|
||||||
|
var
|
||||||
|
currentTime,
|
||||||
|
executionTime,
|
||||||
|
previousTime
|
||||||
|
;
|
||||||
|
if(settings.performance) {
|
||||||
|
currentTime = new Date().getTime();
|
||||||
|
previousTime = time || currentTime;
|
||||||
|
executionTime = currentTime - previousTime;
|
||||||
|
time = currentTime;
|
||||||
|
performance.push({
|
||||||
|
'Name' : message[0],
|
||||||
|
'Arguments' : [].slice.call(message, 1) || '',
|
||||||
|
'Element' : element,
|
||||||
|
'Execution Time' : executionTime
|
||||||
|
});
|
||||||
|
}
|
||||||
|
clearTimeout(module.performance.timer);
|
||||||
|
module.performance.timer = setTimeout(module.performance.display, 500);
|
||||||
|
},
|
||||||
|
display: function() {
|
||||||
|
var
|
||||||
|
title = settings.name + ':',
|
||||||
|
totalTime = 0
|
||||||
|
;
|
||||||
|
time = false;
|
||||||
|
clearTimeout(module.performance.timer);
|
||||||
|
$.each(performance, function(index, data) {
|
||||||
|
totalTime += data['Execution Time'];
|
||||||
|
});
|
||||||
|
title += ' ' + totalTime + 'ms';
|
||||||
|
if(moduleSelector) {
|
||||||
|
title += ' \'' + moduleSelector + '\'';
|
||||||
|
}
|
||||||
|
if($allModules.length > 1) {
|
||||||
|
title += ' ' + '(' + $allModules.length + ')';
|
||||||
|
}
|
||||||
|
if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
|
||||||
|
console.groupCollapsed(title);
|
||||||
|
if(console.table) {
|
||||||
|
console.table(performance);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$.each(performance, function(index, data) {
|
||||||
|
console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
console.groupEnd();
|
||||||
|
}
|
||||||
|
performance = [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
invoke: function(query, passedArguments, context) {
|
||||||
|
var
|
||||||
|
object = instance,
|
||||||
|
maxDepth,
|
||||||
|
found,
|
||||||
|
response
|
||||||
|
;
|
||||||
|
passedArguments = passedArguments || queryArguments;
|
||||||
|
context = element || context;
|
||||||
|
if(typeof query == 'string' && object !== undefined) {
|
||||||
|
query = query.split(/[\. ]/);
|
||||||
|
maxDepth = query.length - 1;
|
||||||
|
$.each(query, function(depth, value) {
|
||||||
|
var camelCaseValue = (depth != maxDepth)
|
||||||
|
? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
|
||||||
|
: query
|
||||||
|
;
|
||||||
|
if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
|
||||||
|
object = object[camelCaseValue];
|
||||||
|
}
|
||||||
|
else if( object[camelCaseValue] !== undefined ) {
|
||||||
|
found = object[camelCaseValue];
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
|
||||||
|
object = object[value];
|
||||||
|
}
|
||||||
|
else if( object[value] !== undefined ) {
|
||||||
|
found = object[value];
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.error(error.method, query);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if ( $.isFunction( found ) ) {
|
||||||
|
response = found.apply(context, passedArguments);
|
||||||
|
}
|
||||||
|
else if(found !== undefined) {
|
||||||
|
response = found;
|
||||||
|
}
|
||||||
|
if(Array.isArray(returnedValue)) {
|
||||||
|
returnedValue.push(response);
|
||||||
|
}
|
||||||
|
else if(returnedValue !== undefined) {
|
||||||
|
returnedValue = [returnedValue, response];
|
||||||
|
}
|
||||||
|
else if(response !== undefined) {
|
||||||
|
returnedValue = response;
|
||||||
|
}
|
||||||
|
return found;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
module.preinitialize();
|
||||||
|
|
||||||
|
if(methodInvoked) {
|
||||||
|
if(instance === undefined) {
|
||||||
|
module.initialize();
|
||||||
|
}
|
||||||
|
module.invoke(query);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if(instance !== undefined) {
|
||||||
|
instance.invoke('destroy');
|
||||||
|
}
|
||||||
|
module.initialize();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
|
||||||
|
return (returnedValue !== undefined)
|
||||||
|
? returnedValue
|
||||||
|
: this
|
||||||
|
;
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.dimmer.settings = {
|
||||||
|
|
||||||
|
name : 'Dimmer',
|
||||||
|
namespace : 'dimmer',
|
||||||
|
|
||||||
|
silent : false,
|
||||||
|
debug : false,
|
||||||
|
verbose : false,
|
||||||
|
performance : true,
|
||||||
|
|
||||||
|
// whether should use flex layout
|
||||||
|
useFlex : true,
|
||||||
|
|
||||||
|
// name to distinguish between multiple dimmers in context
|
||||||
|
dimmerName : false,
|
||||||
|
|
||||||
|
// whether to add a variation type
|
||||||
|
variation : false,
|
||||||
|
|
||||||
|
// whether to bind close events
|
||||||
|
closable : 'auto',
|
||||||
|
|
||||||
|
// whether to use css animations
|
||||||
|
useCSS : true,
|
||||||
|
|
||||||
|
// css animation to use
|
||||||
|
transition : 'fade',
|
||||||
|
|
||||||
|
// event to bind to
|
||||||
|
on : false,
|
||||||
|
|
||||||
|
// overriding opacity value
|
||||||
|
opacity : 'auto',
|
||||||
|
|
||||||
|
// transition durations
|
||||||
|
duration : {
|
||||||
|
show : 500,
|
||||||
|
hide : 500
|
||||||
|
},
|
||||||
|
// whether the dynamically created dimmer should have a loader
|
||||||
|
displayLoader: false,
|
||||||
|
loaderText : false,
|
||||||
|
loaderVariation : '',
|
||||||
|
|
||||||
|
onChange : function(){},
|
||||||
|
onShow : function(){},
|
||||||
|
onHide : function(){},
|
||||||
|
|
||||||
|
error : {
|
||||||
|
method : 'The method you called is not defined.'
|
||||||
|
},
|
||||||
|
|
||||||
|
className : {
|
||||||
|
active : 'active',
|
||||||
|
animating : 'animating',
|
||||||
|
dimmable : 'dimmable',
|
||||||
|
dimmed : 'dimmed',
|
||||||
|
dimmer : 'dimmer',
|
||||||
|
disabled : 'disabled',
|
||||||
|
hide : 'hide',
|
||||||
|
legacy : 'legacy',
|
||||||
|
pageDimmer : 'page',
|
||||||
|
show : 'show',
|
||||||
|
loader : 'ui loader'
|
||||||
|
},
|
||||||
|
|
||||||
|
selector: {
|
||||||
|
dimmer : '> .ui.dimmer',
|
||||||
|
content : '.ui.dimmer > .content, .ui.dimmer > .content > .center'
|
||||||
|
},
|
||||||
|
|
||||||
|
template: {
|
||||||
|
dimmer: function(settings) {
|
||||||
|
var d = $('<div/>').addClass('ui dimmer'),l;
|
||||||
|
if(settings.displayLoader) {
|
||||||
|
l = $('<div/>')
|
||||||
|
.addClass(settings.className.loader)
|
||||||
|
.addClass(settings.loaderVariation);
|
||||||
|
if(!!settings.loaderText){
|
||||||
|
l.text(settings.loaderText);
|
||||||
|
l.addClass('text');
|
||||||
|
}
|
||||||
|
d.append(l);
|
||||||
|
}
|
||||||
|
return d;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
})( jQuery, window, document );
|
9
node_modules/fomantic-ui/dist/components/dimmer.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/dimmer.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
11
node_modules/fomantic-ui/dist/components/dimmer.min.js
generated
vendored
Normal file
11
node_modules/fomantic-ui/dist/components/dimmer.min.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
297
node_modules/fomantic-ui/dist/components/divider.css
generated
vendored
Normal file
297
node_modules/fomantic-ui/dist/components/divider.css
generated
vendored
Normal file
|
@ -0,0 +1,297 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Divider
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Divider
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.divider {
|
||||||
|
margin: 1rem 0;
|
||||||
|
line-height: 1;
|
||||||
|
height: 0;
|
||||||
|
font-weight: bold;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
color: rgba(0, 0, 0, 0.85);
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Basic
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.divider:not(.vertical):not(.horizontal) {
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Coupling
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Allow divider between each column row */
|
||||||
|
.ui.grid > .column + .divider,
|
||||||
|
.ui.grid > .row > .column + .divider {
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Horizontal
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.horizontal.divider {
|
||||||
|
display: table;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: auto;
|
||||||
|
margin: '';
|
||||||
|
line-height: 1;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui.horizontal.divider:before,
|
||||||
|
.ui.horizontal.divider:after {
|
||||||
|
content: '';
|
||||||
|
display: table-cell;
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
width: 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
.ui.horizontal.divider:before {
|
||||||
|
background-position: right 1em top 50%;
|
||||||
|
}
|
||||||
|
.ui.horizontal.divider:after {
|
||||||
|
background-position: left 1em top 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Vertical
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.vertical.divider {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 2;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: auto;
|
||||||
|
height: 50%;
|
||||||
|
line-height: 0;
|
||||||
|
text-align: center;
|
||||||
|
-webkit-transform: translateX(-50%);
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
.ui.vertical.divider:before,
|
||||||
|
.ui.vertical.divider:after {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
content: '';
|
||||||
|
z-index: 3;
|
||||||
|
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
border-right: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
width: 0;
|
||||||
|
height: calc(100% - 1rem);
|
||||||
|
}
|
||||||
|
.ui.vertical.divider:before {
|
||||||
|
top: -100%;
|
||||||
|
}
|
||||||
|
.ui.vertical.divider:after {
|
||||||
|
top: auto;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inside grid */
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.stackable.grid .ui.vertical.divider,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider {
|
||||||
|
display: table;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: auto;
|
||||||
|
margin: '';
|
||||||
|
overflow: hidden;
|
||||||
|
line-height: 1;
|
||||||
|
text-align: center;
|
||||||
|
position: static;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
-webkit-transform: none;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:before,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:before,
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:after,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:after {
|
||||||
|
left: 0;
|
||||||
|
border-left: none;
|
||||||
|
border-right: none;
|
||||||
|
content: '';
|
||||||
|
display: table-cell;
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
width: 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:before,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:before {
|
||||||
|
background-position: right 1em top 50%;
|
||||||
|
}
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:after,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:after {
|
||||||
|
background-position: left 1em top 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Icon
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.divider > .icon {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 1rem;
|
||||||
|
height: 1em;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Header
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.horizontal.divider[class*="left aligned"]:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ui.horizontal.divider[class*="left aligned"]:after {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.ui.horizontal.divider[class*="right aligned"]:before {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.ui.horizontal.divider[class*="right aligned"]:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Hidden
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.hidden.divider {
|
||||||
|
border-color: transparent !important;
|
||||||
|
}
|
||||||
|
.ui.hidden.divider:before,
|
||||||
|
.ui.hidden.divider:after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Inverted
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.divider.inverted,
|
||||||
|
.ui.vertical.inverted.divider,
|
||||||
|
.ui.horizontal.inverted.divider {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.divider.inverted,
|
||||||
|
.ui.divider.inverted:after,
|
||||||
|
.ui.divider.inverted:before {
|
||||||
|
border-top-color: rgba(34, 36, 38, 0.15) !important;
|
||||||
|
border-left-color: rgba(34, 36, 38, 0.15) !important;
|
||||||
|
border-bottom-color: rgba(255, 255, 255, 0.15) !important;
|
||||||
|
border-right-color: rgba(255, 255, 255, 0.15) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Fitted
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.fitted.divider {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Clearing
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.clearing.divider {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Section
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.section.divider {
|
||||||
|
margin-top: 2rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Sizes
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.divider {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.mini.divider {
|
||||||
|
font-size: 0.78571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.divider {
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.divider {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.large.divider {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.big.divider {
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.huge.divider {
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.divider {
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.horizontal.divider:before,
|
||||||
|
.ui.horizontal.divider:after {
|
||||||
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 767px) {
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:before,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:before,
|
||||||
|
.ui.stackable.grid .ui.vertical.divider:after,
|
||||||
|
.ui.grid .stackable.row .ui.vertical.divider:after {
|
||||||
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/divider.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/divider.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
2058
node_modules/fomantic-ui/dist/components/dropdown.css
generated
vendored
Normal file
2058
node_modules/fomantic-ui/dist/components/dropdown.css
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
4330
node_modules/fomantic-ui/dist/components/dropdown.js
generated
vendored
Normal file
4330
node_modules/fomantic-ui/dist/components/dropdown.js
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
9
node_modules/fomantic-ui/dist/components/dropdown.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/dropdown.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
11
node_modules/fomantic-ui/dist/components/dropdown.min.js
generated
vendored
Normal file
11
node_modules/fomantic-ui/dist/components/dropdown.min.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
166
node_modules/fomantic-ui/dist/components/embed.css
generated
vendored
Normal file
166
node_modules/fomantic-ui/dist/components/embed.css
generated
vendored
Normal file
|
@ -0,0 +1,166 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Video
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.embed {
|
||||||
|
position: relative;
|
||||||
|
max-width: 100%;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #DCDDDE;
|
||||||
|
padding-bottom: 56.25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-----------------
|
||||||
|
Embedded Content
|
||||||
|
------------------*/
|
||||||
|
|
||||||
|
.ui.embed iframe,
|
||||||
|
.ui.embed embed,
|
||||||
|
.ui.embed object {
|
||||||
|
position: absolute;
|
||||||
|
border: none;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-----------------
|
||||||
|
Embed
|
||||||
|
------------------*/
|
||||||
|
|
||||||
|
.ui.embed > .embed {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Placeholder
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.embed > .placeholder {
|
||||||
|
position: absolute;
|
||||||
|
cursor: pointer;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Icon
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.embed > i.icon {
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.ui.embed > i.icon:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 3;
|
||||||
|
content: '';
|
||||||
|
background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
|
||||||
|
background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
|
||||||
|
opacity: 0.5;
|
||||||
|
-webkit-transition: opacity 0.5s ease;
|
||||||
|
transition: opacity 0.5s ease;
|
||||||
|
}
|
||||||
|
.ui.embed > i.icon:before {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 6rem;
|
||||||
|
text-shadow: 0 2px 10px rgba(34, 36, 38, 0.2);
|
||||||
|
-webkit-transition: opacity 0.5s ease, color 0.5s ease;
|
||||||
|
transition: opacity 0.5s ease, color 0.5s ease;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Hover
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.embed i.icon:hover:after {
|
||||||
|
background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
|
||||||
|
background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.ui.embed i.icon:hover:before {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Active
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.active.embed > i.icon,
|
||||||
|
.ui.active.embed > .placeholder {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ui.active.embed > .embed {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.square.embed {
|
||||||
|
padding-bottom: 100%;
|
||||||
|
}
|
||||||
|
.ui[class*="4:3"].embed {
|
||||||
|
padding-bottom: 75%;
|
||||||
|
}
|
||||||
|
.ui[class*="16:9"].embed {
|
||||||
|
padding-bottom: 56.25%;
|
||||||
|
}
|
||||||
|
.ui[class*="21:9"].embed {
|
||||||
|
padding-bottom: 42.85714286%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Video Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
709
node_modules/fomantic-ui/dist/components/embed.js
generated
vendored
Normal file
709
node_modules/fomantic-ui/dist/components/embed.js
generated
vendored
Normal file
|
@ -0,0 +1,709 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Embed
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
;(function ($, window, document, undefined) {
|
||||||
|
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
$.isFunction = $.isFunction || function(obj) {
|
||||||
|
return typeof obj === "function" && typeof obj.nodeType !== "number";
|
||||||
|
};
|
||||||
|
|
||||||
|
window = (typeof window != 'undefined' && window.Math == Math)
|
||||||
|
? window
|
||||||
|
: (typeof self != 'undefined' && self.Math == Math)
|
||||||
|
? self
|
||||||
|
: Function('return this')()
|
||||||
|
;
|
||||||
|
|
||||||
|
$.fn.embed = function(parameters) {
|
||||||
|
|
||||||
|
var
|
||||||
|
$allModules = $(this),
|
||||||
|
|
||||||
|
moduleSelector = $allModules.selector || '',
|
||||||
|
|
||||||
|
time = new Date().getTime(),
|
||||||
|
performance = [],
|
||||||
|
|
||||||
|
query = arguments[0],
|
||||||
|
methodInvoked = (typeof query == 'string'),
|
||||||
|
queryArguments = [].slice.call(arguments, 1),
|
||||||
|
|
||||||
|
returnedValue
|
||||||
|
;
|
||||||
|
|
||||||
|
$allModules
|
||||||
|
.each(function() {
|
||||||
|
var
|
||||||
|
settings = ( $.isPlainObject(parameters) )
|
||||||
|
? $.extend(true, {}, $.fn.embed.settings, parameters)
|
||||||
|
: $.extend({}, $.fn.embed.settings),
|
||||||
|
|
||||||
|
selector = settings.selector,
|
||||||
|
className = settings.className,
|
||||||
|
sources = settings.sources,
|
||||||
|
error = settings.error,
|
||||||
|
metadata = settings.metadata,
|
||||||
|
namespace = settings.namespace,
|
||||||
|
templates = settings.templates,
|
||||||
|
|
||||||
|
eventNamespace = '.' + namespace,
|
||||||
|
moduleNamespace = 'module-' + namespace,
|
||||||
|
|
||||||
|
$module = $(this),
|
||||||
|
$placeholder = $module.find(selector.placeholder),
|
||||||
|
$icon = $module.find(selector.icon),
|
||||||
|
$embed = $module.find(selector.embed),
|
||||||
|
|
||||||
|
element = this,
|
||||||
|
instance = $module.data(moduleNamespace),
|
||||||
|
module
|
||||||
|
;
|
||||||
|
|
||||||
|
module = {
|
||||||
|
|
||||||
|
initialize: function() {
|
||||||
|
module.debug('Initializing embed');
|
||||||
|
module.determine.autoplay();
|
||||||
|
module.create();
|
||||||
|
module.bind.events();
|
||||||
|
module.instantiate();
|
||||||
|
},
|
||||||
|
|
||||||
|
instantiate: function() {
|
||||||
|
module.verbose('Storing instance of module', module);
|
||||||
|
instance = module;
|
||||||
|
$module
|
||||||
|
.data(moduleNamespace, module)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
|
||||||
|
destroy: function() {
|
||||||
|
module.verbose('Destroying previous instance of embed');
|
||||||
|
module.reset();
|
||||||
|
$module
|
||||||
|
.removeData(moduleNamespace)
|
||||||
|
.off(eventNamespace)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
|
||||||
|
refresh: function() {
|
||||||
|
module.verbose('Refreshing selector cache');
|
||||||
|
$placeholder = $module.find(selector.placeholder);
|
||||||
|
$icon = $module.find(selector.icon);
|
||||||
|
$embed = $module.find(selector.embed);
|
||||||
|
},
|
||||||
|
|
||||||
|
bind: {
|
||||||
|
events: function() {
|
||||||
|
if( module.has.placeholder() ) {
|
||||||
|
module.debug('Adding placeholder events');
|
||||||
|
$module
|
||||||
|
.on('click' + eventNamespace, selector.placeholder, module.createAndShow)
|
||||||
|
.on('click' + eventNamespace, selector.icon, module.createAndShow)
|
||||||
|
;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
create: function() {
|
||||||
|
var
|
||||||
|
placeholder = module.get.placeholder()
|
||||||
|
;
|
||||||
|
if(placeholder) {
|
||||||
|
module.createPlaceholder();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.createAndShow();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
createPlaceholder: function(placeholder) {
|
||||||
|
var
|
||||||
|
icon = module.get.icon(),
|
||||||
|
url = module.get.url(),
|
||||||
|
embed = module.generate.embed(url)
|
||||||
|
;
|
||||||
|
placeholder = placeholder || module.get.placeholder();
|
||||||
|
$module.html( templates.placeholder(placeholder, icon) );
|
||||||
|
module.debug('Creating placeholder for embed', placeholder, icon);
|
||||||
|
},
|
||||||
|
|
||||||
|
createEmbed: function(url) {
|
||||||
|
module.refresh();
|
||||||
|
url = url || module.get.url();
|
||||||
|
$embed = $('<div/>')
|
||||||
|
.addClass(className.embed)
|
||||||
|
.html( module.generate.embed(url) )
|
||||||
|
.appendTo($module)
|
||||||
|
;
|
||||||
|
settings.onCreate.call(element, url);
|
||||||
|
module.debug('Creating embed object', $embed);
|
||||||
|
},
|
||||||
|
|
||||||
|
changeEmbed: function(url) {
|
||||||
|
$embed
|
||||||
|
.html( module.generate.embed(url) )
|
||||||
|
;
|
||||||
|
},
|
||||||
|
|
||||||
|
createAndShow: function() {
|
||||||
|
module.createEmbed();
|
||||||
|
module.show();
|
||||||
|
},
|
||||||
|
|
||||||
|
// sets new embed
|
||||||
|
change: function(source, id, url) {
|
||||||
|
module.debug('Changing video to ', source, id, url);
|
||||||
|
$module
|
||||||
|
.data(metadata.source, source)
|
||||||
|
.data(metadata.id, id)
|
||||||
|
;
|
||||||
|
if(url) {
|
||||||
|
$module.data(metadata.url, url);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$module.removeData(metadata.url);
|
||||||
|
}
|
||||||
|
if(module.has.embed()) {
|
||||||
|
module.changeEmbed();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.create();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// clears embed
|
||||||
|
reset: function() {
|
||||||
|
module.debug('Clearing embed and showing placeholder');
|
||||||
|
module.remove.data();
|
||||||
|
module.remove.active();
|
||||||
|
module.remove.embed();
|
||||||
|
module.showPlaceholder();
|
||||||
|
settings.onReset.call(element);
|
||||||
|
},
|
||||||
|
|
||||||
|
// shows current embed
|
||||||
|
show: function() {
|
||||||
|
module.debug('Showing embed');
|
||||||
|
module.set.active();
|
||||||
|
settings.onDisplay.call(element);
|
||||||
|
},
|
||||||
|
|
||||||
|
hide: function() {
|
||||||
|
module.debug('Hiding embed');
|
||||||
|
module.showPlaceholder();
|
||||||
|
},
|
||||||
|
|
||||||
|
showPlaceholder: function() {
|
||||||
|
module.debug('Showing placeholder image');
|
||||||
|
module.remove.active();
|
||||||
|
settings.onPlaceholderDisplay.call(element);
|
||||||
|
},
|
||||||
|
|
||||||
|
get: {
|
||||||
|
id: function() {
|
||||||
|
return settings.id || $module.data(metadata.id);
|
||||||
|
},
|
||||||
|
placeholder: function() {
|
||||||
|
return settings.placeholder || $module.data(metadata.placeholder);
|
||||||
|
},
|
||||||
|
icon: function() {
|
||||||
|
return (settings.icon)
|
||||||
|
? settings.icon
|
||||||
|
: ($module.data(metadata.icon) !== undefined)
|
||||||
|
? $module.data(metadata.icon)
|
||||||
|
: module.determine.icon()
|
||||||
|
;
|
||||||
|
},
|
||||||
|
source: function(url) {
|
||||||
|
return (settings.source)
|
||||||
|
? settings.source
|
||||||
|
: ($module.data(metadata.source) !== undefined)
|
||||||
|
? $module.data(metadata.source)
|
||||||
|
: module.determine.source()
|
||||||
|
;
|
||||||
|
},
|
||||||
|
type: function() {
|
||||||
|
var source = module.get.source();
|
||||||
|
return (sources[source] !== undefined)
|
||||||
|
? sources[source].type
|
||||||
|
: false
|
||||||
|
;
|
||||||
|
},
|
||||||
|
url: function() {
|
||||||
|
return (settings.url)
|
||||||
|
? settings.url
|
||||||
|
: ($module.data(metadata.url) !== undefined)
|
||||||
|
? $module.data(metadata.url)
|
||||||
|
: module.determine.url()
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
determine: {
|
||||||
|
autoplay: function() {
|
||||||
|
if(module.should.autoplay()) {
|
||||||
|
settings.autoplay = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
source: function(url) {
|
||||||
|
var
|
||||||
|
matchedSource = false
|
||||||
|
;
|
||||||
|
url = url || module.get.url();
|
||||||
|
if(url) {
|
||||||
|
$.each(sources, function(name, source) {
|
||||||
|
if(url.search(source.domain) !== -1) {
|
||||||
|
matchedSource = name;
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return matchedSource;
|
||||||
|
},
|
||||||
|
icon: function() {
|
||||||
|
var
|
||||||
|
source = module.get.source()
|
||||||
|
;
|
||||||
|
return (sources[source] !== undefined)
|
||||||
|
? sources[source].icon
|
||||||
|
: false
|
||||||
|
;
|
||||||
|
},
|
||||||
|
url: function() {
|
||||||
|
var
|
||||||
|
id = settings.id || $module.data(metadata.id),
|
||||||
|
source = settings.source || $module.data(metadata.source),
|
||||||
|
url
|
||||||
|
;
|
||||||
|
url = (sources[source] !== undefined)
|
||||||
|
? sources[source].url.replace('{id}', id)
|
||||||
|
: false
|
||||||
|
;
|
||||||
|
if(url) {
|
||||||
|
$module.data(metadata.url, url);
|
||||||
|
}
|
||||||
|
return url;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
set: {
|
||||||
|
active: function() {
|
||||||
|
$module.addClass(className.active);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
remove: {
|
||||||
|
data: function() {
|
||||||
|
$module
|
||||||
|
.removeData(metadata.id)
|
||||||
|
.removeData(metadata.icon)
|
||||||
|
.removeData(metadata.placeholder)
|
||||||
|
.removeData(metadata.source)
|
||||||
|
.removeData(metadata.url)
|
||||||
|
;
|
||||||
|
},
|
||||||
|
active: function() {
|
||||||
|
$module.removeClass(className.active);
|
||||||
|
},
|
||||||
|
embed: function() {
|
||||||
|
$embed.empty();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
encode: {
|
||||||
|
parameters: function(parameters) {
|
||||||
|
var
|
||||||
|
urlString = [],
|
||||||
|
index
|
||||||
|
;
|
||||||
|
for (index in parameters) {
|
||||||
|
urlString.push( encodeURIComponent(index) + '=' + encodeURIComponent( parameters[index] ) );
|
||||||
|
}
|
||||||
|
return urlString.join('&');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
generate: {
|
||||||
|
embed: function(url) {
|
||||||
|
module.debug('Generating embed html');
|
||||||
|
var
|
||||||
|
source = module.get.source(),
|
||||||
|
html,
|
||||||
|
parameters
|
||||||
|
;
|
||||||
|
url = module.get.url(url);
|
||||||
|
if(url) {
|
||||||
|
parameters = module.generate.parameters(source);
|
||||||
|
html = templates.iframe(url, parameters);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.error(error.noURL, $module);
|
||||||
|
}
|
||||||
|
return html;
|
||||||
|
},
|
||||||
|
parameters: function(source, extraParameters) {
|
||||||
|
var
|
||||||
|
parameters = (sources[source] && sources[source].parameters !== undefined)
|
||||||
|
? sources[source].parameters(settings)
|
||||||
|
: {}
|
||||||
|
;
|
||||||
|
extraParameters = extraParameters || settings.parameters;
|
||||||
|
if(extraParameters) {
|
||||||
|
parameters = $.extend({}, parameters, extraParameters);
|
||||||
|
}
|
||||||
|
parameters = settings.onEmbed(parameters);
|
||||||
|
return module.encode.parameters(parameters);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
has: {
|
||||||
|
embed: function() {
|
||||||
|
return ($embed.length > 0);
|
||||||
|
},
|
||||||
|
placeholder: function() {
|
||||||
|
return settings.placeholder || $module.data(metadata.placeholder);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
should: {
|
||||||
|
autoplay: function() {
|
||||||
|
return (settings.autoplay === 'auto')
|
||||||
|
? (settings.placeholder || $module.data(metadata.placeholder) !== undefined)
|
||||||
|
: settings.autoplay
|
||||||
|
;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
is: {
|
||||||
|
video: function() {
|
||||||
|
return module.get.type() == 'video';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
setting: function(name, value) {
|
||||||
|
module.debug('Changing setting', name, value);
|
||||||
|
if( $.isPlainObject(name) ) {
|
||||||
|
$.extend(true, settings, name);
|
||||||
|
}
|
||||||
|
else if(value !== undefined) {
|
||||||
|
if($.isPlainObject(settings[name])) {
|
||||||
|
$.extend(true, settings[name], value);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
settings[name] = value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return settings[name];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
internal: function(name, value) {
|
||||||
|
if( $.isPlainObject(name) ) {
|
||||||
|
$.extend(true, module, name);
|
||||||
|
}
|
||||||
|
else if(value !== undefined) {
|
||||||
|
module[name] = value;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
return module[name];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
debug: function() {
|
||||||
|
if(!settings.silent && settings.debug) {
|
||||||
|
if(settings.performance) {
|
||||||
|
module.performance.log(arguments);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
|
||||||
|
module.debug.apply(console, arguments);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
verbose: function() {
|
||||||
|
if(!settings.silent && settings.verbose && settings.debug) {
|
||||||
|
if(settings.performance) {
|
||||||
|
module.performance.log(arguments);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
|
||||||
|
module.verbose.apply(console, arguments);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function() {
|
||||||
|
if(!settings.silent) {
|
||||||
|
module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
|
||||||
|
module.error.apply(console, arguments);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
performance: {
|
||||||
|
log: function(message) {
|
||||||
|
var
|
||||||
|
currentTime,
|
||||||
|
executionTime,
|
||||||
|
previousTime
|
||||||
|
;
|
||||||
|
if(settings.performance) {
|
||||||
|
currentTime = new Date().getTime();
|
||||||
|
previousTime = time || currentTime;
|
||||||
|
executionTime = currentTime - previousTime;
|
||||||
|
time = currentTime;
|
||||||
|
performance.push({
|
||||||
|
'Name' : message[0],
|
||||||
|
'Arguments' : [].slice.call(message, 1) || '',
|
||||||
|
'Element' : element,
|
||||||
|
'Execution Time' : executionTime
|
||||||
|
});
|
||||||
|
}
|
||||||
|
clearTimeout(module.performance.timer);
|
||||||
|
module.performance.timer = setTimeout(module.performance.display, 500);
|
||||||
|
},
|
||||||
|
display: function() {
|
||||||
|
var
|
||||||
|
title = settings.name + ':',
|
||||||
|
totalTime = 0
|
||||||
|
;
|
||||||
|
time = false;
|
||||||
|
clearTimeout(module.performance.timer);
|
||||||
|
$.each(performance, function(index, data) {
|
||||||
|
totalTime += data['Execution Time'];
|
||||||
|
});
|
||||||
|
title += ' ' + totalTime + 'ms';
|
||||||
|
if(moduleSelector) {
|
||||||
|
title += ' \'' + moduleSelector + '\'';
|
||||||
|
}
|
||||||
|
if($allModules.length > 1) {
|
||||||
|
title += ' ' + '(' + $allModules.length + ')';
|
||||||
|
}
|
||||||
|
if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
|
||||||
|
console.groupCollapsed(title);
|
||||||
|
if(console.table) {
|
||||||
|
console.table(performance);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$.each(performance, function(index, data) {
|
||||||
|
console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
console.groupEnd();
|
||||||
|
}
|
||||||
|
performance = [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
invoke: function(query, passedArguments, context) {
|
||||||
|
var
|
||||||
|
object = instance,
|
||||||
|
maxDepth,
|
||||||
|
found,
|
||||||
|
response
|
||||||
|
;
|
||||||
|
passedArguments = passedArguments || queryArguments;
|
||||||
|
context = element || context;
|
||||||
|
if(typeof query == 'string' && object !== undefined) {
|
||||||
|
query = query.split(/[\. ]/);
|
||||||
|
maxDepth = query.length - 1;
|
||||||
|
$.each(query, function(depth, value) {
|
||||||
|
var camelCaseValue = (depth != maxDepth)
|
||||||
|
? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
|
||||||
|
: query
|
||||||
|
;
|
||||||
|
if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
|
||||||
|
object = object[camelCaseValue];
|
||||||
|
}
|
||||||
|
else if( object[camelCaseValue] !== undefined ) {
|
||||||
|
found = object[camelCaseValue];
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
|
||||||
|
object = object[value];
|
||||||
|
}
|
||||||
|
else if( object[value] !== undefined ) {
|
||||||
|
found = object[value];
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
module.error(error.method, query);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if ( $.isFunction( found ) ) {
|
||||||
|
response = found.apply(context, passedArguments);
|
||||||
|
}
|
||||||
|
else if(found !== undefined) {
|
||||||
|
response = found;
|
||||||
|
}
|
||||||
|
if(Array.isArray(returnedValue)) {
|
||||||
|
returnedValue.push(response);
|
||||||
|
}
|
||||||
|
else if(returnedValue !== undefined) {
|
||||||
|
returnedValue = [returnedValue, response];
|
||||||
|
}
|
||||||
|
else if(response !== undefined) {
|
||||||
|
returnedValue = response;
|
||||||
|
}
|
||||||
|
return found;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if(methodInvoked) {
|
||||||
|
if(instance === undefined) {
|
||||||
|
module.initialize();
|
||||||
|
}
|
||||||
|
module.invoke(query);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if(instance !== undefined) {
|
||||||
|
instance.invoke('destroy');
|
||||||
|
}
|
||||||
|
module.initialize();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
return (returnedValue !== undefined)
|
||||||
|
? returnedValue
|
||||||
|
: this
|
||||||
|
;
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.embed.settings = {
|
||||||
|
|
||||||
|
name : 'Embed',
|
||||||
|
namespace : 'embed',
|
||||||
|
|
||||||
|
silent : false,
|
||||||
|
debug : false,
|
||||||
|
verbose : false,
|
||||||
|
performance : true,
|
||||||
|
|
||||||
|
icon : false,
|
||||||
|
source : false,
|
||||||
|
url : false,
|
||||||
|
id : false,
|
||||||
|
|
||||||
|
// standard video settings
|
||||||
|
autoplay : 'auto',
|
||||||
|
color : '#444444',
|
||||||
|
hd : true,
|
||||||
|
brandedUI : false,
|
||||||
|
|
||||||
|
// additional parameters to include with the embed
|
||||||
|
parameters: false,
|
||||||
|
|
||||||
|
onDisplay : function() {},
|
||||||
|
onPlaceholderDisplay : function() {},
|
||||||
|
onReset : function() {},
|
||||||
|
onCreate : function(url) {},
|
||||||
|
onEmbed : function(parameters) {
|
||||||
|
return parameters;
|
||||||
|
},
|
||||||
|
|
||||||
|
metadata : {
|
||||||
|
id : 'id',
|
||||||
|
icon : 'icon',
|
||||||
|
placeholder : 'placeholder',
|
||||||
|
source : 'source',
|
||||||
|
url : 'url'
|
||||||
|
},
|
||||||
|
|
||||||
|
error : {
|
||||||
|
noURL : 'No URL specified',
|
||||||
|
method : 'The method you called is not defined'
|
||||||
|
},
|
||||||
|
|
||||||
|
className : {
|
||||||
|
active : 'active',
|
||||||
|
embed : 'embed'
|
||||||
|
},
|
||||||
|
|
||||||
|
selector : {
|
||||||
|
embed : '.embed',
|
||||||
|
placeholder : '.placeholder',
|
||||||
|
icon : '.icon'
|
||||||
|
},
|
||||||
|
|
||||||
|
sources: {
|
||||||
|
youtube: {
|
||||||
|
name : 'youtube',
|
||||||
|
type : 'video',
|
||||||
|
icon : 'video play',
|
||||||
|
domain : 'youtube.com',
|
||||||
|
url : '//www.youtube.com/embed/{id}',
|
||||||
|
parameters: function(settings) {
|
||||||
|
return {
|
||||||
|
autohide : !settings.brandedUI,
|
||||||
|
autoplay : settings.autoplay,
|
||||||
|
color : settings.color || undefined,
|
||||||
|
hq : settings.hd,
|
||||||
|
jsapi : settings.api,
|
||||||
|
modestbranding : !settings.brandedUI
|
||||||
|
};
|
||||||
|
}
|
||||||
|
},
|
||||||
|
vimeo: {
|
||||||
|
name : 'vimeo',
|
||||||
|
type : 'video',
|
||||||
|
icon : 'video play',
|
||||||
|
domain : 'vimeo.com',
|
||||||
|
url : '//player.vimeo.com/video/{id}',
|
||||||
|
parameters: function(settings) {
|
||||||
|
return {
|
||||||
|
api : settings.api,
|
||||||
|
autoplay : settings.autoplay,
|
||||||
|
byline : settings.brandedUI,
|
||||||
|
color : settings.color || undefined,
|
||||||
|
portrait : settings.brandedUI,
|
||||||
|
title : settings.brandedUI
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
templates: {
|
||||||
|
iframe : function(url, parameters) {
|
||||||
|
var src = url;
|
||||||
|
if (parameters) {
|
||||||
|
src += '?' + parameters;
|
||||||
|
}
|
||||||
|
return ''
|
||||||
|
+ '<iframe src="' + src + '"'
|
||||||
|
+ ' width="100%" height="100%"'
|
||||||
|
+ ' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'
|
||||||
|
;
|
||||||
|
},
|
||||||
|
placeholder : function(image, icon) {
|
||||||
|
var
|
||||||
|
html = ''
|
||||||
|
;
|
||||||
|
if(icon) {
|
||||||
|
html += '<i class="' + icon + ' icon"></i>';
|
||||||
|
}
|
||||||
|
if(image) {
|
||||||
|
html += '<img class="placeholder" src="' + image + '">';
|
||||||
|
}
|
||||||
|
return html;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// NOT YET IMPLEMENTED
|
||||||
|
api : false,
|
||||||
|
onPause : function() {},
|
||||||
|
onPlay : function() {},
|
||||||
|
onStop : function() {}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
})( jQuery, window, document );
|
9
node_modules/fomantic-ui/dist/components/embed.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/embed.min.css
generated
vendored
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Video
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/.ui.embed{position:relative;max-width:100%;height:0;overflow:hidden;background:#dcddde;padding-bottom:56.25%}.ui.embed embed,.ui.embed iframe,.ui.embed object{position:absolute;border:none;width:100%;height:100%;top:0;left:0;margin:0;padding:0;overflow:hidden}.ui.embed>.embed{display:none}.ui.embed>.placeholder{position:absolute;cursor:pointer;top:0;left:0;display:block;width:100%;height:100%;background-color:radial-gradient(transparent 45%,rgba(0,0,0,.3))}.ui.embed>i.icon{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.ui.embed>i.icon:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;content:'';background:-webkit-radial-gradient(transparent 45%,rgba(0,0,0,.3));background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:.5;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.ui.embed>i.icon:before{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#fff;font-size:6rem;text-shadow:0 2px 10px rgba(34,36,38,.2);-webkit-transition:opacity .5s ease,color .5s ease;transition:opacity .5s ease,color .5s ease;z-index:10}.ui.embed i.icon:hover:after{background:-webkit-radial-gradient(transparent 45%,rgba(0,0,0,.3));background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:1}.ui.embed i.icon:hover:before{color:#fff}.ui.active.embed>.placeholder,.ui.active.embed>i.icon{display:none}.ui.active.embed>.embed{display:block}.ui.square.embed{padding-bottom:100%}.ui[class*="4:3"].embed{padding-bottom:75%}.ui[class*="16:9"].embed{padding-bottom:56.25%}.ui[class*="21:9"].embed{padding-bottom:42.85714286%}
|
11
node_modules/fomantic-ui/dist/components/embed.min.js
generated
vendored
Normal file
11
node_modules/fomantic-ui/dist/components/embed.min.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
12309
node_modules/fomantic-ui/dist/components/emoji.css
generated
vendored
Normal file
12309
node_modules/fomantic-ui/dist/components/emoji.css
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
9
node_modules/fomantic-ui/dist/components/emoji.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/emoji.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
329
node_modules/fomantic-ui/dist/components/feed.css
generated
vendored
Normal file
329
node_modules/fomantic-ui/dist/components/feed.css
generated
vendored
Normal file
|
@ -0,0 +1,329 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Feed
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Activity Feed
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.feed {
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
.ui.feed:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.ui.feed:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Content
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Event */
|
||||||
|
.ui.feed > .event {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: horizontal;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-ms-flex-direction: row;
|
||||||
|
flex-direction: row;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.21428571rem 0;
|
||||||
|
margin: 0;
|
||||||
|
background: none;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
.ui.feed > .event:first-child {
|
||||||
|
border-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
.ui.feed > .event:last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Event Label */
|
||||||
|
.ui.feed > .event > .label {
|
||||||
|
display: block;
|
||||||
|
-webkit-box-flex: 0;
|
||||||
|
-ms-flex: 0 0 auto;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
width: 2.5em;
|
||||||
|
height: auto;
|
||||||
|
-ms-flex-item-align: stretch;
|
||||||
|
align-self: stretch;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.ui.feed > .event > .label .icon {
|
||||||
|
opacity: 1;
|
||||||
|
font-size: 1.5em;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.25em;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
border-radius: none;
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
.ui.feed > .event > .label img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 500rem;
|
||||||
|
}
|
||||||
|
.ui.feed > .event > .label + .content {
|
||||||
|
margin: 0.5em 0 0.35714286em 1.14285714em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Content
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Content */
|
||||||
|
.ui.feed > .event > .content {
|
||||||
|
display: block;
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
-ms-flex: 1 1 auto;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
-ms-flex-item-align: stretch;
|
||||||
|
align-self: stretch;
|
||||||
|
text-align: left;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
.ui.feed > .event:last-child > .content {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Link */
|
||||||
|
.ui.feed > .event > .content a {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Date
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.feed > .event > .content .date {
|
||||||
|
margin: -0.5rem 0 0;
|
||||||
|
padding: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 1em;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Summary
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.feed > .event > .content .summary {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: bold;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Summary Image */
|
||||||
|
.ui.feed > .event > .content .summary img {
|
||||||
|
display: inline-block;
|
||||||
|
width: auto;
|
||||||
|
height: 10em;
|
||||||
|
margin: -0.25em 0.25em 0 0;
|
||||||
|
border-radius: 0.25em;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
User
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.feed > .event > .content .user {
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-right: 0;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
.ui.feed > .event > .content .user img {
|
||||||
|
margin: -0.25em 0.25em 0 0;
|
||||||
|
width: auto;
|
||||||
|
height: 10em;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Inline Date
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Date inside Summary */
|
||||||
|
.ui.feed > .event > .content .summary > .date {
|
||||||
|
display: inline-block;
|
||||||
|
float: none;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
font-style: normal;
|
||||||
|
margin: 0 0 0 0.5em;
|
||||||
|
padding: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Extra Summary
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.feed > .event > .content .extra {
|
||||||
|
margin: 0.5em 0 0;
|
||||||
|
background: none;
|
||||||
|
padding: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Images */
|
||||||
|
.ui.feed > .event > .content .extra.images img {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 0.25em 0 0;
|
||||||
|
width: 6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text */
|
||||||
|
.ui.feed > .event > .content .extra.text {
|
||||||
|
padding: 0;
|
||||||
|
border-left: none;
|
||||||
|
font-size: 1em;
|
||||||
|
max-width: 500px;
|
||||||
|
line-height: 1.4285em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Meta
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.feed > .event > .content .meta {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
margin: 0.5em 0 0;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
padding: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
.ui.feed > .event > .content .meta > * {
|
||||||
|
position: relative;
|
||||||
|
margin-left: 0.75em;
|
||||||
|
}
|
||||||
|
.ui.feed > .event > .content .meta > *:after {
|
||||||
|
content: '';
|
||||||
|
color: rgba(0, 0, 0, 0.2);
|
||||||
|
top: 0;
|
||||||
|
left: -1em;
|
||||||
|
opacity: 1;
|
||||||
|
position: absolute;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui.feed > .event > .content .meta .like {
|
||||||
|
color: '';
|
||||||
|
-webkit-transition: 0.2s color ease;
|
||||||
|
transition: 0.2s color ease;
|
||||||
|
}
|
||||||
|
.ui.feed > .event > .content .meta .like:hover i.icon {
|
||||||
|
color: #FF2733;
|
||||||
|
}
|
||||||
|
.ui.feed > .event > .content .meta .active.like i.icon {
|
||||||
|
color: #EF404A;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* First element */
|
||||||
|
.ui.feed > .event > .content .meta > :first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.ui.feed > .event > .content .meta > :first-child::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Action */
|
||||||
|
.ui.feed > .event > .content .meta a,
|
||||||
|
.ui.feed > .event > .content .meta > i.icon {
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 1;
|
||||||
|
color: rgba(0, 0, 0, 0.5);
|
||||||
|
-webkit-transition: color 0.1s ease;
|
||||||
|
transition: color 0.1s ease;
|
||||||
|
}
|
||||||
|
.ui.feed > .event > .content .meta a:hover,
|
||||||
|
.ui.feed > .event > .content .meta a:hover i.icon,
|
||||||
|
.ui.feed > .event > .content .meta > i.icon:hover {
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.feed {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.mini.feed {
|
||||||
|
font-size: 0.78571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.feed {
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.feed {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.large.feed {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.big.feed {
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.huge.feed {
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.feed {
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*------------------
|
||||||
|
Inverted
|
||||||
|
-------------------*/
|
||||||
|
|
||||||
|
.ui.inverted.feed > .event {
|
||||||
|
background: #1B1C1D;
|
||||||
|
}
|
||||||
|
.ui.inverted.feed > .event > .content .date,
|
||||||
|
.ui.inverted.feed > .event > .content .meta .like {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
.ui.inverted.feed > .event > .content .summary,
|
||||||
|
.ui.inverted.feed > .event > .content .extra.text {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.feed > .event > .content .meta .like:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
User Variable Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/feed.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/feed.min.css
generated
vendored
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Feed
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/.ui.feed{margin:1em 0}.ui.feed:first-child{margin-top:0}.ui.feed:last-child{margin-bottom:0}.ui.feed>.event{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;padding:.21428571rem 0;margin:0;background:0 0;border-top:none}.ui.feed>.event:first-child{border-top:0;padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:2.5em;height:auto;-ms-flex-item-align:stretch;align-self:stretch;text-align:left}.ui.feed>.event>.label .icon{opacity:1;font-size:1.5em;width:100%;padding:.25em;background:0 0;border:none;border-radius:none;color:rgba(0,0,0,.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label+.content{margin:.5em 0 .35714286em 1.14285714em}.ui.feed>.event>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;align-self:stretch;text-align:left;word-wrap:break-word}.ui.feed>.event:last-child>.content{padding-bottom:0}.ui.feed>.event>.content a{cursor:pointer}.ui.feed>.event>.content .date{margin:-.5rem 0 0;padding:0;color:rgba(0,0,0,.4);font-weight:400;font-size:1em;font-style:normal}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:700;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:10em;margin:-.25em .25em 0 0;border-radius:.25em;vertical-align:middle}.ui.feed>.event>.content .user{display:inline-block;font-weight:700;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-.25em .25em 0 0;width:auto;height:10em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;float:none;font-weight:400;font-size:.85714286em;font-style:normal;margin:0 0 0 .5em;padding:0;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .extra{margin:.5em 0 0;background:0 0;padding:0;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 .25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:0;border-left:none;font-size:1em;max-width:500px;line-height:1.4285em}.ui.feed>.event>.content .meta{display:inline-block;font-size:.85714286em;margin:.5em 0 0;background:0 0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;padding:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:.75em}.ui.feed>.event>.content .meta>:after{content:'';color:rgba(0,0,0,.2);top:0;left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta .like{color:'';-webkit-transition:.2s color ease;transition:.2s color ease}.ui.feed>.event>.content .meta .like:hover i.icon{color:#ff2733}.ui.feed>.event>.content .meta .active.like i.icon{color:#ef404a}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>i.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,.5);-webkit-transition:color .1s ease;transition:color .1s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover i.icon,.ui.feed>.event>.content .meta>i.icon:hover{color:rgba(0,0,0,.95)}.ui.feed{font-size:1rem}.ui.mini.feed{font-size:.78571429rem}.ui.tiny.feed{font-size:.85714286rem}.ui.small.feed{font-size:.92857143rem}.ui.large.feed{font-size:1.14285714rem}.ui.big.feed{font-size:1.28571429rem}.ui.huge.feed{font-size:1.42857143rem}.ui.massive.feed{font-size:1.71428571rem}.ui.inverted.feed>.event{background:#1b1c1d}.ui.inverted.feed>.event>.content .date,.ui.inverted.feed>.event>.content .meta .like{color:rgba(255,255,255,.7)}.ui.inverted.feed>.event>.content .extra.text,.ui.inverted.feed>.event>.content .summary{color:rgba(255,255,255,.9)}.ui.inverted.feed>.event>.content .meta .like:hover{color:#fff}
|
1038
node_modules/fomantic-ui/dist/components/flag.css
generated
vendored
Normal file
1038
node_modules/fomantic-ui/dist/components/flag.css
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
9
node_modules/fomantic-ui/dist/components/flag.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/flag.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1804
node_modules/fomantic-ui/dist/components/form.css
generated
vendored
Normal file
1804
node_modules/fomantic-ui/dist/components/form.css
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
2071
node_modules/fomantic-ui/dist/components/form.js
generated
vendored
Normal file
2071
node_modules/fomantic-ui/dist/components/form.js
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
9
node_modules/fomantic-ui/dist/components/form.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/form.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
11
node_modules/fomantic-ui/dist/components/form.min.js
generated
vendored
Normal file
11
node_modules/fomantic-ui/dist/components/form.min.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
2088
node_modules/fomantic-ui/dist/components/grid.css
generated
vendored
Normal file
2088
node_modules/fomantic-ui/dist/components/grid.css
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
9
node_modules/fomantic-ui/dist/components/grid.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/grid.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
797
node_modules/fomantic-ui/dist/components/header.css
generated
vendored
Normal file
797
node_modules/fomantic-ui/dist/components/header.css
generated
vendored
Normal file
|
@ -0,0 +1,797 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Header
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Header
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Standard */
|
||||||
|
.ui.header {
|
||||||
|
border: none;
|
||||||
|
margin: calc(2rem - 0.1428571428571429em) 0 1rem;
|
||||||
|
padding: 0 0;
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 1.28571429em;
|
||||||
|
text-transform: none;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
.ui.header:first-child {
|
||||||
|
margin-top: -0.14285714em;
|
||||||
|
}
|
||||||
|
.ui.header:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Sub Header
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.header .sub.header {
|
||||||
|
display: block;
|
||||||
|
font-weight: normal;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.2em;
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Icon
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.header > .icons,
|
||||||
|
.ui.header > i.icon {
|
||||||
|
display: table-cell;
|
||||||
|
opacity: 1;
|
||||||
|
font-size: 1.5em;
|
||||||
|
padding-top: 0;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* With Text Node */
|
||||||
|
.ui.header:not(.icon) > .icons:only-child,
|
||||||
|
.ui.header:not(.icon) > i.icon:only-child {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0;
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Image
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.header > .image:not(.icon),
|
||||||
|
.ui.header > img {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 0.14285714em;
|
||||||
|
width: 2.5em;
|
||||||
|
height: auto;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.ui.header > .image:not(.icon):only-child,
|
||||||
|
.ui.header > img:only-child {
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Content
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.header .content {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* After Image */
|
||||||
|
.ui.header > img + .content,
|
||||||
|
.ui.header > .image + .content {
|
||||||
|
padding-left: 0.75rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* After Icon */
|
||||||
|
.ui.header:not(.icon):not(.centered):not(.aligned) > .icons + .content,
|
||||||
|
.ui.header:not(.icon):not(.centered):not(.aligned) > i.icon + .content {
|
||||||
|
padding-left: 0.75rem;
|
||||||
|
display: table-cell;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Loose Coupling
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.header .ui.label {
|
||||||
|
font-size: '';
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Positioning */
|
||||||
|
.ui.header + p {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Page
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
h1.ui.header {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
h1.ui.header .sub.header {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
h2.ui.header {
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
h2.ui.header .sub.header {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
h3.ui.header {
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
h3.ui.header .sub.header {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
h4.ui.header {
|
||||||
|
font-size: 1.07142857rem;
|
||||||
|
}
|
||||||
|
h4.ui.header .sub.header {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
h5.ui.header {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
h5.ui.header .sub.header {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
h6.ui.header {
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
h6.ui.header .sub.header {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Content Heading
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.mini.header {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.mini.header .sub.header {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.mini.sub.header {
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.tiny.header {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.tiny.header .sub.header {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.sub.header {
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.small.header {
|
||||||
|
font-size: 1.07142857em;
|
||||||
|
}
|
||||||
|
.ui.small.header .sub.header {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.small.sub.header {
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.large.header {
|
||||||
|
font-size: 1.71428571em;
|
||||||
|
}
|
||||||
|
.ui.large.header .sub.header {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.large.sub.header {
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
}
|
||||||
|
.ui.big.header {
|
||||||
|
font-size: 1.85714286em;
|
||||||
|
}
|
||||||
|
.ui.big.header .sub.header {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.big.sub.header {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.huge.header {
|
||||||
|
font-size: 2em;
|
||||||
|
min-height: 1em;
|
||||||
|
}
|
||||||
|
.ui.huge.header .sub.header {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.huge.sub.header {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.massive.header {
|
||||||
|
font-size: 2.28571429em;
|
||||||
|
min-height: 1em;
|
||||||
|
}
|
||||||
|
.ui.massive.header .sub.header {
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.sub.header {
|
||||||
|
font-size: 1.14285714em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Sub Heading
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.sub.header {
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: 0.14285714rem;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: '';
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Icon
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.icon.header {
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
margin: 2rem 0 1rem;
|
||||||
|
}
|
||||||
|
.ui.icon.header:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.ui.icon.header:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.ui.icon.header > .icons,
|
||||||
|
.ui.icon.header > i.icon {
|
||||||
|
float: none;
|
||||||
|
display: block;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
line-height: 1;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 3em;
|
||||||
|
margin: 0 auto 0.5rem;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.ui.icon.header .corner.icon {
|
||||||
|
font-size: calc(3em * 0.45);
|
||||||
|
}
|
||||||
|
.ui.icon.header .content {
|
||||||
|
display: block;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.ui.icon.header > i.circular {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
.ui.icon.header > i.square {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
.ui.block.icon.header > .icons,
|
||||||
|
.ui.block.icon.header > i.icon {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.ui.icon.header.aligned {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.disabled.header {
|
||||||
|
opacity: 0.45;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Inverted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.inverted.header {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.inverted.header .sub.header {
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
|
.ui.inverted.attached.header {
|
||||||
|
background: #1B1C1D;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
.ui.inverted.block.header {
|
||||||
|
background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
|
||||||
|
background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||||
|
background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Colors
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.primary.header {
|
||||||
|
color: #2185D0;
|
||||||
|
}
|
||||||
|
a.ui.primary.header:hover {
|
||||||
|
color: #1678c2;
|
||||||
|
}
|
||||||
|
.ui.primary.dividing.header {
|
||||||
|
border-bottom: 2px solid #2185D0;
|
||||||
|
}
|
||||||
|
.ui.inverted.primary.header.header.header {
|
||||||
|
color: #54C8FF;
|
||||||
|
}
|
||||||
|
a.ui.inverted.primary.header.header.header:hover {
|
||||||
|
color: #21b8ff;
|
||||||
|
}
|
||||||
|
.ui.inverted.primary.dividing.header {
|
||||||
|
border-bottom: 2px solid #54C8FF;
|
||||||
|
}
|
||||||
|
.ui.secondary.header {
|
||||||
|
color: #1B1C1D;
|
||||||
|
}
|
||||||
|
a.ui.secondary.header:hover {
|
||||||
|
color: #27292a;
|
||||||
|
}
|
||||||
|
.ui.secondary.dividing.header {
|
||||||
|
border-bottom: 2px solid #1B1C1D;
|
||||||
|
}
|
||||||
|
.ui.inverted.secondary.header.header.header {
|
||||||
|
color: #545454;
|
||||||
|
}
|
||||||
|
a.ui.inverted.secondary.header.header.header:hover {
|
||||||
|
color: #6e6e6e;
|
||||||
|
}
|
||||||
|
.ui.inverted.secondary.dividing.header {
|
||||||
|
border-bottom: 2px solid #545454;
|
||||||
|
}
|
||||||
|
.ui.red.header {
|
||||||
|
color: #DB2828;
|
||||||
|
}
|
||||||
|
a.ui.red.header:hover {
|
||||||
|
color: #d01919;
|
||||||
|
}
|
||||||
|
.ui.red.dividing.header {
|
||||||
|
border-bottom: 2px solid #DB2828;
|
||||||
|
}
|
||||||
|
.ui.inverted.red.header.header.header {
|
||||||
|
color: #FF695E;
|
||||||
|
}
|
||||||
|
a.ui.inverted.red.header.header.header:hover {
|
||||||
|
color: #ff392b;
|
||||||
|
}
|
||||||
|
.ui.inverted.red.dividing.header {
|
||||||
|
border-bottom: 2px solid #FF695E;
|
||||||
|
}
|
||||||
|
.ui.orange.header {
|
||||||
|
color: #F2711C;
|
||||||
|
}
|
||||||
|
a.ui.orange.header:hover {
|
||||||
|
color: #f26202;
|
||||||
|
}
|
||||||
|
.ui.orange.dividing.header {
|
||||||
|
border-bottom: 2px solid #F2711C;
|
||||||
|
}
|
||||||
|
.ui.inverted.orange.header.header.header {
|
||||||
|
color: #FF851B;
|
||||||
|
}
|
||||||
|
a.ui.inverted.orange.header.header.header:hover {
|
||||||
|
color: #e76b00;
|
||||||
|
}
|
||||||
|
.ui.inverted.orange.dividing.header {
|
||||||
|
border-bottom: 2px solid #FF851B;
|
||||||
|
}
|
||||||
|
.ui.yellow.header {
|
||||||
|
color: #FBBD08;
|
||||||
|
}
|
||||||
|
a.ui.yellow.header:hover {
|
||||||
|
color: #eaae00;
|
||||||
|
}
|
||||||
|
.ui.yellow.dividing.header {
|
||||||
|
border-bottom: 2px solid #FBBD08;
|
||||||
|
}
|
||||||
|
.ui.inverted.yellow.header.header.header {
|
||||||
|
color: #FFE21F;
|
||||||
|
}
|
||||||
|
a.ui.inverted.yellow.header.header.header:hover {
|
||||||
|
color: #ebcd00;
|
||||||
|
}
|
||||||
|
.ui.inverted.yellow.dividing.header {
|
||||||
|
border-bottom: 2px solid #FFE21F;
|
||||||
|
}
|
||||||
|
.ui.olive.header {
|
||||||
|
color: #B5CC18;
|
||||||
|
}
|
||||||
|
a.ui.olive.header:hover {
|
||||||
|
color: #a7bd0d;
|
||||||
|
}
|
||||||
|
.ui.olive.dividing.header {
|
||||||
|
border-bottom: 2px solid #B5CC18;
|
||||||
|
}
|
||||||
|
.ui.inverted.olive.header.header.header {
|
||||||
|
color: #D9E778;
|
||||||
|
}
|
||||||
|
a.ui.inverted.olive.header.header.header:hover {
|
||||||
|
color: #d2e745;
|
||||||
|
}
|
||||||
|
.ui.inverted.olive.dividing.header {
|
||||||
|
border-bottom: 2px solid #D9E778;
|
||||||
|
}
|
||||||
|
.ui.green.header {
|
||||||
|
color: #21BA45;
|
||||||
|
}
|
||||||
|
a.ui.green.header:hover {
|
||||||
|
color: #16ab39;
|
||||||
|
}
|
||||||
|
.ui.green.dividing.header {
|
||||||
|
border-bottom: 2px solid #21BA45;
|
||||||
|
}
|
||||||
|
.ui.inverted.green.header.header.header {
|
||||||
|
color: #2ECC40;
|
||||||
|
}
|
||||||
|
a.ui.inverted.green.header.header.header:hover {
|
||||||
|
color: #1ea92e;
|
||||||
|
}
|
||||||
|
.ui.inverted.green.dividing.header {
|
||||||
|
border-bottom: 2px solid #2ECC40;
|
||||||
|
}
|
||||||
|
.ui.teal.header {
|
||||||
|
color: #00B5AD;
|
||||||
|
}
|
||||||
|
a.ui.teal.header:hover {
|
||||||
|
color: #009c95;
|
||||||
|
}
|
||||||
|
.ui.teal.dividing.header {
|
||||||
|
border-bottom: 2px solid #00B5AD;
|
||||||
|
}
|
||||||
|
.ui.inverted.teal.header.header.header {
|
||||||
|
color: #6DFFFF;
|
||||||
|
}
|
||||||
|
a.ui.inverted.teal.header.header.header:hover {
|
||||||
|
color: #3affff;
|
||||||
|
}
|
||||||
|
.ui.inverted.teal.dividing.header {
|
||||||
|
border-bottom: 2px solid #6DFFFF;
|
||||||
|
}
|
||||||
|
.ui.blue.header {
|
||||||
|
color: #2185D0;
|
||||||
|
}
|
||||||
|
a.ui.blue.header:hover {
|
||||||
|
color: #1678c2;
|
||||||
|
}
|
||||||
|
.ui.blue.dividing.header {
|
||||||
|
border-bottom: 2px solid #2185D0;
|
||||||
|
}
|
||||||
|
.ui.inverted.blue.header.header.header {
|
||||||
|
color: #54C8FF;
|
||||||
|
}
|
||||||
|
a.ui.inverted.blue.header.header.header:hover {
|
||||||
|
color: #21b8ff;
|
||||||
|
}
|
||||||
|
.ui.inverted.blue.dividing.header {
|
||||||
|
border-bottom: 2px solid #54C8FF;
|
||||||
|
}
|
||||||
|
.ui.violet.header {
|
||||||
|
color: #6435C9;
|
||||||
|
}
|
||||||
|
a.ui.violet.header:hover {
|
||||||
|
color: #5829bb;
|
||||||
|
}
|
||||||
|
.ui.violet.dividing.header {
|
||||||
|
border-bottom: 2px solid #6435C9;
|
||||||
|
}
|
||||||
|
.ui.inverted.violet.header.header.header {
|
||||||
|
color: #A291FB;
|
||||||
|
}
|
||||||
|
a.ui.inverted.violet.header.header.header:hover {
|
||||||
|
color: #745aff;
|
||||||
|
}
|
||||||
|
.ui.inverted.violet.dividing.header {
|
||||||
|
border-bottom: 2px solid #A291FB;
|
||||||
|
}
|
||||||
|
.ui.purple.header {
|
||||||
|
color: #A333C8;
|
||||||
|
}
|
||||||
|
a.ui.purple.header:hover {
|
||||||
|
color: #9627ba;
|
||||||
|
}
|
||||||
|
.ui.purple.dividing.header {
|
||||||
|
border-bottom: 2px solid #A333C8;
|
||||||
|
}
|
||||||
|
.ui.inverted.purple.header.header.header {
|
||||||
|
color: #DC73FF;
|
||||||
|
}
|
||||||
|
a.ui.inverted.purple.header.header.header:hover {
|
||||||
|
color: #cf40ff;
|
||||||
|
}
|
||||||
|
.ui.inverted.purple.dividing.header {
|
||||||
|
border-bottom: 2px solid #DC73FF;
|
||||||
|
}
|
||||||
|
.ui.pink.header {
|
||||||
|
color: #E03997;
|
||||||
|
}
|
||||||
|
a.ui.pink.header:hover {
|
||||||
|
color: #e61a8d;
|
||||||
|
}
|
||||||
|
.ui.pink.dividing.header {
|
||||||
|
border-bottom: 2px solid #E03997;
|
||||||
|
}
|
||||||
|
.ui.inverted.pink.header.header.header {
|
||||||
|
color: #FF8EDF;
|
||||||
|
}
|
||||||
|
a.ui.inverted.pink.header.header.header:hover {
|
||||||
|
color: #ff5bd1;
|
||||||
|
}
|
||||||
|
.ui.inverted.pink.dividing.header {
|
||||||
|
border-bottom: 2px solid #FF8EDF;
|
||||||
|
}
|
||||||
|
.ui.brown.header {
|
||||||
|
color: #A5673F;
|
||||||
|
}
|
||||||
|
a.ui.brown.header:hover {
|
||||||
|
color: #975b33;
|
||||||
|
}
|
||||||
|
.ui.brown.dividing.header {
|
||||||
|
border-bottom: 2px solid #A5673F;
|
||||||
|
}
|
||||||
|
.ui.inverted.brown.header.header.header {
|
||||||
|
color: #D67C1C;
|
||||||
|
}
|
||||||
|
a.ui.inverted.brown.header.header.header:hover {
|
||||||
|
color: #b0620f;
|
||||||
|
}
|
||||||
|
.ui.inverted.brown.dividing.header {
|
||||||
|
border-bottom: 2px solid #D67C1C;
|
||||||
|
}
|
||||||
|
.ui.grey.header {
|
||||||
|
color: #767676;
|
||||||
|
}
|
||||||
|
a.ui.grey.header:hover {
|
||||||
|
color: #838383;
|
||||||
|
}
|
||||||
|
.ui.grey.dividing.header {
|
||||||
|
border-bottom: 2px solid #767676;
|
||||||
|
}
|
||||||
|
.ui.inverted.grey.header.header.header {
|
||||||
|
color: #DCDDDE;
|
||||||
|
}
|
||||||
|
a.ui.inverted.grey.header.header.header:hover {
|
||||||
|
color: #c2c4c5;
|
||||||
|
}
|
||||||
|
.ui.inverted.grey.dividing.header {
|
||||||
|
border-bottom: 2px solid #DCDDDE;
|
||||||
|
}
|
||||||
|
.ui.black.header {
|
||||||
|
color: #1B1C1D;
|
||||||
|
}
|
||||||
|
a.ui.black.header:hover {
|
||||||
|
color: #27292a;
|
||||||
|
}
|
||||||
|
.ui.black.dividing.header {
|
||||||
|
border-bottom: 2px solid #1B1C1D;
|
||||||
|
}
|
||||||
|
.ui.inverted.black.header.header.header {
|
||||||
|
color: #545454;
|
||||||
|
}
|
||||||
|
a.ui.inverted.black.header.header.header:hover {
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
.ui.inverted.black.dividing.header {
|
||||||
|
border-bottom: 2px solid #545454;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Aligned
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.left.aligned.header {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.header {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.ui.centered.header,
|
||||||
|
.ui.center.aligned.header {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui.justified.header {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
.ui.justified.header:after {
|
||||||
|
display: inline-block;
|
||||||
|
content: '';
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Floated
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.floated.header,
|
||||||
|
.ui[class*="left floated"].header {
|
||||||
|
float: left;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
.ui[class*="right floated"].header {
|
||||||
|
float: right;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Fitted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.fitted.header {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Dividing
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.dividing.header {
|
||||||
|
padding-bottom: 0.21428571rem;
|
||||||
|
border-bottom: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.dividing.header .sub.header {
|
||||||
|
padding-bottom: 0.21428571rem;
|
||||||
|
}
|
||||||
|
.ui.dividing.header i.icon {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.ui.inverted.dividing.header {
|
||||||
|
border-bottom-color: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Block
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.block.header {
|
||||||
|
background: #F3F4F5;
|
||||||
|
padding: 0.78571429rem 1rem;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border: 1px solid #D4D4D5;
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.mini.block.header {
|
||||||
|
font-size: 0.78571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.block.header {
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.block.header {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.large.block.header {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.big.block.header {
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.huge.block.header {
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.block.header {
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Attached
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.attached.header {
|
||||||
|
background: #FFFFFF;
|
||||||
|
padding: 0.78571429rem 1rem;
|
||||||
|
margin: 0 -1px 0 -1px;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border: 1px solid #D4D4D5;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.ui.attached.block.header {
|
||||||
|
background: #F3F4F5;
|
||||||
|
}
|
||||||
|
.ui.attached:not(.top).header {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
.ui.top.attached.header {
|
||||||
|
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
||||||
|
}
|
||||||
|
.ui.bottom.attached.header {
|
||||||
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Attached Sizes */
|
||||||
|
.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.mini.attached.header {
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.tiny.attached.header {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.small.attached.header {
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
}
|
||||||
|
.ui.large.attached.header {
|
||||||
|
font-size: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.big.attached.header {
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
.ui.huge.attached.header {
|
||||||
|
font-size: 1.42857143em;
|
||||||
|
}
|
||||||
|
.ui.massive.attached.header {
|
||||||
|
font-size: 1.71428571em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Sizing
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/header.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/header.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
7097
node_modules/fomantic-ui/dist/components/icon.css
generated
vendored
Normal file
7097
node_modules/fomantic-ui/dist/components/icon.css
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
9
node_modules/fomantic-ui/dist/components/icon.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/icon.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
339
node_modules/fomantic-ui/dist/components/image.css
generated
vendored
Normal file
339
node_modules/fomantic-ui/dist/components/image.css
generated
vendored
Normal file
|
@ -0,0 +1,339 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Image
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Image
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.image {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
max-width: 100%;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
img.ui.image {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.ui.image svg,
|
||||||
|
.ui.image img {
|
||||||
|
display: block;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.hidden.images,
|
||||||
|
.ui.ui.hidden.image {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.ui.hidden.transition.images,
|
||||||
|
.ui.hidden.transition.image {
|
||||||
|
display: block;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.ui.images > .hidden.transition {
|
||||||
|
display: inline-block;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.ui.disabled.images,
|
||||||
|
.ui.disabled.image {
|
||||||
|
cursor: default;
|
||||||
|
opacity: 0.45;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Inline
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.inline.image,
|
||||||
|
.ui.inline.image svg,
|
||||||
|
.ui.inline.image img {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*------------------
|
||||||
|
Vertical Aligned
|
||||||
|
-------------------*/
|
||||||
|
|
||||||
|
.ui.top.aligned.image,
|
||||||
|
.ui.top.aligned.image svg,
|
||||||
|
.ui.top.aligned.image img {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui.middle.aligned.image,
|
||||||
|
.ui.middle.aligned.image svg,
|
||||||
|
.ui.middle.aligned.image img {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.ui.bottom.aligned.image,
|
||||||
|
.ui.bottom.aligned.image svg,
|
||||||
|
.ui.bottom.aligned.image img {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
.ui.top.aligned.images .image,
|
||||||
|
.ui.images .ui.top.aligned.image {
|
||||||
|
-ms-flex-item-align: start;
|
||||||
|
align-self: flex-start;
|
||||||
|
}
|
||||||
|
.ui.middle.aligned.images .image,
|
||||||
|
.ui.images .ui.middle.aligned.image {
|
||||||
|
-ms-flex-item-align: center;
|
||||||
|
align-self: center;
|
||||||
|
}
|
||||||
|
.ui.bottom.aligned.images .image,
|
||||||
|
.ui.images .ui.bottom.aligned.image {
|
||||||
|
-ms-flex-item-align: end;
|
||||||
|
align-self: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Rounded
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.rounded.images .image,
|
||||||
|
.ui.rounded.image,
|
||||||
|
.ui.rounded.images .image > *,
|
||||||
|
.ui.rounded.image > * {
|
||||||
|
border-radius: 0.3125em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Bordered
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.bordered.images .image,
|
||||||
|
.ui.bordered.images img,
|
||||||
|
.ui.bordered.images svg,
|
||||||
|
.ui.bordered.image img,
|
||||||
|
.ui.bordered.image svg,
|
||||||
|
img.ui.bordered.image {
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Circular
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.circular.images,
|
||||||
|
.ui.circular.image {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ui.circular.images .image,
|
||||||
|
.ui.circular.image,
|
||||||
|
.ui.circular.images .image > *,
|
||||||
|
.ui.circular.image > * {
|
||||||
|
border-radius: 500rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Fluid
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.fluid.images,
|
||||||
|
.ui.fluid.image,
|
||||||
|
.ui.fluid.images img,
|
||||||
|
.ui.fluid.images svg,
|
||||||
|
.ui.fluid.image svg,
|
||||||
|
.ui.fluid.image img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Avatar
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.avatar.images .image,
|
||||||
|
.ui.avatar.images img,
|
||||||
|
.ui.avatar.images svg,
|
||||||
|
.ui.avatar.image img,
|
||||||
|
.ui.avatar.image svg,
|
||||||
|
.ui.avatar.image {
|
||||||
|
margin-right: 0.25em;
|
||||||
|
display: inline-block;
|
||||||
|
width: 2em;
|
||||||
|
height: 2em;
|
||||||
|
border-radius: 500rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Spaced
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.spaced.image {
|
||||||
|
display: inline-block !important;
|
||||||
|
margin-left: 0.5em;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
.ui[class*="left spaced"].image {
|
||||||
|
margin-left: 0.5em;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.ui[class*="right spaced"].image {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Floated
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.floated.image,
|
||||||
|
.ui.floated.images {
|
||||||
|
float: left;
|
||||||
|
margin-right: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
.ui.right.floated.images,
|
||||||
|
.ui.right.floated.image {
|
||||||
|
float: right;
|
||||||
|
margin-right: 0;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
.ui.floated.images:last-child,
|
||||||
|
.ui.floated.image:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.ui.centered.image {
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.ui.centered.images {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: horizontal;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-ms-flex-direction: row;
|
||||||
|
flex-direction: row;
|
||||||
|
-ms-flex-wrap: wrap;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
-webkit-box-align: stretch;
|
||||||
|
-ms-flex-align: stretch;
|
||||||
|
align-items: stretch;
|
||||||
|
-webkit-box-pack: center;
|
||||||
|
-ms-flex-pack: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Sizes
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.medium.images .image,
|
||||||
|
.ui.medium.images img,
|
||||||
|
.ui.medium.images svg,
|
||||||
|
.ui.medium.image {
|
||||||
|
width: 300px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.mini.images .image,
|
||||||
|
.ui.mini.images img,
|
||||||
|
.ui.mini.images svg,
|
||||||
|
.ui.mini.image {
|
||||||
|
width: 35px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 0.78571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.images .image,
|
||||||
|
.ui.tiny.images img,
|
||||||
|
.ui.tiny.images svg,
|
||||||
|
.ui.tiny.image {
|
||||||
|
width: 80px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.images .image,
|
||||||
|
.ui.small.images img,
|
||||||
|
.ui.small.images svg,
|
||||||
|
.ui.small.image {
|
||||||
|
width: 150px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.large.images .image,
|
||||||
|
.ui.large.images img,
|
||||||
|
.ui.large.images svg,
|
||||||
|
.ui.large.image {
|
||||||
|
width: 450px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.big.images .image,
|
||||||
|
.ui.big.images img,
|
||||||
|
.ui.big.images svg,
|
||||||
|
.ui.big.image {
|
||||||
|
width: 600px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.huge.images .image,
|
||||||
|
.ui.huge.images img,
|
||||||
|
.ui.huge.images svg,
|
||||||
|
.ui.huge.image {
|
||||||
|
width: 800px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.images .image,
|
||||||
|
.ui.massive.images img,
|
||||||
|
.ui.massive.images svg,
|
||||||
|
.ui.massive.image {
|
||||||
|
width: 960px;
|
||||||
|
height: auto;
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Groups
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.images {
|
||||||
|
font-size: 0;
|
||||||
|
margin: 0 -0.25rem 0;
|
||||||
|
}
|
||||||
|
.ui.images .image,
|
||||||
|
.ui.images > img,
|
||||||
|
.ui.images > svg {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 0.25rem 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/image.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/image.min.css
generated
vendored
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Image
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:transparent}img.ui.image{display:block}.ui.image img,.ui.image svg{display:block;max-width:100%;height:auto}.ui.hidden.images,.ui.ui.hidden.image{display:none}.ui.hidden.transition.image,.ui.hidden.transition.images{display:block;visibility:hidden}.ui.images>.hidden.transition{display:inline-block;visibility:hidden}.ui.disabled.image,.ui.disabled.images{cursor:default;opacity:.45}.ui.inline.image,.ui.inline.image img,.ui.inline.image svg{display:inline-block}.ui.top.aligned.image,.ui.top.aligned.image img,.ui.top.aligned.image svg{display:inline-block;vertical-align:top}.ui.middle.aligned.image,.ui.middle.aligned.image img,.ui.middle.aligned.image svg{display:inline-block;vertical-align:middle}.ui.bottom.aligned.image,.ui.bottom.aligned.image img,.ui.bottom.aligned.image svg{display:inline-block;vertical-align:bottom}.ui.images .ui.top.aligned.image,.ui.top.aligned.images .image{-ms-flex-item-align:start;align-self:flex-start}.ui.images .ui.middle.aligned.image,.ui.middle.aligned.images .image{-ms-flex-item-align:center;align-self:center}.ui.bottom.aligned.images .image,.ui.images .ui.bottom.aligned.image{-ms-flex-item-align:end;align-self:flex-end}.ui.rounded.image,.ui.rounded.image>*,.ui.rounded.images .image,.ui.rounded.images .image>*{border-radius:.3125em}.ui.bordered.image img,.ui.bordered.image svg,.ui.bordered.images .image,.ui.bordered.images img,.ui.bordered.images svg,img.ui.bordered.image{border:1px solid rgba(0,0,0,.1)}.ui.circular.image,.ui.circular.images{overflow:hidden}.ui.circular.image,.ui.circular.image>*,.ui.circular.images .image,.ui.circular.images .image>*{border-radius:500rem}.ui.fluid.image,.ui.fluid.image img,.ui.fluid.image svg,.ui.fluid.images,.ui.fluid.images img,.ui.fluid.images svg{display:block;width:100%;height:auto}.ui.avatar.image,.ui.avatar.image img,.ui.avatar.image svg,.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.images svg{margin-right:.25em;display:inline-block;width:2em;height:2em;border-radius:500rem}.ui.spaced.image{display:inline-block!important;margin-left:.5em;margin-right:.5em}.ui[class*="left spaced"].image{margin-left:.5em;margin-right:0}.ui[class*="right spaced"].image{margin-left:0;margin-right:.5em}.ui.floated.image,.ui.floated.images{float:left;margin-right:1em;margin-bottom:1em}.ui.right.floated.image,.ui.right.floated.images{float:right;margin-right:0;margin-bottom:1em;margin-left:1em}.ui.floated.image:last-child,.ui.floated.images:last-child{margin-bottom:0}.ui.centered.image{display:block;margin-left:auto;margin-right:auto}.ui.centered.images{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.medium.image,.ui.medium.images .image,.ui.medium.images img,.ui.medium.images svg{width:300px;height:auto;font-size:1rem}.ui.mini.image,.ui.mini.images .image,.ui.mini.images img,.ui.mini.images svg{width:35px;height:auto;font-size:.78571429rem}.ui.tiny.image,.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.images svg{width:80px;height:auto;font-size:.85714286rem}.ui.small.image,.ui.small.images .image,.ui.small.images img,.ui.small.images svg{width:150px;height:auto;font-size:.92857143rem}.ui.large.image,.ui.large.images .image,.ui.large.images img,.ui.large.images svg{width:450px;height:auto;font-size:1.14285714rem}.ui.big.image,.ui.big.images .image,.ui.big.images img,.ui.big.images svg{width:600px;height:auto;font-size:1.28571429rem}.ui.huge.image,.ui.huge.images .image,.ui.huge.images img,.ui.huge.images svg{width:800px;height:auto;font-size:1.42857143rem}.ui.massive.image,.ui.massive.images .image,.ui.massive.images img,.ui.massive.images svg{width:960px;height:auto;font-size:1.71428571rem}.ui.images{font-size:0;margin:0 -.25rem 0}.ui.images .image,.ui.images>img,.ui.images>svg{display:inline-block;margin:0 .25rem .5rem}
|
711
node_modules/fomantic-ui/dist/components/input.css
generated
vendored
Normal file
711
node_modules/fomantic-ui/dist/components/input.css
generated
vendored
Normal file
|
@ -0,0 +1,711 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Input
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Standard
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Inputs
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.input {
|
||||||
|
position: relative;
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
display: -webkit-inline-box;
|
||||||
|
display: -ms-inline-flexbox;
|
||||||
|
display: inline-flex;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
.ui.input > input {
|
||||||
|
margin: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
-ms-flex: 1 0 auto;
|
||||||
|
flex: 1 0 auto;
|
||||||
|
outline: none;
|
||||||
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.21428571em;
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
padding: 0.67857143em 1em;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
-webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
transition: box-shadow 0.1s ease, border-color 0.1s ease;
|
||||||
|
transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Placeholder
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* browsers require these rules separate */
|
||||||
|
.ui.input > input::-webkit-input-placeholder {
|
||||||
|
color: rgba(191, 191, 191, 0.87);
|
||||||
|
}
|
||||||
|
.ui.input > input::-moz-placeholder {
|
||||||
|
color: rgba(191, 191, 191, 0.87);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.ui.input > input:-ms-input-placeholder {
|
||||||
|
color: rgba(191, 191, 191, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Disabled
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.disabled.input,
|
||||||
|
.ui.input:not(.disabled) input[disabled] {
|
||||||
|
opacity: 0.45;
|
||||||
|
}
|
||||||
|
.ui.disabled.input > input,
|
||||||
|
.ui.input:not(.disabled) input[disabled] {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Active
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.input > input:active,
|
||||||
|
.ui.input.down input {
|
||||||
|
border-color: rgba(0, 0, 0, 0.3);
|
||||||
|
background: #FAFAFA;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Loading
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.loading.loading.input > i.icon:before {
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: -0.64285714em 0 0 -0.64285714em;
|
||||||
|
width: 1.28571429em;
|
||||||
|
height: 1.28571429em;
|
||||||
|
border-radius: 500rem;
|
||||||
|
border: 0.2em solid rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
.ui.loading.loading.input > i.icon:after {
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: -0.64285714em 0 0 -0.64285714em;
|
||||||
|
width: 1.28571429em;
|
||||||
|
height: 1.28571429em;
|
||||||
|
-webkit-animation: loader 0.6s infinite linear;
|
||||||
|
animation: loader 0.6s infinite linear;
|
||||||
|
border: 0.2em solid #767676;
|
||||||
|
border-radius: 500rem;
|
||||||
|
-webkit-box-shadow: 0 0 0 1px transparent;
|
||||||
|
box-shadow: 0 0 0 1px transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Focus
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.input.focus > input,
|
||||||
|
.ui.input > input:focus {
|
||||||
|
border-color: #85B7D9;
|
||||||
|
background: #FFFFFF;
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.ui.input.focus > input::-webkit-input-placeholder,
|
||||||
|
.ui.input > input:focus::-webkit-input-placeholder {
|
||||||
|
color: rgba(115, 115, 115, 0.87);
|
||||||
|
}
|
||||||
|
.ui.input.focus > input::-moz-placeholder,
|
||||||
|
.ui.input > input:focus::-moz-placeholder {
|
||||||
|
color: rgba(115, 115, 115, 0.87);
|
||||||
|
}
|
||||||
|
.ui.input.focus > input:-ms-input-placeholder,
|
||||||
|
.ui.input > input:focus:-ms-input-placeholder {
|
||||||
|
color: rgba(115, 115, 115, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
States
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.input.error > input {
|
||||||
|
background-color: #FFF6F6;
|
||||||
|
border-color: #E0B4B4;
|
||||||
|
color: #9F3A38;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Placeholder */
|
||||||
|
.ui.input.error > input::-webkit-input-placeholder {
|
||||||
|
color: #e7bdbc;
|
||||||
|
}
|
||||||
|
.ui.input.error > input::-moz-placeholder {
|
||||||
|
color: #e7bdbc;
|
||||||
|
}
|
||||||
|
.ui.input.error > input:-ms-input-placeholder {
|
||||||
|
color: #e7bdbc !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Focused Placeholder */
|
||||||
|
.ui.input.error > input:focus::-webkit-input-placeholder {
|
||||||
|
color: #da9796;
|
||||||
|
}
|
||||||
|
.ui.input.error > input:focus::-moz-placeholder {
|
||||||
|
color: #da9796;
|
||||||
|
}
|
||||||
|
.ui.input.error > input:focus:-ms-input-placeholder {
|
||||||
|
color: #da9796 !important;
|
||||||
|
}
|
||||||
|
.ui.input.info > input {
|
||||||
|
background-color: #F8FFFF;
|
||||||
|
border-color: #A9D5DE;
|
||||||
|
color: #276F86;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Placeholder */
|
||||||
|
.ui.input.info > input::-webkit-input-placeholder {
|
||||||
|
color: #98cfe1;
|
||||||
|
}
|
||||||
|
.ui.input.info > input::-moz-placeholder {
|
||||||
|
color: #98cfe1;
|
||||||
|
}
|
||||||
|
.ui.input.info > input:-ms-input-placeholder {
|
||||||
|
color: #98cfe1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Focused Placeholder */
|
||||||
|
.ui.input.info > input:focus::-webkit-input-placeholder {
|
||||||
|
color: #70bdd6;
|
||||||
|
}
|
||||||
|
.ui.input.info > input:focus::-moz-placeholder {
|
||||||
|
color: #70bdd6;
|
||||||
|
}
|
||||||
|
.ui.input.info > input:focus:-ms-input-placeholder {
|
||||||
|
color: #70bdd6 !important;
|
||||||
|
}
|
||||||
|
.ui.input.success > input {
|
||||||
|
background-color: #FCFFF5;
|
||||||
|
border-color: #A3C293;
|
||||||
|
color: #2C662D;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Placeholder */
|
||||||
|
.ui.input.success > input::-webkit-input-placeholder {
|
||||||
|
color: #8fcf90;
|
||||||
|
}
|
||||||
|
.ui.input.success > input::-moz-placeholder {
|
||||||
|
color: #8fcf90;
|
||||||
|
}
|
||||||
|
.ui.input.success > input:-ms-input-placeholder {
|
||||||
|
color: #8fcf90 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Focused Placeholder */
|
||||||
|
.ui.input.success > input:focus::-webkit-input-placeholder {
|
||||||
|
color: #6cbf6d;
|
||||||
|
}
|
||||||
|
.ui.input.success > input:focus::-moz-placeholder {
|
||||||
|
color: #6cbf6d;
|
||||||
|
}
|
||||||
|
.ui.input.success > input:focus:-ms-input-placeholder {
|
||||||
|
color: #6cbf6d !important;
|
||||||
|
}
|
||||||
|
.ui.input.warning > input {
|
||||||
|
background-color: #FFFAF3;
|
||||||
|
border-color: #C9BA9B;
|
||||||
|
color: #573A08;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Placeholder */
|
||||||
|
.ui.input.warning > input::-webkit-input-placeholder {
|
||||||
|
color: #edad3e;
|
||||||
|
}
|
||||||
|
.ui.input.warning > input::-moz-placeholder {
|
||||||
|
color: #edad3e;
|
||||||
|
}
|
||||||
|
.ui.input.warning > input:-ms-input-placeholder {
|
||||||
|
color: #edad3e !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Focused Placeholder */
|
||||||
|
.ui.input.warning > input:focus::-webkit-input-placeholder {
|
||||||
|
color: #e39715;
|
||||||
|
}
|
||||||
|
.ui.input.warning > input:focus::-moz-placeholder {
|
||||||
|
color: #e39715;
|
||||||
|
}
|
||||||
|
.ui.input.warning > input:focus:-ms-input-placeholder {
|
||||||
|
color: #e39715 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Transparent
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.transparent.input > textarea,
|
||||||
|
.ui.transparent.input > input {
|
||||||
|
border-color: transparent !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
padding: 0;
|
||||||
|
-webkit-box-shadow: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
}
|
||||||
|
.field .ui.transparent.input > textarea {
|
||||||
|
padding: 0.67857143em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Transparent Icon */
|
||||||
|
:not(.field) > .ui.transparent.icon.input > i.icon {
|
||||||
|
width: 1.1em;
|
||||||
|
}
|
||||||
|
:not(.field) > .ui.ui.ui.transparent.icon.input > input {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 2em;
|
||||||
|
}
|
||||||
|
:not(.field) > .ui.ui.ui.transparent[class*="left icon"].input > input {
|
||||||
|
padding-left: 2em;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Transparent Inverted */
|
||||||
|
.ui.transparent.inverted.input {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.ui.transparent.inverted.input > textarea,
|
||||||
|
.ui.ui.transparent.inverted.input > input {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
.ui.transparent.inverted.input > input::-webkit-input-placeholder {
|
||||||
|
color: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
.ui.transparent.inverted.input > input::-moz-placeholder {
|
||||||
|
color: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
.ui.transparent.inverted.input > input:-ms-input-placeholder {
|
||||||
|
color: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Icon
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.icon.input > i.icon {
|
||||||
|
cursor: default;
|
||||||
|
position: absolute;
|
||||||
|
line-height: 1;
|
||||||
|
text-align: center;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: 0;
|
||||||
|
height: 100%;
|
||||||
|
width: 2.67142857em;
|
||||||
|
opacity: 0.5;
|
||||||
|
border-radius: 0 0.28571429rem 0.28571429rem 0;
|
||||||
|
-webkit-transition: opacity 0.3s ease;
|
||||||
|
transition: opacity 0.3s ease;
|
||||||
|
}
|
||||||
|
.ui.icon.input > i.icon:not(.link) {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.ui.ui.ui.ui.icon.input > textarea,
|
||||||
|
.ui.ui.ui.ui.icon.input > input {
|
||||||
|
padding-right: 2.67142857em;
|
||||||
|
}
|
||||||
|
.ui.icon.input > i.icon:before,
|
||||||
|
.ui.icon.input > i.icon:after {
|
||||||
|
left: 0;
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
top: 50%;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: -0.5em;
|
||||||
|
}
|
||||||
|
.ui.icon.input > i.link.icon {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui.icon.input > i.circular.icon {
|
||||||
|
top: 0.35em;
|
||||||
|
right: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Left Icon Input */
|
||||||
|
.ui[class*="left icon"].input > i.icon {
|
||||||
|
right: auto;
|
||||||
|
left: 1px;
|
||||||
|
border-radius: 0.28571429rem 0 0 0.28571429rem;
|
||||||
|
}
|
||||||
|
.ui[class*="left icon"].input > i.circular.icon {
|
||||||
|
right: auto;
|
||||||
|
left: 0.5em;
|
||||||
|
}
|
||||||
|
.ui.ui.ui.ui[class*="left icon"].input > textarea,
|
||||||
|
.ui.ui.ui.ui[class*="left icon"].input > input {
|
||||||
|
padding-left: 2.67142857em;
|
||||||
|
padding-right: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Focus */
|
||||||
|
.ui.icon.input > textarea:focus ~ i.icon,
|
||||||
|
.ui.icon.input > input:focus ~ i.icon {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Labeled
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Adjacent Label */
|
||||||
|
.ui.labeled.input > .label {
|
||||||
|
-webkit-box-flex: 0;
|
||||||
|
-ms-flex: 0 0 auto;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.labeled.input > .label:not(.corner) {
|
||||||
|
padding-top: 0.78571429em;
|
||||||
|
padding-bottom: 0.78571429em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Regular Label on Left */
|
||||||
|
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
}
|
||||||
|
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-left-color: transparent;
|
||||||
|
}
|
||||||
|
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
|
||||||
|
border-left-color: #85B7D9;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Regular Label on Right */
|
||||||
|
.ui[class*="right labeled"].input > input {
|
||||||
|
border-top-right-radius: 0 !important;
|
||||||
|
border-bottom-right-radius: 0 !important;
|
||||||
|
border-right-color: transparent !important;
|
||||||
|
}
|
||||||
|
.ui[class*="right labeled"].input > input + .label {
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
}
|
||||||
|
.ui[class*="right labeled"].input > input:focus {
|
||||||
|
border-right-color: #85B7D9 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Corner Label */
|
||||||
|
.ui.labeled.input .corner.label {
|
||||||
|
top: 1px;
|
||||||
|
right: 1px;
|
||||||
|
font-size: 0.64285714em;
|
||||||
|
border-radius: 0 0.28571429rem 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Spacing with corner label */
|
||||||
|
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > textarea,
|
||||||
|
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {
|
||||||
|
padding-right: 2.5em !important;
|
||||||
|
}
|
||||||
|
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > textarea,
|
||||||
|
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
|
||||||
|
padding-right: 3.25em !important;
|
||||||
|
}
|
||||||
|
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > i.icon {
|
||||||
|
margin-right: 1.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Left Labeled */
|
||||||
|
.ui[class*="left corner labeled"].labeled.input > textarea,
|
||||||
|
.ui[class*="left corner labeled"].labeled.input > input {
|
||||||
|
padding-left: 2.5em !important;
|
||||||
|
}
|
||||||
|
.ui[class*="left corner labeled"].icon.input > textarea,
|
||||||
|
.ui[class*="left corner labeled"].icon.input > input {
|
||||||
|
padding-left: 3.25em !important;
|
||||||
|
}
|
||||||
|
.ui[class*="left corner labeled"].icon.input > i.icon {
|
||||||
|
margin-left: 1.25em;
|
||||||
|
}
|
||||||
|
.ui.icon.input > textarea ~ i.icon {
|
||||||
|
height: 3em;
|
||||||
|
}
|
||||||
|
:not(.field) > .ui.transparent.icon.input > textarea ~ i.icon {
|
||||||
|
height: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Corner Label Position */
|
||||||
|
.ui.input > .ui.corner.label {
|
||||||
|
top: 1px;
|
||||||
|
right: 1px;
|
||||||
|
}
|
||||||
|
.ui.input > .ui.left.corner.label {
|
||||||
|
right: auto;
|
||||||
|
left: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Labeled and action input states */
|
||||||
|
.ui.form .field.error > .ui.action.input > .ui.button,
|
||||||
|
.ui.form .field.error > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
|
||||||
|
.ui.action.input.error > .ui.button,
|
||||||
|
.ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label {
|
||||||
|
border-top: 1px solid #E0B4B4;
|
||||||
|
border-bottom: 1px solid #E0B4B4;
|
||||||
|
}
|
||||||
|
.ui.form .field.error > .ui[class*="left action"].input > .ui.button,
|
||||||
|
.ui.form .field.error > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
|
||||||
|
.ui[class*="left action"].input.error > .ui.button,
|
||||||
|
.ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
|
||||||
|
border-left: 1px solid #E0B4B4;
|
||||||
|
}
|
||||||
|
.ui.form .field.error > .ui.action.input:not([class*="left action"]) > input + .ui.button,
|
||||||
|
.ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
|
||||||
|
.ui.action.input.error:not([class*="left action"]) > input + .ui.button,
|
||||||
|
.ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label {
|
||||||
|
border-right: 1px solid #E0B4B4;
|
||||||
|
}
|
||||||
|
.ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
|
||||||
|
.ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child {
|
||||||
|
border-left: 1px solid #E0B4B4;
|
||||||
|
}
|
||||||
|
.ui.form .field.info > .ui.action.input > .ui.button,
|
||||||
|
.ui.form .field.info > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
|
||||||
|
.ui.action.input.info > .ui.button,
|
||||||
|
.ui.labeled.input.info:not([class*="corner labeled"]) > .ui.label {
|
||||||
|
border-top: 1px solid #A9D5DE;
|
||||||
|
border-bottom: 1px solid #A9D5DE;
|
||||||
|
}
|
||||||
|
.ui.form .field.info > .ui[class*="left action"].input > .ui.button,
|
||||||
|
.ui.form .field.info > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
|
||||||
|
.ui[class*="left action"].input.info > .ui.button,
|
||||||
|
.ui.labeled.input.info:not(.right):not([class*="corner labeled"]) > .ui.label {
|
||||||
|
border-left: 1px solid #A9D5DE;
|
||||||
|
}
|
||||||
|
.ui.form .field.info > .ui.action.input:not([class*="left action"]) > input + .ui.button,
|
||||||
|
.ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
|
||||||
|
.ui.action.input.info:not([class*="left action"]) > input + .ui.button,
|
||||||
|
.ui.right.labeled.input.info:not([class*="corner labeled"]) > input + .ui.label {
|
||||||
|
border-right: 1px solid #A9D5DE;
|
||||||
|
}
|
||||||
|
.ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
|
||||||
|
.ui.right.labeled.input.info:not([class*="corner labeled"]) > .ui.label:first-child {
|
||||||
|
border-left: 1px solid #A9D5DE;
|
||||||
|
}
|
||||||
|
.ui.form .field.success > .ui.action.input > .ui.button,
|
||||||
|
.ui.form .field.success > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
|
||||||
|
.ui.action.input.success > .ui.button,
|
||||||
|
.ui.labeled.input.success:not([class*="corner labeled"]) > .ui.label {
|
||||||
|
border-top: 1px solid #A3C293;
|
||||||
|
border-bottom: 1px solid #A3C293;
|
||||||
|
}
|
||||||
|
.ui.form .field.success > .ui[class*="left action"].input > .ui.button,
|
||||||
|
.ui.form .field.success > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
|
||||||
|
.ui[class*="left action"].input.success > .ui.button,
|
||||||
|
.ui.labeled.input.success:not(.right):not([class*="corner labeled"]) > .ui.label {
|
||||||
|
border-left: 1px solid #A3C293;
|
||||||
|
}
|
||||||
|
.ui.form .field.success > .ui.action.input:not([class*="left action"]) > input + .ui.button,
|
||||||
|
.ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
|
||||||
|
.ui.action.input.success:not([class*="left action"]) > input + .ui.button,
|
||||||
|
.ui.right.labeled.input.success:not([class*="corner labeled"]) > input + .ui.label {
|
||||||
|
border-right: 1px solid #A3C293;
|
||||||
|
}
|
||||||
|
.ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
|
||||||
|
.ui.right.labeled.input.success:not([class*="corner labeled"]) > .ui.label:first-child {
|
||||||
|
border-left: 1px solid #A3C293;
|
||||||
|
}
|
||||||
|
.ui.form .field.warning > .ui.action.input > .ui.button,
|
||||||
|
.ui.form .field.warning > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
|
||||||
|
.ui.action.input.warning > .ui.button,
|
||||||
|
.ui.labeled.input.warning:not([class*="corner labeled"]) > .ui.label {
|
||||||
|
border-top: 1px solid #C9BA9B;
|
||||||
|
border-bottom: 1px solid #C9BA9B;
|
||||||
|
}
|
||||||
|
.ui.form .field.warning > .ui[class*="left action"].input > .ui.button,
|
||||||
|
.ui.form .field.warning > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
|
||||||
|
.ui[class*="left action"].input.warning > .ui.button,
|
||||||
|
.ui.labeled.input.warning:not(.right):not([class*="corner labeled"]) > .ui.label {
|
||||||
|
border-left: 1px solid #C9BA9B;
|
||||||
|
}
|
||||||
|
.ui.form .field.warning > .ui.action.input:not([class*="left action"]) > input + .ui.button,
|
||||||
|
.ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
|
||||||
|
.ui.action.input.warning:not([class*="left action"]) > input + .ui.button,
|
||||||
|
.ui.right.labeled.input.warning:not([class*="corner labeled"]) > input + .ui.label {
|
||||||
|
border-right: 1px solid #C9BA9B;
|
||||||
|
}
|
||||||
|
.ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
|
||||||
|
.ui.right.labeled.input.warning:not([class*="corner labeled"]) > .ui.label:first-child {
|
||||||
|
border-left: 1px solid #C9BA9B;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Action
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.action.input > .button,
|
||||||
|
.ui.action.input > .buttons {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
-webkit-box-flex: 0;
|
||||||
|
-ms-flex: 0 0 auto;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
}
|
||||||
|
.ui.action.input > .button,
|
||||||
|
.ui.action.input > .buttons > .button {
|
||||||
|
padding-top: 0.78571429em;
|
||||||
|
padding-bottom: 0.78571429em;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Input when ui Left*/
|
||||||
|
.ui[class*="left action"].input > input {
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-left-color: transparent;
|
||||||
|
}
|
||||||
|
/* Input when ui Right*/
|
||||||
|
.ui.action.input:not([class*="left action"]) > input {
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
border-right-color: transparent;
|
||||||
|
}
|
||||||
|
/* Button and Dropdown */
|
||||||
|
.ui.action.input > .dropdown:first-child,
|
||||||
|
.ui.action.input > .button:first-child,
|
||||||
|
.ui.action.input > .buttons:first-child > .button {
|
||||||
|
border-radius: 0.28571429rem 0 0 0.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.action.input > .dropdown:not(:first-child),
|
||||||
|
.ui.action.input > .button:not(:first-child),
|
||||||
|
.ui.action.input > .buttons:not(:first-child) > .button {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.ui.action.input > .dropdown:last-child,
|
||||||
|
.ui.action.input > .button:last-child,
|
||||||
|
.ui.action.input > .buttons:last-child > .button {
|
||||||
|
border-radius: 0 0.28571429rem 0.28571429rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Input Focus */
|
||||||
|
.ui.action.input:not([class*="left action"]) > input:focus {
|
||||||
|
border-right-color: #85B7D9;
|
||||||
|
}
|
||||||
|
.ui.ui[class*="left action"].input > input:focus {
|
||||||
|
border-left-color: #85B7D9;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Inverted
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Standard */
|
||||||
|
.ui.inverted.input > input {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Fluid
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.fluid.input {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.ui.fluid.input > input {
|
||||||
|
width: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------------
|
||||||
|
Size
|
||||||
|
---------------------*/
|
||||||
|
|
||||||
|
.ui.input {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.mini.input {
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.tiny.input {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.small.input {
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
}
|
||||||
|
.ui.large.input {
|
||||||
|
font-size: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.big.input {
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
.ui.huge.input {
|
||||||
|
font-size: 1.42857143em;
|
||||||
|
}
|
||||||
|
.ui.massive.input {
|
||||||
|
font-size: 1.71428571em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/input.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/input.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
576
node_modules/fomantic-ui/dist/components/item.css
generated
vendored
Normal file
576
node_modules/fomantic-ui/dist/components/item.css
generated
vendored
Normal file
|
@ -0,0 +1,576 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Item
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Standard
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Item
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.items > .item {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
margin: 1em 0;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 0;
|
||||||
|
background: transparent;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
-webkit-transition: -webkit-box-shadow 0.1s ease;
|
||||||
|
transition: -webkit-box-shadow 0.1s ease;
|
||||||
|
transition: box-shadow 0.1s ease;
|
||||||
|
transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
z-index: '';
|
||||||
|
}
|
||||||
|
.ui.items > .item a {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Items
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.items {
|
||||||
|
margin: 1.5em 0;
|
||||||
|
}
|
||||||
|
.ui.items:first-child {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
}
|
||||||
|
.ui.items:last-child {
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Item
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.items > .item:after {
|
||||||
|
display: block;
|
||||||
|
content: ' ';
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
overflow: hidden;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.ui.items > .item:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.ui.items > .item:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Images
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.items > .item > .image {
|
||||||
|
position: relative;
|
||||||
|
-webkit-box-flex: 0;
|
||||||
|
-ms-flex: 0 0 auto;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
display: block;
|
||||||
|
float: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
max-height: '';
|
||||||
|
-ms-flex-item-align: start;
|
||||||
|
align-self: start;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .image > img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 0.125rem;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .image:only-child > img {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Content
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.items > .item > .content {
|
||||||
|
display: block;
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
-ms-flex: 1 1 auto;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
background: none;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
font-size: 1em;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .content:after {
|
||||||
|
display: block;
|
||||||
|
content: ' ';
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
overflow: hidden;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .image + .content {
|
||||||
|
min-width: 0;
|
||||||
|
width: auto;
|
||||||
|
display: block;
|
||||||
|
margin-left: 0;
|
||||||
|
-ms-flex-item-align: start;
|
||||||
|
align-self: start;
|
||||||
|
padding-left: 1.5em;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .content > .header {
|
||||||
|
display: inline-block;
|
||||||
|
margin: -0.21425em 0 0;
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
|
color: rgba(0, 0, 0, 0.85);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default Header Size */
|
||||||
|
.ui.items > .item > .content > .header:not(.ui) {
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Floated
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.items > .item [class*="left floated"] {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.ui.items > .item [class*="right floated"] {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Content Image
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.items > .item .content img {
|
||||||
|
-ms-flex-item-align: center;
|
||||||
|
align-self: center;
|
||||||
|
width: '';
|
||||||
|
}
|
||||||
|
.ui.items > .item img.avatar,
|
||||||
|
.ui.items > .item .avatar img {
|
||||||
|
width: '';
|
||||||
|
height: '';
|
||||||
|
border-radius: 500rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Description
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.items > .item > .content > .description {
|
||||||
|
margin-top: 0.6em;
|
||||||
|
max-width: auto;
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.4285em;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Paragraph
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.items > .item > .content p {
|
||||||
|
margin: 0 0 0.5em;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .content p:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Meta
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.items > .item .meta {
|
||||||
|
margin: 0.5em 0 0.5em;
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1em;
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
.ui.items > .item .meta * {
|
||||||
|
margin-right: 0.3em;
|
||||||
|
}
|
||||||
|
.ui.items > .item .meta :last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.ui.items > .item .meta [class*="right floated"] {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 0.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Links
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Generic */
|
||||||
|
.ui.items > .item > .content a:not(.ui) {
|
||||||
|
color: '';
|
||||||
|
-webkit-transition: color 0.1s ease;
|
||||||
|
transition: color 0.1s ease;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .content a:not(.ui):hover {
|
||||||
|
color: '';
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
.ui.items > .item > .content > a.header {
|
||||||
|
color: rgba(0, 0, 0, 0.85);
|
||||||
|
}
|
||||||
|
.ui.items > .item > .content > a.header:hover {
|
||||||
|
color: #1e70bf;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Meta */
|
||||||
|
.ui.items > .item .meta > a:not(.ui) {
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
.ui.items > .item .meta > a:not(.ui):hover {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Labels
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/*-----Star----- */
|
||||||
|
|
||||||
|
|
||||||
|
/* Icon */
|
||||||
|
.ui.items > .item > .content .favorite.icon {
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 0.75;
|
||||||
|
-webkit-transition: color 0.1s ease;
|
||||||
|
transition: color 0.1s ease;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .content .favorite.icon:hover {
|
||||||
|
opacity: 1;
|
||||||
|
color: #FFB70A;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .content .active.favorite.icon {
|
||||||
|
color: #FFE623;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-----Like----- */
|
||||||
|
|
||||||
|
|
||||||
|
/* Icon */
|
||||||
|
.ui.items > .item > .content .like.icon {
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 0.75;
|
||||||
|
-webkit-transition: color 0.1s ease;
|
||||||
|
transition: color 0.1s ease;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .content .like.icon:hover {
|
||||||
|
opacity: 1;
|
||||||
|
color: #FF2733;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .content .active.like.icon {
|
||||||
|
color: #FF2733;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*----------------
|
||||||
|
Extra Content
|
||||||
|
-----------------*/
|
||||||
|
|
||||||
|
.ui.items > .item .extra {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
background: none;
|
||||||
|
margin: 0.5rem 0 0;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 0 0;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
-webkit-transition: color 0.1s ease;
|
||||||
|
transition: color 0.1s ease;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
.ui.items > .item .extra > * {
|
||||||
|
margin: 0.25rem 0.5rem 0.25rem 0;
|
||||||
|
}
|
||||||
|
.ui.items > .item .extra > [class*="right floated"] {
|
||||||
|
margin: 0.25rem 0 0.25rem 0.5rem;
|
||||||
|
}
|
||||||
|
.ui.items > .item .extra:after {
|
||||||
|
display: block;
|
||||||
|
content: ' ';
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
overflow: hidden;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Responsive
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Default Image Width */
|
||||||
|
.ui.items > .item > .image:not(.ui) {
|
||||||
|
width: 175px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tablet Only */
|
||||||
|
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
|
||||||
|
.ui.items > .item {
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .image:not(.ui) {
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .image + .content {
|
||||||
|
display: block;
|
||||||
|
padding: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile Only */
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.items:not(.unstackable) > .item {
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 2em 0;
|
||||||
|
}
|
||||||
|
.ui.items:not(.unstackable) > .item > .image {
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.ui.items:not(.unstackable) > .item > .image,
|
||||||
|
.ui.items:not(.unstackable) > .item > .image > img {
|
||||||
|
max-width: 100% !important;
|
||||||
|
width: auto !important;
|
||||||
|
max-height: 250px !important;
|
||||||
|
}
|
||||||
|
.ui.items:not(.unstackable) > .item > .image + .content {
|
||||||
|
display: block;
|
||||||
|
padding: 1.5em 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Aligned
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.items > .item > .image + [class*="top aligned"].content {
|
||||||
|
-ms-flex-item-align: start;
|
||||||
|
align-self: flex-start;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .image + [class*="middle aligned"].content {
|
||||||
|
-ms-flex-item-align: center;
|
||||||
|
align-self: center;
|
||||||
|
}
|
||||||
|
.ui.items > .item > .image + [class*="bottom aligned"].content {
|
||||||
|
-ms-flex-item-align: end;
|
||||||
|
align-self: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Relaxed
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.relaxed.items > .item {
|
||||||
|
margin: 1.5em 0;
|
||||||
|
}
|
||||||
|
.ui[class*="very relaxed"].items > .item {
|
||||||
|
margin: 2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Divided
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.divided.items > .item {
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
margin: 0;
|
||||||
|
padding: 1em 0;
|
||||||
|
}
|
||||||
|
.ui.divided.items > .item:first-child {
|
||||||
|
border-top: none;
|
||||||
|
margin-top: 0 !important;
|
||||||
|
padding-top: 0 !important;
|
||||||
|
}
|
||||||
|
.ui.divided.items > .item:last-child {
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
padding-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Relaxed Divided */
|
||||||
|
.ui.relaxed.divided.items > .item {
|
||||||
|
margin: 0;
|
||||||
|
padding: 1.5em 0;
|
||||||
|
}
|
||||||
|
.ui[class*="very relaxed"].divided.items > .item {
|
||||||
|
margin: 0;
|
||||||
|
padding: 2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Link
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.items a.item:hover,
|
||||||
|
.ui.link.items > .item:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui.items a.item:hover .content .header,
|
||||||
|
.ui.link.items > .item:hover .content .header {
|
||||||
|
color: #1e70bf;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Size
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.items > .item {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.mini.items > .item {
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.tiny.items > .item {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.small.items > .item {
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
}
|
||||||
|
.ui.large.items > .item {
|
||||||
|
font-size: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.big.items > .item {
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
.ui.huge.items > .item {
|
||||||
|
font-size: 1.42857143em;
|
||||||
|
}
|
||||||
|
.ui.massive.items > .item {
|
||||||
|
font-size: 1.71428571em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*---------------
|
||||||
|
Unstackable
|
||||||
|
----------------*/
|
||||||
|
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.unstackable.items > .item > .image,
|
||||||
|
.ui.unstackable.items > .item > .image > img {
|
||||||
|
width: 125px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Inverted
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.inverted.items > .item {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item > .content {
|
||||||
|
background: none;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item .extra {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item > .content > .header {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item > .content > .description {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item .meta {
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item > .content a:not(.ui) {
|
||||||
|
color: #57a4ef;
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item > .content a:not(.ui):hover {
|
||||||
|
color: #4183C4;
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item > .content > a.header {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item > .content > a.header:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item .meta > a:not(.ui) {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item .meta > a:not(.ui):hover {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item > .content .favorite.icon:hover {
|
||||||
|
color: #ffc63d;
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item > .content .active.favorite.icon {
|
||||||
|
color: #ffec56;
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item > .content .like.icon:hover {
|
||||||
|
color: #ff5a63;
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item > .content .active.like.icon {
|
||||||
|
color: #ff5a63;
|
||||||
|
}
|
||||||
|
.ui.inverted.items > .item .extra {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
.ui.inverted.items a.item:hover .content .header,
|
||||||
|
.ui.inverted.link.items > .item:hover .content .header {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui.inverted.divided.items > .item {
|
||||||
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
.ui.inverted.divided.items > .item:first-child {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
User Variable Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/item.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/item.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
2137
node_modules/fomantic-ui/dist/components/label.css
generated
vendored
Normal file
2137
node_modules/fomantic-ui/dist/components/label.css
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
9
node_modules/fomantic-ui/dist/components/label.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/label.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
976
node_modules/fomantic-ui/dist/components/list.css
generated
vendored
Normal file
976
node_modules/fomantic-ui/dist/components/list.css
generated
vendored
Normal file
|
@ -0,0 +1,976 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - List
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
List
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
ul.ui.list,
|
||||||
|
ol.ui.list,
|
||||||
|
.ui.list {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 1em 0;
|
||||||
|
padding: 0 0;
|
||||||
|
}
|
||||||
|
ul.ui.list:first-child,
|
||||||
|
ol.ui.list:first-child,
|
||||||
|
.ui.list:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
ul.ui.list:last-child,
|
||||||
|
ol.ui.list:last-child,
|
||||||
|
.ui.list:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Content
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* List Item */
|
||||||
|
ul.ui.list li,
|
||||||
|
ol.ui.list li,
|
||||||
|
.ui.list > .item,
|
||||||
|
.ui.list .list > .item {
|
||||||
|
display: list-item;
|
||||||
|
table-layout: fixed;
|
||||||
|
list-style-type: none;
|
||||||
|
list-style-position: outside;
|
||||||
|
padding: 0.21428571em 0;
|
||||||
|
line-height: 1.14285714em;
|
||||||
|
}
|
||||||
|
ul.ui.list > li:first-child:after,
|
||||||
|
ol.ui.list > li:first-child:after,
|
||||||
|
.ui.list > .list > .item:after,
|
||||||
|
.ui.list > .item:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
ul.ui.list li:first-child,
|
||||||
|
ol.ui.list li:first-child,
|
||||||
|
.ui.list .list > .item:first-child,
|
||||||
|
.ui.list > .item:first-child {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
ul.ui.list li:last-child,
|
||||||
|
ol.ui.list li:last-child,
|
||||||
|
.ui.list .list > .item:last-child,
|
||||||
|
.ui.list > .item:last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Child List */
|
||||||
|
ul.ui.list ul,
|
||||||
|
ol.ui.list ol,
|
||||||
|
.ui.list .list:not(.icon) {
|
||||||
|
clear: both;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.75em 0 0.25em 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Child Item */
|
||||||
|
ul.ui.list ul li,
|
||||||
|
ol.ui.list ol li,
|
||||||
|
.ui.list .list > .item {
|
||||||
|
padding: 0.14285714em 0;
|
||||||
|
line-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icon */
|
||||||
|
.ui.list .list > .item > i.icon,
|
||||||
|
.ui.list > .item > i.icon {
|
||||||
|
display: table-cell;
|
||||||
|
min-width: 1.55em;
|
||||||
|
margin: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
-webkit-transition: color 0.1s ease;
|
||||||
|
transition: color 0.1s ease;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > i.icon:not(.loading),
|
||||||
|
.ui.list > .item > i.icon:not(.loading) {
|
||||||
|
padding-right: 0.28571429em;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > i.icon:only-child,
|
||||||
|
.ui.list > .item > i.icon:only-child {
|
||||||
|
display: inline-block;
|
||||||
|
min-width: auto;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Image */
|
||||||
|
.ui.list .list > .item > .image,
|
||||||
|
.ui.list > .item > .image {
|
||||||
|
display: table-cell;
|
||||||
|
background-color: transparent;
|
||||||
|
margin: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > .image:not(:only-child):not(img),
|
||||||
|
.ui.list > .item > .image:not(:only-child):not(img) {
|
||||||
|
padding-right: 0.5em;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > .image img,
|
||||||
|
.ui.list > .item > .image img {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > img.image,
|
||||||
|
.ui.list .list > .item > .image:only-child,
|
||||||
|
.ui.list > .item > img.image,
|
||||||
|
.ui.list > .item > .image:only-child {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Content */
|
||||||
|
.ui.list .list > .item > .content,
|
||||||
|
.ui.list > .item > .content {
|
||||||
|
line-height: 1.14285714em;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > .image + .content,
|
||||||
|
.ui.list .list > .item > i.icon + .content,
|
||||||
|
.ui.list > .item > .image + .content,
|
||||||
|
.ui.list > .item > i.icon + .content {
|
||||||
|
display: table-cell;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 0 0 0.5em;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > i.loading.icon + .content,
|
||||||
|
.ui.list > .item > i.loading.icon + .content {
|
||||||
|
padding-left: calc(0.2857142857142857em + 0.5em);
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > img.image + .content,
|
||||||
|
.ui.list > .item > img.image + .content {
|
||||||
|
display: inline-block;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > .content > .list,
|
||||||
|
.ui.list > .item > .content > .list {
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
.ui.list .list > .item .header,
|
||||||
|
.ui.list > .item .header {
|
||||||
|
display: block;
|
||||||
|
margin: 0;
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Description */
|
||||||
|
.ui.list .list > .item .description,
|
||||||
|
.ui.list > .item .description {
|
||||||
|
display: block;
|
||||||
|
color: rgba(0, 0, 0, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Child Link */
|
||||||
|
.ui.list > .item a,
|
||||||
|
.ui.list .list > .item a {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Linking Item */
|
||||||
|
.ui.list .list > a.item,
|
||||||
|
.ui.list > a.item {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #4183C4;
|
||||||
|
}
|
||||||
|
.ui.list .list > a.item:hover,
|
||||||
|
.ui.list > a.item:hover {
|
||||||
|
color: #1e70bf;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Linked Item Icons */
|
||||||
|
.ui.list .list > a.item > i.icons,
|
||||||
|
.ui.list > a.item > i.icons,
|
||||||
|
.ui.list .list > a.item > i.icon,
|
||||||
|
.ui.list > a.item > i.icon {
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header Link */
|
||||||
|
.ui.list .list > .item a.header,
|
||||||
|
.ui.list > .item a.header {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #4183C4 !important;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item > a.header:hover,
|
||||||
|
.ui.list > .item > a.header:hover {
|
||||||
|
color: #1e70bf !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Floated Content */
|
||||||
|
.ui[class*="left floated"].list {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.ui[class*="right floated"].list {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item [class*="left floated"],
|
||||||
|
.ui.list > .item [class*="left floated"] {
|
||||||
|
float: left;
|
||||||
|
margin: 0 1em 0 0;
|
||||||
|
}
|
||||||
|
.ui.list .list > .item [class*="right floated"],
|
||||||
|
.ui.list > .item [class*="right floated"] {
|
||||||
|
float: right;
|
||||||
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Coupling
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.menu .ui.list > .item,
|
||||||
|
.ui.menu .ui.list .list > .item {
|
||||||
|
display: list-item;
|
||||||
|
table-layout: fixed;
|
||||||
|
background-color: transparent;
|
||||||
|
list-style-type: none;
|
||||||
|
list-style-position: outside;
|
||||||
|
padding: 0.21428571em 0;
|
||||||
|
line-height: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.menu .ui.list .list > .item:before,
|
||||||
|
.ui.menu .ui.list > .item:before {
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.ui.menu .ui.list .list > .item:first-child,
|
||||||
|
.ui.menu .ui.list > .item:first-child {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
.ui.menu .ui.list .list > .item:last-child,
|
||||||
|
.ui.menu .ui.list > .item:last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Horizontal
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.horizontal.list {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list > .item {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 1em;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list:not(.celled) > .item:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list .list:not(.icon) {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list > .item > .image,
|
||||||
|
.ui.horizontal.list .list > .item > .image,
|
||||||
|
.ui.horizontal.list > .item > i.icon,
|
||||||
|
.ui.horizontal.list .list > .item > i.icon,
|
||||||
|
.ui.horizontal.list > .item > .content,
|
||||||
|
.ui.horizontal.list .list > .item > .content {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Padding on all elements */
|
||||||
|
.ui.horizontal.list > .item:first-child,
|
||||||
|
.ui.horizontal.list > .item:last-child {
|
||||||
|
padding-top: 0.21428571em;
|
||||||
|
padding-bottom: 0.21428571em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Horizontal List */
|
||||||
|
.ui.horizontal.list > .item > i.icon,
|
||||||
|
.ui.horizontal.list .item > i.icons > i.icon {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 0.25em 0 0;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list > .item > .image + .content,
|
||||||
|
.ui.horizontal.list > .item > i.icon,
|
||||||
|
.ui.horizontal.list > .item > i.icon + .content {
|
||||||
|
float: none;
|
||||||
|
display: inline-block;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.ui.horizontal.list > .item > .image {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Disabled
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.list .list > .disabled.item,
|
||||||
|
.ui.list > .disabled.item {
|
||||||
|
pointer-events: none;
|
||||||
|
color: rgba(40, 40, 40, 0.3) !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.list .list > .disabled.item,
|
||||||
|
.ui.inverted.list > .disabled.item {
|
||||||
|
color: rgba(225, 225, 225, 0.3) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Hover
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.list .list > a.item:hover > .icons,
|
||||||
|
.ui.list > a.item:hover > .icons,
|
||||||
|
.ui.list .list > a.item:hover > i.icon,
|
||||||
|
.ui.list > a.item:hover > i.icon {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Inverted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.inverted.list .list > a.item > i.icon,
|
||||||
|
.ui.inverted.list > a.item > i.icon {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
.ui.inverted.list .list > .item .header,
|
||||||
|
.ui.inverted.list > .item .header {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.list .list > .item .description,
|
||||||
|
.ui.inverted.list > .item .description {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
.ui.inverted.list .list > .item > .content,
|
||||||
|
.ui.inverted.list > .item > .content {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Item Link */
|
||||||
|
.ui.inverted.list .list > a.item,
|
||||||
|
.ui.inverted.list > a.item {
|
||||||
|
cursor: pointer;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.list .list > a.item:hover,
|
||||||
|
.ui.inverted.list > a.item:hover {
|
||||||
|
color: #1e70bf;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Linking Content */
|
||||||
|
.ui.inverted.list .item a:not(.ui) {
|
||||||
|
color: rgba(255, 255, 255, 0.9) !important;
|
||||||
|
}
|
||||||
|
.ui.inverted.list .item a:not(.ui):hover {
|
||||||
|
color: #1e70bf !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Aligned
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.list[class*="top aligned"] .image,
|
||||||
|
.ui.list[class*="top aligned"] .content,
|
||||||
|
.ui.list [class*="top aligned"] {
|
||||||
|
vertical-align: top !important;
|
||||||
|
}
|
||||||
|
.ui.list[class*="middle aligned"] .image,
|
||||||
|
.ui.list[class*="middle aligned"] .content,
|
||||||
|
.ui.list [class*="middle aligned"] {
|
||||||
|
vertical-align: middle !important;
|
||||||
|
}
|
||||||
|
.ui.list[class*="bottom aligned"] .image,
|
||||||
|
.ui.list[class*="bottom aligned"] .content,
|
||||||
|
.ui.list [class*="bottom aligned"] {
|
||||||
|
vertical-align: bottom !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Link
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.link.list .item,
|
||||||
|
.ui.link.list a.item,
|
||||||
|
.ui.link.list .item a:not(.ui) {
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
-webkit-transition: 0.1s color ease;
|
||||||
|
transition: 0.1s color ease;
|
||||||
|
}
|
||||||
|
.ui.link.list.list a.item:hover,
|
||||||
|
.ui.link.list.list .item a:not(.ui):hover {
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
}
|
||||||
|
.ui.link.list.list a.item:active,
|
||||||
|
.ui.link.list.list .item a:not(.ui):active {
|
||||||
|
color: rgba(0, 0, 0, 0.9);
|
||||||
|
}
|
||||||
|
.ui.link.list.list .active.item,
|
||||||
|
.ui.link.list.list .active.item a:not(.ui) {
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.link.list .item,
|
||||||
|
.ui.inverted.link.list a.item,
|
||||||
|
.ui.inverted.link.list .item a:not(.ui) {
|
||||||
|
color: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
.ui.inverted.link.list.list a.item:hover,
|
||||||
|
.ui.inverted.link.list.list .item a:not(.ui):hover {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui.inverted.link.list.list a.item:active,
|
||||||
|
.ui.inverted.link.list.list .item a:not(.ui):active {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui.inverted.link.list.list a.active.item,
|
||||||
|
.ui.inverted.link.list.list .active.item a:not(.ui) {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Selection
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.selection.list .list > .item,
|
||||||
|
.ui.selection.list > .item {
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
padding: 0.5em 0.5em;
|
||||||
|
margin: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
border-radius: 0.5em;
|
||||||
|
-webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
|
||||||
|
transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
|
||||||
|
}
|
||||||
|
.ui.selection.list .list > .item:last-child,
|
||||||
|
.ui.selection.list > .item:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.ui.selection.list .list > .item:hover,
|
||||||
|
.ui.selection.list > .item:hover {
|
||||||
|
background: rgba(0, 0, 0, 0.03);
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
}
|
||||||
|
.ui.selection.list .list > .item:active,
|
||||||
|
.ui.selection.list > .item:active {
|
||||||
|
background: rgba(0, 0, 0, 0.05);
|
||||||
|
color: rgba(0, 0, 0, 0.9);
|
||||||
|
}
|
||||||
|
.ui.selection.list .list > .item.active,
|
||||||
|
.ui.selection.list > .item.active {
|
||||||
|
background: rgba(0, 0, 0, 0.05);
|
||||||
|
color: rgba(0, 0, 0, 0.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.inverted.selection.list > .item {
|
||||||
|
background: transparent;
|
||||||
|
color: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
.ui.inverted.selection.list > .item:hover {
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui.inverted.selection.list > .item:active {
|
||||||
|
background: rgba(255, 255, 255, 0.08);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.ui.inverted.selection.list > .item.active {
|
||||||
|
background: rgba(255, 255, 255, 0.08);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Celled / Divided Selection List */
|
||||||
|
.ui.celled.selection.list .list > .item,
|
||||||
|
.ui.divided.selection.list .list > .item,
|
||||||
|
.ui.celled.selection.list > .item,
|
||||||
|
.ui.divided.selection.list > .item {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Animated
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.animated.list > .item {
|
||||||
|
-webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
|
||||||
|
transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
|
||||||
|
}
|
||||||
|
.ui.animated.list:not(.horizontal) > .item:hover {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Fitted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.fitted.list:not(.selection) .list > .item,
|
||||||
|
.ui.fitted.list:not(.selection) > .item {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
.ui.fitted.selection.list .list > .item,
|
||||||
|
.ui.fitted.selection.list > .item {
|
||||||
|
margin-left: -0.5em;
|
||||||
|
margin-right: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Bulleted
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
ul.ui.list,
|
||||||
|
.ui.bulleted.list {
|
||||||
|
margin-left: 1.25rem;
|
||||||
|
}
|
||||||
|
ul.ui.list li,
|
||||||
|
.ui.bulleted.list .list > .item,
|
||||||
|
.ui.bulleted.list > .item {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
ul.ui.list li:before,
|
||||||
|
.ui.bulleted.list .list > .item:before,
|
||||||
|
.ui.bulleted.list > .item:before {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
pointer-events: none;
|
||||||
|
position: absolute;
|
||||||
|
top: auto;
|
||||||
|
left: auto;
|
||||||
|
font-weight: normal;
|
||||||
|
margin-left: -1.25rem;
|
||||||
|
content: '\2022';
|
||||||
|
opacity: 1;
|
||||||
|
color: inherit;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
ul.ui.list li:before,
|
||||||
|
.ui.bulleted.list .list > a.item:before,
|
||||||
|
.ui.bulleted.list > a.item:before {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
ul.ui.list ul,
|
||||||
|
.ui.bulleted.list .list:not(.icon) {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Horizontal Bulleted */
|
||||||
|
ul.ui.horizontal.bulleted.list,
|
||||||
|
.ui.horizontal.bulleted.list {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
ul.ui.horizontal.bulleted.list li,
|
||||||
|
.ui.horizontal.bulleted.list > .item {
|
||||||
|
margin-left: 1.75rem;
|
||||||
|
}
|
||||||
|
ul.ui.horizontal.bulleted.list li:first-child,
|
||||||
|
.ui.horizontal.bulleted.list > .item:first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
ul.ui.horizontal.bulleted.list li::before,
|
||||||
|
.ui.horizontal.bulleted.list > .item::before {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
ul.ui.horizontal.bulleted.list li:first-child::before,
|
||||||
|
.ui.horizontal.bulleted.list > .item:first-child::before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Ordered
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
ol.ui.list,
|
||||||
|
.ui.ordered.list,
|
||||||
|
.ui.ordered.list .list:not(.icon),
|
||||||
|
ol.ui.list ol {
|
||||||
|
counter-reset: ordered;
|
||||||
|
margin-left: 1.25rem;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
ol.ui.list li,
|
||||||
|
.ui.ordered.list .list > .item,
|
||||||
|
.ui.ordered.list > .item {
|
||||||
|
list-style-type: none;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
ol.ui.list li:before,
|
||||||
|
.ui.ordered.list .list > .item:before,
|
||||||
|
.ui.ordered.list > .item:before {
|
||||||
|
position: absolute;
|
||||||
|
top: auto;
|
||||||
|
left: auto;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
pointer-events: none;
|
||||||
|
margin-left: -1.25rem;
|
||||||
|
counter-increment: ordered;
|
||||||
|
content: counters(ordered, ".") " ";
|
||||||
|
text-align: right;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
vertical-align: middle;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
ol.ui.inverted.list li:before,
|
||||||
|
.ui.ordered.inverted.list .list > .item:before,
|
||||||
|
.ui.ordered.inverted.list > .item:before {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Value */
|
||||||
|
.ui.ordered.list .list > .item[data-value]:before,
|
||||||
|
.ui.ordered.list > .item[data-value]:before {
|
||||||
|
content: attr(data-value);
|
||||||
|
}
|
||||||
|
ol.ui.list li[value]:before {
|
||||||
|
content: attr(value);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Child Lists */
|
||||||
|
ol.ui.list ol,
|
||||||
|
.ui.ordered.list .list:not(.icon) {
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
ol.ui.list ol li:before,
|
||||||
|
.ui.ordered.list .list > .item:before {
|
||||||
|
margin-left: -2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Horizontal Ordered */
|
||||||
|
ol.ui.horizontal.list,
|
||||||
|
.ui.ordered.horizontal.list {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
ol.ui.horizontal.list li:before,
|
||||||
|
.ui.ordered.horizontal.list .list > .item:before,
|
||||||
|
.ui.ordered.horizontal.list > .item:before {
|
||||||
|
position: static;
|
||||||
|
margin: 0 0.5em 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Suffixed Ordered */
|
||||||
|
ol.ui.suffixed.list li:before,
|
||||||
|
.ui.suffixed.ordered.list .list > .item:before,
|
||||||
|
.ui.suffixed.ordered.list > .item:before {
|
||||||
|
content: counters(ordered, ".") ".";
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Divided
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.divided.list > .item {
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.divided.list .list > .item {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
.ui.divided.list .item .list > .item {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
.ui.divided.list .list > .item:first-child,
|
||||||
|
.ui.divided.list > .item:first-child {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sub Menu */
|
||||||
|
.ui.divided.list:not(.horizontal) .list > .item:first-child {
|
||||||
|
border-top-width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Divided bulleted */
|
||||||
|
.ui.divided.bulleted.list:not(.horizontal),
|
||||||
|
.ui.divided.bulleted.list .list:not(.icon) {
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
.ui.divided.bulleted.list > .item:not(.horizontal) {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Divided Ordered */
|
||||||
|
.ui.divided.ordered.list {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.ui.divided.ordered.list .list > .item,
|
||||||
|
.ui.divided.ordered.list > .item {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
}
|
||||||
|
.ui.divided.ordered.list .item .list:not(.icon) {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
padding-bottom: 0.21428571em;
|
||||||
|
}
|
||||||
|
.ui.divided.ordered.list .item .list > .item {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Divided Selection */
|
||||||
|
.ui.divided.selection.list .list > .item,
|
||||||
|
.ui.divided.selection.list > .item {
|
||||||
|
margin: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Divided horizontal */
|
||||||
|
.ui.divided.horizontal.list {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.ui.divided.horizontal.list > .item {
|
||||||
|
padding-left: 0.5em;
|
||||||
|
}
|
||||||
|
.ui.divided.horizontal.list > .item:not(:last-child) {
|
||||||
|
padding-right: 0.5em;
|
||||||
|
}
|
||||||
|
.ui.divided.horizontal.list > .item {
|
||||||
|
border-top: none;
|
||||||
|
border-right: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
margin: 0;
|
||||||
|
line-height: 0.6;
|
||||||
|
}
|
||||||
|
.ui.horizontal.divided.list > .item:last-child {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.divided.inverted.list > .item,
|
||||||
|
.ui.divided.inverted.list > .list,
|
||||||
|
.ui.divided.inverted.horizontal.list > .item {
|
||||||
|
border-color: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Celled
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.celled.list > .item,
|
||||||
|
.ui.celled.list > .list {
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
padding-left: 0.5em;
|
||||||
|
padding-right: 0.5em;
|
||||||
|
}
|
||||||
|
.ui.celled.list > .item:last-child {
|
||||||
|
border-bottom: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Padding on all elements */
|
||||||
|
.ui.celled.list > .item:first-child,
|
||||||
|
.ui.celled.list > .item:last-child {
|
||||||
|
padding-top: 0.21428571em;
|
||||||
|
padding-bottom: 0.21428571em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sub Menu */
|
||||||
|
.ui.celled.list .item .list > .item {
|
||||||
|
border-width: 0;
|
||||||
|
}
|
||||||
|
.ui.celled.list .list > .item:first-child {
|
||||||
|
border-top-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Celled Bulleted */
|
||||||
|
.ui.celled.bulleted.list {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.ui.celled.bulleted.list .list > .item,
|
||||||
|
.ui.celled.bulleted.list > .item {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
}
|
||||||
|
.ui.celled.bulleted.list .item .list:not(.icon) {
|
||||||
|
margin-left: -1.25rem;
|
||||||
|
margin-right: -1.25rem;
|
||||||
|
padding-bottom: 0.21428571em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Celled Ordered */
|
||||||
|
.ui.celled.ordered.list {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.ui.celled.ordered.list .list > .item,
|
||||||
|
.ui.celled.ordered.list > .item {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
}
|
||||||
|
.ui.celled.ordered.list .item .list:not(.icon) {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
padding-bottom: 0.21428571em;
|
||||||
|
}
|
||||||
|
.ui.celled.ordered.list .list > .item {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Celled Horizontal */
|
||||||
|
.ui.horizontal.celled.list {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.ui.horizontal.celled.list .list > .item,
|
||||||
|
.ui.horizontal.celled.list > .item {
|
||||||
|
border-top: none;
|
||||||
|
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 0.5em;
|
||||||
|
padding-right: 0.5em;
|
||||||
|
line-height: 0.6;
|
||||||
|
}
|
||||||
|
.ui.horizontal.celled.list .list > .item:last-child,
|
||||||
|
.ui.horizontal.celled.list > .item:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
border-right: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inverted */
|
||||||
|
.ui.celled.inverted.list > .item,
|
||||||
|
.ui.celled.inverted.list > .list {
|
||||||
|
border-color: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
.ui.celled.inverted.horizontal.list .list > .item,
|
||||||
|
.ui.celled.inverted.horizontal.list > .item {
|
||||||
|
border-color: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Relaxed
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
|
||||||
|
padding-top: 0.42857143em;
|
||||||
|
}
|
||||||
|
.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
|
||||||
|
padding-bottom: 0.42857143em;
|
||||||
|
}
|
||||||
|
.ui.horizontal.relaxed.list .list > .item:not(:first-child),
|
||||||
|
.ui.horizontal.relaxed.list > .item:not(:first-child) {
|
||||||
|
padding-left: 1rem;
|
||||||
|
}
|
||||||
|
.ui.horizontal.relaxed.list .list > .item:not(:last-child),
|
||||||
|
.ui.horizontal.relaxed.list > .item:not(:last-child) {
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Very Relaxed */
|
||||||
|
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
|
||||||
|
padding-top: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
|
||||||
|
padding-bottom: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
|
||||||
|
.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
}
|
||||||
|
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
|
||||||
|
.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
|
||||||
|
padding-right: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Sizes
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.list {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.mini.list {
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.mini.horizontal.list .list > .item,
|
||||||
|
.ui.mini.horizontal.list > .item {
|
||||||
|
font-size: 0.78571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.list {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.tiny.horizontal.list .list > .item,
|
||||||
|
.ui.tiny.horizontal.list > .item {
|
||||||
|
font-size: 0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.list {
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
}
|
||||||
|
.ui.small.horizontal.list .list > .item,
|
||||||
|
.ui.small.horizontal.list > .item {
|
||||||
|
font-size: 0.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.large.list {
|
||||||
|
font-size: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.large.horizontal.list .list > .item,
|
||||||
|
.ui.large.horizontal.list > .item {
|
||||||
|
font-size: 1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.big.list {
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
.ui.big.horizontal.list .list > .item,
|
||||||
|
.ui.big.horizontal.list > .item {
|
||||||
|
font-size: 1.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.huge.list {
|
||||||
|
font-size: 1.42857143em;
|
||||||
|
}
|
||||||
|
.ui.huge.horizontal.list .list > .item,
|
||||||
|
.ui.huge.horizontal.list > .item {
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.list {
|
||||||
|
font-size: 1.71428571em;
|
||||||
|
}
|
||||||
|
.ui.massive.horizontal.list .list > .item,
|
||||||
|
.ui.massive.horizontal.list > .item {
|
||||||
|
font-size: 1.71428571rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
User Variable Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/list.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/list.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
875
node_modules/fomantic-ui/dist/components/loader.css
generated
vendored
Normal file
875
node_modules/fomantic-ui/dist/components/loader.css
generated
vendored
Normal file
|
@ -0,0 +1,875 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Loader
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Loader
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/* Standard Size */
|
||||||
|
.ui.loader {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: 0;
|
||||||
|
text-align: center;
|
||||||
|
z-index: 1000;
|
||||||
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Static Shape */
|
||||||
|
.ui.loader:before {
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 500rem;
|
||||||
|
border: 0.2em solid rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Active Shape */
|
||||||
|
.ui.loader:after {
|
||||||
|
position: absolute;
|
||||||
|
content: '';
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
-webkit-animation: loader 0.6s infinite linear;
|
||||||
|
animation: loader 0.6s infinite linear;
|
||||||
|
border: 0.2em solid #767676;
|
||||||
|
border-radius: 500rem;
|
||||||
|
-webkit-box-shadow: 0 0 0 1px transparent;
|
||||||
|
box-shadow: 0 0 0 1px transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Speeds */
|
||||||
|
.ui.fast.loading.loading:after,
|
||||||
|
.ui.fast.loading.loading .input > i.icon:after,
|
||||||
|
.ui.fast.loading.loading > i.icon:after,
|
||||||
|
.ui.fast.loader:after {
|
||||||
|
-webkit-animation-duration: 0.3s;
|
||||||
|
animation-duration: 0.3s;
|
||||||
|
}
|
||||||
|
.ui.slow.loading.loading:after,
|
||||||
|
.ui.slow.loading.loading .input > i.icon:after,
|
||||||
|
.ui.slow.loading.loading > i.icon:after,
|
||||||
|
.ui.slow.loader:after {
|
||||||
|
-webkit-animation-duration: 0.9s;
|
||||||
|
animation-duration: 0.9s;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Active Animation */
|
||||||
|
@-webkit-keyframes loader {
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes loader {
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Coupling
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Show inside active dimmer */
|
||||||
|
.ui.dimmer > .loader {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Black Dimmer */
|
||||||
|
.ui.dimmer > .ui.loader {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.dimmer > .ui.loader:not(.elastic):before {
|
||||||
|
border-color: rgba(255, 255, 255, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* White Dimmer (Inverted) */
|
||||||
|
.ui.inverted.dimmer > .ui.loader {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
.ui.inverted.dimmer > .ui.loader:not(.elastic):before {
|
||||||
|
border-color: rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Text
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.ui.ui.ui.text.loader {
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.indeterminate.loader:after {
|
||||||
|
animation-direction: reverse;
|
||||||
|
-webkit-animation-duration: 1.2s;
|
||||||
|
animation-duration: 1.2s;
|
||||||
|
}
|
||||||
|
.ui.loader.active,
|
||||||
|
.ui.loader.visible {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.ui.loader.disabled,
|
||||||
|
.ui.loader.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Sizes
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.loader {
|
||||||
|
width: 2.28571429rem;
|
||||||
|
height: 2.28571429rem;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.loader:before,
|
||||||
|
.ui.loader:after {
|
||||||
|
width: 2.28571429rem;
|
||||||
|
height: 2.28571429rem;
|
||||||
|
margin: 0 0 0 -1.14285714rem;
|
||||||
|
}
|
||||||
|
.ui.text.loader {
|
||||||
|
min-width: 2.28571429rem;
|
||||||
|
padding-top: 3.07142857rem;
|
||||||
|
}
|
||||||
|
.ui.mini.loader {
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.mini.loader:before,
|
||||||
|
.ui.mini.loader:after {
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
margin: 0 0 0 -0.5rem;
|
||||||
|
}
|
||||||
|
.ui.mini.text.loader {
|
||||||
|
min-width: 1rem;
|
||||||
|
padding-top: 1.78571429rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.loader {
|
||||||
|
width: 1.14285714rem;
|
||||||
|
height: 1.14285714rem;
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.tiny.loader:before,
|
||||||
|
.ui.tiny.loader:after {
|
||||||
|
width: 1.14285714rem;
|
||||||
|
height: 1.14285714rem;
|
||||||
|
margin: 0 0 0 -0.57142857rem;
|
||||||
|
}
|
||||||
|
.ui.tiny.text.loader {
|
||||||
|
min-width: 1.14285714rem;
|
||||||
|
padding-top: 1.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.small.loader {
|
||||||
|
width: 1.71428571rem;
|
||||||
|
height: 1.71428571rem;
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
}
|
||||||
|
.ui.small.loader:before,
|
||||||
|
.ui.small.loader:after {
|
||||||
|
width: 1.71428571rem;
|
||||||
|
height: 1.71428571rem;
|
||||||
|
margin: 0 0 0 -0.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.small.text.loader {
|
||||||
|
min-width: 1.71428571rem;
|
||||||
|
padding-top: 2.5rem;
|
||||||
|
}
|
||||||
|
.ui.large.loader {
|
||||||
|
width: 3.42857143rem;
|
||||||
|
height: 3.42857143rem;
|
||||||
|
font-size: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.large.loader:before,
|
||||||
|
.ui.large.loader:after {
|
||||||
|
width: 3.42857143rem;
|
||||||
|
height: 3.42857143rem;
|
||||||
|
margin: 0 0 0 -1.71428571rem;
|
||||||
|
}
|
||||||
|
.ui.large.text.loader {
|
||||||
|
min-width: 3.42857143rem;
|
||||||
|
padding-top: 4.21428571rem;
|
||||||
|
}
|
||||||
|
.ui.big.loader {
|
||||||
|
width: 3.71428571rem;
|
||||||
|
height: 3.71428571rem;
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
.ui.big.loader:before,
|
||||||
|
.ui.big.loader:after {
|
||||||
|
width: 3.71428571rem;
|
||||||
|
height: 3.71428571rem;
|
||||||
|
margin: 0 0 0 -1.85714286rem;
|
||||||
|
}
|
||||||
|
.ui.big.text.loader {
|
||||||
|
min-width: 3.71428571rem;
|
||||||
|
padding-top: 4.5rem;
|
||||||
|
}
|
||||||
|
.ui.huge.loader {
|
||||||
|
width: 4.14285714rem;
|
||||||
|
height: 4.14285714rem;
|
||||||
|
font-size: 1.42857143em;
|
||||||
|
}
|
||||||
|
.ui.huge.loader:before,
|
||||||
|
.ui.huge.loader:after {
|
||||||
|
width: 4.14285714rem;
|
||||||
|
height: 4.14285714rem;
|
||||||
|
margin: 0 0 0 -2.07142857rem;
|
||||||
|
}
|
||||||
|
.ui.huge.text.loader {
|
||||||
|
min-width: 4.14285714rem;
|
||||||
|
padding-top: 4.92857143rem;
|
||||||
|
}
|
||||||
|
.ui.massive.loader {
|
||||||
|
width: 4.57142857rem;
|
||||||
|
height: 4.57142857rem;
|
||||||
|
font-size: 1.71428571em;
|
||||||
|
}
|
||||||
|
.ui.massive.loader:before,
|
||||||
|
.ui.massive.loader:after {
|
||||||
|
width: 4.57142857rem;
|
||||||
|
height: 4.57142857rem;
|
||||||
|
margin: 0 0 0 -2.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.massive.text.loader {
|
||||||
|
min-width: 4.57142857rem;
|
||||||
|
padding-top: 5.35714286rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Colors
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.primary.elastic.loader.loader:before,
|
||||||
|
.ui.primary.basic.elastic.loading.button:before,
|
||||||
|
.ui.primary.basic.elastic.loading.button:after,
|
||||||
|
.ui.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.primary.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.primary.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.primary.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.primary.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.primary.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.primary.loader.loader.loader:after {
|
||||||
|
color: #2185D0;
|
||||||
|
}
|
||||||
|
.ui.inverted.primary.elastic.loader:before,
|
||||||
|
.ui.inverted.primary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.primary.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.primary.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.primary.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.primary.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.primary.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.primary.loader.loader.loader:after {
|
||||||
|
color: #54C8FF;
|
||||||
|
}
|
||||||
|
.ui.secondary.elastic.loader.loader:before,
|
||||||
|
.ui.secondary.basic.elastic.loading.button:before,
|
||||||
|
.ui.secondary.basic.elastic.loading.button:after,
|
||||||
|
.ui.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.secondary.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.secondary.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.secondary.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.secondary.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.secondary.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.secondary.loader.loader.loader:after {
|
||||||
|
color: #1B1C1D;
|
||||||
|
}
|
||||||
|
.ui.inverted.secondary.elastic.loader:before,
|
||||||
|
.ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.secondary.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.secondary.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.secondary.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.secondary.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.secondary.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.secondary.loader.loader.loader:after {
|
||||||
|
color: #545454;
|
||||||
|
}
|
||||||
|
.ui.red.elastic.loader.loader:before,
|
||||||
|
.ui.red.basic.elastic.loading.button:before,
|
||||||
|
.ui.red.basic.elastic.loading.button:after,
|
||||||
|
.ui.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.red.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.red.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.red.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.red.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.red.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.red.loader.loader.loader:after {
|
||||||
|
color: #DB2828;
|
||||||
|
}
|
||||||
|
.ui.inverted.red.elastic.loader:before,
|
||||||
|
.ui.inverted.red.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.red.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.red.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.red.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.red.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.red.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.red.loader.loader.loader:after {
|
||||||
|
color: #FF695E;
|
||||||
|
}
|
||||||
|
.ui.orange.elastic.loader.loader:before,
|
||||||
|
.ui.orange.basic.elastic.loading.button:before,
|
||||||
|
.ui.orange.basic.elastic.loading.button:after,
|
||||||
|
.ui.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.orange.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.orange.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.orange.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.orange.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.orange.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.orange.loader.loader.loader:after {
|
||||||
|
color: #F2711C;
|
||||||
|
}
|
||||||
|
.ui.inverted.orange.elastic.loader:before,
|
||||||
|
.ui.inverted.orange.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.orange.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.orange.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.orange.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.orange.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.orange.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.orange.loader.loader.loader:after {
|
||||||
|
color: #FF851B;
|
||||||
|
}
|
||||||
|
.ui.yellow.elastic.loader.loader:before,
|
||||||
|
.ui.yellow.basic.elastic.loading.button:before,
|
||||||
|
.ui.yellow.basic.elastic.loading.button:after,
|
||||||
|
.ui.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.yellow.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.yellow.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.yellow.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.yellow.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.yellow.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.yellow.loader.loader.loader:after {
|
||||||
|
color: #FBBD08;
|
||||||
|
}
|
||||||
|
.ui.inverted.yellow.elastic.loader:before,
|
||||||
|
.ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.yellow.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.yellow.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.yellow.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.yellow.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.yellow.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.yellow.loader.loader.loader:after {
|
||||||
|
color: #FFE21F;
|
||||||
|
}
|
||||||
|
.ui.olive.elastic.loader.loader:before,
|
||||||
|
.ui.olive.basic.elastic.loading.button:before,
|
||||||
|
.ui.olive.basic.elastic.loading.button:after,
|
||||||
|
.ui.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.olive.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.olive.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.olive.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.olive.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.olive.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.olive.loader.loader.loader:after {
|
||||||
|
color: #B5CC18;
|
||||||
|
}
|
||||||
|
.ui.inverted.olive.elastic.loader:before,
|
||||||
|
.ui.inverted.olive.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.olive.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.olive.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.olive.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.olive.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.olive.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.olive.loader.loader.loader:after {
|
||||||
|
color: #D9E778;
|
||||||
|
}
|
||||||
|
.ui.green.elastic.loader.loader:before,
|
||||||
|
.ui.green.basic.elastic.loading.button:before,
|
||||||
|
.ui.green.basic.elastic.loading.button:after,
|
||||||
|
.ui.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.green.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.green.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.green.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.green.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.green.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.green.loader.loader.loader:after {
|
||||||
|
color: #21BA45;
|
||||||
|
}
|
||||||
|
.ui.inverted.green.elastic.loader:before,
|
||||||
|
.ui.inverted.green.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.green.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.green.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.green.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.green.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.green.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.green.loader.loader.loader:after {
|
||||||
|
color: #2ECC40;
|
||||||
|
}
|
||||||
|
.ui.teal.elastic.loader.loader:before,
|
||||||
|
.ui.teal.basic.elastic.loading.button:before,
|
||||||
|
.ui.teal.basic.elastic.loading.button:after,
|
||||||
|
.ui.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.teal.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.teal.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.teal.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.teal.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.teal.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.teal.loader.loader.loader:after {
|
||||||
|
color: #00B5AD;
|
||||||
|
}
|
||||||
|
.ui.inverted.teal.elastic.loader:before,
|
||||||
|
.ui.inverted.teal.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.teal.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.teal.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.teal.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.teal.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.teal.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.teal.loader.loader.loader:after {
|
||||||
|
color: #6DFFFF;
|
||||||
|
}
|
||||||
|
.ui.blue.elastic.loader.loader:before,
|
||||||
|
.ui.blue.basic.elastic.loading.button:before,
|
||||||
|
.ui.blue.basic.elastic.loading.button:after,
|
||||||
|
.ui.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.blue.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.blue.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.blue.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.blue.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.blue.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.blue.loader.loader.loader:after {
|
||||||
|
color: #2185D0;
|
||||||
|
}
|
||||||
|
.ui.inverted.blue.elastic.loader:before,
|
||||||
|
.ui.inverted.blue.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.blue.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.blue.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.blue.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.blue.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.blue.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.blue.loader.loader.loader:after {
|
||||||
|
color: #54C8FF;
|
||||||
|
}
|
||||||
|
.ui.violet.elastic.loader.loader:before,
|
||||||
|
.ui.violet.basic.elastic.loading.button:before,
|
||||||
|
.ui.violet.basic.elastic.loading.button:after,
|
||||||
|
.ui.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.violet.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.violet.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.violet.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.violet.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.violet.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.violet.loader.loader.loader:after {
|
||||||
|
color: #6435C9;
|
||||||
|
}
|
||||||
|
.ui.inverted.violet.elastic.loader:before,
|
||||||
|
.ui.inverted.violet.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.violet.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.violet.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.violet.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.violet.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.violet.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.violet.loader.loader.loader:after {
|
||||||
|
color: #A291FB;
|
||||||
|
}
|
||||||
|
.ui.purple.elastic.loader.loader:before,
|
||||||
|
.ui.purple.basic.elastic.loading.button:before,
|
||||||
|
.ui.purple.basic.elastic.loading.button:after,
|
||||||
|
.ui.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.purple.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.purple.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.purple.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.purple.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.purple.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.purple.loader.loader.loader:after {
|
||||||
|
color: #A333C8;
|
||||||
|
}
|
||||||
|
.ui.inverted.purple.elastic.loader:before,
|
||||||
|
.ui.inverted.purple.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.purple.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.purple.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.purple.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.purple.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.purple.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.purple.loader.loader.loader:after {
|
||||||
|
color: #DC73FF;
|
||||||
|
}
|
||||||
|
.ui.pink.elastic.loader.loader:before,
|
||||||
|
.ui.pink.basic.elastic.loading.button:before,
|
||||||
|
.ui.pink.basic.elastic.loading.button:after,
|
||||||
|
.ui.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.pink.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.pink.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.pink.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.pink.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.pink.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.pink.loader.loader.loader:after {
|
||||||
|
color: #E03997;
|
||||||
|
}
|
||||||
|
.ui.inverted.pink.elastic.loader:before,
|
||||||
|
.ui.inverted.pink.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.pink.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.pink.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.pink.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.pink.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.pink.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.pink.loader.loader.loader:after {
|
||||||
|
color: #FF8EDF;
|
||||||
|
}
|
||||||
|
.ui.brown.elastic.loader.loader:before,
|
||||||
|
.ui.brown.basic.elastic.loading.button:before,
|
||||||
|
.ui.brown.basic.elastic.loading.button:after,
|
||||||
|
.ui.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.brown.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.brown.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.brown.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.brown.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.brown.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.brown.loader.loader.loader:after {
|
||||||
|
color: #A5673F;
|
||||||
|
}
|
||||||
|
.ui.inverted.brown.elastic.loader:before,
|
||||||
|
.ui.inverted.brown.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.brown.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.brown.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.brown.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.brown.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.brown.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.brown.loader.loader.loader:after {
|
||||||
|
color: #D67C1C;
|
||||||
|
}
|
||||||
|
.ui.grey.elastic.loader.loader:before,
|
||||||
|
.ui.grey.basic.elastic.loading.button:before,
|
||||||
|
.ui.grey.basic.elastic.loading.button:after,
|
||||||
|
.ui.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.grey.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.grey.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.grey.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.grey.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.grey.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.grey.loader.loader.loader:after {
|
||||||
|
color: #767676;
|
||||||
|
}
|
||||||
|
.ui.inverted.grey.elastic.loader:before,
|
||||||
|
.ui.inverted.grey.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.grey.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.grey.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.grey.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.grey.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.grey.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.grey.loader.loader.loader:after {
|
||||||
|
color: #DCDDDE;
|
||||||
|
}
|
||||||
|
.ui.black.elastic.loader.loader:before,
|
||||||
|
.ui.black.basic.elastic.loading.button:before,
|
||||||
|
.ui.black.basic.elastic.loading.button:after,
|
||||||
|
.ui.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.black.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.black.elastic.loading.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.black.loading.loading.loading.loading:not(.usual):not(.button):after,
|
||||||
|
.ui.black.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.black.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.black.loader.loader.loader:after {
|
||||||
|
color: #1B1C1D;
|
||||||
|
}
|
||||||
|
.ui.inverted.black.elastic.loader:before,
|
||||||
|
.ui.inverted.black.elastic.loading.loading.loading:not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.inverted.black.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.inverted.black.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.inverted.black.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.inverted.black.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.inverted.black.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.inverted.black.loader.loader.loader:after {
|
||||||
|
color: #545454;
|
||||||
|
}
|
||||||
|
.ui.elastic.loader.loader:before,
|
||||||
|
.ui.elastic.loading.loading.loading:before,
|
||||||
|
.ui.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.loading.loading.loading.loading:not(.usual):after,
|
||||||
|
.ui.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.loader.loader.loader:after {
|
||||||
|
border-color: currentColor;
|
||||||
|
}
|
||||||
|
.ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic):before {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.elastic.basic.loading.button:before,
|
||||||
|
.ui.elastic.basic.loading.button:after {
|
||||||
|
color: #767676;
|
||||||
|
}
|
||||||
|
.ui.double.loading.loading.loading.loading.button:after {
|
||||||
|
border-bottom-color: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Inline
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.inline.loader {
|
||||||
|
position: relative;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: 0;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
-webkit-transform: none;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
.ui.inline.loader.active,
|
||||||
|
.ui.inline.loader.visible {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Centered Inline */
|
||||||
|
.ui.centered.inline.loader.active,
|
||||||
|
.ui.centered.inline.loader.visible {
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading:after,
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading .input > i.icon:after,
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading > i.icon:after,
|
||||||
|
.ui.loader.loader.loader.loader.loader:after {
|
||||||
|
border-left-color: transparent;
|
||||||
|
border-right-color: transparent;
|
||||||
|
}
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading.loading:not(.double):after,
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon:after,
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon:after,
|
||||||
|
.ui.loader.loader.loader.loader.loader.loader:not(.double):after {
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading.card:after,
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading.segments:after,
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading.segment:after,
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading.form:after {
|
||||||
|
border-left-color: rgba(0, 0, 0, 0.1);
|
||||||
|
border-right-color: rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading.card:not(.double):after,
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading.segments:not(.double):after,
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after,
|
||||||
|
.ui.loading.loading.loading.loading.loading.loading.form:not(.double):after {
|
||||||
|
border-bottom-color: rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Elastic
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
.ui.dimmer > .ui.elastic.loader {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.inverted.dimmer > .ui.elastic.loader {
|
||||||
|
color: #767676;
|
||||||
|
}
|
||||||
|
.ui.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
|
||||||
|
.ui.elastic.loading.loading .input > i.icon:after,
|
||||||
|
.ui.elastic.loading.loading > i.icon:after,
|
||||||
|
.ui.elastic.loader.loader:after {
|
||||||
|
-webkit-animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
|
||||||
|
animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
|
||||||
|
-webkit-animation-delay: 0.3s;
|
||||||
|
animation-delay: 0.3s;
|
||||||
|
}
|
||||||
|
.ui.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.elastic.loader.loader:before {
|
||||||
|
-webkit-animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
|
||||||
|
animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
|
||||||
|
-moz-animation: currentcolor-elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
|
||||||
|
border-right-color: transparent;
|
||||||
|
}
|
||||||
|
.ui.elastic.inline.loader:empty {
|
||||||
|
-webkit-animation: loader 8s infinite linear;
|
||||||
|
animation: loader 8s infinite linear;
|
||||||
|
}
|
||||||
|
.ui.slow.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
|
||||||
|
.ui.slow.elastic.loading.loading .input > i.icon:after,
|
||||||
|
.ui.slow.elastic.loading.loading > i.icon:after,
|
||||||
|
.ui.slow.elastic.loader.loader:after {
|
||||||
|
-webkit-animation-duration: 1.5s;
|
||||||
|
animation-duration: 1.5s;
|
||||||
|
-webkit-animation-delay: 0.45s;
|
||||||
|
animation-delay: 0.45s;
|
||||||
|
}
|
||||||
|
.ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.slow.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.slow.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.slow.elastic.loader.loader:before {
|
||||||
|
-webkit-animation-duration: 1.5s;
|
||||||
|
animation-duration: 1.5s;
|
||||||
|
}
|
||||||
|
.ui.fast.elastic.loading.loading:not(.form):not(.segment):not(.segments):not(.card):after,
|
||||||
|
.ui.fast.elastic.loading.loading .input > i.icon:after,
|
||||||
|
.ui.fast.elastic.loading.loading > i.icon:after,
|
||||||
|
.ui.fast.elastic.loader.loader:after {
|
||||||
|
-webkit-animation-duration: 0.66s;
|
||||||
|
animation-duration: 0.66s;
|
||||||
|
-webkit-animation-delay: 0.2s;
|
||||||
|
animation-delay: 0.2s;
|
||||||
|
}
|
||||||
|
.ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):not(.segments):not(.card):before,
|
||||||
|
.ui.fast.elastic.loading.loading.loading .input > i.icon:before,
|
||||||
|
.ui.fast.elastic.loading.loading.loading > i.icon:before,
|
||||||
|
.ui.fast.elastic.loader.loader:before {
|
||||||
|
-webkit-animation-duration: 0.66s;
|
||||||
|
animation-duration: 0.66s;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes elastic-loader {
|
||||||
|
0%,
|
||||||
|
1% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
1.1%,
|
||||||
|
50% {
|
||||||
|
border-left-color: inherit;
|
||||||
|
}
|
||||||
|
10%,
|
||||||
|
35.1% {
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
10.1%,
|
||||||
|
35% {
|
||||||
|
border-bottom-color: inherit;
|
||||||
|
}
|
||||||
|
50.1% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes elastic-loader {
|
||||||
|
0%,
|
||||||
|
1% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
1.1%,
|
||||||
|
50% {
|
||||||
|
border-left-color: inherit;
|
||||||
|
}
|
||||||
|
10%,
|
||||||
|
35.1% {
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
10.1%,
|
||||||
|
35% {
|
||||||
|
border-bottom-color: inherit;
|
||||||
|
}
|
||||||
|
50.1% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes currentcolor-elastic-loader {
|
||||||
|
0%,
|
||||||
|
1% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
1.1%,
|
||||||
|
50% {
|
||||||
|
border-left-color: currentColor;
|
||||||
|
}
|
||||||
|
10%,
|
||||||
|
35.1% {
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
10.1%,
|
||||||
|
35% {
|
||||||
|
border-bottom-color: currentColor;
|
||||||
|
}
|
||||||
|
50.1% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes currentcolor-elastic-loader {
|
||||||
|
0%,
|
||||||
|
1% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
1.1%,
|
||||||
|
50% {
|
||||||
|
border-left-color: currentColor;
|
||||||
|
}
|
||||||
|
10%,
|
||||||
|
35.1% {
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
10.1%,
|
||||||
|
35% {
|
||||||
|
border-bottom-color: currentColor;
|
||||||
|
}
|
||||||
|
50.1% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
border-left-color: transparent;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/loader.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/loader.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
2231
node_modules/fomantic-ui/dist/components/menu.css
generated
vendored
Normal file
2231
node_modules/fomantic-ui/dist/components/menu.css
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
node_modules/fomantic-ui/dist/components/menu.min.css
generated
vendored
Normal file
1
node_modules/fomantic-ui/dist/components/menu.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
690
node_modules/fomantic-ui/dist/components/message.css
generated
vendored
Normal file
690
node_modules/fomantic-ui/dist/components/message.css
generated
vendored
Normal file
|
@ -0,0 +1,690 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Message
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Message
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.message {
|
||||||
|
position: relative;
|
||||||
|
min-height: 1em;
|
||||||
|
margin: 1em 0;
|
||||||
|
background: #F8F8F9;
|
||||||
|
padding: 1em 1.5em;
|
||||||
|
line-height: 1.4285em;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
-webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
|
||||||
|
transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
-webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.message:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.ui.message:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Content
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
.ui.message .header {
|
||||||
|
display: block;
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: -0.14285714em 0 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default font size */
|
||||||
|
.ui.message .header:not(.ui) {
|
||||||
|
font-size: 1.14285714em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Paragraph */
|
||||||
|
.ui.message p {
|
||||||
|
opacity: 0.85;
|
||||||
|
margin: 0.75em 0;
|
||||||
|
}
|
||||||
|
.ui.message p:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.ui.message p:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.ui.message .header + p {
|
||||||
|
margin-top: 0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* List */
|
||||||
|
.ui.message .list:not(.ui) {
|
||||||
|
text-align: left;
|
||||||
|
padding: 0;
|
||||||
|
opacity: 0.85;
|
||||||
|
list-style-position: inside;
|
||||||
|
margin: 0.5em 0 0;
|
||||||
|
}
|
||||||
|
.ui.message .list:not(.ui):first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.ui.message .list:not(.ui):last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.ui.message .list:not(.ui) li {
|
||||||
|
position: relative;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0 0 0.3em 1em;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.ui.message .list:not(.ui) li:before {
|
||||||
|
position: absolute;
|
||||||
|
content: '•';
|
||||||
|
left: -1em;
|
||||||
|
height: 100%;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
.ui.message .list:not(.ui) li:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icon */
|
||||||
|
.ui.icon.message > .icons,
|
||||||
|
.ui.icon.message > i.icon {
|
||||||
|
margin-right: 0.6em;
|
||||||
|
}
|
||||||
|
.ui.icon.message > .icons:last-child,
|
||||||
|
.ui.icon.message > i.icon:last-child {
|
||||||
|
margin: 0 0 0 0.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Close Icon */
|
||||||
|
.ui.message > .close.icon {
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
margin: 0;
|
||||||
|
top: 0.78575em;
|
||||||
|
right: 0.5em;
|
||||||
|
opacity: 0.7;
|
||||||
|
-webkit-transition: opacity 0.1s ease;
|
||||||
|
transition: opacity 0.1s ease;
|
||||||
|
}
|
||||||
|
.ui.message > .close.icon:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* First / Last Element */
|
||||||
|
.ui.message > :first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.ui.message > :last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Coupling
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.dropdown .menu > .message {
|
||||||
|
margin: 0 -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Visible
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.visible.visible.visible.visible.message {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.ui.icon.visible.visible.visible.visible.message {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Hidden
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.hidden.hidden.hidden.hidden.message {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.centered.message,
|
||||||
|
.ui.center.aligned.message {
|
||||||
|
text-align: center;
|
||||||
|
-webkit-box-pack: center;
|
||||||
|
-ms-flex-pack: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.ui.centered.message > .content,
|
||||||
|
.ui.center.aligned.message > .content {
|
||||||
|
-webkit-box-flex: 0;
|
||||||
|
-ms-flex: 0 0 auto;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
}
|
||||||
|
.ui.right.aligned.message {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Compact
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.compact.message {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.ui.compact.icon.message {
|
||||||
|
display: -webkit-inline-box;
|
||||||
|
display: -ms-inline-flexbox;
|
||||||
|
display: inline-flex;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Attached
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.attached.message {
|
||||||
|
margin-bottom: -1px;
|
||||||
|
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
||||||
|
-webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
||||||
|
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
||||||
|
margin-left: -1px;
|
||||||
|
margin-right: -1px;
|
||||||
|
}
|
||||||
|
.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
|
||||||
|
margin-top: -1px;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.ui.bottom.attached.message {
|
||||||
|
margin-top: -1px;
|
||||||
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
||||||
|
-webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.bottom.attached.message:not(:last-child) {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
.ui.attached.icon.message {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Icon
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.icon.message {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.ui.icon.message > .icons,
|
||||||
|
.ui.icon.message > i.icon:not(.close) {
|
||||||
|
display: block;
|
||||||
|
-webkit-box-flex: 0;
|
||||||
|
-ms-flex: 0 0 auto;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
width: auto;
|
||||||
|
line-height: 1;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 3em;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
.ui.icon.message > .content {
|
||||||
|
display: block;
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
-ms-flex: 1 1 auto;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.ui.icon.message > .icons + .content,
|
||||||
|
.ui.icon.message > i.icon:not(.close) + .content {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
.ui.icon.message > i.circular {
|
||||||
|
width: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Floating
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.floating.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Colors
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Types
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.positive.message {
|
||||||
|
background-color: #FCFFF5;
|
||||||
|
color: #2C662D;
|
||||||
|
}
|
||||||
|
.ui.positive.message,
|
||||||
|
.ui.attached.positive.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.positive.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.positive.message .header {
|
||||||
|
color: #1A531B;
|
||||||
|
}
|
||||||
|
.ui.inverted.positive.message,
|
||||||
|
.ui.inverted.positive.message .header {
|
||||||
|
color: #A3C293;
|
||||||
|
}
|
||||||
|
.ui.negative.message {
|
||||||
|
background-color: #FFF6F6;
|
||||||
|
color: #9F3A38;
|
||||||
|
}
|
||||||
|
.ui.negative.message,
|
||||||
|
.ui.attached.negative.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.negative.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.negative.message .header {
|
||||||
|
color: #912D2B;
|
||||||
|
}
|
||||||
|
.ui.inverted.negative.message,
|
||||||
|
.ui.inverted.negative.message .header {
|
||||||
|
color: #E0B4B4;
|
||||||
|
}
|
||||||
|
.ui.info.message {
|
||||||
|
background-color: #F8FFFF;
|
||||||
|
color: #276F86;
|
||||||
|
}
|
||||||
|
.ui.info.message,
|
||||||
|
.ui.attached.info.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.info.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #A9D5DE inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #A9D5DE inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.info.message .header {
|
||||||
|
color: #0E566C;
|
||||||
|
}
|
||||||
|
.ui.inverted.info.message,
|
||||||
|
.ui.inverted.info.message .header {
|
||||||
|
color: #c6e3e9;
|
||||||
|
}
|
||||||
|
.ui.warning.message {
|
||||||
|
background-color: #FFFAF3;
|
||||||
|
color: #573A08;
|
||||||
|
}
|
||||||
|
.ui.warning.message,
|
||||||
|
.ui.attached.warning.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.warning.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #C9BA9B inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #C9BA9B inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.warning.message .header {
|
||||||
|
color: #794B02;
|
||||||
|
}
|
||||||
|
.ui.inverted.warning.message,
|
||||||
|
.ui.inverted.warning.message .header {
|
||||||
|
color: #d7ccb5;
|
||||||
|
}
|
||||||
|
.ui.error.message {
|
||||||
|
background-color: #FFF6F6;
|
||||||
|
color: #9F3A38;
|
||||||
|
}
|
||||||
|
.ui.error.message,
|
||||||
|
.ui.attached.error.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.error.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.error.message .header {
|
||||||
|
color: #912D2B;
|
||||||
|
}
|
||||||
|
.ui.inverted.error.message,
|
||||||
|
.ui.inverted.error.message .header {
|
||||||
|
color: #ecd1d1;
|
||||||
|
}
|
||||||
|
.ui.success.message {
|
||||||
|
background-color: #FCFFF5;
|
||||||
|
color: #2C662D;
|
||||||
|
}
|
||||||
|
.ui.success.message,
|
||||||
|
.ui.attached.success.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.success.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.success.message .header {
|
||||||
|
color: #1A531B;
|
||||||
|
}
|
||||||
|
.ui.inverted.success.message,
|
||||||
|
.ui.inverted.success.message .header {
|
||||||
|
color: #b9d1ad;
|
||||||
|
}
|
||||||
|
.ui.primary.message {
|
||||||
|
background-color: #DFF0FF;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.primary.message,
|
||||||
|
.ui.attached.primary.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.primary.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.primary.message .header {
|
||||||
|
color: rgba(242, 242, 242, 0.9);
|
||||||
|
}
|
||||||
|
.ui.secondary.message {
|
||||||
|
background-color: #F4F4F4;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.secondary.message,
|
||||||
|
.ui.attached.secondary.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #1B1C1D inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #1B1C1D inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.secondary.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #1B1C1D inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #1B1C1D inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.secondary.message .header {
|
||||||
|
color: rgba(242, 242, 242, 0.9);
|
||||||
|
}
|
||||||
|
.ui.red.message {
|
||||||
|
background-color: #FFE8E6;
|
||||||
|
color: #DB2828;
|
||||||
|
}
|
||||||
|
.ui.red.message,
|
||||||
|
.ui.attached.red.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #DB2828 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #DB2828 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.red.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #DB2828 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #DB2828 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.red.message .header {
|
||||||
|
color: #c82121;
|
||||||
|
}
|
||||||
|
.ui.orange.message {
|
||||||
|
background-color: #FFEDDE;
|
||||||
|
color: #F2711C;
|
||||||
|
}
|
||||||
|
.ui.orange.message,
|
||||||
|
.ui.attached.orange.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #F2711C inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #F2711C inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.orange.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #F2711C inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #F2711C inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.orange.message .header {
|
||||||
|
color: #e7640d;
|
||||||
|
}
|
||||||
|
.ui.yellow.message {
|
||||||
|
background-color: #FFF8DB;
|
||||||
|
color: #B58105;
|
||||||
|
}
|
||||||
|
.ui.yellow.message,
|
||||||
|
.ui.attached.yellow.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.yellow.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #B58105 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #B58105 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.yellow.message .header {
|
||||||
|
color: #9c6f04;
|
||||||
|
}
|
||||||
|
.ui.olive.message {
|
||||||
|
background-color: #FBFDEF;
|
||||||
|
color: #8ABC1E;
|
||||||
|
}
|
||||||
|
.ui.olive.message,
|
||||||
|
.ui.attached.olive.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #8ABC1E inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #8ABC1E inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.olive.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #8ABC1E inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #8ABC1E inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.olive.message .header {
|
||||||
|
color: #7aa61a;
|
||||||
|
}
|
||||||
|
.ui.green.message {
|
||||||
|
background-color: #E5F9E7;
|
||||||
|
color: #1EBC30;
|
||||||
|
}
|
||||||
|
.ui.green.message,
|
||||||
|
.ui.attached.green.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #1EBC30 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #1EBC30 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.green.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #1EBC30 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #1EBC30 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.green.message .header {
|
||||||
|
color: #1aa62a;
|
||||||
|
}
|
||||||
|
.ui.teal.message {
|
||||||
|
background-color: #E1F7F7;
|
||||||
|
color: #10A3A3;
|
||||||
|
}
|
||||||
|
.ui.teal.message,
|
||||||
|
.ui.attached.teal.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #10A3A3 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #10A3A3 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.teal.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #10A3A3 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #10A3A3 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.teal.message .header {
|
||||||
|
color: #0e8c8c;
|
||||||
|
}
|
||||||
|
.ui.blue.message {
|
||||||
|
background-color: #DFF0FF;
|
||||||
|
color: #2185D0;
|
||||||
|
}
|
||||||
|
.ui.blue.message,
|
||||||
|
.ui.attached.blue.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.blue.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.blue.message .header {
|
||||||
|
color: #1e77ba;
|
||||||
|
}
|
||||||
|
.ui.violet.message {
|
||||||
|
background-color: #EAE7FF;
|
||||||
|
color: #6435C9;
|
||||||
|
}
|
||||||
|
.ui.violet.message,
|
||||||
|
.ui.attached.violet.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.violet.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #6435C9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #6435C9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.violet.message .header {
|
||||||
|
color: #5a30b5;
|
||||||
|
}
|
||||||
|
.ui.purple.message {
|
||||||
|
background-color: #F6E7FF;
|
||||||
|
color: #A333C8;
|
||||||
|
}
|
||||||
|
.ui.purple.message,
|
||||||
|
.ui.attached.purple.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #A333C8 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #A333C8 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.purple.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #A333C8 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #A333C8 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.purple.message .header {
|
||||||
|
color: #922eb4;
|
||||||
|
}
|
||||||
|
.ui.pink.message {
|
||||||
|
background-color: #FFE3FB;
|
||||||
|
color: #E03997;
|
||||||
|
}
|
||||||
|
.ui.pink.message,
|
||||||
|
.ui.attached.pink.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #E03997 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #E03997 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.pink.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #E03997 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #E03997 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.pink.message .header {
|
||||||
|
color: #dd238b;
|
||||||
|
}
|
||||||
|
.ui.brown.message {
|
||||||
|
background-color: #F1E2D3;
|
||||||
|
color: #A5673F;
|
||||||
|
}
|
||||||
|
.ui.brown.message,
|
||||||
|
.ui.attached.brown.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #A5673F inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #A5673F inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.brown.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #A5673F inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #A5673F inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.brown.message .header {
|
||||||
|
color: #935b38;
|
||||||
|
}
|
||||||
|
.ui.grey.message {
|
||||||
|
background-color: #F4F4F4;
|
||||||
|
color: #767676;
|
||||||
|
}
|
||||||
|
.ui.grey.message,
|
||||||
|
.ui.attached.grey.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #767676 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
box-shadow: 0 0 0 1px #767676 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
||||||
|
}
|
||||||
|
.ui.floating.grey.message {
|
||||||
|
-webkit-box-shadow: 0 0 0 1px #767676 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
box-shadow: 0 0 0 1px #767676 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.grey.message .header {
|
||||||
|
color: #696969;
|
||||||
|
}
|
||||||
|
.ui.black.message {
|
||||||
|
background-color: #1B1C1D;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.black.message .header {
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.message {
|
||||||
|
background-color: #1B1C1D;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Sizes
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.message {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.ui.mini.message {
|
||||||
|
font-size: 0.78571429em;
|
||||||
|
}
|
||||||
|
.ui.tiny.message {
|
||||||
|
font-size: 0.85714286em;
|
||||||
|
}
|
||||||
|
.ui.small.message {
|
||||||
|
font-size: 0.92857143em;
|
||||||
|
}
|
||||||
|
.ui.large.message {
|
||||||
|
font-size: 1.14285714em;
|
||||||
|
}
|
||||||
|
.ui.big.message {
|
||||||
|
font-size: 1.28571429em;
|
||||||
|
}
|
||||||
|
.ui.huge.message {
|
||||||
|
font-size: 1.42857143em;
|
||||||
|
}
|
||||||
|
.ui.massive.message {
|
||||||
|
font-size: 1.71428571em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
9
node_modules/fomantic-ui/dist/components/message.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/message.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
775
node_modules/fomantic-ui/dist/components/modal.css
generated
vendored
Normal file
775
node_modules/fomantic-ui/dist/components/modal.css
generated
vendored
Normal file
|
@ -0,0 +1,775 @@
|
||||||
|
/*!
|
||||||
|
* # Fomantic-UI 2.8.8 - Modal
|
||||||
|
* http://github.com/fomantic/Fomantic-UI/
|
||||||
|
*
|
||||||
|
*
|
||||||
|
* Released under the MIT license
|
||||||
|
* http://opensource.org/licenses/MIT
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Modal
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.modal {
|
||||||
|
position: absolute;
|
||||||
|
display: none;
|
||||||
|
z-index: 1001;
|
||||||
|
text-align: left;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border: none;
|
||||||
|
-webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
-webkit-transform-origin: 50% 25%;
|
||||||
|
transform-origin: 50% 25%;
|
||||||
|
-webkit-box-flex: 0;
|
||||||
|
-ms-flex: 0 0 auto;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
border-radius: 0.28571429rem;
|
||||||
|
-webkit-user-select: text;
|
||||||
|
-moz-user-select: text;
|
||||||
|
-ms-user-select: text;
|
||||||
|
user-select: text;
|
||||||
|
will-change: top, left, margin, transform, opacity;
|
||||||
|
}
|
||||||
|
.ui.modal > :first-child:not(.close):not(.dimmer),
|
||||||
|
.ui.modal > i.icon:first-child + *,
|
||||||
|
.ui.modal > .dimmer:first-child + *:not(.close),
|
||||||
|
.ui.modal > .dimmer:first-child + i.icon + * {
|
||||||
|
border-top-left-radius: 0.28571429rem;
|
||||||
|
border-top-right-radius: 0.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.modal > :last-child {
|
||||||
|
border-bottom-left-radius: 0.28571429rem;
|
||||||
|
border-bottom-right-radius: 0.28571429rem;
|
||||||
|
}
|
||||||
|
.ui.modal > .ui.dimmer {
|
||||||
|
border-radius: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Content
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Close
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.modal > .close {
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
top: -2.5rem;
|
||||||
|
right: -2.5rem;
|
||||||
|
z-index: 1;
|
||||||
|
opacity: 0.8;
|
||||||
|
font-size: 1.25em;
|
||||||
|
color: #FFFFFF;
|
||||||
|
width: 2.25rem;
|
||||||
|
height: 2.25rem;
|
||||||
|
padding: 0.625rem 0 0 0;
|
||||||
|
}
|
||||||
|
.ui.modal > .close:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Header
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.modal > .header {
|
||||||
|
display: block;
|
||||||
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||||
|
background: #FFFFFF;
|
||||||
|
margin: 0;
|
||||||
|
padding: 1.25rem 1.5rem;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
color: rgba(0, 0, 0, 0.85);
|
||||||
|
border-bottom: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
}
|
||||||
|
.ui.modal > .header:not(.ui) {
|
||||||
|
font-size: 1.42857143rem;
|
||||||
|
line-height: 1.28571429em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Content
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.modal > .content {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.4;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.modal > .image.content {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: horizontal;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-ms-flex-direction: row;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Image */
|
||||||
|
.ui.modal > .content > .image {
|
||||||
|
display: block;
|
||||||
|
-webkit-box-flex: 0;
|
||||||
|
-ms-flex: 0 1 auto;
|
||||||
|
flex: 0 1 auto;
|
||||||
|
width: '';
|
||||||
|
-ms-flex-item-align: start;
|
||||||
|
align-self: start;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
.ui.modal > [class*="top aligned"] {
|
||||||
|
-ms-flex-item-align: start;
|
||||||
|
align-self: start;
|
||||||
|
}
|
||||||
|
.ui.modal > [class*="middle aligned"] {
|
||||||
|
-ms-flex-item-align: center;
|
||||||
|
align-self: center;
|
||||||
|
}
|
||||||
|
.ui.modal > [class*="stretched"] {
|
||||||
|
-ms-flex-item-align: stretch;
|
||||||
|
align-self: stretch;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Description */
|
||||||
|
.ui.modal > .content > .description {
|
||||||
|
display: block;
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
-ms-flex: 1 0 auto;
|
||||||
|
flex: 1 0 auto;
|
||||||
|
min-width: 0;
|
||||||
|
-ms-flex-item-align: start;
|
||||||
|
align-self: start;
|
||||||
|
}
|
||||||
|
.ui.modal > .content > i.icon + .description,
|
||||||
|
.ui.modal > .content > .image + .description {
|
||||||
|
-webkit-box-flex: 0;
|
||||||
|
-ms-flex: 0 1 auto;
|
||||||
|
flex: 0 1 auto;
|
||||||
|
min-width: '';
|
||||||
|
width: auto;
|
||||||
|
padding-left: 2em;
|
||||||
|
}
|
||||||
|
/*rtl:ignore*/
|
||||||
|
.ui.modal > .content > .image > i.icon {
|
||||||
|
margin: 0;
|
||||||
|
opacity: 1;
|
||||||
|
width: auto;
|
||||||
|
line-height: 1;
|
||||||
|
font-size: 8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Actions
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.modal > .actions {
|
||||||
|
background: #F9FAFB;
|
||||||
|
padding: 1rem 1rem;
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.ui.modal .actions > .button:not(.fluid) {
|
||||||
|
margin-left: 0.75em;
|
||||||
|
}
|
||||||
|
.ui.basic.modal > .actions {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
.ui.modal > .centered,
|
||||||
|
.ui.modal > .center.aligned {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui.modal > .centered.actions > .button:not(.fluid),
|
||||||
|
.ui.modal > .center.aligned.actions > .button:not(.fluid) {
|
||||||
|
margin-left: 0.5em;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-------------------
|
||||||
|
Responsive
|
||||||
|
--------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Modal Width */
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.modal:not(.fullscreen) {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
.ui.modal:not(.fullscreen) {
|
||||||
|
width: 88%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 992px) {
|
||||||
|
.ui.modal:not(.fullscreen) {
|
||||||
|
width: 850px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.ui.modal:not(.fullscreen) {
|
||||||
|
width: 900px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1920px) {
|
||||||
|
.ui.modal:not(.fullscreen) {
|
||||||
|
width: 950px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tablet and Mobile */
|
||||||
|
@media only screen and (max-width: 991.98px) {
|
||||||
|
.ui.modal > .close + .header {
|
||||||
|
padding-right: 2.25rem;
|
||||||
|
}
|
||||||
|
.ui.modal > .close {
|
||||||
|
top: 1.0535rem;
|
||||||
|
right: 1rem;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile */
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.modal > .header {
|
||||||
|
padding: 0.75rem 1rem;
|
||||||
|
}
|
||||||
|
.ui.modal > .close + .header {
|
||||||
|
padding-right: 2.25rem;
|
||||||
|
}
|
||||||
|
.ui.overlay.fullscreen.modal > .content.content.content {
|
||||||
|
min-height: calc(100vh - 8.1rem);
|
||||||
|
}
|
||||||
|
.ui.overlay.fullscreen.modal > .scrolling.content.content.content {
|
||||||
|
max-height: calc(100vh - 8.1rem);
|
||||||
|
}
|
||||||
|
.ui.modal > .content {
|
||||||
|
display: block;
|
||||||
|
padding: 1rem !important;
|
||||||
|
}
|
||||||
|
.ui.modal > .close {
|
||||||
|
top: 0.5rem !important;
|
||||||
|
right: 0.5rem !important;
|
||||||
|
}
|
||||||
|
/*rtl:ignore*/
|
||||||
|
.ui.modal .image.content {
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.ui.modal > .content > .image {
|
||||||
|
display: block;
|
||||||
|
max-width: 100%;
|
||||||
|
margin: 0 auto !important;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0 0 1rem !important;
|
||||||
|
}
|
||||||
|
.ui.modal > .content > .image > i.icon {
|
||||||
|
font-size: 5rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
/*rtl:ignore*/
|
||||||
|
.ui.modal > .content > .description {
|
||||||
|
display: block;
|
||||||
|
width: 100% !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 1rem 0 !important;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Let Buttons Stack */
|
||||||
|
.ui.modal > .actions {
|
||||||
|
padding: 1rem 1rem 0rem !important;
|
||||||
|
}
|
||||||
|
.ui.modal .actions > .buttons,
|
||||||
|
.ui.modal .actions > .button {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Coupling
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.inverted.dimmer > .ui.modal {
|
||||||
|
-webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Types
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.basic.modal {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
-webkit-box-shadow: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.basic.modal > .header,
|
||||||
|
.ui.basic.modal > .content,
|
||||||
|
.ui.basic.modal > .actions {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.ui.basic.modal > .header {
|
||||||
|
color: #FFFFFF;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.ui.basic.modal > .close {
|
||||||
|
top: 1rem;
|
||||||
|
right: 1.5rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.inverted.dimmer > .basic.modal {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
.ui.inverted.dimmer > .ui.basic.modal > .header {
|
||||||
|
color: rgba(0, 0, 0, 0.85);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Resort to margin positioning if legacy */
|
||||||
|
.ui.legacy.legacy.modal,
|
||||||
|
.ui.legacy.legacy.page.dimmer > .ui.modal {
|
||||||
|
left: 50% !important;
|
||||||
|
}
|
||||||
|
.ui.legacy.legacy.modal:not(.aligned),
|
||||||
|
.ui.legacy.legacy.page.dimmer > .ui.modal:not(.aligned) {
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
.ui.legacy.legacy.page.dimmer > .ui.scrolling.modal:not(.aligned),
|
||||||
|
.ui.page.dimmer > .ui.scrolling.legacy.legacy.modal:not(.aligned),
|
||||||
|
.ui.top.aligned.legacy.legacy.page.dimmer > .ui.modal:not(.aligned),
|
||||||
|
.ui.top.aligned.dimmer > .ui.legacy.legacy.modal:not(.aligned) {
|
||||||
|
top: auto;
|
||||||
|
}
|
||||||
|
.ui.legacy.overlay.fullscreen.modal {
|
||||||
|
margin-top: -2rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
States
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.loading.modal {
|
||||||
|
display: block;
|
||||||
|
visibility: hidden;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
.ui.active.modal {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Variations
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Aligned
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.modals.dimmer .ui.top.aligned.modal {
|
||||||
|
top: 5vh;
|
||||||
|
}
|
||||||
|
.modals.dimmer .ui.bottom.aligned.modal {
|
||||||
|
bottom: 5vh;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.modals.dimmer .ui.top.aligned.modal {
|
||||||
|
top: 1rem;
|
||||||
|
}
|
||||||
|
.modals.dimmer .ui.bottom.aligned.modal {
|
||||||
|
bottom: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Scrolling
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Scrolling Dimmer */
|
||||||
|
.scrolling.dimmable.dimmed {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.scrolling.dimmable > .dimmer {
|
||||||
|
-webkit-box-pack: start;
|
||||||
|
-ms-flex-pack: start;
|
||||||
|
justify-content: flex-start;
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
.scrolling.dimmable.dimmed > .dimmer {
|
||||||
|
overflow: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
}
|
||||||
|
.modals.dimmer .ui.scrolling.modal:not(.fullscreen) {
|
||||||
|
margin: 2rem auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fix for Firefox, Edge, IE11 */
|
||||||
|
.modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after {
|
||||||
|
content: '\00A0';
|
||||||
|
position: absolute;
|
||||||
|
height: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Undetached Scrolling */
|
||||||
|
.scrolling.undetached.dimmable.dimmed {
|
||||||
|
overflow: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
}
|
||||||
|
.scrolling.undetached.dimmable.dimmed > .dimmer {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen) {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scrolling Content */
|
||||||
|
.ui.modal > .scrolling.content {
|
||||||
|
max-height: calc(80vh - 10rem);
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
.ui.overlay.fullscreen.modal > .content {
|
||||||
|
min-height: calc(100vh - 9.1rem);
|
||||||
|
}
|
||||||
|
.ui.overlay.fullscreen.modal > .scrolling.content {
|
||||||
|
max-height: calc(100vh - 9.1rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Full Screen
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.fullscreen.modal {
|
||||||
|
width: 95%;
|
||||||
|
left: 2.5%;
|
||||||
|
margin: 1em auto;
|
||||||
|
}
|
||||||
|
.ui.overlay.fullscreen.modal {
|
||||||
|
width: 100%;
|
||||||
|
left: 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
top: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.ui.modal > .close.inside + .header:not(.centered):not(.center):not(.icon),
|
||||||
|
.ui.fullscreen.modal > .close + .header:not(.centered):not(.center):not(.icon) {
|
||||||
|
padding-right: 2.25rem;
|
||||||
|
}
|
||||||
|
.ui.modal > .close.inside,
|
||||||
|
.ui.fullscreen.modal > .close {
|
||||||
|
top: 1.0535rem;
|
||||||
|
right: 1rem;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
}
|
||||||
|
.ui.basic.fullscreen.modal > .close {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--------------
|
||||||
|
Size
|
||||||
|
---------------*/
|
||||||
|
|
||||||
|
.ui.modal {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.ui.mini.modal > .header:not(.ui) {
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.mini.modal {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
.ui.mini.modal {
|
||||||
|
width: 35.2%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 992px) {
|
||||||
|
.ui.mini.modal {
|
||||||
|
width: 340px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.ui.mini.modal {
|
||||||
|
width: 360px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1920px) {
|
||||||
|
.ui.mini.modal {
|
||||||
|
width: 380px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui.tiny.modal > .header:not(.ui) {
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.tiny.modal {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
.ui.tiny.modal {
|
||||||
|
width: 52.8%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 992px) {
|
||||||
|
.ui.tiny.modal {
|
||||||
|
width: 510px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.ui.tiny.modal {
|
||||||
|
width: 540px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1920px) {
|
||||||
|
.ui.tiny.modal {
|
||||||
|
width: 570px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui.small.modal > .header:not(.ui) {
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.small.modal {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
.ui.small.modal {
|
||||||
|
width: 70.4%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 992px) {
|
||||||
|
.ui.small.modal {
|
||||||
|
width: 680px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.ui.small.modal {
|
||||||
|
width: 720px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1920px) {
|
||||||
|
.ui.small.modal {
|
||||||
|
width: 760px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui.large.modal > .header:not(.ui) {
|
||||||
|
font-size: 1.6em;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.large.modal {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
.ui.large.modal {
|
||||||
|
width: 88%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 992px) {
|
||||||
|
.ui.large.modal {
|
||||||
|
width: 1020px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.ui.large.modal {
|
||||||
|
width: 1080px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1920px) {
|
||||||
|
.ui.large.modal {
|
||||||
|
width: 1140px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui.big.modal > .header:not(.ui) {
|
||||||
|
font-size: 1.6em;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.big.modal {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
.ui.big.modal {
|
||||||
|
width: 88%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 992px) {
|
||||||
|
.ui.big.modal {
|
||||||
|
width: 1190px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.ui.big.modal {
|
||||||
|
width: 1260px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1920px) {
|
||||||
|
.ui.big.modal {
|
||||||
|
width: 1330px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui.huge.modal > .header:not(.ui) {
|
||||||
|
font-size: 1.6em;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.huge.modal {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
.ui.huge.modal {
|
||||||
|
width: 88%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 992px) {
|
||||||
|
.ui.huge.modal {
|
||||||
|
width: 1360px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.ui.huge.modal {
|
||||||
|
width: 1440px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1920px) {
|
||||||
|
.ui.huge.modal {
|
||||||
|
width: 1520px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui.massive.modal > .header:not(.ui) {
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 767.98px) {
|
||||||
|
.ui.massive.modal {
|
||||||
|
width: 95%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
.ui.massive.modal {
|
||||||
|
width: 88%;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 992px) {
|
||||||
|
.ui.massive.modal {
|
||||||
|
width: 1530px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.ui.massive.modal {
|
||||||
|
width: 1620px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1920px) {
|
||||||
|
.ui.massive.modal {
|
||||||
|
width: 1710px;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*****************************
|
||||||
|
Inverted
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
.ui.inverted.modal {
|
||||||
|
background: rgba(0, 0, 0, 0.9);
|
||||||
|
}
|
||||||
|
.ui.inverted.modal > .header,
|
||||||
|
.ui.inverted.modal > .content {
|
||||||
|
background: rgba(0, 0, 0, 0.9);
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.inverted.modal > .actions {
|
||||||
|
background: #191A1B;
|
||||||
|
border-top: 1px solid rgba(34, 36, 38, 0.85);
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.ui.inverted.dimmer > .modal > .close {
|
||||||
|
color: rgba(0, 0, 0, 0.85);
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 991.98px) {
|
||||||
|
.ui.dimmer .inverted.modal > .close {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ui.inverted.modal > .close.inside,
|
||||||
|
.ui.inverted.fullscreen.modal > .close {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Theme Overrides
|
||||||
|
*******************************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************
|
||||||
|
Site Overrides
|
||||||
|
*******************************/
|
||||||
|
|
1452
node_modules/fomantic-ui/dist/components/modal.js
generated
vendored
Normal file
1452
node_modules/fomantic-ui/dist/components/modal.js
generated
vendored
Normal file
File diff suppressed because it is too large
Load diff
9
node_modules/fomantic-ui/dist/components/modal.min.css
generated
vendored
Normal file
9
node_modules/fomantic-ui/dist/components/modal.min.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue