Browse Source

Demi tour -> AdminLTE

tags/0.1
Fab 3 years ago
parent
commit
3d723ad688
100 changed files with 39693 additions and 34 deletions
  1. +6
    -6
      Controller/Admin/AbstractCrudController.php
  2. +36
    -10
      Controller/Admin/DashboardController.php
  3. +3
    -2
      DependencyInjection/Configuration.php
  4. +1
    -1
      DependencyInjection/LcSovExtension.php
  5. +2
    -2
      Field/CollectionField.php
  6. +2
    -2
      Field/FileManagerField.php
  7. +4
    -4
      Field/GalleryManagerField.php
  8. +5
    -0
      Model/User/User.php
  9. +68
    -0
      Resources/assets/apps/common/app.common.js
  10. +0
    -0
      Resources/assets/apps/common/common.js
  11. +0
    -0
      Resources/assets/apps/common/common.scss
  12. +0
    -7
      Resources/assets/apps/common/utils.js
  13. +8
    -0
      Resources/assets/apps/common/utils/log.js
  14. +13
    -0
      Resources/assets/apps/form/app.form.js
  15. +9
    -0
      Resources/assets/apps/form/form.js
  16. +9
    -0
      Resources/assets/apps/form/form.scss
  17. +5
    -0
      Resources/assets/tabler/.babelrc
  18. +11
    -0
      Resources/assets/tabler/.browserslistrc
  19. +36
    -0
      Resources/assets/tabler/.bundlewatch.config.json
  20. +11
    -0
      Resources/assets/tabler/.dependabot/config.yml
  21. +14
    -0
      Resources/assets/tabler/.editorconfig
  22. +10
    -0
      Resources/assets/tabler/.eslintrc
  23. +15
    -0
      Resources/assets/tabler/.gitattributes
  24. +10
    -0
      Resources/assets/tabler/.github/CODE_OF_CONDUCT.md
  25. +3
    -0
      Resources/assets/tabler/.github/FUNDING.yml
  26. +30
    -0
      Resources/assets/tabler/.github/ISSUE_TEMPLATE/bug_report.md
  27. +17
    -0
      Resources/assets/tabler/.github/ISSUE_TEMPLATE/feature_request.md
  28. +10
    -0
      Resources/assets/tabler/.github/no-response.yml
  29. +67
    -0
      Resources/assets/tabler/.github/workflows/codeql-analysis.yml
  30. +26
    -0
      Resources/assets/tabler/.gitignore
  31. +3
    -0
      Resources/assets/tabler/.gitpod.yml
  32. +3
    -0
      Resources/assets/tabler/.percy.yml
  33. +8
    -0
      Resources/assets/tabler/.stylelintrc
  34. +14
    -0
      Resources/assets/tabler/Gemfile
  35. +21
    -0
      Resources/assets/tabler/LICENSE
  36. +148
    -0
      Resources/assets/tabler/README.md
  37. +214
    -0
      Resources/assets/tabler/_config.yml
  38. +455
    -0
      Resources/assets/tabler/demo/accordion.html
  39. +657
    -0
      Resources/assets/tabler/demo/activity.html
  40. +57
    -0
      Resources/assets/tabler/demo/auth-lock.html
  41. +406
    -0
      Resources/assets/tabler/demo/blank.html
  42. +1204
    -0
      Resources/assets/tabler/demo/buttons.html
  43. +654
    -0
      Resources/assets/tabler/demo/cards-masonry.html
  44. +998
    -0
      Resources/assets/tabler/demo/cards.html
  45. +563
    -0
      Resources/assets/tabler/demo/carousel.html
  46. +728
    -0
      Resources/assets/tabler/demo/changelog.html
  47. +2176
    -0
      Resources/assets/tabler/demo/charts.html
  48. +701
    -0
      Resources/assets/tabler/demo/colors.html
  49. +330
    -0
      Resources/assets/tabler/demo/dist/css/demo.css
  50. +9
    -0
      Resources/assets/tabler/demo/dist/css/demo.min.css
  51. +330
    -0
      Resources/assets/tabler/demo/dist/css/demo.rtl.css
  52. +9
    -0
      Resources/assets/tabler/demo/dist/css/demo.rtl.min.css
  53. +811
    -0
      Resources/assets/tabler/demo/dist/css/tabler-flags.css
  54. +9
    -0
      Resources/assets/tabler/demo/dist/css/tabler-flags.min.css
  55. +811
    -0
      Resources/assets/tabler/demo/dist/css/tabler-flags.rtl.css
  56. +9
    -0
      Resources/assets/tabler/demo/dist/css/tabler-flags.rtl.min.css
  57. +395
    -0
      Resources/assets/tabler/demo/dist/css/tabler-payments.css
  58. +9
    -0
      Resources/assets/tabler/demo/dist/css/tabler-payments.min.css
  59. +395
    -0
      Resources/assets/tabler/demo/dist/css/tabler-payments.rtl.css
  60. +9
    -0
      Resources/assets/tabler/demo/dist/css/tabler-payments.rtl.min.css
  61. +731
    -0
      Resources/assets/tabler/demo/dist/css/tabler-vendors.css
  62. +9
    -0
      Resources/assets/tabler/demo/dist/css/tabler-vendors.min.css
  63. +731
    -0
      Resources/assets/tabler/demo/dist/css/tabler-vendors.rtl.css
  64. +9
    -0
      Resources/assets/tabler/demo/dist/css/tabler-vendors.rtl.min.css
  65. +12809
    -0
      Resources/assets/tabler/demo/dist/css/tabler.css
  66. +9
    -0
      Resources/assets/tabler/demo/dist/css/tabler.min.css
  67. +12787
    -0
      Resources/assets/tabler/demo/dist/css/tabler.rtl.css
  68. +9
    -0
      Resources/assets/tabler/demo/dist/css/tabler.rtl.min.css
  69. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/ad.svg
  70. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/ae.svg
  71. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/af.svg
  72. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/ag.svg
  73. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/ai.svg
  74. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/al.svg
  75. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/am.svg
  76. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/ao.svg
  77. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/aq.svg
  78. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/ar.svg
  79. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/as.svg
  80. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/at.svg
  81. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/au.svg
  82. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/aw.svg
  83. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/ax.svg
  84. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/az.svg
  85. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/ba.svg
  86. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bb.svg
  87. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bd.svg
  88. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/be.svg
  89. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bf.svg
  90. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bg.svg
  91. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bh.svg
  92. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bi.svg
  93. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bj.svg
  94. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bl.svg
  95. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bm.svg
  96. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bn.svg
  97. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bo.svg
  98. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bq.svg
  99. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/br.svg
  100. +1
    -0
      Resources/assets/tabler/demo/dist/img/flags/bs.svg

+ 6
- 6
Controller/Admin/AbstractCrudController.php View File

@@ -20,7 +20,7 @@ abstract class AbstractCrudController extends EaAbstractCrudController
Crud::PAGE_INDEX,
Action::EDIT,
function (Action $action) {
return $action->setTemplatePath('@LcSov/crud/action/translatable.html.twig');
return $action->setTemplatePath('@LcSov/tabler/crud/action/translatable.html.twig');
}
);
}
@@ -33,17 +33,17 @@ abstract class AbstractCrudController extends EaAbstractCrudController
return $crud
->overrideTemplates(
[
'crud/edit' => '@LcSov/crud/edit.html.twig',
'crud/new' => '@LcSov/crud/new.html.twig',
'crud/edit' => '@LcSov/tabler/crud/edit.html.twig',
'crud/new' => '@LcSov/tabler/crud/new.html.twig',
]
)
// don't forget to add EasyAdmin's form theme at the end of the list
// (otherwise you'll lose all the styles for the rest of form fields)
->setFormThemes(['@LcSov/crud/form_theme.html.twig', '@FOSCKEditor/Form/ckeditor_widget.html.twig']);
->setFormThemes(['@LcSov/tabler/crud/form_theme.html.twig', '@FOSCKEditor/Form/ckeditor_widget.html.twig']);
}


public function configureAssets(Assets $assets): Assets
/*public function configureAssets(Assets $assets): Assets
{
return $assets
// adds the CSS and JS assets associated to the given Webpack Encore entry
@@ -54,7 +54,7 @@ abstract class AbstractCrudController extends EaAbstractCrudController
// CSS assets are added just before the closing </head> element
// and JS assets are added just before the closing </body> element
->addJsFile('bundles/lc_sov/js/utils.js');
}
}*/

/*
public function configureFields(string $pageName): iterable

+ 36
- 10
Controller/Admin/DashboardController.php View File

@@ -6,9 +6,10 @@ use EasyCorp\Bundle\EasyAdminBundle\Config\Assets;
use EasyCorp\Bundle\EasyAdminBundle\Config\Crud;
use EasyCorp\Bundle\EasyAdminBundle\Config\Dashboard;
use EasyCorp\Bundle\EasyAdminBundle\Config\MenuItem;
use EasyCorp\Bundle\EasyAdminBundle\Config\UserMenu;
use EasyCorp\Bundle\EasyAdminBundle\Controller\AbstractDashboardController;
use Lc\SovBundle\Doctrine\EntityManager;
use Lc\SovBundle\Model\User\UserInterface;
use Symfony\Component\Security\Core\User\UserInterface;
use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\Routing\Annotation\Route;

@@ -16,7 +17,7 @@ class DashboardController extends AbstractDashboardController
{
public function index(): Response
{
return $this->render('@LcSov/dashboard.html.twig');
return $this->render('@LcSov/tabler/dashboard.html.twig');
}

public function configureDashboard(): Dashboard
@@ -35,9 +36,34 @@ class DashboardController extends AbstractDashboardController
public function configureAssets(): Assets
{
$assets = parent::configureAssets();
$assets->addWebpackEncoreEntry('tabler') ;
$assets->addWebpackEncoreEntry('common');
//$assets->addWebpackEncoreEntry('tabler');

return $assets ;
return $assets;
}

public function configureUserMenu(UserInterface $user): UserMenu
{
// Usually it's better to call the parent method because that gives you a
// user menu with some menu items already created ("sign out", "exit impersonation", etc.)
// if you prefer to create the user menu from scratch, use: return UserMenu::new()->...
return parent::configureUserMenu($user)
// use the given $user object to get the user name
->setName($user->getName())
// use this method if you don't want to display the name of the user
//->displayUserName(false)
->displayUserAvatar(false)
// you can also pass an email address to use gravatar's service
->setGravatarEmail($user->getEmail())

// you can use any type of menu item, except submenus
->setMenuItems(
[
//MenuItem::linkToRoute('My Profile', 'fa fa-id-card', '', ['...' => '...']),
//MenuItem::section(),
MenuItem::linkToLogout('Déconnexion', 'fa fa-sign-out'),
]
);
}

public function configureCrud(): Crud
@@ -48,12 +74,12 @@ class DashboardController extends AbstractDashboardController
->addFormTheme('@FOSCKEditor/Form/ckeditor_widget.html.twig')
->overrideTemplates(
[
'layout' => '@LcSov/layout.html.twig',
'main_menu' => '@LcSov/menu.html.twig',
'crud/index' => '@LcSov/crud/index.html.twig',
'crud/paginator' => '@LcSov/crud/paginator.html.twig',
'crud/edit' => '@LcSov/crud/edit.html.twig',
'crud/new' => '@LcSov/crud/new.html.twig',
'layout' => '@LcSov/tabler/layout.html.twig',
'main_menu' => '@LcSov/tabler/menu.html.twig',
'crud/index' => '@LcSov/tabler/crud/index.html.twig',
'crud/paginator' => '@LcSov/tabler/crud/paginator.html.twig',
'crud/edit' => '@LcSov/tabler/crud/edit.html.twig',
'crud/new' => '@LcSov/tabler/crud/new.html.twig',
]
);
}

+ 3
- 2
DependencyInjection/Configuration.php View File

@@ -17,12 +17,13 @@ class Configuration implements ConfigurationInterface
*/
public function getConfigTreeBuilder()
{
$treeBuilder = new TreeBuilder('lc_admin');
$treeBuilder = new TreeBuilder('lc_sov');
$rootNode = $treeBuilder->getRootNode();

$rootNode
->children()
->scalarNode('dashboardDefault')->defaultValue('App\Controller\Admin\DashboardController')->end()
//->scalarNode('dashboard_default')->defaultValue('App\Controller\Admin\DashboardController')->end()
->scalarNode('homepage_route')->end()
->end();



+ 1
- 1
DependencyInjection/LcSovExtension.php View File

@@ -19,7 +19,7 @@ class LcSovExtension extends Extension implements PrependExtensionInterface
$config = $this->processConfiguration($configuration, $configs);

foreach ($config as $parameter => $value)
$container->setParameter(sprintf('lc_admin.%s', $parameter), $value);
$container->setParameter(sprintf('lc_sov.%s', $parameter), $value);

$loader = new YamlFileLoader($container, new FileLocator(__DIR__.'/../Resources/config'));
$loader->load('services.yml');

+ 2
- 2
Field/CollectionField.php View File

@@ -24,10 +24,10 @@ class CollectionField implements FieldInterface
return (new self())
->setProperty($propertyName)
->setLabel($label)
->setTemplatePath('@LcSov/crud/field/collection.html.twig')
->setTemplatePath('@LcSov/tabler/crud/field/collection.html.twig')
->setFormType(CollectionType::class)
->addCssClass('field-collection')
->addJsFiles('bundles/lcadmin/js/form-type-collection-array.js')
->addJsFiles('bundles/lcsov/js/form-type-collection-array.js')
->setFormTypeOption('allow_add', true)
->setFormTypeOption('allow_delete', true)
->setFormTypeOption('entry_options', array('label' => false))

+ 2
- 2
Field/FileManagerField.php View File

@@ -22,8 +22,8 @@ final class FileManagerField implements FieldInterface
return (new self())
->setProperty($propertyName)
->setLabel($label)
->setTemplatePath('@LcSov/crud/field/image.html.twig')
->addJsFiles('bundles/lcadmin/js/form-type-file-manager.js')
->setTemplatePath('@LcSov/tabler/crud/field/image.html.twig')
->addJsFiles('bundles/lcsov/js/form-type-file-manager.js')
->setFormType(FileManagerType::class)
->addCssClass('field-text')
->setCustomOption(self::OPTION_MAX_LENGTH, null)

+ 4
- 4
Field/GalleryManagerField.php View File

@@ -24,12 +24,12 @@ class GalleryManagerField implements FieldInterface
return (new self())
->setProperty($propertyName)
->setLabel($label)
->setTemplatePath('@LcSov/crud/field/collection.html.twig')
->setTemplatePath('@LcSov/tabler/crud/field/collection.html.twig')
->setFormType(CollectionType::class)
->addCssClass('field-collection')
->addJsFiles('bundles/lcadmin/js/form-type-collection.js')
->addJsFiles('bundles/lcadmin/js/form-type-file-manager.js')
->addJsFiles('bundles/lcadmin/js/jquery-ui/jquery-ui.min.js')
->addJsFiles('bundles/lcsov/js/form-type-collection.js')
->addJsFiles('bundles/lcsov/js/form-type-file-manager.js')
->addJsFiles('bundles/lcsov/js/jquery-ui/jquery-ui.min.js')
->setFormTypeOption('allow_add', true)
->setFormTypeOption('allow_delete', true)
->setFormTypeOption('entry_options', array('label'=> false))

+ 5
- 0
Model/User/User.php View File

@@ -141,6 +141,11 @@ abstract class User implements EntityInterface, UserInterface
return $this;
}

public function getName(): ?string
{
return $this->getFirstname(). ' '.strtoupper($this->getLastname());
}

public function isVerified(): bool
{
return $this->isVerified;

+ 68
- 0
Resources/assets/apps/common/app.common.js View File

@@ -0,0 +1,68 @@
/*
* Welcome to your app's main JavaScript file!
*
* We recommend including the built version of this JavaScript file
* (and its CSS file) in your base layout (base.html.twig).
*/

// any CSS you import will output into a single css file (app.css in this case)
const $ = require('jquery');
require('select2');
import 'adminltePlugin/bootstrap/js/bootstrap.min.js'
require('adminlte');

global.$ = global.jQuery = $;

$('#niche').modal();
//myModal.show()
//$('#niche').modal('show');
import log from './utils/log.js' ;
import './common.js';
import './common.scss';

$('select').each(function (){
setSelect2($(this));
});

function setSelect2($select) {
if (typeof $select.data('select2-id') === 'undefined') {

$select.data('init', 'set')
var options = {
width: "100%",
theme: "bootstrap-5",
dropdownAutoWidth: false,
allowClear: true,
minimumResultsForSearch: 1
};

if ($select.data('allow-clear') == 'false') {
options.allowClear = false;
}
if ($select.data('width')) {
options.width = 'auto'
}
if ($select.find('option[value=""]')) {
options.placeholder = $select.find('option[value=""]').html()
}
/*if($select.is(':required') == false) {
options.allowclear = true
}*/
let myselect = $select.select2(options);

myselect.on('select2:select', function (e) {
var event = new Event('change');
e.target.dispatchEvent(event);
});
myselect.on('select2:unselect', function (e) {
var event = new Event('change');
e.target.dispatchEvent(event);
});

return myselect;
}
}



// start the Stimulus application

+ 0
- 0
Resources/assets/apps/common/common.js View File


+ 0
- 0
Resources/assets/apps/common/common.scss View File


Resources/public/js/utils.js → Resources/assets/apps/common/utils.js View File

@@ -21,13 +21,6 @@ function getDateFormatted(date, separator) {
}
}

function log(msg) {
try {
console.log(msg);
} catch (e) {

}
}

var getUrlParameter = function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),

+ 8
- 0
Resources/assets/apps/common/utils/log.js View File

@@ -0,0 +1,8 @@
export default function(name) {
try {
return console.log(name);
} catch (e) {

}

};

+ 13
- 0
Resources/assets/apps/form/app.form.js View File

@@ -0,0 +1,13 @@
/*
* Welcome to your app's main JavaScript file!
*
* We recommend including the built version of this JavaScript file
* (and its CSS file) in your base layout (base.html.twig).
*/

// any CSS you import will output into a single css file (app.css in this case)
import './form.scss';
import './form.js';


// start the Stimulus application

+ 9
- 0
Resources/assets/apps/form/form.js
File diff suppressed because it is too large
View File


+ 9
- 0
Resources/assets/apps/form/form.scss
File diff suppressed because it is too large
View File


+ 5
- 0
Resources/assets/tabler/.babelrc View File

@@ -0,0 +1,5 @@
{
"presets": [
"@babel/preset-env"
]
}

+ 11
- 0
Resources/assets/tabler/.browserslistrc View File

@@ -0,0 +1,11 @@
>= 1%
last 1 major version
not dead
Chrome >= 60
Firefox >= 60
Edge >= 15.15063
Explorer 11
iOS >= 10
Safari >= 10
Android >= 6
not ExplorerMobile <= 11

+ 36
- 0
Resources/assets/tabler/.bundlewatch.config.json View File

@@ -0,0 +1,36 @@
{
"files": [
{
"path": "./dist/css/tabler.css",
"maxSize": "55 kB"
},
{
"path": "./dist/css/tabler.min.css",
"maxSize": "45 kB"
},
{
"path": "./dist/css/tabler-flags.css",
"maxSize": "2 kB"
},
{
"path": "./dist/css/tabler-flags.min.css",
"maxSize": "2 kB"
},
{
"path": "./dist/css/tabler-payments.css",
"maxSize": "2 kB"
},
{
"path": "./dist/css/tabler-payments.min.css",
"maxSize": "2 kB"
},
{
"path": "./dist/js/tabler.js",
"maxSize": "2 kB"
},
{
"path": "./dist/js/tabler.min.js",
"maxSize": "1.5 kB"
}
]
}

+ 11
- 0
Resources/assets/tabler/.dependabot/config.yml View File

@@ -0,0 +1,11 @@
# https://dependabot.com/docs/config-file/
version: 1
update_configs:
- package_manager: "javascript"
directory: "/"
update_schedule: "monthly"
default_reviewers:
- "codecalm"
default_labels:
- "dependencies"
version_requirement_updates: "increase_versions"

+ 14
- 0
Resources/assets/tabler/.editorconfig View File

@@ -0,0 +1,14 @@
[*]
charset=utf-8
end_of_line=lf
insert_final_newline=false
indent_style=tab
tab_width=3
max_line_length=off

[*.{rb,yml,scss,json}]
indent_style=space
indent_size=2

[*.js.map]
indent_size=3

+ 10
- 0
Resources/assets/tabler/.eslintrc View File

@@ -0,0 +1,10 @@
{
"rules": {
"semi": ["error", "always"],
"quotes": ["error", "single"],
"no-var": ["error"]
},
"parserOptions": {
"ecmaVersion": 6
}
}

+ 15
- 0
Resources/assets/tabler/.gitattributes View File

@@ -0,0 +1,15 @@
# Enforce Unix newlines
*.css text eol=lf
*.html text eol=lf
*.js text eol=lf
*.json text eol=lf
*.md text eol=lf
*.rb text eol=lf
*.scss text eol=lf
*.svg text eol=lf
*.txt text eol=lf
*.xml text eol=lf
*.yml text eol=lf

# Don't diff or textually merge source maps
*.map binary

+ 10
- 0
Resources/assets/tabler/.github/CODE_OF_CONDUCT.md View File

@@ -0,0 +1,10 @@
# Tabler UI Community Conduct Guideline

The following community guidelines are based on [The Ruby Community Conduct Guidelines](https://www.ruby-lang.org/en/conduct/).

This document provides community guidelines for a respectful, productive, and collaborative place for any person who is willing to contribute to the Tabler project. It applies to all "collaborative space", which is defined as community communications channels (such as mailing lists, submitted patches, commit comments, etc.).

- Participants will be tolerant of opposing views.
- Participants must ensure that their language and actions are free of personal attacks and disparaging personal remarks.
- When interpreting the words and actions of others, participants should always assume good intentions.
- Behaviour which can be reasonably considered harassment will not be tolerated.

+ 3
- 0
Resources/assets/tabler/.github/FUNDING.yml View File

@@ -0,0 +1,3 @@
# These are supported funding model platforms
github: codecalm
open_collective: tabler

+ 30
- 0
Resources/assets/tabler/.github/ISSUE_TEMPLATE/bug_report.md View File

@@ -0,0 +1,30 @@
---
name: Bug report
about: Create a report to help us improve
title: "[BUG] "
labels: bug
assignees: ''

---

**Describe the bug**

A clear and concise description of what the bug is.

**Device**

- Browser [e.g. Chrome ver.22, Safari ver.10]
- OS: [e.g. Windows 10]
- Screen size [e.g. 800x600]

**To reproduce**

Steps to reproduce the behavior:
1. Go to '...'
2. Click on '...'
3. Scroll down to '...'
4. See error

**Screenshots**

If applicable, add screenshots to help explain this problem.

+ 17
- 0
Resources/assets/tabler/.github/ISSUE_TEMPLATE/feature_request.md View File

@@ -0,0 +1,17 @@
---
name: Feature request
about: Suggest an idea for Tabler
title: "[FEATURE] "
labels: enhancement
assignees: ''

---

**Is your feature request related to a problem? Please describe.**
A clear and concise description of what the problem is. Example: I'm always frustrated when [...]

**Describe the solution you'd like**
A clear and concise description of what you want to happen.

**Describe alternatives you've considered**
A clear and concise description of any alternative solutions or features you've considered.

+ 10
- 0
Resources/assets/tabler/.github/no-response.yml View File

@@ -0,0 +1,10 @@
# Configuration for probot-no-response - https://github.com/probot/no-response

daysUntilClose: 28

closeComment: >
This issue has been automatically closed because there has been no response
to our request for more information from the original author. With only the
information that is currently in the issue, we don't have enough information
to take action. Please reach out if you have or find the answers we need so
that we can investigate further.

+ 67
- 0
Resources/assets/tabler/.github/workflows/codeql-analysis.yml View File

@@ -0,0 +1,67 @@
# For most projects, this workflow file will not need changing; you simply need
# to commit it to your repository.
#
# You may wish to alter this file to override the set of languages analyzed,
# or to provide custom queries or build logic.
#
# ******** NOTE ********
# We have attempted to detect the languages in your repository. Please check
# the `language` matrix defined below to confirm you have the correct set of
# supported CodeQL languages.
#
name: "CodeQL"

on:
push:
branches: [ dev, master ]
pull_request:
# The branches below must be a subset of the branches above
branches: [ dev ]
schedule:
- cron: '32 8 * * 2'

jobs:
analyze:
name: Analyze
runs-on: ubuntu-latest

strategy:
fail-fast: false
matrix:
language: [ 'javascript' ]
# CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
# Learn more:
# https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed

steps:
- name: Checkout repository
uses: actions/checkout@v2

# Initializes the CodeQL tools for scanning.
- name: Initialize CodeQL
uses: github/codeql-action/init@v1
with:
languages: ${{ matrix.language }}
# If you wish to specify custom queries, you can do so here or in a config file.
# By default, queries listed here will override any specified in a config file.
# Prefix the list here with "+" to use these queries and those in the config file.
# queries: ./path/to/local/query, your-org/your-repo/queries@main

# Autobuild attempts to build any compiled languages (C/C++, C#, or Java).
# If this step fails, then you should remove it and run the build manually (see below)
- name: Autobuild
uses: github/codeql-action/autobuild@v1

# ℹ️ Command-line programs to run using the OS shell.
# 📚 https://git.io/JvXDl

# ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
# and modify them (or add more) to build your code if your project
# uses a compiled language

#- run: |
# make bootstrap
# make release

- name: Perform CodeQL Analysis
uses: github/codeql-action/analyze@v1

+ 26
- 0
Resources/assets/tabler/.gitignore View File

@@ -0,0 +1,26 @@
node_modules/
.idea/
/db.json
.jekyll-metadata
.jekyll-cache
/tmp/
/.tmp/
/tmp-dist/
/yarn.lock
.DS_Store
/_site/
/.cache/
.sass-cache/

.vscode/

/_gh_pages/
/site/docs/**/dist/
/site/static/**/dist/
/resources/
/svg-tmp/
/components/
/percy.sh
/Gemfile.lock
/package-lock.json
/src/pages/playground.html

+ 3
- 0
Resources/assets/tabler/.gitpod.yml View File

@@ -0,0 +1,3 @@
tasks:
- init: npm install && npm run build
command: npm run start

+ 3
- 0
Resources/assets/tabler/.percy.yml View File

@@ -0,0 +1,3 @@
version: 1
snapshot:
widths: [1440]

+ 8
- 0
Resources/assets/tabler/.stylelintrc View File

@@ -0,0 +1,8 @@
{
"extends": [
"stylelint-config-twbs-bootstrap/scss"
],
"rules": {
"selector-no-qualifying-type": null
}
}

+ 14
- 0
Resources/assets/tabler/Gemfile View File

@@ -0,0 +1,14 @@
source "https://rubygems.org"

gem "jekyll", "4.2.0"

group :jekyll_plugins do
gem "jekyll-random"
gem "jekyll-tidy"
gem "jekyll-timeago"
gem 'jekyll-redirect-from'
end

gem 'wdm', '>= 0.1.1' if Gem.win_platform?



+ 21
- 0
Resources/assets/tabler/LICENSE View File

@@ -0,0 +1,21 @@
The MIT License (MIT)

Copyright (c) 2018-2021 The Tabler Authors

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.

+ 148
- 0
Resources/assets/tabler/README.md View File

@@ -0,0 +1,148 @@

<p align="center">
<a href="https://github.com/tabler/tabler"><img src="https://raw.githubusercontent.com/tabler/tabler/dev/src/static/logo.svg" alt="A premium and open source dashboard template with a responsive and high-quality UI." width="300"></a><br><br>
A premium and open source dashboard template with a responsive and high-quality UI.
</p>

<p align="center">
<a href="https://www.npmjs.com/package/@tabler/core" target="__blank"><img src="https://img.shields.io/npm/v/@tabler/core?color=1864ab&label=Latest+version" alt="NPM version"></a>
<a href="https://www.npmjs.com/package/@tabler/core" target="__blank"><img alt="NPM Downloads" src="https://img.shields.io/npm/dm/@tabler/core?color=1971c2&label=Downloads"></a>
<a href="https://preview.tabler.io" target="__blank"><img src="https://img.shields.io/static/v1?label=Demo&message=preview&color=228be6" alt="Tabler preview"></a>
<a href="https://github.com/tabler/tabler/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tabler.svg?label=License&message=MIT&color=1c7ed6" alt="License"></a>
<a href="https://github.com/tabler/tabler/archive/dev.zip" target="__blank"><img src="https://img.shields.io/static/v1?label=Download&message=ZIP&color=339af0" alt="Tabler preview"></a>
<br>
<a href="https://github.com/tabler/tabler" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/tabler/tabler?style=social"></a>
</p>

<p align="center">
<a href="https://github.com/sponsors/codecalm">
<img src='https://raw.githubusercontent.com/tabler/static/main/sponsors.svg'>
</a>
</p>


## Preview

Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern, user-friendly design you can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful! <a href="https://preview.tabler.io">Show me demo</a>

<a href="https://preview.tabler.io" target="_blank"><img src="https://raw.githubusercontent.com/tabler/tabler/dev/src/static/tabler-preview.png" alt="Tabler preview"></a>


## Features

We've created this admin panel for everyone who wants to create templates based on our pre-made components. Our mission is to deliver a user-friendly, clear and easy administration panel that can be used by both simple websites and sophisticated systems. The only requirement is basic HTML and CSS (and some [Liquid](https://github.com/Shopify/liquid/wiki)) knowledge — as a reward, you'll be able to manage and visualise different types of data in the easiest possible way!

* **Responsive:** With the support for mobile, tablet and desktop displays, it doesn’t matter what device you’re using. Tabler is responsive in all major browsers.
* **Cross Browser:** Our theme works perfectly with the latest Chrome, Firefox+, latest Safari, Opera, Edge and mobile browsers. We work hard to to provide continuous support for them.
* **HTML5 & CSS3:** We use only modern web technologies, such as HTML5 and CSS3. Our theme includes some subtle CSS3 animations, which will help you attract attention.
* **Clean Code:** We followed Bootstrap’s guidelines carefully to make your integration as easy as possible. All code is handwritten and W3C valid.
* **Demo pages**: Tabler features over 20 individual pages using various components, which gives you the freedom to choose and combine. All components can vary in color and styling that you can easily modify using Sass. Sky is the limit!
* **Single Page Application versions:** [Tabler React](https://github.com/tabler/tabler-react) has React components for Tabler.

## Sponsor Tabler

<a href="https://github.com/sponsors/codecalm" target="_blank"><img src="/src/static/sponsor-banner-readme.png?raw=true" alt="Sponsor Tabler" /></a>


### Sponsors

Support this project by becoming a sponsor. Your logo will show up in this README with a link to your website. [Become a sponsor!](https://opencollective.com/tabler#sponsor)

<a href="https://opencollective.com/tabler/tiers/sponsor/0/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/0/avatar.svg" /></a>
<a href="https://opencollective.com/tabler/tiers/sponsor/1/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/1/avatar.svg" /></a>
<a href="https://opencollective.com/tabler/tiers/sponsor/2/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/2/avatar.svg" /></a>
<a href="https://opencollective.com/tabler/tiers/sponsor/3/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/3/avatar.svg" /></a>
<a href="https://opencollective.com/tabler/tiers/sponsor/4/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/4/avatar.svg" /></a>
<a href="https://opencollective.com/tabler/tiers/sponsor/5/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/5/avatar.svg" /></a>
<a href="https://opencollective.com/tabler/tiers/sponsor/6/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/6/avatar.svg" /></a>
<a href="https://opencollective.com/tabler/tiers/sponsor/7/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/7/avatar.svg" /></a>
<a href="https://opencollective.com/tabler/tiers/sponsor/8/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/8/avatar.svg" /></a>
<a href="https://opencollective.com/tabler/tiers/sponsor/9/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/9/avatar.svg" /></a>


## Setup environment

To use our build system and run our documentation locally, you'll need a copy of Tabler's source files. Follow the steps below:

1. [Install Node.js](https://nodejs.org/download/), which we use to manage our dependencies.
2. Navigate to the root `/tabler` directory and run `npm install` to install our local dependencies listed in `package.json`.
3. [Install Ruby](https://www.ruby-lang.org/en/documentation/installation/) - the recommended version is [2.5.5](https://cache.ruby-lang.org/pub/ruby/2.5/ruby-2.5.5.tar.gz).
4. [Install Bundler](https://bundler.io) with `gem install bundler` and finally run `bundle install`. It will install all Ruby dependencies, such as [Jekyll and plugins](https://jekyllrb.com).

**Windows users**:

1. [Install Git](https://git-scm.com/download/win) in `C:\Program Files\git\bin` directory and run `npm config set script-shell "C:\\Program Files\git\bin\bash.exe"` to change the default shell.
2. [Install Ruby+Devkit](https://rubyinstaller.org/downloads/) - the recommended version is [2.5.5](https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-2.5.5-1/rubyinstaller-devkit-2.5.5-1-x86.exe).
3. [Read guide](https://jekyllrb.com/docs/installation/windows/) to get Jekyll up and running without problems.

Once you complete the setup, you'll be able to run the various commands provided from the command line.


## Build locally

1. From the root `/tabler` directory, run `npm run start` in the command line.
2. Open [http://localhost:3000](http://localhost:3000) in your browser, and voilà.
3. Any change in the `/src` directory will build the application and refresh the page.

**Note**:
Run `npm run build` for reforms a one off build application without refresh.
Open [http://localhost:3001](http://localhost:3001) to configure the Web server.

## Installation

Tabler is distributed via npm.

```sh
npm install --save @tabler/core
```

### CDN support

All files included in `@tabler/core` npm package are available over a CDN.

#### Javascript

```html
<script src="https://unpkg.com/@tabler/core@latest/dist/js/tabler.min.js"></script>
```

#### Styles

```html
<link rel="stylesheet" href="https://unpkg.com/@tabler/core@latest/dist/css/tabler.min.css">
```

## Feature requests

https://tabler.canny.io/feature-requests


## Bugs and feature requests

Found a bug or have a feature request? [Please open a new issue](https://github.com/tabler/tabler/issues/new).


## Creators

**Paweł Kuna**

- <https://twitter.com/codecalm>
- <https://github.com/codecalm>
- <https://codecalm.net>


### Contributors

This project exists thanks to all the people who contribute.

<img src="https://opencollective.com/tabler/contributors.svg?width=890&button=false" />

### Backers

Thank you to all our backers! 🙏 [Become a backer](https://opencollective.com/tabler#backer)

<a href="https://opencollective.com/tabler#backers" target="_blank"><img src="https://opencollective.com/tabler/tiers/backer.svg?width=890&button=false" /></a>

## License

See the [LICENSE](https://github.com/tabler/tabler/blob/master/LICENSE) file.

+ 214
- 0
Resources/assets/tabler/_config.yml View File

@@ -0,0 +1,214 @@
source: src/pages
destination: tmp

keep_files:
- css
- js
- img
- dist
- static
- playground.html

use-iconfont: false
rtl: false

title: Tabler
description: Premium and Open Source dashboard template with responsive and high quality UI.
homepage: https://tabler.io
github-url: https://github.com/tabler/tabler
github-sponsors-url: https://github.com/sponsors/codecalm
changelog-url: https://github.com/tabler/tabler/releases
sponsor-url: https://github.com/sponsors/codecalm
preview-url: https://preview.tabler.io

mapbox-key: pk.eyJ1IjoiY29kZWNhbG0iLCJhIjoiSzRiOVJvQSJ9.BUVkTT6IYs83xSUs4H7bjQ
google-maps-key: AIzaSyAr5mRB4U1KRkVznIrDWEvZjroYcD202DI
google-maps-dev-key: AIzaSyCL-BY8-sq12m0S9H-S_yMqDmcun3A9znw
npm-package: "@tabler/core"

debug: false

layout-dark: false

plugins:
- jekyll-random
- jekyll-tidy
- jekyll-timeago
- jekyll-redirect-from

tabler-css-plugins:
- tabler-flags
- tabler-payments
- tabler-vendors

exclude:
- .jekyll-cache
- redirects.json

markdown: kramdown
kramdown:
input: GFM
syntax_highlighter: rouge

jekyll_tidy:
compress_html: false
ignore_env: development

collections:
docs:
output: true

defaults:
- scope:
type: "pages"
path: "*.md"
values:
layout: markdown
- scope:
type: "pages"
values:
layout: default
- scope:
type: "docs"
values:
layout: docs

colors:
blue:
hex: '#206bc4'
title: Blue
azure:
hex: '#45aaf2'
title: Azure
indigo:
hex: '#6574cd'
title: Indigo
purple:
hex: '#a55eea'
title: Purple
pink:
hex: '#f66d9b'
title: Pink
red:
hex: '#fa4654'
title: Red
orange:
hex: '#fd9644'
title: Orange
yellow:
hex: '#f1c40f'
title: Yellow
lime:
hex: '#7bd235'
title: Lime
green:
hex: '#5eba00'
title: Green
teal:
hex: '#2bcbba'
title: Teal
cyan:
hex: '#17a2b8'
title: Cyan

colors-extra:
white:
hex: '#ffffff'
title: White
dark:
hex: '#303645'
title: Dark
gray:
hex: '#868e96'
title: Gray

variants:
- name: success
icon: check
- name: info
icon: info-circle
- name: warning
icon: alert-triangle
- name: danger
icon: alert-circle

theme-colors:
primary:
class: primary
title: Primary
secondary:
class: secondary
title: Secondary
success:
class: success
title: Success
warning:
class: warning
title: Warning
danger:
class: danger
title: Danger
info:
class: info
title: Info
light:
class: light
title: Light
dark:
class: dark
title: Dark

button-states:
- class:
title: Normal
- class: active
title: Active state
- class: disabled
title: Disabled

socials:
facebook:
icon: brand-facebook
title: Facebook
twitter:
icon: brand-twitter
title: Twitter
google:
icon: brand-google
title: Google
youtube:
icon: brand-youtube
title: Youtube
vimeo:
icon: brand-vimeo
title: Vimeo
dribbble:
icon: brand-dribbble
title: Dribbble
github:
icon: brand-github
title: Github
instagram:
icon: brand-instagram
title: Instagram
pinterest:
icon: brand-pinterest
title: Pinterest
vk:
icon: brand-vk
title: VK
rss:
icon: rss
title: RSS
flickr:
icon: brand-flickr
title: Flickr
bitbucket:
icon: brand-bitbucket
title: Bitbucker
tabler:
icon: brand-tabler
title: Tabler

months-short: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
months-long: ['January', 'Febuary', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

+ 455
- 0
Resources/assets/tabler/demo/accordion.html View File

@@ -0,0 +1,455 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-->
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Accordion - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<header class="navbar navbar-expand-md navbar-light d-print-none">
<div class="container-xl">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
<a href=".">
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
</a>
</h1>
<div class="navbar-nav flex-row order-md-last">
<div class="nav-item d-none d-md-flex me-3">
<div class="btn-list">
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
Source code
</a>
<a href="https://github.com/sponsors/codecalm" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</div>
</div>
<div class="nav-item dropdown d-none d-md-flex me-3">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
<!-- Download SVG icon from http://tabler-icons.io/i/bell -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
<span class="badge bg-red"></span>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
<div class="card">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
</div>
</div>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-xl-block ps-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">UI Designer</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<a href="#" class="dropdown-item">Set status</a>
<a href="#" class="dropdown-item">Profile & account</a>
<a href="#" class="dropdown-item">Feedback</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">Settings</a>
<a href="#" class="dropdown-item">Logout</a>
</div>
</div>
</div>
</div>
</header>
<div class="navbar-expand-md">
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="navbar navbar-light">
<div class="container-xl">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
</span>
<span class="nav-link-title">
Home
</span>
</a>
</li>
<li class="nav-item active dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span>
<span class="nav-link-title">
Interface
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./empty.html" >
Empty page
</a>
<a class="dropdown-item active" href="./accordion.html" >
Accordion
</a>
<a class="dropdown-item" href="./blank.html" >
Blank page
</a>
<a class="dropdown-item" href="./buttons.html" >
Buttons
</a>
<a class="dropdown-item" href="./cards.html" >
Cards
</a>
<a class="dropdown-item" href="./cards-masonry.html" >
Cards Masonry
</a>
<a class="dropdown-item" href="./colors.html" >
Colors
</a>
<a class="dropdown-item" href="./dropdowns.html" >
Dropdowns
</a>
<a class="dropdown-item" href="./icons.html" >
Icons
</a>
<a class="dropdown-item" href="./modals.html" >
Modals
</a>
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./navigation.html" >
Navigation
</a>
<a class="dropdown-item" href="./charts.html" >
Charts
</a>
<a class="dropdown-item" href="./pagination.html" >
Pagination
</a>
<a class="dropdown-item" href="./skeleton.html" >
Skeleton
</a>
<a class="dropdown-item" href="./tabs.html" >
Tabs
</a>
<a class="dropdown-item" href="./tables.html" >
Tables
</a>
<a class="dropdown-item" href="./carousel.html" >
Carousel
</a>
<a class="dropdown-item" href="./lists.html" >
Lists
</a>
<a class="dropdown-item" href="./typography.html" >
Typography
</a>
<a class="dropdown-item" href="./markdown.html" >
Markdown
</a>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="./sign-in.html" class="dropdown-item">Sign in</a>
<a href="./sign-up.html" class="dropdown-item">Sign up</a>
<a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
</div>
</div>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="./error-404.html" class="dropdown-item">404 page</a>
<a href="./error-500.html" class="dropdown-item">500 page</a>
<a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./form-elements.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
</span>
<span class="nav-link-title">
Form elements
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
</span>
<span class="nav-link-title">
Extra
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./activity.html" >
Activity
</a>
<a class="dropdown-item" href="./gallery.html" >
Gallery
</a>
<a class="dropdown-item" href="./invoice.html" >
Invoice
</a>
<a class="dropdown-item" href="./search-results.html" >
Search results
</a>
<a class="dropdown-item" href="./pricing.html" >
Pricing cards
</a>
<a class="dropdown-item" href="./users.html" >
Users
</a>
<a class="dropdown-item" href="./license.html" >
License
</a>
<a class="dropdown-item" href="./music.html" >
Music
</a>
<a class="dropdown-item" href="./widgets.html" >
Widgets
</a>
<a class="dropdown-item" href="./wizard.html" >
Wizard
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
</span>
<span class="nav-link-title">
Layout
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-horizontal.html" >
Horizontal
</a>
<a class="dropdown-item" href="./layout-vertical.html" >
Vertical
</a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical
</a>
<a class="dropdown-item" href="./layout-condensed.html" >
Condensed
</a>
<a class="dropdown-item" href="./layout-condensed-dark.html" >
Condensed dark
</a>
<a class="dropdown-item" href="./layout-combo.html" >
Combined
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark
</a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap
</a>
<a class="dropdown-item" href="./layout-dark.html" >
Dark mode
</a>
<a class="dropdown-item" href="./layout-rtl.html" >
RTL mode
</a>
<a class="dropdown-item" href="./layout-fluid.html" >
Fluid
</a>
<a class="dropdown-item" href="./layout-fluid-vertical.html" >
Fluid vertical
</a>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./docs/index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
</span>
<span class="nav-link-title">
Documentation
</span>
</a>
</li>
</ul>
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
</span>
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="page-wrapper">
<div class="container-xl">
<!-- Page title -->
<div class="page-header d-print-none">
<div class="row align-items-center">
<div class="col">
<h2 class="page-title">
Accordion
</h2>
</div>
</div>
</div>
</div>
<div class="page-body">
<div class="container-xl">
<div class="card">
<div class="card-body">
<div class="accordion" id="accordion-example">
<div class="accordion-item">
<h2 class="accordion-header" id="heading-1">
<button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="true">
Accordion Item #1
</button>
</h2>
<div id="collapse-1" class="accordion-collapse collapse show" data-bs-parent="#accordion-example">
<div class="accordion-body pt-0">
<strong>This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-2">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false">
Accordion Item #2
</button>
</h2>
<div id="collapse-2" class="accordion-collapse collapse" data-bs-parent="#accordion-example">
<div class="accordion-body pt-0">
<strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-3">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="false">
Accordion Item #3
</button>
</h2>
<div id="collapse-3" class="accordion-collapse collapse" data-bs-parent="#accordion-example">
<div class="accordion-body pt-0">
<strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-4">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-4" aria-expanded="false">
Accordion Item #4
</button>
</h2>
<div id="collapse-4" class="accordion-collapse collapse" data-bs-parent="#accordion-example">
<div class="accordion-body pt-0">
<strong>This is the fourth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer footer-transparent d-print-none">
<div class="container">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ms-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
<li class="list-inline-item">
<a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item">
Copyright &copy; 2021
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta3</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Libs JS -->
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js"></script>
</body>
</html>

+ 657
- 0
Resources/assets/tabler/demo/activity.html View File

@@ -0,0 +1,657 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-->
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Activity - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<header class="navbar navbar-expand-md navbar-light d-print-none">
<div class="container-xl">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
<a href=".">
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
</a>
</h1>
<div class="navbar-nav flex-row order-md-last">
<div class="nav-item d-none d-md-flex me-3">
<div class="btn-list">
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
Source code
</a>
<a href="https://github.com/sponsors/codecalm" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</div>
</div>
<div class="nav-item dropdown d-none d-md-flex me-3">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
<!-- Download SVG icon from http://tabler-icons.io/i/bell -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
<span class="badge bg-red"></span>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
<div class="card">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
</div>
</div>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-xl-block ps-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">UI Designer</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<a href="#" class="dropdown-item">Set status</a>
<a href="#" class="dropdown-item">Profile & account</a>
<a href="#" class="dropdown-item">Feedback</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">Settings</a>
<a href="#" class="dropdown-item">Logout</a>
</div>
</div>
</div>
</div>
</header>
<div class="navbar-expand-md">
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="navbar navbar-light">
<div class="container-xl">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
</span>
<span class="nav-link-title">
Home
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span>
<span class="nav-link-title">
Interface
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./empty.html" >
Empty page
</a>
<a class="dropdown-item" href="./accordion.html" >
Accordion
</a>
<a class="dropdown-item" href="./blank.html" >
Blank page
</a>
<a class="dropdown-item" href="./buttons.html" >
Buttons
</a>
<a class="dropdown-item" href="./cards.html" >
Cards
</a>
<a class="dropdown-item" href="./cards-masonry.html" >
Cards Masonry
</a>
<a class="dropdown-item" href="./colors.html" >
Colors
</a>
<a class="dropdown-item" href="./dropdowns.html" >
Dropdowns
</a>
<a class="dropdown-item" href="./icons.html" >
Icons
</a>
<a class="dropdown-item" href="./modals.html" >
Modals
</a>
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./navigation.html" >
Navigation
</a>
<a class="dropdown-item" href="./charts.html" >
Charts
</a>
<a class="dropdown-item" href="./pagination.html" >
Pagination
</a>
<a class="dropdown-item" href="./skeleton.html" >
Skeleton
</a>
<a class="dropdown-item" href="./tabs.html" >
Tabs
</a>
<a class="dropdown-item" href="./tables.html" >
Tables
</a>
<a class="dropdown-item" href="./carousel.html" >
Carousel
</a>
<a class="dropdown-item" href="./lists.html" >
Lists
</a>
<a class="dropdown-item" href="./typography.html" >
Typography
</a>
<a class="dropdown-item" href="./markdown.html" >
Markdown
</a>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="./sign-in.html" class="dropdown-item">Sign in</a>
<a href="./sign-up.html" class="dropdown-item">Sign up</a>
<a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
</div>
</div>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="./error-404.html" class="dropdown-item">404 page</a>
<a href="./error-500.html" class="dropdown-item">500 page</a>
<a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./form-elements.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
</span>
<span class="nav-link-title">
Form elements
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
</span>
<span class="nav-link-title">
Extra
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./activity.html" >
Activity
</a>
<a class="dropdown-item" href="./gallery.html" >
Gallery
</a>
<a class="dropdown-item" href="./invoice.html" >
Invoice
</a>
<a class="dropdown-item" href="./search-results.html" >
Search results
</a>
<a class="dropdown-item" href="./pricing.html" >
Pricing cards
</a>
<a class="dropdown-item" href="./users.html" >
Users
</a>
<a class="dropdown-item" href="./license.html" >
License
</a>
<a class="dropdown-item" href="./music.html" >
Music
</a>
<a class="dropdown-item" href="./widgets.html" >
Widgets
</a>
<a class="dropdown-item" href="./wizard.html" >
Wizard
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
</span>
<span class="nav-link-title">
Layout
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-horizontal.html" >
Horizontal
</a>
<a class="dropdown-item" href="./layout-vertical.html" >
Vertical
</a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical
</a>
<a class="dropdown-item" href="./layout-condensed.html" >
Condensed
</a>
<a class="dropdown-item" href="./layout-condensed-dark.html" >
Condensed dark
</a>
<a class="dropdown-item" href="./layout-combo.html" >
Combined
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark
</a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap
</a>
<a class="dropdown-item" href="./layout-dark.html" >
Dark mode
</a>
<a class="dropdown-item" href="./layout-rtl.html" >
RTL mode
</a>
<a class="dropdown-item" href="./layout-fluid.html" >
Fluid
</a>
<a class="dropdown-item" href="./layout-fluid-vertical.html" >
Fluid vertical
</a>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./docs/index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
</span>
<span class="nav-link-title">
Documentation
</span>
</a>
</li>
</ul>
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
</span>
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="page-wrapper">
<div class="container-xl">
<!-- Page title -->
<div class="page-header d-print-none">
<div class="row align-items-center">
<div class="col">
<h2 class="page-title">
Activity
</h2>
</div>
</div>
</div>
</div>
<div class="page-body">
<div class="container-xl">
<div class="row justify-content-center">
<div class="col-8">
<div class="card">
<div class="card-body">
<div class="divide-y">
<div>
<div class="row">
<div class="col-auto">
<span class="avatar">JL</span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Jeffie Lewzey</strong> commented on your <strong>"I'm not a witch."</strong> post.
</div>
<div class="text-muted">yesterday</div>
</div>
<div class="col-auto align-self-center">
<div class="badge bg-primary"></div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/002m.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
It's <strong>Mallory Hulme</strong>'s birthday. Wish him well!
</div>
<div class="text-muted">2 days ago</div>
</div>
<div class="col-auto align-self-center">
<div class="badge bg-primary"></div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/003m.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Dunn Slane</strong> posted <strong>"Well, what do you want?"</strong>.
</div>
<div class="text-muted">today</div>
</div>
<div class="col-auto align-self-center">
<div class="badge bg-primary"></div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/000f.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Emmy Levet</strong> created a new project <strong>Morning alarm clock</strong>.
</div>
<div class="text-muted">4 days ago</div>
</div>
<div class="col-auto align-self-center">
<div class="badge bg-primary"></div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/001f.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Maryjo Lebarree</strong> liked your photo.
</div>
<div class="text-muted">2 days ago</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar">EP</span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Egan Poetz</strong> registered new client as <strong>Trilia</strong>.
</div>
<div class="text-muted">yesterday</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/002f.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Kellie Skingley</strong> closed a new deal on project <strong>Pen Pineapple Apple Pen</strong>.
</div>
<div class="text-muted">2 days ago</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/003f.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Christabel Charlwood</strong> created a new project for <strong>Wikibox</strong>.
</div>
<div class="text-muted">4 days ago</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar">HS</span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Haskel Shelper</strong> change status of <strong>Tabler Icons</strong> from <strong>open</strong> to <strong>closed</strong>.
</div>
<div class="text-muted">today</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/006m.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Lorry Mion</strong> liked <strong>Tabler UI Kit</strong>.
</div>
<div class="text-muted">yesterday</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/004f.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Leesa Beaty</strong> posted new video.
</div>
<div class="text-muted">2 days ago</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/007m.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Perren Keemar</strong> and 3 others followed you.
</div>
<div class="text-muted">2 days ago</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar">SA</span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Sunny Airey</strong> upload 3 new photos to category <strong>Inspirations</strong>.
</div>
<div class="text-muted">2 days ago</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/009m.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Geoffry Flaunders</strong> made a <strong>$10</strong> donation.
</div>
<div class="text-muted">2 days ago</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/010m.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Thatcher Keel</strong> created a profile.
</div>
<div class="text-muted">3 days ago</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/005f.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Dyann Escala</strong> hosted the event <strong>Tabler UI Birthday</strong>.
</div>
<div class="text-muted">4 days ago</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar" style="background-image: url(./static/avatars/006f.jpg)"></span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Avivah Mugleston</strong> mentioned you on <strong>Best of 2020</strong>.
</div>
<div class="text-muted">2 days ago</div>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-auto">
<span class="avatar">AA</span>
</div>
<div class="col">
<div class="text-truncate">
<strong>Arlie Armstead</strong> sent a Review Request to <strong>Amanda Blake</strong>.
</div>
<div class="text-muted">2 days ago</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer footer-transparent d-print-none">
<div class="container">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ms-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
<li class="list-inline-item">
<a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item">
Copyright &copy; 2021
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta3</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Libs JS -->
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js"></script>
</body>
</html>

+ 57
- 0
Resources/assets/tabler/demo/auth-lock.html View File

@@ -0,0 +1,57 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-->
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
</head>
<body class="antialiased border-top-wide border-primary d-flex flex-column">
<div class="page page-center">
<div class="container-tight py-4">
<div class="text-center mb-4">
<a href="."><img src="./static/logo.svg" height="36" alt=""></a>
</div>
<form class="card card-md" action="." method="get" autocomplete="off">
<div class="card-body text-center">
<div class="mb-4">
<h2 class="card-title">Account Locked</h2>
<p class="text-muted">Please enter your password to unlock your account</p>
</div>
<div class="mb-4">
<span class="avatar avatar-xl mb-3" style="background-image: url(./static/avatars/000m.jpg)"></span>
<h3>Paweł Kuna</h3>
</div>
<div class="mb-4">
<input type="password" class="form-control" placeholder="Password&hellip;">
</div>
<div>
<a href="#" class="btn btn-primary w-100">
<!-- Download SVG icon from http://tabler-icons.io/i/lock-open -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="5" y="11" width="14" height="10" rx="2" /><circle cx="12" cy="16" r="1" /><path d="M8 11v-5a4 4 0 0 1 8 0" /></svg>
Unlock
</a>
</div>
</div>
</form>
</div>
</div>
<!-- Libs JS -->
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js"></script>
</body>
</html>

+ 406
- 0
Resources/assets/tabler/demo/blank.html View File

@@ -0,0 +1,406 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-->
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<header class="navbar navbar-expand-md navbar-light d-print-none">
<div class="container-xl">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
<a href=".">
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
</a>
</h1>
<div class="navbar-nav flex-row order-md-last">
<div class="nav-item d-none d-md-flex me-3">
<div class="btn-list">
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
Source code
</a>
<a href="https://github.com/sponsors/codecalm" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</div>
</div>
<div class="nav-item dropdown d-none d-md-flex me-3">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
<!-- Download SVG icon from http://tabler-icons.io/i/bell -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
<span class="badge bg-red"></span>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
<div class="card">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
</div>
</div>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-xl-block ps-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">UI Designer</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<a href="#" class="dropdown-item">Set status</a>
<a href="#" class="dropdown-item">Profile & account</a>
<a href="#" class="dropdown-item">Feedback</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">Settings</a>
<a href="#" class="dropdown-item">Logout</a>
</div>
</div>
</div>
</div>
</header>
<div class="navbar-expand-md">
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="navbar navbar-light">
<div class="container-xl">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
</span>
<span class="nav-link-title">
Home
</span>
</a>
</li>
<li class="nav-item active dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span>
<span class="nav-link-title">
Interface
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./empty.html" >
Empty page
</a>
<a class="dropdown-item" href="./accordion.html" >
Accordion
</a>
<a class="dropdown-item active" href="./blank.html" >
Blank page
</a>
<a class="dropdown-item" href="./buttons.html" >
Buttons
</a>
<a class="dropdown-item" href="./cards.html" >
Cards
</a>
<a class="dropdown-item" href="./cards-masonry.html" >
Cards Masonry
</a>
<a class="dropdown-item" href="./colors.html" >
Colors
</a>
<a class="dropdown-item" href="./dropdowns.html" >
Dropdowns
</a>
<a class="dropdown-item" href="./icons.html" >
Icons
</a>
<a class="dropdown-item" href="./modals.html" >
Modals
</a>
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./navigation.html" >
Navigation
</a>
<a class="dropdown-item" href="./charts.html" >
Charts
</a>
<a class="dropdown-item" href="./pagination.html" >
Pagination
</a>
<a class="dropdown-item" href="./skeleton.html" >
Skeleton
</a>
<a class="dropdown-item" href="./tabs.html" >
Tabs
</a>
<a class="dropdown-item" href="./tables.html" >
Tables
</a>
<a class="dropdown-item" href="./carousel.html" >
Carousel
</a>
<a class="dropdown-item" href="./lists.html" >
Lists
</a>
<a class="dropdown-item" href="./typography.html" >
Typography
</a>
<a class="dropdown-item" href="./markdown.html" >
Markdown
</a>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="./sign-in.html" class="dropdown-item">Sign in</a>
<a href="./sign-up.html" class="dropdown-item">Sign up</a>
<a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
</div>
</div>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="./error-404.html" class="dropdown-item">404 page</a>
<a href="./error-500.html" class="dropdown-item">500 page</a>
<a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./form-elements.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
</span>
<span class="nav-link-title">
Form elements
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
</span>
<span class="nav-link-title">
Extra
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./activity.html" >
Activity
</a>
<a class="dropdown-item" href="./gallery.html" >
Gallery
</a>
<a class="dropdown-item" href="./invoice.html" >
Invoice
</a>
<a class="dropdown-item" href="./search-results.html" >
Search results
</a>
<a class="dropdown-item" href="./pricing.html" >
Pricing cards
</a>
<a class="dropdown-item" href="./users.html" >
Users
</a>
<a class="dropdown-item" href="./license.html" >
License
</a>
<a class="dropdown-item" href="./music.html" >
Music
</a>
<a class="dropdown-item" href="./widgets.html" >
Widgets
</a>
<a class="dropdown-item" href="./wizard.html" >
Wizard
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
</span>
<span class="nav-link-title">
Layout
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-horizontal.html" >
Horizontal
</a>
<a class="dropdown-item" href="./layout-vertical.html" >
Vertical
</a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical
</a>
<a class="dropdown-item" href="./layout-condensed.html" >
Condensed
</a>
<a class="dropdown-item" href="./layout-condensed-dark.html" >
Condensed dark
</a>
<a class="dropdown-item" href="./layout-combo.html" >
Combined
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark
</a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap
</a>
<a class="dropdown-item" href="./layout-dark.html" >
Dark mode
</a>
<a class="dropdown-item" href="./layout-rtl.html" >
RTL mode
</a>
<a class="dropdown-item" href="./layout-fluid.html" >
Fluid
</a>
<a class="dropdown-item" href="./layout-fluid-vertical.html" >
Fluid vertical
</a>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./docs/index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
</span>
<span class="nav-link-title">
Documentation
</span>
</a>
</li>
</ul>
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
</span>
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="page-wrapper">
<div class="container-xl">
</div>
<div class="page-body">
<div class="container-xl d-flex flex-column justify-content-center">
<div class="empty">
<div class="empty-img"><img src="./static/illustrations/undraw_printing_invoices_5r4r.svg" height="128" alt="">
</div>
<p class="empty-title">No results found</p>
<p class="empty-subtitle text-muted">
Try adjusting your search or filter to find what you're looking for.
</p>
<div class="empty-action">
<a href="./." class="btn btn-primary">
<!-- Download SVG icon from http://tabler-icons.io/i/plus -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" /></svg>
Add your first client
</a>
</div>
</div>
</div>
</div>
<footer class="footer footer-transparent d-print-none">
<div class="container">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ms-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
<li class="list-inline-item">
<a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item">
Copyright &copy; 2021
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta3</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Libs JS -->
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js"></script>
</body>
</html>

+ 1204
- 0
Resources/assets/tabler/demo/buttons.html
File diff suppressed because it is too large
View File


+ 654
- 0
Resources/assets/tabler/demo/cards-masonry.html View File

@@ -0,0 +1,654 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-->
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Cards Masonry - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<header class="navbar navbar-expand-md navbar-light d-print-none">
<div class="container-xl">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
<a href=".">
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
</a>
</h1>
<div class="navbar-nav flex-row order-md-last">
<div class="nav-item d-none d-md-flex me-3">
<div class="btn-list">
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
Source code
</a>
<a href="https://github.com/sponsors/codecalm" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</div>
</div>
<div class="nav-item dropdown d-none d-md-flex me-3">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
<!-- Download SVG icon from http://tabler-icons.io/i/bell -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
<span class="badge bg-red"></span>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
<div class="card">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
</div>
</div>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-xl-block ps-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">UI Designer</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<a href="#" class="dropdown-item">Set status</a>
<a href="#" class="dropdown-item">Profile & account</a>
<a href="#" class="dropdown-item">Feedback</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">Settings</a>
<a href="#" class="dropdown-item">Logout</a>
</div>
</div>
</div>
</div>
</header>
<div class="navbar-expand-md">
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="navbar navbar-light">
<div class="container-xl">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
</span>
<span class="nav-link-title">
Home
</span>
</a>
</li>
<li class="nav-item active dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span>
<span class="nav-link-title">
Interface
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./empty.html" >
Empty page
</a>
<a class="dropdown-item" href="./accordion.html" >
Accordion
</a>
<a class="dropdown-item" href="./blank.html" >
Blank page
</a>
<a class="dropdown-item" href="./buttons.html" >
Buttons
</a>
<a class="dropdown-item" href="./cards.html" >
Cards
</a>
<a class="dropdown-item active" href="./cards-masonry.html" >
Cards Masonry
</a>
<a class="dropdown-item" href="./colors.html" >
Colors
</a>
<a class="dropdown-item" href="./dropdowns.html" >
Dropdowns
</a>
<a class="dropdown-item" href="./icons.html" >
Icons
</a>
<a class="dropdown-item" href="./modals.html" >
Modals
</a>
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./navigation.html" >
Navigation
</a>
<a class="dropdown-item" href="./charts.html" >
Charts
</a>
<a class="dropdown-item" href="./pagination.html" >
Pagination
</a>
<a class="dropdown-item" href="./skeleton.html" >
Skeleton
</a>
<a class="dropdown-item" href="./tabs.html" >
Tabs
</a>
<a class="dropdown-item" href="./tables.html" >
Tables
</a>
<a class="dropdown-item" href="./carousel.html" >
Carousel
</a>
<a class="dropdown-item" href="./lists.html" >
Lists
</a>
<a class="dropdown-item" href="./typography.html" >
Typography
</a>
<a class="dropdown-item" href="./markdown.html" >
Markdown
</a>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="./sign-in.html" class="dropdown-item">Sign in</a>
<a href="./sign-up.html" class="dropdown-item">Sign up</a>
<a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
</div>
</div>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="./error-404.html" class="dropdown-item">404 page</a>
<a href="./error-500.html" class="dropdown-item">500 page</a>
<a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./form-elements.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
</span>
<span class="nav-link-title">
Form elements
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
</span>
<span class="nav-link-title">
Extra
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./activity.html" >
Activity
</a>
<a class="dropdown-item" href="./gallery.html" >
Gallery
</a>
<a class="dropdown-item" href="./invoice.html" >
Invoice
</a>
<a class="dropdown-item" href="./search-results.html" >
Search results
</a>
<a class="dropdown-item" href="./pricing.html" >
Pricing cards
</a>
<a class="dropdown-item" href="./users.html" >
Users
</a>
<a class="dropdown-item" href="./license.html" >
License
</a>
<a class="dropdown-item" href="./music.html" >
Music
</a>
<a class="dropdown-item" href="./widgets.html" >
Widgets
</a>
<a class="dropdown-item" href="./wizard.html" >
Wizard
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
</span>
<span class="nav-link-title">
Layout
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-horizontal.html" >
Horizontal
</a>
<a class="dropdown-item" href="./layout-vertical.html" >
Vertical
</a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical
</a>
<a class="dropdown-item" href="./layout-condensed.html" >
Condensed
</a>
<a class="dropdown-item" href="./layout-condensed-dark.html" >
Condensed dark
</a>
<a class="dropdown-item" href="./layout-combo.html" >
Combined
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark
</a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap
</a>
<a class="dropdown-item" href="./layout-dark.html" >
Dark mode
</a>
<a class="dropdown-item" href="./layout-rtl.html" >
RTL mode
</a>
<a class="dropdown-item" href="./layout-fluid.html" >
Fluid
</a>
<a class="dropdown-item" href="./layout-fluid-vertical.html" >
Fluid vertical
</a>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./docs/index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
</span>
<span class="nav-link-title">
Documentation
</span>
</a>
</li>
</ul>
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
</span>
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="page-wrapper">
<div class="container-xl">
<!-- Page title -->
<div class="page-header d-print-none">
<div class="row align-items-center">
<div class="col">
<h2 class="page-title">
Cards Masonry
</h2>
</div>
</div>
</div>
</div>
<div class="page-body">
<div class="container-xl">
<div class="row row-cards" data-masonry='{"percentPosition": true }'>
<div class="col-sm-6 col-lg-4">
<div class="card">
<div class="card-body">
<p>This is some text within a card body.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card">
<div class="card-body">
<h3 class="card-title">Card with bottom image</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
</div>
<div class="card-img-bottom img-responsive img-responsive-16by9" style="background-image: url(./static/photos/56614e12b2a7bd68.jpg)"></div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
</div>
<!-- Card footer -->
<div class="card-footer">
<div class="row align-items-center">
<div class="col-auto">
<a href="#">More information</a>
</div>
<div class="col-auto ms-auto">
<label class="form-check form-switch m-0">
<input class="form-check-input position-static" type="checkbox" checked>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
</div>
<!-- Card footer -->
<div class="card-footer">
<div class="row align-items-center">
<div class="col-auto ms-auto">
<div class="avatar-list avatar-list-stacked">
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
<span class="avatar avatar-sm avatar-rounded">JL</span>
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
<span class="avatar avatar-sm avatar-rounded">+3</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
<li class="nav-item">
<a class="nav-link active" href="#">
Active
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<!-- Download SVG icon from http://tabler-icons.io/i/star -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
Link
</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
Disabled
</a>
</li>
<li class="nav-item ms-auto">
<a class="nav-link" href="#">
<!-- Download SVG icon from http://tabler-icons.io/i/settings -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
</a>
</li>
</ul>
</div>
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card">
<div class="card-header">
<ul class="nav nav-pills card-header-pills">
<li class="nav-item">
<a class="nav-link active" href="#">
Active
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<!-- Download SVG icon from http://tabler-icons.io/i/star -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon me-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
Link
</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
Disabled
</a>
</li>
<li class="nav-item ms-auto">
<a class="nav-link" href="#">
<!-- Download SVG icon from http://tabler-icons.io/i/settings -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><circle cx="12" cy="12" r="3" /></svg>
</a>
</li>
</ul>
</div>
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card">
<div class="empty">
<div class="empty-img"><img src="./static/illustrations/undraw_quitting_time_dm8t.svg" height="128" alt="">
</div>
<p class="empty-title">No results found</p>
<p class="empty-subtitle text-muted">
Try adjusting your search or filter to find what you're looking for.
</p>
<div class="empty-action">
<a href="./." class="btn btn-primary">
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
Search again
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card">
<div class="card-body">
<h3 class="card-title">Card with progress bar</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
</div>
<div class="progress progress-sm card-progress">
<div class="progress-bar" style="width: 38%" role="progressbar" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100">
<span class="visually-hidden">38% Complete</span>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card">
<div class="card-body">
<h3 class="card-title">Card title</h3>
<div class="card-subtitle">Card subtitle</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card">
<div class="card-header">
<h3 class="card-title">Header title</h3>
</div>
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card">
<div class="card-body">
<div class="mb-3">
<div class="form-label">Card number</div>
<input type="text" name="input-mask" class="form-control" data-mask="0000 0000 0000 0000" data-mask-visible="true" autocomplete="off"/>
</div>
<div class="mb-3">
<div class="form-label">Card name</div>
<input type="text" class="form-control">
</div>
<div class="row">
<div class="col-8">
<div class="mb-3">
<label class="form-label">Expiration date</label>
<div class="row g-2">
<div class="col">
<select class="form-select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</div>
<div class="col">
<select class="form-select">
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
<option value="2028">2028</option>
<option value="2029">2029</option>
<option value="2030">2030</option>
</select>
</div>
</div>
</div>
</div>
<div class="col">
<div class="mb-3">
<div class="form-label">CVV</div>
<input type="number" class="form-control">
</div>
</div>
</div>
<div class="mt-2">
<a href="#" class="btn btn-primary w-100">
Pay now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer footer-transparent d-print-none">
<div class="container">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ms-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
<li class="list-inline-item">
<a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item">
Copyright &copy; 2021
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta3</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Libs JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js"></script>
</body>
</html>

+ 998
- 0
Resources/assets/tabler/demo/cards.html
File diff suppressed because it is too large
View File


+ 563
- 0
Resources/assets/tabler/demo/carousel.html View File

@@ -0,0 +1,563 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-->
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<header class="navbar navbar-expand-md navbar-light d-print-none">
<div class="container-xl">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
<a href=".">
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
</a>
</h1>
<div class="navbar-nav flex-row order-md-last">
<div class="nav-item d-none d-md-flex me-3">
<div class="btn-list">
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
Source code
</a>
<a href="https://github.com/sponsors/codecalm" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</div>
</div>
<div class="nav-item dropdown d-none d-md-flex me-3">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
<!-- Download SVG icon from http://tabler-icons.io/i/bell -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
<span class="badge bg-red"></span>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
<div class="card">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
</div>
</div>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-xl-block ps-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">UI Designer</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<a href="#" class="dropdown-item">Set status</a>
<a href="#" class="dropdown-item">Profile & account</a>
<a href="#" class="dropdown-item">Feedback</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">Settings</a>
<a href="#" class="dropdown-item">Logout</a>
</div>
</div>
</div>
</div>
</header>
<div class="navbar-expand-md">
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="navbar navbar-light">
<div class="container-xl">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
</span>
<span class="nav-link-title">
Home
</span>
</a>
</li>
<li class="nav-item active dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span>
<span class="nav-link-title">
Interface
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./empty.html" >
Empty page
</a>
<a class="dropdown-item" href="./accordion.html" >
Accordion
</a>
<a class="dropdown-item" href="./blank.html" >
Blank page
</a>
<a class="dropdown-item" href="./buttons.html" >
Buttons
</a>
<a class="dropdown-item" href="./cards.html" >
Cards
</a>
<a class="dropdown-item" href="./cards-masonry.html" >
Cards Masonry
</a>
<a class="dropdown-item" href="./colors.html" >
Colors
</a>
<a class="dropdown-item" href="./dropdowns.html" >
Dropdowns
</a>
<a class="dropdown-item" href="./icons.html" >
Icons
</a>
<a class="dropdown-item" href="./modals.html" >
Modals
</a>
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./navigation.html" >
Navigation
</a>
<a class="dropdown-item" href="./charts.html" >
Charts
</a>
<a class="dropdown-item" href="./pagination.html" >
Pagination
</a>
<a class="dropdown-item" href="./skeleton.html" >
Skeleton
</a>
<a class="dropdown-item" href="./tabs.html" >
Tabs
</a>
<a class="dropdown-item" href="./tables.html" >
Tables
</a>
<a class="dropdown-item active" href="./carousel.html" >
Carousel
</a>
<a class="dropdown-item" href="./lists.html" >
Lists
</a>
<a class="dropdown-item" href="./typography.html" >
Typography
</a>
<a class="dropdown-item" href="./markdown.html" >
Markdown
</a>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="./sign-in.html" class="dropdown-item">Sign in</a>
<a href="./sign-up.html" class="dropdown-item">Sign up</a>
<a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
</div>
</div>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="./error-404.html" class="dropdown-item">404 page</a>
<a href="./error-500.html" class="dropdown-item">500 page</a>
<a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./form-elements.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
</span>
<span class="nav-link-title">
Form elements
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
</span>
<span class="nav-link-title">
Extra
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./activity.html" >
Activity
</a>
<a class="dropdown-item" href="./gallery.html" >
Gallery
</a>
<a class="dropdown-item" href="./invoice.html" >
Invoice
</a>
<a class="dropdown-item" href="./search-results.html" >
Search results
</a>
<a class="dropdown-item" href="./pricing.html" >
Pricing cards
</a>
<a class="dropdown-item" href="./users.html" >
Users
</a>
<a class="dropdown-item" href="./license.html" >
License
</a>
<a class="dropdown-item" href="./music.html" >
Music
</a>
<a class="dropdown-item" href="./widgets.html" >
Widgets
</a>
<a class="dropdown-item" href="./wizard.html" >
Wizard
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
</span>
<span class="nav-link-title">
Layout
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-horizontal.html" >
Horizontal
</a>
<a class="dropdown-item" href="./layout-vertical.html" >
Vertical
</a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical
</a>
<a class="dropdown-item" href="./layout-condensed.html" >
Condensed
</a>
<a class="dropdown-item" href="./layout-condensed-dark.html" >
Condensed dark
</a>
<a class="dropdown-item" href="./layout-combo.html" >
Combined
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark
</a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap
</a>
<a class="dropdown-item" href="./layout-dark.html" >
Dark mode
</a>
<a class="dropdown-item" href="./layout-rtl.html" >
RTL mode
</a>
<a class="dropdown-item" href="./layout-fluid.html" >
Fluid
</a>
<a class="dropdown-item" href="./layout-fluid-vertical.html" >
Fluid vertical
</a>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./docs/index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
</span>
<span class="nav-link-title">
Documentation
</span>
</a>
</li>
</ul>
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
</span>
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="page-wrapper">
<div class="container-xl">
<!-- Page title -->
<div class="page-header d-print-none">
<div class="row align-items-center">
<div class="col">
<h2 class="page-title">
Carousel
</h2>
</div>
</div>
</div>
</div>
<div class="page-body">
<div class="container-xl">
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3 class="card-title">Carousel</h3>
</div>
<div class="card-body">
<div id="carousel-default" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" alt="" src="./static/photos/1b73704b282a8ec6.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/3d2998219313cd37.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/6ab3200b14549f8a.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/6d35d9a2bd6c63c2.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/8a26974ee6444acd.jpg">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3 class="card-title">Carousel with indicators</h3>
</div>
<div class="card-body">
<div id="carousel-indicators" class="carousel slide" data-bs-ride="carousel">
<ol class="carousel-indicators">
<li data-bs-target="#carousel-indicators" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carousel-indicators" data-bs-slide-to="1" class=""></li>
<li data-bs-target="#carousel-indicators" data-bs-slide-to="2" class=""></li>
<li data-bs-target="#carousel-indicators" data-bs-slide-to="3" class=""></li>
<li data-bs-target="#carousel-indicators" data-bs-slide-to="4" class=""></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" alt="" src="./static/photos/8c13ad59f739558c.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/8fdeb4785d2b82ef.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/9f36332564ca271d.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/35b88fc04a518c1b.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/36e273986ed577b8.jpg">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3 class="card-title">Carousel with controls</h3>
</div>
<div class="card-body">
<div id="carousel-controls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" alt="" src="./static/photos/75b555b99d5b38c4.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/546fd146c83f428c.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/802a16cdf5ce3551.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/0986f97be719fb9a.jpg">
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/1194d63fe36a8670.jpg">
</div>
</div>
<a class="carousel-control-prev" href="#carousel-controls" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-controls" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3 class="card-title">Carousel with captions</h3>
</div>
<div class="card-body">
<div id="carousel-captions" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" alt="" src="./static/photos/1366fdc9b9b277e4.jpg">
<div class="carousel-item-background d-none d-md-block"></div>
<div class="carousel-caption d-none d-md-block">
<h3>Slide label</h3>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/5358d787242861c4.jpg">
<div class="carousel-item-background d-none d-md-block"></div>
<div class="carousel-caption d-none d-md-block">
<h3>Slide label</h3>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/5614ec7eb9034d04.jpg">
<div class="carousel-item-background d-none d-md-block"></div>
<div class="carousel-caption d-none d-md-block">
<h3>Slide label</h3>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/56614e12b2a7bd68.jpg">
<div class="carousel-item-background d-none d-md-block"></div>
<div class="carousel-caption d-none d-md-block">
<h3>Slide label</h3>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" alt="" src="./static/photos/77586f6ffa9fbc5e.jpg">
<div class="carousel-item-background d-none d-md-block"></div>
<div class="carousel-caption d-none d-md-block">
<h3>Slide label</h3>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carousel-captions" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-captions" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer footer-transparent d-print-none">
<div class="container">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ms-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
<li class="list-inline-item">
<a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item">
Copyright &copy; 2021
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta3</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Libs JS -->
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js"></script>
</body>
</html>

+ 728
- 0
Resources/assets/tabler/demo/changelog.html View File

@@ -0,0 +1,728 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-->
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Changelog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<header class="navbar navbar-expand-md navbar-light d-print-none">
<div class="container-xl">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
<a href=".">
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
</a>
</h1>
<div class="navbar-nav flex-row order-md-last">
<div class="nav-item d-none d-md-flex me-3">
<div class="btn-list">
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
Source code
</a>
<a href="https://github.com/sponsors/codecalm" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</div>
</div>
<div class="nav-item dropdown d-none d-md-flex me-3">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
<!-- Download SVG icon from http://tabler-icons.io/i/bell -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
<span class="badge bg-red"></span>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
<div class="card">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
</div>
</div>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-xl-block ps-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">UI Designer</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<a href="#" class="dropdown-item">Set status</a>
<a href="#" class="dropdown-item">Profile & account</a>
<a href="#" class="dropdown-item">Feedback</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">Settings</a>
<a href="#" class="dropdown-item">Logout</a>
</div>
</div>
</div>
</div>
</header>
<div class="navbar-expand-md">
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="navbar navbar-light">
<div class="container-xl">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
</span>
<span class="nav-link-title">
Home
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span>
<span class="nav-link-title">
Interface
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./empty.html" >
Empty page
</a>
<a class="dropdown-item" href="./accordion.html" >
Accordion
</a>
<a class="dropdown-item" href="./blank.html" >
Blank page
</a>
<a class="dropdown-item" href="./buttons.html" >
Buttons
</a>
<a class="dropdown-item" href="./cards.html" >
Cards
</a>
<a class="dropdown-item" href="./cards-masonry.html" >
Cards Masonry
</a>
<a class="dropdown-item" href="./colors.html" >
Colors
</a>
<a class="dropdown-item" href="./dropdowns.html" >
Dropdowns
</a>
<a class="dropdown-item" href="./icons.html" >
Icons
</a>
<a class="dropdown-item" href="./modals.html" >
Modals
</a>
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./navigation.html" >
Navigation
</a>
<a class="dropdown-item" href="./charts.html" >
Charts
</a>
<a class="dropdown-item" href="./pagination.html" >
Pagination
</a>
<a class="dropdown-item" href="./skeleton.html" >
Skeleton
</a>
<a class="dropdown-item" href="./tabs.html" >
Tabs
</a>
<a class="dropdown-item" href="./tables.html" >
Tables
</a>
<a class="dropdown-item" href="./carousel.html" >
Carousel
</a>
<a class="dropdown-item" href="./lists.html" >
Lists
</a>
<a class="dropdown-item" href="./typography.html" >
Typography
</a>
<a class="dropdown-item" href="./markdown.html" >
Markdown
</a>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="./sign-in.html" class="dropdown-item">Sign in</a>
<a href="./sign-up.html" class="dropdown-item">Sign up</a>
<a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
</div>
</div>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="./error-404.html" class="dropdown-item">404 page</a>
<a href="./error-500.html" class="dropdown-item">500 page</a>
<a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./form-elements.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
</span>
<span class="nav-link-title">
Form elements
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
</span>
<span class="nav-link-title">
Extra
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./activity.html" >
Activity
</a>
<a class="dropdown-item" href="./gallery.html" >
Gallery
</a>
<a class="dropdown-item" href="./invoice.html" >
Invoice
</a>
<a class="dropdown-item" href="./search-results.html" >
Search results
</a>
<a class="dropdown-item" href="./pricing.html" >
Pricing cards
</a>
<a class="dropdown-item" href="./users.html" >
Users
</a>
<a class="dropdown-item" href="./license.html" >
License
</a>
<a class="dropdown-item" href="./music.html" >
Music
</a>
<a class="dropdown-item" href="./widgets.html" >
Widgets
</a>
<a class="dropdown-item" href="./wizard.html" >
Wizard
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
</span>
<span class="nav-link-title">
Layout
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-horizontal.html" >
Horizontal
</a>
<a class="dropdown-item" href="./layout-vertical.html" >
Vertical
</a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical
</a>
<a class="dropdown-item" href="./layout-condensed.html" >
Condensed
</a>
<a class="dropdown-item" href="./layout-condensed-dark.html" >
Condensed dark
</a>
<a class="dropdown-item" href="./layout-combo.html" >
Combined
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark
</a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap
</a>
<a class="dropdown-item" href="./layout-dark.html" >
Dark mode
</a>
<a class="dropdown-item" href="./layout-rtl.html" >
RTL mode
</a>
<a class="dropdown-item" href="./layout-fluid.html" >
Fluid
</a>
<a class="dropdown-item" href="./layout-fluid-vertical.html" >
Fluid vertical
</a>
</div>
</div>
</div>
</li>
<li class="nav-item active">
<a class="nav-link" href="./docs/index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
</span>
<span class="nav-link-title">
Documentation
</span>
</a>
</li>
</ul>
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
</span>
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="page-wrapper">
<div class="container-xl">
<!-- Page title -->
<div class="page-header d-print-none">
<div class="row align-items-center">
<div class="col">
<h2 class="page-title">
Documentation
</h2>
</div>
</div>
</div>
</div>
<div class="page-body">
<div class="container-xl">
<div class="row gx-lg-4">
<div class="d-none d-lg-block col-lg-3">
<ul class="nav nav-pills nav-vertical">
<li class="nav-item">
<a href="./docs/" class="nav-link">
Introduction
</a>
</li>
<li class="nav-item">
<a href="#menu-base" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
Getting started
<span class="nav-link-toggle"></span>
</a>
<ul class="nav nav-pills collapse" id="menu-base">
<li class="nav-item">
<a href="./docs/getting-started.html" class="nav-link">
Getting Started
</a>
</li>
<li class="nav-item">
<a href="./docs/download.html" class="nav-link">
Download
</a>
</li>
<li class="nav-item">
<a href="./docs/browser-support.html" class="nav-link">
Browser Support
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#menu-content" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
Content
<span class="nav-link-toggle"></span>
</a>
<ul class="nav nav-pills collapse" id="menu-content">
<li class="nav-item">
<a href="./docs/colors.html" class="nav-link">
Colors
</a>
</li>
<li class="nav-item">
<a href="./docs/typography.html" class="nav-link">
Typography
</a>
</li>
<li class="nav-item">
<a href="./docs/icons.html" class="nav-link">
Icons
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#menu-layout" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
Layout
<span class="nav-link-toggle"></span>
</a>
<ul class="nav nav-pills collapse" id="menu-layout">
<li class="nav-item">
<a href="./docs/page-headers.html" class="nav-link">
Page headers
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#menu-forms" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
Form components
<span class="nav-link-toggle"></span>
</a>
<ul class="nav nav-pills collapse" id="menu-forms">
<li class="nav-item">
<a href="./docs/form-elements.html" class="nav-link">
Form elements
</a>
</li>
<li class="nav-item">
<a href="./docs/form-helpers.html" class="nav-link">
Form helpers
</a>
</li>
<li class="nav-item">
<a href="./docs/form-validation.html" class="nav-link">
Validation states
</a>
</li>
<li class="nav-item">
<a href="./docs/form-image-check.html" class="nav-link">
Image check
</a>
</li>
<li class="nav-item">
<a href="./docs/form-color-check.html" class="nav-link">
Color check
</a>
</li>
<li class="nav-item">
<a href="./docs/form-selectboxes.html" class="nav-link">
Form selectboxes
</a>
</li>
<li class="nav-item">
<a href="./docs/form-fieldset.html" class="nav-link">
Form fieldset
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#menu-components" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
Components
<span class="nav-link-toggle"></span>
</a>
<ul class="nav nav-pills collapse" id="menu-components">
<li class="nav-item">
<a href="./docs/alerts.html" class="nav-link">
Alerts
</a>
</li>
<li class="nav-item">
<a href="./docs/avatars.html" class="nav-link">
Avatars
</a>
</li>
<li class="nav-item">
<a href="./docs/badges.html" class="nav-link">
Badges
</a>
</li>
<li class="nav-item">
<a href="./docs/breadcrumb.html" class="nav-link">
Breadcrumb
</a>
</li>
<li class="nav-item">
<a href="./docs/buttons.html" class="nav-link">
Buttons
</a>
</li>
<li class="nav-item">
<a href="./docs/cards.html" class="nav-link">
Cards
</a>
</li>
<li class="nav-item">
<a href="./docs/carousel.html" class="nav-link">
Carousel
</a>
</li>
<li class="nav-item">
<a href="./docs/dropdowns.html" class="nav-link">
Dropdowns
</a>
</li>
<li class="nav-item">
<a href="./docs/divider.html" class="nav-link">
Divider
</a>
</li>
<li class="nav-item">
<a href="./docs/empty.html" class="nav-link">
Empty states
</a>
</li>
<li class="nav-item">
<a href="./docs/modals.html" class="nav-link">
Modals
</a>
</li>
<li class="nav-item">
<a href="./docs/page-headers.html" class="nav-link">
Page headers
</a>
</li>
<li class="nav-item">
<a href="./docs/progress.html" class="nav-link">
Progress
</a>
</li>
<li class="nav-item">
<a href="./docs/range-slider.html" class="nav-link">
Range slider
</a>
</li>
<li class="nav-item">
<a href="./docs/ribbons.html" class="nav-link">
Ribbons
</a>
</li>
<li class="nav-item">
<a href="./docs/skeleton.html" class="nav-link">
Skeleton
</a>
</li>
<li class="nav-item">
<a href="./docs/spinners.html" class="nav-link">
Spinners
</a>
</li>
<li class="nav-item">
<a href="./docs/steps.html" class="nav-link">
Steps
</a>
</li>
<li class="nav-item">
<a href="./docs/switch-icon.html" class="nav-link">
Switch icon
</a>
</li>
<li class="nav-item">
<a href="./docs/tables.html" class="nav-link">
Tables
</a>
</li>
<li class="nav-item">
<a href="./docs/tabs.html" class="nav-link">
Tabs
</a>
</li>
<li class="nav-item">
<a href="./docs/timelines.html" class="nav-link">
Timelines
</a>
</li>
<li class="nav-item">
<a href="./docs/toasts.html" class="nav-link">
Toasts
</a>
</li>
<li class="nav-item">
<a href="./docs/tooltips.html" class="nav-link">
Tooltips
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#menu-utils" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
Utilities
<span class="nav-link-toggle"></span>
</a>
<ul class="nav nav-pills collapse" id="menu-utils">
<li class="nav-item">
<a href="./docs/borders.html" class="nav-link">
Borders
</a>
</li>
<li class="nav-item">
<a href="./docs/cursors.html" class="nav-link">
Cursors
</a>
</li>
<li class="nav-item">
<a href="./docs/interactions.html" class="nav-link">
Interactions
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#menu-plugins" class="nav-link" data-bs-toggle="collapse" aria-expanded="false">
Plugins
<span class="nav-link-toggle"></span>
</a>
<ul class="nav nav-pills collapse" id="menu-plugins">
<li class="nav-item">
<a href="./docs/autosize.html" class="nav-link">
Autosize
</a>
</li>
<li class="nav-item">
<a href="./docs/input-mask.html" class="nav-link">
Form input mask
</a>
</li>
<li class="nav-item">
<a href="./docs/flags.html" class="nav-link">
Flags
</a>
</li>
<li class="nav-item">
<a href="./docs/payments.html" class="nav-link">
Payments
</a>
</li>
<li class="nav-item">
<a href="./docs/charts.html" class="nav-link">
Charts
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="./changelog.html" class="nav-link active">
Changelog
<span class="badge bg-blue-lt ms-auto">1.0.0-beta3</span>
</a>
</li>
</ul>
</div>
<div class="col-lg-9">
<div class="card card-lg">
<div class="card-body">
<div class="markdown">
<div>
<div class="d-flex mb-3">
<h1 class="m-0">Changelog</h1>
</div>
</div>
<div class="mb-4">
<div class="mb-2">
<span class="badge bg-blue-lt">1.0.0-beta</span> –
<span class="text-muted">February 17, 2021</span>
</div>
<p>Initial release of Tabler v1.0! Lots more coming soon though 😁</p>
<ul>
<li>Updated to Bootstrap v5.0.0-beta2</li>
<li>Updated other dependencies.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer footer-transparent d-print-none">
<div class="container">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ms-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
<li class="list-inline-item">
<a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item">
Copyright &copy; 2021
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta3</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Libs JS -->
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js"></script>
</body>
</html>

+ 2176
- 0
Resources/assets/tabler/demo/charts.html
File diff suppressed because it is too large
View File


+ 701
- 0
Resources/assets/tabler/demo/colors.html View File

@@ -0,0 +1,701 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-->
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Colors - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="wrapper">
<header class="navbar navbar-expand-md navbar-light d-print-none">
<div class="container-xl">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
<a href=".">
<img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
</a>
</h1>
<div class="navbar-nav flex-row order-md-last">
<div class="nav-item d-none d-md-flex me-3">
<div class="btn-list">
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
Source code
</a>
<a href="https://github.com/sponsors/codecalm" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</div>
</div>
<div class="nav-item dropdown d-none d-md-flex me-3">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
<!-- Download SVG icon from http://tabler-icons.io/i/bell -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
<span class="badge bg-red"></span>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-card">
<div class="card">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad amet consectetur exercitationem fugiat in ipsa ipsum, natus odio quidem quod repudiandae sapiente. Amet debitis et magni maxime necessitatibus ullam.
</div>
</div>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
<span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
<div class="d-none d-xl-block ps-2">
<div>Paweł Kuna</div>
<div class="mt-1 small text-muted">UI Designer</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<a href="#" class="dropdown-item">Set status</a>
<a href="#" class="dropdown-item">Profile & account</a>
<a href="#" class="dropdown-item">Feedback</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">Settings</a>
<a href="#" class="dropdown-item">Logout</a>
</div>
</div>
</div>
</div>
</header>
<div class="navbar-expand-md">
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="navbar navbar-light">
<div class="container-xl">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
</span>
<span class="nav-link-title">
Home
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span>
<span class="nav-link-title">
Interface
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./empty.html" >
Empty page
</a>
<a class="dropdown-item" href="./accordion.html" >
Accordion
</a>
<a class="dropdown-item" href="./blank.html" >
Blank page
</a>
<a class="dropdown-item" href="./buttons.html" >
Buttons
</a>
<a class="dropdown-item" href="./cards.html" >
Cards
</a>
<a class="dropdown-item" href="./cards-masonry.html" >
Cards Masonry
</a>
<a class="dropdown-item" href="./colors.html" >
Colors
</a>
<a class="dropdown-item" href="./dropdowns.html" >
Dropdowns
</a>
<a class="dropdown-item" href="./icons.html" >
Icons
</a>
<a class="dropdown-item" href="./modals.html" >
Modals
</a>
<a class="dropdown-item" href="./maps.html" >
Maps
</a>
<a class="dropdown-item" href="./map-fullsize.html" >
Map fullsize
</a>
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./navigation.html" >
Navigation
</a>
<a class="dropdown-item" href="./charts.html" >
Charts
</a>
<a class="dropdown-item" href="./pagination.html" >
Pagination
</a>
<a class="dropdown-item" href="./skeleton.html" >
Skeleton
</a>
<a class="dropdown-item" href="./tabs.html" >
Tabs
</a>
<a class="dropdown-item" href="./tables.html" >
Tables
</a>
<a class="dropdown-item" href="./carousel.html" >
Carousel
</a>
<a class="dropdown-item" href="./lists.html" >
Lists
</a>
<a class="dropdown-item" href="./typography.html" >
Typography
</a>
<a class="dropdown-item" href="./markdown.html" >
Markdown
</a>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Authentication
</a>
<div class="dropdown-menu">
<a href="./sign-in.html" class="dropdown-item">Sign in</a>
<a href="./sign-up.html" class="dropdown-item">Sign up</a>
<a href="./forgot-password.html" class="dropdown-item">Forgot password</a>
<a href="./terms-of-service.html" class="dropdown-item">Terms of service</a>
<a href="./auth-lock.html" class="dropdown-item">Lock screen</a>
</div>
</div>
<div class="dropend">
<a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
Error pages
</a>
<div class="dropdown-menu">
<a href="./error-404.html" class="dropdown-item">404 page</a>
<a href="./error-500.html" class="dropdown-item">500 page</a>
<a href="./error-maintenance.html" class="dropdown-item">Maintenance page</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./form-elements.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
</span>
<span class="nav-link-title">
Form elements
</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
</span>
<span class="nav-link-title">
Extra
</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./activity.html" >
Activity
</a>
<a class="dropdown-item" href="./gallery.html" >
Gallery
</a>
<a class="dropdown-item" href="./invoice.html" >
Invoice
</a>
<a class="dropdown-item" href="./search-results.html" >
Search results
</a>
<a class="dropdown-item" href="./pricing.html" >
Pricing cards
</a>
<a class="dropdown-item" href="./users.html" >
Users
</a>
<a class="dropdown-item" href="./license.html" >
License
</a>
<a class="dropdown-item" href="./music.html" >
Music
</a>
<a class="dropdown-item" href="./widgets.html" >
Widgets
</a>
<a class="dropdown-item" href="./wizard.html" >
Wizard
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
</span>
<span class="nav-link-title">
Layout
</span>
</a>
<div class="dropdown-menu">
<div class="dropdown-menu-columns">
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-horizontal.html" >
Horizontal
</a>
<a class="dropdown-item" href="./layout-vertical.html" >
Vertical
</a>
<a class="dropdown-item" href="./layout-vertical-transparent.html" >
Vertical transparent
</a>
<a class="dropdown-item" href="./layout-vertical-right.html" >
Right vertical
</a>
<a class="dropdown-item" href="./layout-condensed.html" >
Condensed
</a>
<a class="dropdown-item" href="./layout-condensed-dark.html" >
Condensed dark
</a>
<a class="dropdown-item" href="./layout-combo.html" >
Combined
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./layout-navbar-dark.html" >
Navbar dark
</a>
<a class="dropdown-item" href="./layout-navbar-sticky.html" >
Navbar sticky
</a>
<a class="dropdown-item" href="./layout-navbar-overlap.html" >
Navbar overlap
</a>
<a class="dropdown-item" href="./layout-dark.html" >
Dark mode
</a>
<a class="dropdown-item" href="./layout-rtl.html" >
RTL mode
</a>
<a class="dropdown-item" href="./layout-fluid.html" >
Fluid
</a>
<a class="dropdown-item" href="./layout-fluid-vertical.html" >
Fluid vertical
</a>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="./docs/index.html" >
<span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
</span>
<span class="nav-link-title">
Documentation
</span>
</a>
</li>
</ul>
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
</span>
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="page-wrapper">
<div class="container-xl">
<!-- Page title -->
<div class="page-header d-print-none">
<div class="row align-items-center">
<div class="col">
<h2 class="page-title">
Colors
</h2>
</div>
</div>
</div>
</div>
<div class="page-body">
<div class="container-xl">
<div class="card">
<div class="card-body">
<div class="table-responsive">
<table class="table text-center">
<tr>
<td>
<div class="avatar text-white bg-blue" data-demo-color>bl
</div>
</td>
<td>
<div class="avatar text-white bg-azure" data-demo-color>az
</div>
</td>
<td>
<div class="avatar text-white bg-indigo" data-demo-color>in
</div>
</td>
<td>
<div class="avatar text-white bg-purple" data-demo-color>pu
</div>
</td>
<td>
<div class="avatar text-white bg-pink" data-demo-color>pi
</div>
</td>
<td>
<div class="avatar text-white bg-red" data-demo-color>re
</div>
</td>
<td>
<div class="avatar text-white bg-orange" data-demo-color>or
</div>
</td>
<td>
<div class="avatar text-white bg-yellow" data-demo-color>ye
</div>
</td>
<td>
<div class="avatar text-white bg-lime" data-demo-color>li
</div>
</td>
<td>
<div class="avatar text-white bg-green" data-demo-color>gr
</div>
</td>
<td>
<div class="avatar text-white bg-teal" data-demo-color>te
</div>
</td>
<td>
<div class="avatar text-white bg-cyan" data-demo-color>cy
</div>
</td>
<td>
<div class="avatar text-white bg-dark" data-demo-color>da
</div>
</td>
<td>
<div class="avatar text-white bg-muted" data-demo-color>mu
</div>
</td>
</tr>
<tr>
<td>
<div class="avatar bg-blue-lt" data-demo-color>bl</div>
</td>
<td>
<div class="avatar bg-azure-lt" data-demo-color>az</div>
</td>
<td>
<div class="avatar bg-indigo-lt" data-demo-color>in</div>
</td>
<td>
<div class="avatar bg-purple-lt" data-demo-color>pu</div>
</td>
<td>
<div class="avatar bg-pink-lt" data-demo-color>pi</div>
</td>
<td>
<div class="avatar bg-red-lt" data-demo-color>re</div>
</td>
<td>
<div class="avatar bg-orange-lt" data-demo-color>or</div>
</td>
<td>
<div class="avatar bg-yellow-lt" data-demo-color>ye</div>
</td>
<td>
<div class="avatar bg-lime-lt" data-demo-color>li</div>
</td>
<td>
<div class="avatar bg-green-lt" data-demo-color>gr</div>
</td>
<td>
<div class="avatar bg-teal-lt" data-demo-color>te</div>
</td>
<td>
<div class="avatar bg-cyan-lt" data-demo-color>cy</div>
</td>
<td>
<div class="avatar bg-dark-lt" data-demo-color>da</div>
</td>
<td>
<div class="avatar bg-muted-lt" data-demo-color>mu</div>
</td>
</tr>
<tr>
<td>
<div class="avatar text-blue bg-white" data-demo-color>bl</div>
</td>
<td>
<div class="avatar text-azure bg-white" data-demo-color>az</div>
</td>
<td>
<div class="avatar text-indigo bg-white" data-demo-color>in</div>
</td>
<td>
<div class="avatar text-purple bg-white" data-demo-color>pu</div>
</td>
<td>
<div class="avatar text-pink bg-white" data-demo-color>pi</div>
</td>
<td>
<div class="avatar text-red bg-white" data-demo-color>re</div>
</td>
<td>
<div class="avatar text-orange bg-white" data-demo-color>or</div>
</td>
<td>
<div class="avatar text-yellow bg-white" data-demo-color>ye</div>
</td>
<td>
<div class="avatar text-lime bg-white" data-demo-color>li</div>
</td>
<td>
<div class="avatar text-green bg-white" data-demo-color>gr</div>
</td>
<td>
<div class="avatar text-teal bg-white" data-demo-color>te</div>
</td>
<td>
<div class="avatar text-cyan bg-white" data-demo-color>cy</div>
</td>
<td>
<div class="avatar text-dark bg-white" data-demo-color>da</div>
</td>
<td>
<div class="avatar text-muted bg-white" data-demo-color>mu</div>
</td>
</tr>
<tr class="bg-light">
<td>
<div class="avatar text-blue bg-light" data-demo-color>bl</div>
</td>
<td>
<div class="avatar text-azure bg-light" data-demo-color>az</div>
</td>
<td>
<div class="avatar text-indigo bg-light" data-demo-color>in</div>
</td>
<td>
<div class="avatar text-purple bg-light" data-demo-color>pu</div>
</td>
<td>
<div class="avatar text-pink bg-light" data-demo-color>pi</div>
</td>
<td>
<div class="avatar text-red bg-light" data-demo-color>re</div>
</td>
<td>
<div class="avatar text-orange bg-light" data-demo-color>or</div>
</td>
<td>
<div class="avatar text-yellow bg-light" data-demo-color>ye</div>
</td>
<td>
<div class="avatar text-lime bg-light" data-demo-color>li</div>
</td>
<td>
<div class="avatar text-green bg-light" data-demo-color>gr</div>
</td>
<td>
<div class="avatar text-teal bg-light" data-demo-color>te</div>
</td>
<td>
<div class="avatar text-cyan bg-light" data-demo-color>cy</div>
</td>
<td>
<div class="avatar text-dark bg-light" data-demo-color>da</div>
</td>
<td>
<div class="avatar text-muted bg-light" data-demo-color>mu</div>
</td>
</tr>
<tr class="bg-dark text-white">
<td>
<div class="avatar text-blue bg-dark" data-demo-color>bl</div>
</td>
<td>
<div class="avatar text-azure bg-dark" data-demo-color>az</div>
</td>
<td>
<div class="avatar text-indigo bg-dark" data-demo-color>in</div>
</td>
<td>
<div class="avatar text-purple bg-dark" data-demo-color>pu</div>
</td>
<td>
<div class="avatar text-pink bg-dark" data-demo-color>pi</div>
</td>
<td>
<div class="avatar text-red bg-dark" data-demo-color>re</div>
</td>
<td>
<div class="avatar text-orange bg-dark" data-demo-color>or</div>
</td>
<td>
<div class="avatar text-yellow bg-dark" data-demo-color>ye</div>
</td>
<td>
<div class="avatar text-lime bg-dark" data-demo-color>li</div>
</td>
<td>
<div class="avatar text-green bg-dark" data-demo-color>gr</div>
</td>
<td>
<div class="avatar text-teal bg-dark" data-demo-color>te</div>
</td>
<td>
<div class="avatar text-cyan bg-dark" data-demo-color>cy</div>
</td>
<td>
<div class="avatar text-white bg-dark" data-demo-color>wh</div>
</td>
<td>
<div class="avatar text-muted bg-dark" data-demo-color>mu</div>
</td>
</tr>
<tr class="bg-dark text-white">
<td>
<div class="avatar bg-blue-lt" data-demo-color>bl</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-azure-lt" data-demo-color>az</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-indigo-lt" data-demo-color>in</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-purple-lt" data-demo-color>pu</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-pink-lt" data-demo-color>pi</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-red-lt" data-demo-color>re</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-orange-lt" data-demo-color>or</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-yellow-lt" data-demo-color>ye</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-lime-lt" data-demo-color>li</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-green-lt" data-demo-color>gr</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-teal-lt" data-demo-color>te</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-cyan-lt" data-demo-color>cy</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-white-lt" data-demo-color>wh</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
<td>
<div class="avatar bg-muted-lt" data-demo-color>mu</div>
<div class="mt-2" data-demo-color-contrast></div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<footer class="footer footer-transparent d-print-none">
<div class="container">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ms-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
<li class="list-inline-item">
<a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item">
Copyright &copy; 2021
<a href="." class="link-secondary">Tabler</a>.
All rights reserved.
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta3</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Libs JS -->
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js"></script>
</body>
</html>

+ 330
- 0
Resources/assets/tabler/demo/dist/css/demo.css View File

@@ -0,0 +1,330 @@
/*!
* Tabler v1.0.0-beta3 (https://tabler.io)
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
pre.highlight,
.highlight pre {
max-height: 30rem;
margin: 1.5rem 0;
overflow: auto;
font-size: 85.7142857%;
border-radius: 4px; }
pre.highlight::-webkit-scrollbar,
.highlight pre::-webkit-scrollbar {
width: 6px;
height: 6px;
-webkit-transition: .3s background;
transition: .3s background; }
pre.highlight::-webkit-scrollbar-thumb,
.highlight pre::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #a0a6ae; }
pre.highlight::-webkit-scrollbar-track,
.highlight pre::-webkit-scrollbar-track {
background: #e7eaef; }
pre.highlight::-webkit-scrollbar-corner,
.highlight pre::-webkit-scrollbar-corner {
background: transparent; }
pre.highlight:hover::-webkit-scrollbar-thumb,
.highlight pre:hover::-webkit-scrollbar-thumb {
background: #a0a6ae; }

.highlight {
margin: 0; }
.highlight code > * {
margin: 0 !important;
padding: 0 !important; }
.highlight .dl {
color: #4070a0; }
.highlight .c {
color: #727272; }
.highlight .c1 {
color: #727272; }
.highlight .ch {
font-style: italic;
color: #60a0b0; }
.highlight .cm {
color: #727272; }
.highlight .cp {
color: #008085; }
.highlight .cpf {
color: #007020; }
.highlight .cs {
color: #727272; }
.highlight .gd {
background-color: #fcc;
border: 1px solid #c00; }
.highlight .ge {
font-style: italic; }
.highlight .gh {
color: #030; }
.highlight .gi {
background-color: #cfc;
border: 1px solid #0c0; }
.highlight .gl {
text-decoration: underline; }
.highlight .go {
color: #aaa; }
.highlight .gp {
color: #009; }
.highlight .gr {
color: #f00; }
.highlight .gs {
font-weight: 700; }
.highlight .gt {
color: #9c6; }
.highlight .gu {
color: #030; }
.highlight .il {
color: #c24f19; }
.highlight .k {
color: #069; }
.highlight .kc {
color: #069; }
.highlight .kd {
color: #069; }
.highlight .kn {
color: #069; }
.highlight .kp {
color: #069; }
.highlight .kr {
color: #069; }
.highlight .kt {
color: #078; }
.highlight .m {
color: #c24f19; }
.highlight .mf {
color: #c24f19; }
.highlight .mb {
color: #40a070; }
.highlight .mh {
color: #c24f19; }
.highlight .mi {
color: #c24f19; }
.highlight .mo {
color: #c24f19; }
.highlight .na {
color: #006ee0; }
.highlight .nb {
color: #366; }
.highlight .nc {
color: #168174; }
.highlight .nd {
color: #6b62de; }
.highlight .ne {
color: #c00; }
.highlight .nf {
color: #b715f4; }
.highlight .ni {
color: #727272; }
.highlight .nl {
color: #6b62de; }
.highlight .nn {
color: #007ca5; }
.highlight .no {
color: #360; }
.highlight .nt {
color: #2f6f9f; }
.highlight .nv {
color: #033; }
.highlight .o {
color: #555; }
.highlight .ow {
color: #000; }
.highlight .s {
color: #d73038; }
.highlight .s1 {
color: #c30; }
.highlight .s2 {
color: #c30; }
.highlight .sa {
color: #4070a0; }
.highlight .sb {
color: #c30; }
.highlight .sc {
color: #c30; }
.highlight .sd {
font-style: italic;
color: #c30; }
.highlight .se {
color: #c30; }
.highlight .sh {
color: #c30; }
.highlight .si {
color: #a00; }
.highlight .sr {
color: #337e7e; }
.highlight .ss {
color: #fc3; }
.highlight .sx {
color: #c30; }
.highlight .w {
color: #bbb; }
.highlight .language-bash::before, .highlight .language-sh::before {
color: #009;
content: "$ ";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.highlight .language-bash .m, .highlight .language-sh .m {
color: inherit; }
.highlight .language-powershell::before {
color: #009;
content: "PM> ";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

.example {
padding: 2rem;
margin: 1rem 0 2rem;
border: 1px solid #e6e8e9;
border-radius: 3px 3px 0 0;
position: relative;
min-height: 12rem;
display: flex;
align-items: center;
overflow-x: auto; }

.example-centered {
justify-content: center; }
.example-centered .example-content {
flex: 0 auto; }

.example-content {
font-size: 0.875rem;
line-height: 1.4285714;
color: #232e3c;
flex: 1;
max-width: 100%; }
.example-content .page-header {
margin-bottom: 0; }

.example-bg {
background: #f4f6fa; }

.example-code {
margin: 2rem 0;
border: 1px solid #e6e8e9;
border-top: none; }
.example-code pre {
margin: 0;
border: 0;
border-radius: 0 0 3px 3px; }
.example + .example-code {
margin-top: -2rem; }

.example-column {
margin: 0 auto; }
.example-column > .card:last-of-type {
margin-bottom: 0; }

.example-column-1 {
max-width: 26rem; }

.example-column-2 {
max-width: 52rem; }

.example-modal-backdrop {
background: #232e3c;
opacity: 0.24;
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
border-radius: 2px 2px 0 0; }

@media not print {
.theme-dark .example-code {
border: 1px solid #e6e8e9;
border-top: none; } }

@media not print and (prefers-color-scheme: dark) {
.theme-dark-auto .example-code {
border: 1px solid #e6e8e9;
border-top: none; } }

.card-sponsor {
background: #dbe7f6 no-repeat center/100% 100%;
border-color: #548ed2;
min-height: 316px; }

body.no-transitions * {
transition: none !important; }

.dropdown-menu-demo {
display: inline-block;
width: 100%;
position: relative;
top: 0;
margin-bottom: 1rem; }

.demo-icon-preview {
position: -webkit-sticky;
position: sticky;
top: 0; }
.demo-icon-preview svg,
.demo-icon-preview i {
width: 15rem;
height: 15rem;
font-size: 15rem;
stroke-width: 1.5;
margin: 0 auto;
display: block; }
@media (max-width: 575.98px) {
.demo-icon-preview svg,
.demo-icon-preview i {
width: 10rem;
height: 10rem;
font-size: 10rem; } }

.demo-icon-preview-icon pre {
margin: 0;
-webkit-user-select: all;
-moz-user-select: all;
user-select: all; }

.demo-dividers > p {
opacity: .2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

.demo-icons-list {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -2px -1px 0;
list-style: none; }
.demo-icons-list > * {
flex: 1 0 7rem; }

.demo-icons-list-wrap {
overflow: hidden; }

.demo-icons-list-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 7rem;
text-align: center;
padding: .5rem;
border-right: 1px solid #e6e8e9;
border-bottom: 1px solid #e6e8e9;
color: inherit;
cursor: pointer; }
.demo-icons-list-item .icon {
width: 1.5rem;
height: 1.5rem;
font-size: 1.5rem; }
.demo-icons-list-item:hover {
text-decoration: none; }

+ 9
- 0
Resources/assets/tabler/demo/dist/css/demo.min.css
File diff suppressed because it is too large
View File


+ 330
- 0
Resources/assets/tabler/demo/dist/css/demo.rtl.css View File

@@ -0,0 +1,330 @@
/*!
* Tabler v1.0.0-beta3 (https://tabler.io)
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
pre.highlight,
.highlight pre {
max-height: 30rem;
margin: 1.5rem 0;
overflow: auto;
font-size: 85.7142857%;
border-radius: 4px; }
pre.highlight::-webkit-scrollbar,
.highlight pre::-webkit-scrollbar {
width: 6px;
height: 6px;
-webkit-transition: .3s background;
transition: .3s background; }
pre.highlight::-webkit-scrollbar-thumb,
.highlight pre::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #a0a6ae; }
pre.highlight::-webkit-scrollbar-track,
.highlight pre::-webkit-scrollbar-track {
background: #e7eaef; }
pre.highlight::-webkit-scrollbar-corner,
.highlight pre::-webkit-scrollbar-corner {
background: transparent; }
pre.highlight:hover::-webkit-scrollbar-thumb,
.highlight pre:hover::-webkit-scrollbar-thumb {
background: #a0a6ae; }

.highlight {
margin: 0; }
.highlight code > * {
margin: 0 !important;
padding: 0 !important; }
.highlight .dl {
color: #4070a0; }
.highlight .c {
color: #727272; }
.highlight .c1 {
color: #727272; }
.highlight .ch {
font-style: italic;
color: #60a0b0; }
.highlight .cm {
color: #727272; }
.highlight .cp {
color: #008085; }
.highlight .cpf {
color: #007020; }
.highlight .cs {
color: #727272; }
.highlight .gd {
background-color: #fcc;
border: 1px solid #c00; }
.highlight .ge {
font-style: italic; }
.highlight .gh {
color: #030; }
.highlight .gi {
background-color: #cfc;
border: 1px solid #0c0; }
.highlight .gl {
text-decoration: underline; }
.highlight .go {
color: #aaa; }
.highlight .gp {
color: #009; }
.highlight .gr {
color: #f00; }
.highlight .gs {
font-weight: 700; }
.highlight .gt {
color: #9c6; }
.highlight .gu {
color: #030; }
.highlight .il {
color: #c24f19; }
.highlight .k {
color: #069; }
.highlight .kc {
color: #069; }
.highlight .kd {
color: #069; }
.highlight .kn {
color: #069; }
.highlight .kp {
color: #069; }
.highlight .kr {
color: #069; }
.highlight .kt {
color: #078; }
.highlight .m {
color: #c24f19; }
.highlight .mf {
color: #c24f19; }
.highlight .mb {
color: #40a070; }
.highlight .mh {
color: #c24f19; }
.highlight .mi {
color: #c24f19; }
.highlight .mo {
color: #c24f19; }
.highlight .na {
color: #006ee0; }
.highlight .nb {
color: #366; }
.highlight .nc {
color: #168174; }
.highlight .nd {
color: #6b62de; }
.highlight .ne {
color: #c00; }
.highlight .nf {
color: #b715f4; }
.highlight .ni {
color: #727272; }
.highlight .nl {
color: #6b62de; }
.highlight .nn {
color: #007ca5; }
.highlight .no {
color: #360; }
.highlight .nt {
color: #2f6f9f; }
.highlight .nv {
color: #033; }
.highlight .o {
color: #555; }
.highlight .ow {
color: #000; }
.highlight .s {
color: #d73038; }
.highlight .s1 {
color: #c30; }
.highlight .s2 {
color: #c30; }
.highlight .sa {
color: #4070a0; }
.highlight .sb {
color: #c30; }
.highlight .sc {
color: #c30; }
.highlight .sd {
font-style: italic;
color: #c30; }
.highlight .se {
color: #c30; }
.highlight .sh {
color: #c30; }
.highlight .si {
color: #a00; }
.highlight .sr {
color: #337e7e; }
.highlight .ss {
color: #fc3; }
.highlight .sx {
color: #c30; }
.highlight .w {
color: #bbb; }
.highlight .language-bash::before, .highlight .language-sh::before {
color: #009;
content: "$ ";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.highlight .language-bash .m, .highlight .language-sh .m {
color: inherit; }
.highlight .language-powershell::before {
color: #009;
content: "PM> ";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

.example {
padding: 2rem;
margin: 1rem 0 2rem;
border: 1px solid #e6e8e9;
border-radius: 3px 3px 0 0;
position: relative;
min-height: 12rem;
display: flex;
align-items: center;
overflow-x: auto; }

.example-centered {
justify-content: center; }
.example-centered .example-content {
flex: 0 auto; }

.example-content {
font-size: 0.875rem;
line-height: 1.4285714;
color: #232e3c;
flex: 1;
max-width: 100%; }
.example-content .page-header {
margin-bottom: 0; }

.example-bg {
background: #f4f6fa; }

.example-code {
margin: 2rem 0;
border: 1px solid #e6e8e9;
border-top: none; }
.example-code pre {
margin: 0;
border: 0;
border-radius: 0 0 3px 3px; }
.example + .example-code {
margin-top: -2rem; }

.example-column {
margin: 0 auto; }
.example-column > .card:last-of-type {
margin-bottom: 0; }

.example-column-1 {
max-width: 26rem; }

.example-column-2 {
max-width: 52rem; }

.example-modal-backdrop {
background: #232e3c;
opacity: 0.24;
position: absolute;
width: 100%;
right: 0;
top: 0;
height: 100%;
border-radius: 2px 2px 0 0; }

@media not print {
.theme-dark .example-code {
border: 1px solid #e6e8e9;
border-top: none; } }

@media not print and (prefers-color-scheme: dark) {
.theme-dark-auto .example-code {
border: 1px solid #e6e8e9;
border-top: none; } }

.card-sponsor {
background: #dbe7f6 no-repeat center/100% 100%;
border-color: #548ed2;
min-height: 316px; }

body.no-transitions * {
transition: none !important; }

.dropdown-menu-demo {
display: inline-block;
width: 100%;
position: relative;
top: 0;
margin-bottom: 1rem; }

.demo-icon-preview {
position: -webkit-sticky;
position: sticky;
top: 0; }
.demo-icon-preview svg,
.demo-icon-preview i {
width: 15rem;
height: 15rem;
font-size: 15rem;
stroke-width: 1.5;
margin: 0 auto;
display: block; }
@media (max-width: 575.98px) {
.demo-icon-preview svg,
.demo-icon-preview i {
width: 10rem;
height: 10rem;
font-size: 10rem; } }

.demo-icon-preview-icon pre {
margin: 0;
-webkit-user-select: all;
-moz-user-select: all;
user-select: all; }

.demo-dividers > p {
opacity: .2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }

.demo-icons-list {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 0 -1px -2px;
list-style: none; }
.demo-icons-list > * {
flex: 1 0 7rem; }

.demo-icons-list-wrap {
overflow: hidden; }

.demo-icons-list-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 7rem;
text-align: center;
padding: .5rem;
border-left: 1px solid #e6e8e9;
border-bottom: 1px solid #e6e8e9;
color: inherit;
cursor: pointer; }
.demo-icons-list-item .icon {
width: 1.5rem;
height: 1.5rem;
font-size: 1.5rem; }
.demo-icons-list-item:hover {
text-decoration: none; }

+ 9
- 0
Resources/assets/tabler/demo/dist/css/demo.rtl.min.css
File diff suppressed because it is too large
View File


+ 811
- 0
Resources/assets/tabler/demo/dist/css/tabler-flags.css View File

@@ -0,0 +1,811 @@
/*!
* Tabler v1.0.0-beta3 (https://tabler.io)
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
.flag {
position: relative;
display: inline-block;
width: 1.33333em;
height: 1em;
vertical-align: -3px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: 1px solid #e6e8e9;
border-radius: 3px; }

.flag-country-ad {
background-image: url("../img/flags/ad.svg"); }

.flag-country-ae {
background-image: url("../img/flags/ae.svg"); }

.flag-country-af {
background-image: url("../img/flags/af.svg"); }

.flag-country-ag {
background-image: url("../img/flags/ag.svg"); }

.flag-country-ai {
background-image: url("../img/flags/ai.svg"); }

.flag-country-al {
background-image: url("../img/flags/al.svg"); }

.flag-country-am {
background-image: url("../img/flags/am.svg"); }

.flag-country-ao {
background-image: url("../img/flags/ao.svg"); }

.flag-country-aq {
background-image: url("../img/flags/aq.svg"); }

.flag-country-ar {
background-image: url("../img/flags/ar.svg"); }

.flag-country-as {
background-image: url("../img/flags/as.svg"); }

.flag-country-at {
background-image: url("../img/flags/at.svg"); }

.flag-country-au {
background-image: url("../img/flags/au.svg"); }

.flag-country-aw {
background-image: url("../img/flags/aw.svg"); }

.flag-country-ax {
background-image: url("../img/flags/ax.svg"); }

.flag-country-az {
background-image: url("../img/flags/az.svg"); }

.flag-country-ba {
background-image: url("../img/flags/ba.svg"); }

.flag-country-bb {
background-image: url("../img/flags/bb.svg"); }

.flag-country-bd {
background-image: url("../img/flags/bd.svg"); }

.flag-country-be {
background-image: url("../img/flags/be.svg"); }

.flag-country-bf {
background-image: url("../img/flags/bf.svg"); }

.flag-country-bg {
background-image: url("../img/flags/bg.svg"); }

.flag-country-bh {
background-image: url("../img/flags/bh.svg"); }

.flag-country-bi {
background-image: url("../img/flags/bi.svg"); }

.flag-country-bj {
background-image: url("../img/flags/bj.svg"); }

.flag-country-bl {
background-image: url("../img/flags/bl.svg"); }

.flag-country-bm {
background-image: url("../img/flags/bm.svg"); }

.flag-country-bn {
background-image: url("../img/flags/bn.svg"); }

.flag-country-bo {
background-image: url("../img/flags/bo.svg"); }

.flag-country-bq {
background-image: url("../img/flags/bq.svg"); }

.flag-country-br {
background-image: url("../img/flags/br.svg"); }

.flag-country-bs {
background-image: url("../img/flags/bs.svg"); }

.flag-country-bt {
background-image: url("../img/flags/bt.svg"); }

.flag-country-bv {
background-image: url("../img/flags/bv.svg"); }

.flag-country-bw {
background-image: url("../img/flags/bw.svg"); }

.flag-country-by {
background-image: url("../img/flags/by.svg"); }

.flag-country-bz {
background-image: url("../img/flags/bz.svg"); }

.flag-country-ca {
background-image: url("../img/flags/ca.svg"); }

.flag-country-cc {
background-image: url("../img/flags/cc.svg"); }

.flag-country-cd {
background-image: url("../img/flags/cd.svg"); }

.flag-country-cf {
background-image: url("../img/flags/cf.svg"); }

.flag-country-cg {
background-image: url("../img/flags/cg.svg"); }

.flag-country-ch {
background-image: url("../img/flags/ch.svg"); }

.flag-country-ci {
background-image: url("../img/flags/ci.svg"); }

.flag-country-ck {
background-image: url("../img/flags/ck.svg"); }

.flag-country-cl {
background-image: url("../img/flags/cl.svg"); }

.flag-country-cm {
background-image: url("../img/flags/cm.svg"); }

.flag-country-cn {
background-image: url("../img/flags/cn.svg"); }

.flag-country-co {
background-image: url("../img/flags/co.svg"); }

.flag-country-cr {
background-image: url("../img/flags/cr.svg"); }

.flag-country-cu {
background-image: url("../img/flags/cu.svg"); }

.flag-country-cv {
background-image: url("../img/flags/cv.svg"); }

.flag-country-cw {
background-image: url("../img/flags/cw.svg"); }

.flag-country-cx {
background-image: url("../img/flags/cx.svg"); }

.flag-country-cy {
background-image: url("../img/flags/cy.svg"); }

.flag-country-cz {
background-image: url("../img/flags/cz.svg"); }

.flag-country-de {
background-image: url("../img/flags/de.svg"); }

.flag-country-dj {
background-image: url("../img/flags/dj.svg"); }

.flag-country-dk {
background-image: url("../img/flags/dk.svg"); }

.flag-country-dm {
background-image: url("../img/flags/dm.svg"); }

.flag-country-do {
background-image: url("../img/flags/do.svg"); }

.flag-country-dz {
background-image: url("../img/flags/dz.svg"); }

.flag-country-ec {
background-image: url("../img/flags/ec.svg"); }

.flag-country-ee {
background-image: url("../img/flags/ee.svg"); }

.flag-country-eg {
background-image: url("../img/flags/eg.svg"); }

.flag-country-eh {
background-image: url("../img/flags/eh.svg"); }

.flag-country-er {
background-image: url("../img/flags/er.svg"); }

.flag-country-es {
background-image: url("../img/flags/es.svg"); }

.flag-country-et {
background-image: url("../img/flags/et.svg"); }

.flag-country-fi {
background-image: url("../img/flags/fi.svg"); }

.flag-country-fj {
background-image: url("../img/flags/fj.svg"); }

.flag-country-fk {
background-image: url("../img/flags/fk.svg"); }

.flag-country-fm {
background-image: url("../img/flags/fm.svg"); }

.flag-country-fo {
background-image: url("../img/flags/fo.svg"); }

.flag-country-fr {
background-image: url("../img/flags/fr.svg"); }

.flag-country-ga {
background-image: url("../img/flags/ga.svg"); }

.flag-country-gb {
background-image: url("../img/flags/gb.svg"); }

.flag-country-gd {
background-image: url("../img/flags/gd.svg"); }

.flag-country-ge {
background-image: url("../img/flags/ge.svg"); }

.flag-country-gf {
background-image: url("../img/flags/gf.svg"); }

.flag-country-gg {
background-image: url("../img/flags/gg.svg"); }

.flag-country-gh {
background-image: url("../img/flags/gh.svg"); }

.flag-country-gi {
background-image: url("../img/flags/gi.svg"); }

.flag-country-gl {
background-image: url("../img/flags/gl.svg"); }

.flag-country-gm {
background-image: url("../img/flags/gm.svg"); }

.flag-country-gn {
background-image: url("../img/flags/gn.svg"); }

.flag-country-gp {
background-image: url("../img/flags/gp.svg"); }

.flag-country-gq {
background-image: url("../img/flags/gq.svg"); }

.flag-country-gr {
background-image: url("../img/flags/gr.svg"); }

.flag-country-gs {
background-image: url("../img/flags/gs.svg"); }

.flag-country-gt {
background-image: url("../img/flags/gt.svg"); }

.flag-country-gu {
background-image: url("../img/flags/gu.svg"); }

.flag-country-gw {
background-image: url("../img/flags/gw.svg"); }

.flag-country-gy {
background-image: url("../img/flags/gy.svg"); }

.flag-country-hk {
background-image: url("../img/flags/hk.svg"); }

.flag-country-hm {
background-image: url("../img/flags/hm.svg"); }

.flag-country-hn {
background-image: url("../img/flags/hn.svg"); }

.flag-country-hr {
background-image: url("../img/flags/hr.svg"); }

.flag-country-ht {
background-image: url("../img/flags/ht.svg"); }

.flag-country-hu {
background-image: url("../img/flags/hu.svg"); }

.flag-country-id {
background-image: url("../img/flags/id.svg"); }

.flag-country-ie {
background-image: url("../img/flags/ie.svg"); }

.flag-country-il {
background-image: url("../img/flags/il.svg"); }

.flag-country-im {
background-image: url("../img/flags/im.svg"); }

.flag-country-in {
background-image: url("../img/flags/in.svg"); }

.flag-country-io {
background-image: url("../img/flags/io.svg"); }

.flag-country-iq {
background-image: url("../img/flags/iq.svg"); }

.flag-country-ir {
background-image: url("../img/flags/ir.svg"); }

.flag-country-is {
background-image: url("../img/flags/is.svg"); }

.flag-country-it {
background-image: url("../img/flags/it.svg"); }

.flag-country-je {
background-image: url("../img/flags/je.svg"); }

.flag-country-jm {
background-image: url("../img/flags/jm.svg"); }

.flag-country-jo {
background-image: url("../img/flags/jo.svg"); }

.flag-country-jp {
background-image: url("../img/flags/jp.svg"); }

.flag-country-ke {
background-image: url("../img/flags/ke.svg"); }

.flag-country-kg {
background-image: url("../img/flags/kg.svg"); }

.flag-country-kh {
background-image: url("../img/flags/kh.svg"); }

.flag-country-ki {
background-image: url("../img/flags/ki.svg"); }

.flag-country-km {
background-image: url("../img/flags/km.svg"); }

.flag-country-kn {
background-image: url("../img/flags/kn.svg"); }

.flag-country-kp {
background-image: url("../img/flags/kp.svg"); }

.flag-country-kr {
background-image: url("../img/flags/kr.svg"); }

.flag-country-kw {
background-image: url("../img/flags/kw.svg"); }

.flag-country-ky {
background-image: url("../img/flags/ky.svg"); }

.flag-country-kz {
background-image: url("../img/flags/kz.svg"); }

.flag-country-la {
background-image: url("../img/flags/la.svg"); }

.flag-country-lb {
background-image: url("../img/flags/lb.svg"); }

.flag-country-lc {
background-image: url("../img/flags/lc.svg"); }

.flag-country-li {
background-image: url("../img/flags/li.svg"); }

.flag-country-lk {
background-image: url("../img/flags/lk.svg"); }

.flag-country-lr {
background-image: url("../img/flags/lr.svg"); }

.flag-country-ls {
background-image: url("../img/flags/ls.svg"); }

.flag-country-lt {
background-image: url("../img/flags/lt.svg"); }

.flag-country-lu {
background-image: url("../img/flags/lu.svg"); }

.flag-country-lv {
background-image: url("../img/flags/lv.svg"); }

.flag-country-ly {
background-image: url("../img/flags/ly.svg"); }

.flag-country-ma {
background-image: url("../img/flags/ma.svg"); }

.flag-country-mc {
background-image: url("../img/flags/mc.svg"); }

.flag-country-md {
background-image: url("../img/flags/md.svg"); }

.flag-country-me {
background-image: url("../img/flags/me.svg"); }

.flag-country-mf {
background-image: url("../img/flags/mf.svg"); }

.flag-country-mg {
background-image: url("../img/flags/mg.svg"); }

.flag-country-mh {
background-image: url("../img/flags/mh.svg"); }

.flag-country-mk {
background-image: url("../img/flags/mk.svg"); }

.flag-country-ml {
background-image: url("../img/flags/ml.svg"); }

.flag-country-mm {
background-image: url("../img/flags/mm.svg"); }

.flag-country-mn {
background-image: url("../img/flags/mn.svg"); }

.flag-country-mo {
background-image: url("../img/flags/mo.svg"); }

.flag-country-mp {
background-image: url("../img/flags/mp.svg"); }

.flag-country-mq {
background-image: url("../img/flags/mq.svg"); }

.flag-country-mr {
background-image: url("../img/flags/mr.svg"); }

.flag-country-ms {
background-image: url("../img/flags/ms.svg"); }

.flag-country-mt {
background-image: url("../img/flags/mt.svg"); }

.flag-country-mu {
background-image: url("../img/flags/mu.svg"); }

.flag-country-mv {
background-image: url("../img/flags/mv.svg"); }

.flag-country-mw {
background-image: url("../img/flags/mw.svg"); }

.flag-country-mx {
background-image: url("../img/flags/mx.svg"); }

.flag-country-my {
background-image: url("../img/flags/my.svg"); }

.flag-country-mz {
background-image: url("../img/flags/mz.svg"); }

.flag-country-na {
background-image: url("../img/flags/na.svg"); }

.flag-country-nc {
background-image: url("../img/flags/nc.svg"); }

.flag-country-ne {
background-image: url("../img/flags/ne.svg"); }

.flag-country-nf {
background-image: url("../img/flags/nf.svg"); }

.flag-country-ng {
background-image: url("../img/flags/ng.svg"); }

.flag-country-ni {
background-image: url("../img/flags/ni.svg"); }

.flag-country-nl {
background-image: url("../img/flags/nl.svg"); }

.flag-country-no {
background-image: url("../img/flags/no.svg"); }

.flag-country-np {
background-image: url("../img/flags/np.svg"); }

.flag-country-nr {
background-image: url("../img/flags/nr.svg"); }

.flag-country-nu {
background-image: url("../img/flags/nu.svg"); }

.flag-country-nz {
background-image: url("../img/flags/nz.svg"); }

.flag-country-om {
background-image: url("../img/flags/om.svg"); }

.flag-country-pa {
background-image: url("../img/flags/pa.svg"); }

.flag-country-pe {
background-image: url("../img/flags/pe.svg"); }

.flag-country-pf {
background-image: url("../img/flags/pf.svg"); }

.flag-country-pg {
background-image: url("../img/flags/pg.svg"); }

.flag-country-ph {
background-image: url("../img/flags/ph.svg"); }

.flag-country-pk {
background-image: url("../img/flags/pk.svg"); }

.flag-country-pl {
background-image: url("../img/flags/pl.svg"); }

.flag-country-pm {
background-image: url("../img/flags/pm.svg"); }

.flag-country-pn {
background-image: url("../img/flags/pn.svg"); }

.flag-country-pr {
background-image: url("../img/flags/pr.svg"); }

.flag-country-ps {
background-image: url("../img/flags/ps.svg"); }

.flag-country-pt {
background-image: url("../img/flags/pt.svg"); }

.flag-country-pw {
background-image: url("../img/flags/pw.svg"); }

.flag-country-py {
background-image: url("../img/flags/py.svg"); }

.flag-country-qa {
background-image: url("../img/flags/qa.svg"); }

.flag-country-re {
background-image: url("../img/flags/re.svg"); }

.flag-country-ro {
background-image: url("../img/flags/ro.svg"); }

.flag-country-rs {
background-image: url("../img/flags/rs.svg"); }

.flag-country-ru {
background-image: url("../img/flags/ru.svg"); }

.flag-country-rw {
background-image: url("../img/flags/rw.svg"); }

.flag-country-sa {
background-image: url("../img/flags/sa.svg"); }

.flag-country-sb {
background-image: url("../img/flags/sb.svg"); }

.flag-country-sc {
background-image: url("../img/flags/sc.svg"); }

.flag-country-sd {
background-image: url("../img/flags/sd.svg"); }

.flag-country-se {
background-image: url("../img/flags/se.svg"); }

.flag-country-sg {
background-image: url("../img/flags/sg.svg"); }

.flag-country-sh {
background-image: url("../img/flags/sh.svg"); }

.flag-country-si {
background-image: url("../img/flags/si.svg"); }

.flag-country-sj {
background-image: url("../img/flags/sj.svg"); }

.flag-country-sk {
background-image: url("../img/flags/sk.svg"); }

.flag-country-sl {
background-image: url("../img/flags/sl.svg"); }

.flag-country-sm {
background-image: url("../img/flags/sm.svg"); }

.flag-country-sn {
background-image: url("../img/flags/sn.svg"); }

.flag-country-so {
background-image: url("../img/flags/so.svg"); }

.flag-country-sr {
background-image: url("../img/flags/sr.svg"); }

.flag-country-ss {
background-image: url("../img/flags/ss.svg"); }

.flag-country-st {
background-image: url("../img/flags/st.svg"); }

.flag-country-sv {
background-image: url("../img/flags/sv.svg"); }

.flag-country-sx {
background-image: url("../img/flags/sx.svg"); }

.flag-country-sy {
background-image: url("../img/flags/sy.svg"); }

.flag-country-sz {
background-image: url("../img/flags/sz.svg"); }

.flag-country-tc {
background-image: url("../img/flags/tc.svg"); }

.flag-country-td {
background-image: url("../img/flags/td.svg"); }

.flag-country-tf {
background-image: url("../img/flags/tf.svg"); }

.flag-country-tg {
background-image: url("../img/flags/tg.svg"); }

.flag-country-th {
background-image: url("../img/flags/th.svg"); }

.flag-country-tj {
background-image: url("../img/flags/tj.svg"); }

.flag-country-tk {
background-image: url("../img/flags/tk.svg"); }

.flag-country-tl {
background-image: url("../img/flags/tl.svg"); }

.flag-country-tm {
background-image: url("../img/flags/tm.svg"); }

.flag-country-tn {
background-image: url("../img/flags/tn.svg"); }

.flag-country-to {
background-image: url("../img/flags/to.svg"); }

.flag-country-tr {
background-image: url("../img/flags/tr.svg"); }

.flag-country-tt {
background-image: url("../img/flags/tt.svg"); }

.flag-country-tv {
background-image: url("../img/flags/tv.svg"); }

.flag-country-tw {
background-image: url("../img/flags/tw.svg"); }

.flag-country-tz {
background-image: url("../img/flags/tz.svg"); }

.flag-country-ua {
background-image: url("../img/flags/ua.svg"); }

.flag-country-ug {
background-image: url("../img/flags/ug.svg"); }

.flag-country-um {
background-image: url("../img/flags/um.svg"); }

.flag-country-us {
background-image: url("../img/flags/us.svg"); }

.flag-country-uy {
background-image: url("../img/flags/uy.svg"); }

.flag-country-uz {
background-image: url("../img/flags/uz.svg"); }

.flag-country-va {
background-image: url("../img/flags/va.svg"); }

.flag-country-vc {
background-image: url("../img/flags/vc.svg"); }

.flag-country-ve {
background-image: url("../img/flags/ve.svg"); }

.flag-country-vg {
background-image: url("../img/flags/vg.svg"); }

.flag-country-vi {
background-image: url("../img/flags/vi.svg"); }

.flag-country-vn {
background-image: url("../img/flags/vn.svg"); }

.flag-country-vu {
background-image: url("../img/flags/vu.svg"); }

.flag-country-wf {
background-image: url("../img/flags/wf.svg"); }

.flag-country-ws {
background-image: url("../img/flags/ws.svg"); }

.flag-country-ye {
background-image: url("../img/flags/ye.svg"); }

.flag-country-yt {
background-image: url("../img/flags/yt.svg"); }

.flag-country-za {
background-image: url("../img/flags/za.svg"); }

.flag-country-zm {
background-image: url("../img/flags/zm.svg"); }

.flag-country-zw {
background-image: url("../img/flags/zw.svg"); }

.flag-country-es-ct {
background-image: url("../img/flags/es-ct.svg"); }

.flag-country-eu {
background-image: url("../img/flags/eu.svg"); }

.flag-country-gb-eng {
background-image: url("../img/flags/gb-eng.svg"); }

.flag-country-gb-nir {
background-image: url("../img/flags/gb-nir.svg"); }

.flag-country-gb-sct {
background-image: url("../img/flags/gb-sct.svg"); }

.flag-country-gb-wls {
background-image: url("../img/flags/gb-wls.svg"); }

.flag-country-un {
background-image: url("../img/flags/un.svg"); }

.flag-xs {
width: 1.25rem;
height: 0.9375rem; }

.flag-sm {
width: 2rem;
height: 1.5rem; }

.flag-md {
width: 3.75rem;
height: 2.8125rem; }

.flag-lg {
width: 5rem;
height: 3.75rem; }

.flag-xl {
width: 7rem;
height: 5.25rem; }

.flag-2xl {
width: 11rem;
height: 8.25rem; }

+ 9
- 0
Resources/assets/tabler/demo/dist/css/tabler-flags.min.css
File diff suppressed because it is too large
View File


+ 811
- 0
Resources/assets/tabler/demo/dist/css/tabler-flags.rtl.css View File

@@ -0,0 +1,811 @@
/*!
* Tabler v1.0.0-beta3 (https://tabler.io)
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
.flag {
position: relative;
display: inline-block;
width: 1.33333em;
height: 1em;
vertical-align: -3px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: 1px solid #e6e8e9;
border-radius: 3px; }

.flag-country-ad {
background-image: url("../img/flags/ad.svg"); }

.flag-country-ae {
background-image: url("../img/flags/ae.svg"); }

.flag-country-af {
background-image: url("../img/flags/af.svg"); }

.flag-country-ag {
background-image: url("../img/flags/ag.svg"); }

.flag-country-ai {
background-image: url("../img/flags/ai.svg"); }

.flag-country-al {
background-image: url("../img/flags/al.svg"); }

.flag-country-am {
background-image: url("../img/flags/am.svg"); }

.flag-country-ao {
background-image: url("../img/flags/ao.svg"); }

.flag-country-aq {
background-image: url("../img/flags/aq.svg"); }

.flag-country-ar {
background-image: url("../img/flags/ar.svg"); }

.flag-country-as {
background-image: url("../img/flags/as.svg"); }

.flag-country-at {
background-image: url("../img/flags/at.svg"); }

.flag-country-au {
background-image: url("../img/flags/au.svg"); }

.flag-country-aw {
background-image: url("../img/flags/aw.svg"); }

.flag-country-ax {
background-image: url("../img/flags/ax.svg"); }

.flag-country-az {
background-image: url("../img/flags/az.svg"); }

.flag-country-ba {
background-image: url("../img/flags/ba.svg"); }

.flag-country-bb {
background-image: url("../img/flags/bb.svg"); }

.flag-country-bd {
background-image: url("../img/flags/bd.svg"); }

.flag-country-be {
background-image: url("../img/flags/be.svg"); }

.flag-country-bf {
background-image: url("../img/flags/bf.svg"); }

.flag-country-bg {
background-image: url("../img/flags/bg.svg"); }

.flag-country-bh {
background-image: url("../img/flags/bh.svg"); }

.flag-country-bi {
background-image: url("../img/flags/bi.svg"); }

.flag-country-bj {
background-image: url("../img/flags/bj.svg"); }

.flag-country-bl {
background-image: url("../img/flags/bl.svg"); }

.flag-country-bm {
background-image: url("../img/flags/bm.svg"); }

.flag-country-bn {
background-image: url("../img/flags/bn.svg"); }

.flag-country-bo {
background-image: url("../img/flags/bo.svg"); }

.flag-country-bq {
background-image: url("../img/flags/bq.svg"); }

.flag-country-br {
background-image: url("../img/flags/br.svg"); }

.flag-country-bs {
background-image: url("../img/flags/bs.svg"); }

.flag-country-bt {
background-image: url("../img/flags/bt.svg"); }

.flag-country-bv {
background-image: url("../img/flags/bv.svg"); }

.flag-country-bw {
background-image: url("../img/flags/bw.svg"); }

.flag-country-by {
background-image: url("../img/flags/by.svg"); }

.flag-country-bz {
background-image: url("../img/flags/bz.svg"); }

.flag-country-ca {
background-image: url("../img/flags/ca.svg"); }

.flag-country-cc {
background-image: url("../img/flags/cc.svg"); }

.flag-country-cd {
background-image: url("../img/flags/cd.svg"); }

.flag-country-cf {
background-image: url("../img/flags/cf.svg"); }

.flag-country-cg {
background-image: url("../img/flags/cg.svg"); }

.flag-country-ch {
background-image: url("../img/flags/ch.svg"); }

.flag-country-ci {
background-image: url("../img/flags/ci.svg"); }

.flag-country-ck {
background-image: url("../img/flags/ck.svg"); }

.flag-country-cl {
background-image: url("../img/flags/cl.svg"); }

.flag-country-cm {
background-image: url("../img/flags/cm.svg"); }

.flag-country-cn {
background-image: url("../img/flags/cn.svg"); }

.flag-country-co {
background-image: url("../img/flags/co.svg"); }

.flag-country-cr {
background-image: url("../img/flags/cr.svg"); }

.flag-country-cu {
background-image: url("../img/flags/cu.svg"); }

.flag-country-cv {
background-image: url("../img/flags/cv.svg"); }

.flag-country-cw {
background-image: url("../img/flags/cw.svg"); }

.flag-country-cx {
background-image: url("../img/flags/cx.svg"); }

.flag-country-cy {
background-image: url("../img/flags/cy.svg"); }

.flag-country-cz {
background-image: url("../img/flags/cz.svg"); }

.flag-country-de {
background-image: url("../img/flags/de.svg"); }

.flag-country-dj {
background-image: url("../img/flags/dj.svg"); }

.flag-country-dk {
background-image: url("../img/flags/dk.svg"); }

.flag-country-dm {
background-image: url("../img/flags/dm.svg"); }

.flag-country-do {
background-image: url("../img/flags/do.svg"); }

.flag-country-dz {
background-image: url("../img/flags/dz.svg"); }

.flag-country-ec {
background-image: url("../img/flags/ec.svg"); }

.flag-country-ee {
background-image: url("../img/flags/ee.svg"); }

.flag-country-eg {
background-image: url("../img/flags/eg.svg"); }

.flag-country-eh {
background-image: url("../img/flags/eh.svg"); }

.flag-country-er {
background-image: url("../img/flags/er.svg"); }

.flag-country-es {
background-image: url("../img/flags/es.svg"); }

.flag-country-et {
background-image: url("../img/flags/et.svg"); }

.flag-country-fi {
background-image: url("../img/flags/fi.svg"); }

.flag-country-fj {
background-image: url("../img/flags/fj.svg"); }

.flag-country-fk {
background-image: url("../img/flags/fk.svg"); }

.flag-country-fm {
background-image: url("../img/flags/fm.svg"); }

.flag-country-fo {
background-image: url("../img/flags/fo.svg"); }

.flag-country-fr {
background-image: url("../img/flags/fr.svg"); }

.flag-country-ga {
background-image: url("../img/flags/ga.svg"); }

.flag-country-gb {
background-image: url("../img/flags/gb.svg"); }

.flag-country-gd {
background-image: url("../img/flags/gd.svg"); }

.flag-country-ge {
background-image: url("../img/flags/ge.svg"); }

.flag-country-gf {
background-image: url("../img/flags/gf.svg"); }

.flag-country-gg {
background-image: url("../img/flags/gg.svg"); }

.flag-country-gh {
background-image: url("../img/flags/gh.svg"); }

.flag-country-gi {
background-image: url("../img/flags/gi.svg"); }

.flag-country-gl {
background-image: url("../img/flags/gl.svg"); }

.flag-country-gm {
background-image: url("../img/flags/gm.svg"); }

.flag-country-gn {
background-image: url("../img/flags/gn.svg"); }

.flag-country-gp {
background-image: url("../img/flags/gp.svg"); }

.flag-country-gq {
background-image: url("../img/flags/gq.svg"); }

.flag-country-gr {
background-image: url("../img/flags/gr.svg"); }

.flag-country-gs {
background-image: url("../img/flags/gs.svg"); }

.flag-country-gt {
background-image: url("../img/flags/gt.svg"); }

.flag-country-gu {
background-image: url("../img/flags/gu.svg"); }

.flag-country-gw {
background-image: url("../img/flags/gw.svg"); }

.flag-country-gy {
background-image: url("../img/flags/gy.svg"); }

.flag-country-hk {
background-image: url("../img/flags/hk.svg"); }

.flag-country-hm {
background-image: url("../img/flags/hm.svg"); }

.flag-country-hn {
background-image: url("../img/flags/hn.svg"); }

.flag-country-hr {
background-image: url("../img/flags/hr.svg"); }

.flag-country-ht {
background-image: url("../img/flags/ht.svg"); }

.flag-country-hu {
background-image: url("../img/flags/hu.svg"); }

.flag-country-id {
background-image: url("../img/flags/id.svg"); }

.flag-country-ie {
background-image: url("../img/flags/ie.svg"); }

.flag-country-il {
background-image: url("../img/flags/il.svg"); }

.flag-country-im {
background-image: url("../img/flags/im.svg"); }

.flag-country-in {
background-image: url("../img/flags/in.svg"); }

.flag-country-io {
background-image: url("../img/flags/io.svg"); }

.flag-country-iq {
background-image: url("../img/flags/iq.svg"); }

.flag-country-ir {
background-image: url("../img/flags/ir.svg"); }

.flag-country-is {
background-image: url("../img/flags/is.svg"); }

.flag-country-it {
background-image: url("../img/flags/it.svg"); }

.flag-country-je {
background-image: url("../img/flags/je.svg"); }

.flag-country-jm {
background-image: url("../img/flags/jm.svg"); }

.flag-country-jo {
background-image: url("../img/flags/jo.svg"); }

.flag-country-jp {
background-image: url("../img/flags/jp.svg"); }

.flag-country-ke {
background-image: url("../img/flags/ke.svg"); }

.flag-country-kg {
background-image: url("../img/flags/kg.svg"); }

.flag-country-kh {
background-image: url("../img/flags/kh.svg"); }

.flag-country-ki {
background-image: url("../img/flags/ki.svg"); }

.flag-country-km {
background-image: url("../img/flags/km.svg"); }

.flag-country-kn {
background-image: url("../img/flags/kn.svg"); }

.flag-country-kp {
background-image: url("../img/flags/kp.svg"); }

.flag-country-kr {
background-image: url("../img/flags/kr.svg"); }

.flag-country-kw {
background-image: url("../img/flags/kw.svg"); }

.flag-country-ky {
background-image: url("../img/flags/ky.svg"); }

.flag-country-kz {
background-image: url("../img/flags/kz.svg"); }

.flag-country-la {
background-image: url("../img/flags/la.svg"); }

.flag-country-lb {
background-image: url("../img/flags/lb.svg"); }

.flag-country-lc {
background-image: url("../img/flags/lc.svg"); }

.flag-country-li {
background-image: url("../img/flags/li.svg"); }

.flag-country-lk {
background-image: url("../img/flags/lk.svg"); }

.flag-country-lr {
background-image: url("../img/flags/lr.svg"); }

.flag-country-ls {
background-image: url("../img/flags/ls.svg"); }

.flag-country-lt {
background-image: url("../img/flags/lt.svg"); }

.flag-country-lu {
background-image: url("../img/flags/lu.svg"); }

.flag-country-lv {
background-image: url("../img/flags/lv.svg"); }

.flag-country-ly {
background-image: url("../img/flags/ly.svg"); }

.flag-country-ma {
background-image: url("../img/flags/ma.svg"); }

.flag-country-mc {
background-image: url("../img/flags/mc.svg"); }

.flag-country-md {
background-image: url("../img/flags/md.svg"); }

.flag-country-me {
background-image: url("../img/flags/me.svg"); }

.flag-country-mf {
background-image: url("../img/flags/mf.svg"); }

.flag-country-mg {
background-image: url("../img/flags/mg.svg"); }

.flag-country-mh {
background-image: url("../img/flags/mh.svg"); }

.flag-country-mk {
background-image: url("../img/flags/mk.svg"); }

.flag-country-ml {
background-image: url("../img/flags/ml.svg"); }

.flag-country-mm {
background-image: url("../img/flags/mm.svg"); }

.flag-country-mn {
background-image: url("../img/flags/mn.svg"); }

.flag-country-mo {
background-image: url("../img/flags/mo.svg"); }

.flag-country-mp {
background-image: url("../img/flags/mp.svg"); }

.flag-country-mq {
background-image: url("../img/flags/mq.svg"); }

.flag-country-mr {
background-image: url("../img/flags/mr.svg"); }

.flag-country-ms {
background-image: url("../img/flags/ms.svg"); }

.flag-country-mt {
background-image: url("../img/flags/mt.svg"); }

.flag-country-mu {
background-image: url("../img/flags/mu.svg"); }

.flag-country-mv {
background-image: url("../img/flags/mv.svg"); }

.flag-country-mw {
background-image: url("../img/flags/mw.svg"); }

.flag-country-mx {
background-image: url("../img/flags/mx.svg"); }

.flag-country-my {
background-image: url("../img/flags/my.svg"); }

.flag-country-mz {
background-image: url("../img/flags/mz.svg"); }

.flag-country-na {
background-image: url("../img/flags/na.svg"); }

.flag-country-nc {
background-image: url("../img/flags/nc.svg"); }

.flag-country-ne {
background-image: url("../img/flags/ne.svg"); }

.flag-country-nf {
background-image: url("../img/flags/nf.svg"); }

.flag-country-ng {
background-image: url("../img/flags/ng.svg"); }

.flag-country-ni {
background-image: url("../img/flags/ni.svg"); }

.flag-country-nl {
background-image: url("../img/flags/nl.svg"); }

.flag-country-no {
background-image: url("../img/flags/no.svg"); }

.flag-country-np {
background-image: url("../img/flags/np.svg"); }

.flag-country-nr {
background-image: url("../img/flags/nr.svg"); }

.flag-country-nu {
background-image: url("../img/flags/nu.svg"); }

.flag-country-nz {
background-image: url("../img/flags/nz.svg"); }

.flag-country-om {
background-image: url("../img/flags/om.svg"); }

.flag-country-pa {
background-image: url("../img/flags/pa.svg"); }

.flag-country-pe {
background-image: url("../img/flags/pe.svg"); }

.flag-country-pf {
background-image: url("../img/flags/pf.svg"); }

.flag-country-pg {
background-image: url("../img/flags/pg.svg"); }

.flag-country-ph {
background-image: url("../img/flags/ph.svg"); }

.flag-country-pk {
background-image: url("../img/flags/pk.svg"); }

.flag-country-pl {
background-image: url("../img/flags/pl.svg"); }

.flag-country-pm {
background-image: url("../img/flags/pm.svg"); }

.flag-country-pn {
background-image: url("../img/flags/pn.svg"); }

.flag-country-pr {
background-image: url("../img/flags/pr.svg"); }

.flag-country-ps {
background-image: url("../img/flags/ps.svg"); }

.flag-country-pt {
background-image: url("../img/flags/pt.svg"); }

.flag-country-pw {
background-image: url("../img/flags/pw.svg"); }

.flag-country-py {
background-image: url("../img/flags/py.svg"); }

.flag-country-qa {
background-image: url("../img/flags/qa.svg"); }

.flag-country-re {
background-image: url("../img/flags/re.svg"); }

.flag-country-ro {
background-image: url("../img/flags/ro.svg"); }

.flag-country-rs {
background-image: url("../img/flags/rs.svg"); }

.flag-country-ru {
background-image: url("../img/flags/ru.svg"); }

.flag-country-rw {
background-image: url("../img/flags/rw.svg"); }

.flag-country-sa {
background-image: url("../img/flags/sa.svg"); }

.flag-country-sb {
background-image: url("../img/flags/sb.svg"); }

.flag-country-sc {
background-image: url("../img/flags/sc.svg"); }

.flag-country-sd {
background-image: url("../img/flags/sd.svg"); }

.flag-country-se {
background-image: url("../img/flags/se.svg"); }

.flag-country-sg {
background-image: url("../img/flags/sg.svg"); }

.flag-country-sh {
background-image: url("../img/flags/sh.svg"); }

.flag-country-si {
background-image: url("../img/flags/si.svg"); }

.flag-country-sj {
background-image: url("../img/flags/sj.svg"); }

.flag-country-sk {
background-image: url("../img/flags/sk.svg"); }

.flag-country-sl {
background-image: url("../img/flags/sl.svg"); }

.flag-country-sm {
background-image: url("../img/flags/sm.svg"); }

.flag-country-sn {
background-image: url("../img/flags/sn.svg"); }

.flag-country-so {
background-image: url("../img/flags/so.svg"); }

.flag-country-sr {
background-image: url("../img/flags/sr.svg"); }

.flag-country-ss {
background-image: url("../img/flags/ss.svg"); }

.flag-country-st {
background-image: url("../img/flags/st.svg"); }

.flag-country-sv {
background-image: url("../img/flags/sv.svg"); }

.flag-country-sx {
background-image: url("../img/flags/sx.svg"); }

.flag-country-sy {
background-image: url("../img/flags/sy.svg"); }

.flag-country-sz {
background-image: url("../img/flags/sz.svg"); }

.flag-country-tc {
background-image: url("../img/flags/tc.svg"); }

.flag-country-td {
background-image: url("../img/flags/td.svg"); }

.flag-country-tf {
background-image: url("../img/flags/tf.svg"); }

.flag-country-tg {
background-image: url("../img/flags/tg.svg"); }

.flag-country-th {
background-image: url("../img/flags/th.svg"); }

.flag-country-tj {
background-image: url("../img/flags/tj.svg"); }

.flag-country-tk {
background-image: url("../img/flags/tk.svg"); }

.flag-country-tl {
background-image: url("../img/flags/tl.svg"); }

.flag-country-tm {
background-image: url("../img/flags/tm.svg"); }

.flag-country-tn {
background-image: url("../img/flags/tn.svg"); }

.flag-country-to {
background-image: url("../img/flags/to.svg"); }

.flag-country-tr {
background-image: url("../img/flags/tr.svg"); }

.flag-country-tt {
background-image: url("../img/flags/tt.svg"); }

.flag-country-tv {
background-image: url("../img/flags/tv.svg"); }

.flag-country-tw {
background-image: url("../img/flags/tw.svg"); }

.flag-country-tz {
background-image: url("../img/flags/tz.svg"); }

.flag-country-ua {
background-image: url("../img/flags/ua.svg"); }

.flag-country-ug {
background-image: url("../img/flags/ug.svg"); }

.flag-country-um {
background-image: url("../img/flags/um.svg"); }

.flag-country-us {
background-image: url("../img/flags/us.svg"); }

.flag-country-uy {
background-image: url("../img/flags/uy.svg"); }

.flag-country-uz {
background-image: url("../img/flags/uz.svg"); }

.flag-country-va {
background-image: url("../img/flags/va.svg"); }

.flag-country-vc {
background-image: url("../img/flags/vc.svg"); }

.flag-country-ve {
background-image: url("../img/flags/ve.svg"); }

.flag-country-vg {
background-image: url("../img/flags/vg.svg"); }

.flag-country-vi {
background-image: url("../img/flags/vi.svg"); }

.flag-country-vn {
background-image: url("../img/flags/vn.svg"); }

.flag-country-vu {
background-image: url("../img/flags/vu.svg"); }

.flag-country-wf {
background-image: url("../img/flags/wf.svg"); }

.flag-country-ws {
background-image: url("../img/flags/ws.svg"); }

.flag-country-ye {
background-image: url("../img/flags/ye.svg"); }

.flag-country-yt {
background-image: url("../img/flags/yt.svg"); }

.flag-country-za {
background-image: url("../img/flags/za.svg"); }

.flag-country-zm {
background-image: url("../img/flags/zm.svg"); }

.flag-country-zw {
background-image: url("../img/flags/zw.svg"); }

.flag-country-es-ct {
background-image: url("../img/flags/es-ct.svg"); }

.flag-country-eu {
background-image: url("../img/flags/eu.svg"); }

.flag-country-gb-eng {
background-image: url("../img/flags/gb-eng.svg"); }

.flag-country-gb-nir {
background-image: url("../img/flags/gb-nir.svg"); }

.flag-country-gb-sct {
background-image: url("../img/flags/gb-sct.svg"); }

.flag-country-gb-wls {
background-image: url("../img/flags/gb-wls.svg"); }

.flag-country-un {
background-image: url("../img/flags/un.svg"); }

.flag-xs {
width: 1.25rem;
height: 0.9375rem; }

.flag-sm {
width: 2rem;
height: 1.5rem; }

.flag-md {
width: 3.75rem;
height: 2.8125rem; }

.flag-lg {
width: 5rem;
height: 3.75rem; }

.flag-xl {
width: 7rem;
height: 5.25rem; }

.flag-2xl {
width: 11rem;
height: 8.25rem; }

+ 9
- 0
Resources/assets/tabler/demo/dist/css/tabler-flags.rtl.min.css
File diff suppressed because it is too large
View File


+ 395
- 0
Resources/assets/tabler/demo/dist/css/tabler-payments.css View File

@@ -0,0 +1,395 @@
/*!
* Tabler v1.0.0-beta3 (https://tabler.io)
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
.payment {
width: 3.33332rem;
height: 2rem;
display: inline-block;
background: no-repeat center/100% 100%;
vertical-align: bottom;
font-style: normal;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px; }

.payment-provider-2checkout {
background-image: url("../img/payments/2checkout.svg"); }

.payment-provider-2checkout-dark {
background-image: url("../img/payments/2checkout-dark.svg"); }

.payment-provider-alipay {
background-image: url("../img/payments/alipay.svg"); }

.payment-provider-alipay-dark {
background-image: url("../img/payments/alipay-dark.svg"); }

.payment-provider-amazon {
background-image: url("../img/payments/amazon.svg"); }

.payment-provider-amazon-dark {
background-image: url("../img/payments/amazon-dark.svg"); }

.payment-provider-americanexpress {
background-image: url("../img/payments/americanexpress.svg"); }

.payment-provider-americanexpress-dark {
background-image: url("../img/payments/americanexpress-dark.svg"); }

.payment-provider-applepay {
background-image: url("../img/payments/applepay.svg"); }

.payment-provider-applepay-dark {
background-image: url("../img/payments/applepay-dark.svg"); }

.payment-provider-bancontact {
background-image: url("../img/payments/bancontact.svg"); }

.payment-provider-bancontact-dark {
background-image: url("../img/payments/bancontact-dark.svg"); }

.payment-provider-bitcoin {
background-image: url("../img/payments/bitcoin.svg"); }

.payment-provider-bitcoin-dark {
background-image: url("../img/payments/bitcoin-dark.svg"); }

.payment-provider-bitpay {
background-image: url("../img/payments/bitpay.svg"); }

.payment-provider-bitpay-dark {
background-image: url("../img/payments/bitpay-dark.svg"); }

.payment-provider-blik {
background-image: url("../img/payments/blik.svg"); }

.payment-provider-blik-dark {
background-image: url("../img/payments/blik-dark.svg"); }

.payment-provider-cirrus {
background-image: url("../img/payments/cirrus.svg"); }

.payment-provider-cirrus-dark {
background-image: url("../img/payments/cirrus-dark.svg"); }

.payment-provider-clickandbuy {
background-image: url("../img/payments/clickandbuy.svg"); }

.payment-provider-clickandbuy-dark {
background-image: url("../img/payments/clickandbuy-dark.svg"); }

.payment-provider-coinkite {
background-image: url("../img/payments/coinkite.svg"); }

.payment-provider-coinkite-dark {
background-image: url("../img/payments/coinkite-dark.svg"); }

.payment-provider-dinersclub {
background-image: url("../img/payments/dinersclub.svg"); }

.payment-provider-dinersclub-dark {
background-image: url("../img/payments/dinersclub-dark.svg"); }

.payment-provider-directdebit {
background-image: url("../img/payments/directdebit.svg"); }

.payment-provider-directdebit-dark {
background-image: url("../img/payments/directdebit-dark.svg"); }

.payment-provider-discover {
background-image: url("../img/payments/discover.svg"); }

.payment-provider-discover-dark {
background-image: url("../img/payments/discover-dark.svg"); }

.payment-provider-dotpay {
background-image: url("../img/payments/dotpay.svg"); }

.payment-provider-dotpay-dark {
background-image: url("../img/payments/dotpay-dark.svg"); }

.payment-provider-dwolla {
background-image: url("../img/payments/dwolla.svg"); }

.payment-provider-dwolla-dark {
background-image: url("../img/payments/dwolla-dark.svg"); }

.payment-provider-ebay {
background-image: url("../img/payments/ebay.svg"); }

.payment-provider-ebay-dark {
background-image: url("../img/payments/ebay-dark.svg"); }

.payment-provider-eway {
background-image: url("../img/payments/eway.svg"); }

.payment-provider-eway-dark {
background-image: url("../img/payments/eway-dark.svg"); }

.payment-provider-giropay {
background-image: url("../img/payments/giropay.svg"); }

.payment-provider-giropay-dark {
background-image: url("../img/payments/giropay-dark.svg"); }

.payment-provider-googlewallet {
background-image: url("../img/payments/googlewallet.svg"); }

.payment-provider-googlewallet-dark {
background-image: url("../img/payments/googlewallet-dark.svg"); }

.payment-provider-ingenico {
background-image: url("../img/payments/ingenico.svg"); }

.payment-provider-ingenico-dark {
background-image: url("../img/payments/ingenico-dark.svg"); }

.payment-provider-jcb {
background-image: url("../img/payments/jcb.svg"); }

.payment-provider-jcb-dark {
background-image: url("../img/payments/jcb-dark.svg"); }

.payment-provider-klarna {
background-image: url("../img/payments/klarna.svg"); }

.payment-provider-klarna-dark {
background-image: url("../img/payments/klarna-dark.svg"); }

.payment-provider-laser {
background-image: url("../img/payments/laser.svg"); }

.payment-provider-laser-dark {
background-image: url("../img/payments/laser-dark.svg"); }

.payment-provider-maestro {
background-image: url("../img/payments/maestro.svg"); }

.payment-provider-maestro-dark {
background-image: url("../img/payments/maestro-dark.svg"); }

.payment-provider-mastercard {
background-image: url("../img/payments/mastercard.svg"); }

.payment-provider-mastercard-dark {
background-image: url("../img/payments/mastercard-dark.svg"); }

.payment-provider-mir {
background-image: url("../img/payments/mir.svg"); }

.payment-provider-mir-dark {
background-image: url("../img/payments/mir-dark.svg"); }

.payment-provider-monero {
background-image: url("../img/payments/monero.svg"); }

.payment-provider-monero-dark {
background-image: url("../img/payments/monero-dark.svg"); }

.payment-provider-neteller {
background-image: url("../img/payments/neteller.svg"); }

.payment-provider-neteller-dark {
background-image: url("../img/payments/neteller-dark.svg"); }

.payment-provider-ogone {
background-image: url("../img/payments/ogone.svg"); }

.payment-provider-ogone-dark {
background-image: url("../img/payments/ogone-dark.svg"); }

.payment-provider-okpay {
background-image: url("../img/payments/okpay.svg"); }

.payment-provider-okpay-dark {
background-image: url("../img/payments/okpay-dark.svg"); }

.payment-provider-paybox {
background-image: url("../img/payments/paybox.svg"); }

.payment-provider-paybox-dark {
background-image: url("../img/payments/paybox-dark.svg"); }

.payment-provider-paymill {
background-image: url("../img/payments/paymill.svg"); }

.payment-provider-paymill-dark {
background-image: url("../img/payments/paymill-dark.svg"); }

.payment-provider-payone {
background-image: url("../img/payments/payone.svg"); }

.payment-provider-payone-dark {
background-image: url("../img/payments/payone-dark.svg"); }

.payment-provider-payoneer {
background-image: url("../img/payments/payoneer.svg"); }

.payment-provider-payoneer-dark {
background-image: url("../img/payments/payoneer-dark.svg"); }

.payment-provider-paypal {
background-image: url("../img/payments/paypal.svg"); }

.payment-provider-paypal-dark {
background-image: url("../img/payments/paypal-dark.svg"); }

.payment-provider-paysafecard {
background-image: url("../img/payments/paysafecard.svg"); }

.payment-provider-paysafecard-dark {
background-image: url("../img/payments/paysafecard-dark.svg"); }

.payment-provider-payu {
background-image: url("../img/payments/payu.svg"); }

.payment-provider-payu-dark {
background-image: url("../img/payments/payu-dark.svg"); }

.payment-provider-payza {
background-image: url("../img/payments/payza.svg"); }

.payment-provider-payza-dark {
background-image: url("../img/payments/payza-dark.svg"); }

.payment-provider-przelewy24 {
background-image: url("../img/payments/przelewy24.svg"); }

.payment-provider-przelewy24-dark {
background-image: url("../img/payments/przelewy24-dark.svg"); }

.payment-provider-ripple {
background-image: url("../img/payments/ripple.svg"); }

.payment-provider-ripple-dark {
background-image: url("../img/payments/ripple-dark.svg"); }

.payment-provider-sage {
background-image: url("../img/payments/sage.svg"); }

.payment-provider-sage-dark {
background-image: url("../img/payments/sage-dark.svg"); }

.payment-provider-sepa {
background-image: url("../img/payments/sepa.svg"); }

.payment-provider-sepa-dark {
background-image: url("../img/payments/sepa-dark.svg"); }

.payment-provider-shopify {
background-image: url("../img/payments/shopify.svg"); }

.payment-provider-shopify-dark {
background-image: url("../img/payments/shopify-dark.svg"); }

.payment-provider-skrill {
background-image: url("../img/payments/skrill.svg"); }

.payment-provider-skrill-dark {
background-image: url("../img/payments/skrill-dark.svg"); }

.payment-provider-solo {
background-image: url("../img/payments/solo.svg"); }

.payment-provider-solo-dark {
background-image: url("../img/payments/solo-dark.svg"); }

.payment-provider-square {
background-image: url("../img/payments/square.svg"); }

.payment-provider-square-dark {
background-image: url("../img/payments/square-dark.svg"); }

.payment-provider-stripe {
background-image: url("../img/payments/stripe.svg"); }

.payment-provider-stripe-dark {
background-image: url("../img/payments/stripe-dark.svg"); }

.payment-provider-switch {
background-image: url("../img/payments/switch.svg"); }

.payment-provider-switch-dark {
background-image: url("../img/payments/switch-dark.svg"); }

.payment-provider-tpay {
background-image: url("../img/payments/tpay.svg"); }

.payment-provider-tpay-dark {
background-image: url("../img/payments/tpay-dark.svg"); }

.payment-provider-ukash {
background-image: url("../img/payments/ukash.svg"); }

.payment-provider-ukash-dark {
background-image: url("../img/payments/ukash-dark.svg"); }

.payment-provider-unionpay {
background-image: url("../img/payments/unionpay.svg"); }

.payment-provider-unionpay-dark {
background-image: url("../img/payments/unionpay-dark.svg"); }

.payment-provider-verifone {
background-image: url("../img/payments/verifone.svg"); }

.payment-provider-verifone-dark {
background-image: url("../img/payments/verifone-dark.svg"); }

.payment-provider-verisign {
background-image: url("../img/payments/verisign.svg"); }

.payment-provider-verisign-dark {
background-image: url("../img/payments/verisign-dark.svg"); }

.payment-provider-visa {
background-image: url("../img/payments/visa.svg"); }

.payment-provider-visa-dark {
background-image: url("../img/payments/visa-dark.svg"); }

.payment-provider-webmoney {
background-image: url("../img/payments/webmoney.svg"); }

.payment-provider-webmoney-dark {
background-image: url("../img/payments/webmoney-dark.svg"); }

.payment-provider-westernunion {
background-image: url("../img/payments/westernunion.svg"); }

.payment-provider-westernunion-dark {
background-image: url("../img/payments/westernunion-dark.svg"); }

.payment-provider-worldpay {
background-image: url("../img/payments/worldpay.svg"); }

.payment-provider-worldpay-dark {
background-image: url("../img/payments/worldpay-dark.svg"); }

.payment-xs {
width: 2.083325rem;
height: 1.25rem; }

.payment-sm {
width: 3.33332rem;
height: 2rem; }

.payment-md {
width: 6.249975rem;
height: 3.75rem; }

.payment-lg {
width: 8.3333rem;
height: 5rem; }

.payment-xl {
width: 11.66662rem;
height: 7rem; }

.payment-2xl {
width: 18.33326rem;
height: 11rem; }

+ 9
- 0
Resources/assets/tabler/demo/dist/css/tabler-payments.min.css
File diff suppressed because it is too large
View File


+ 395
- 0
Resources/assets/tabler/demo/dist/css/tabler-payments.rtl.css View File

@@ -0,0 +1,395 @@
/*!
* Tabler v1.0.0-beta3 (https://tabler.io)
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
.payment {
width: 3.33332rem;
height: 2rem;
display: inline-block;
background: no-repeat center/100% 100%;
vertical-align: bottom;
font-style: normal;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px; }

.payment-provider-2checkout {
background-image: url("../img/payments/2checkout.svg"); }

.payment-provider-2checkout-dark {
background-image: url("../img/payments/2checkout-dark.svg"); }

.payment-provider-alipay {
background-image: url("../img/payments/alipay.svg"); }

.payment-provider-alipay-dark {
background-image: url("../img/payments/alipay-dark.svg"); }

.payment-provider-amazon {
background-image: url("../img/payments/amazon.svg"); }

.payment-provider-amazon-dark {
background-image: url("../img/payments/amazon-dark.svg"); }

.payment-provider-americanexpress {
background-image: url("../img/payments/americanexpress.svg"); }

.payment-provider-americanexpress-dark {
background-image: url("../img/payments/americanexpress-dark.svg"); }

.payment-provider-applepay {
background-image: url("../img/payments/applepay.svg"); }

.payment-provider-applepay-dark {
background-image: url("../img/payments/applepay-dark.svg"); }

.payment-provider-bancontact {
background-image: url("../img/payments/bancontact.svg"); }

.payment-provider-bancontact-dark {
background-image: url("../img/payments/bancontact-dark.svg"); }

.payment-provider-bitcoin {
background-image: url("../img/payments/bitcoin.svg"); }

.payment-provider-bitcoin-dark {
background-image: url("../img/payments/bitcoin-dark.svg"); }

.payment-provider-bitpay {
background-image: url("../img/payments/bitpay.svg"); }

.payment-provider-bitpay-dark {
background-image: url("../img/payments/bitpay-dark.svg"); }

.payment-provider-blik {
background-image: url("../img/payments/blik.svg"); }

.payment-provider-blik-dark {
background-image: url("../img/payments/blik-dark.svg"); }

.payment-provider-cirrus {
background-image: url("../img/payments/cirrus.svg"); }

.payment-provider-cirrus-dark {
background-image: url("../img/payments/cirrus-dark.svg"); }

.payment-provider-clickandbuy {
background-image: url("../img/payments/clickandbuy.svg"); }

.payment-provider-clickandbuy-dark {
background-image: url("../img/payments/clickandbuy-dark.svg"); }

.payment-provider-coinkite {
background-image: url("../img/payments/coinkite.svg"); }

.payment-provider-coinkite-dark {
background-image: url("../img/payments/coinkite-dark.svg"); }

.payment-provider-dinersclub {
background-image: url("../img/payments/dinersclub.svg"); }

.payment-provider-dinersclub-dark {
background-image: url("../img/payments/dinersclub-dark.svg"); }

.payment-provider-directdebit {
background-image: url("../img/payments/directdebit.svg"); }

.payment-provider-directdebit-dark {
background-image: url("../img/payments/directdebit-dark.svg"); }

.payment-provider-discover {
background-image: url("../img/payments/discover.svg"); }

.payment-provider-discover-dark {
background-image: url("../img/payments/discover-dark.svg"); }

.payment-provider-dotpay {
background-image: url("../img/payments/dotpay.svg"); }

.payment-provider-dotpay-dark {
background-image: url("../img/payments/dotpay-dark.svg"); }

.payment-provider-dwolla {
background-image: url("../img/payments/dwolla.svg"); }

.payment-provider-dwolla-dark {
background-image: url("../img/payments/dwolla-dark.svg"); }

.payment-provider-ebay {
background-image: url("../img/payments/ebay.svg"); }

.payment-provider-ebay-dark {
background-image: url("../img/payments/ebay-dark.svg"); }

.payment-provider-eway {
background-image: url("../img/payments/eway.svg"); }

.payment-provider-eway-dark {
background-image: url("../img/payments/eway-dark.svg"); }

.payment-provider-giropay {
background-image: url("../img/payments/giropay.svg"); }

.payment-provider-giropay-dark {
background-image: url("../img/payments/giropay-dark.svg"); }

.payment-provider-googlewallet {
background-image: url("../img/payments/googlewallet.svg"); }

.payment-provider-googlewallet-dark {
background-image: url("../img/payments/googlewallet-dark.svg"); }

.payment-provider-ingenico {
background-image: url("../img/payments/ingenico.svg"); }

.payment-provider-ingenico-dark {
background-image: url("../img/payments/ingenico-dark.svg"); }

.payment-provider-jcb {
background-image: url("../img/payments/jcb.svg"); }

.payment-provider-jcb-dark {
background-image: url("../img/payments/jcb-dark.svg"); }

.payment-provider-klarna {
background-image: url("../img/payments/klarna.svg"); }

.payment-provider-klarna-dark {
background-image: url("../img/payments/klarna-dark.svg"); }

.payment-provider-laser {
background-image: url("../img/payments/laser.svg"); }

.payment-provider-laser-dark {
background-image: url("../img/payments/laser-dark.svg"); }

.payment-provider-maestro {
background-image: url("../img/payments/maestro.svg"); }

.payment-provider-maestro-dark {
background-image: url("../img/payments/maestro-dark.svg"); }

.payment-provider-mastercard {
background-image: url("../img/payments/mastercard.svg"); }

.payment-provider-mastercard-dark {
background-image: url("../img/payments/mastercard-dark.svg"); }

.payment-provider-mir {
background-image: url("../img/payments/mir.svg"); }

.payment-provider-mir-dark {
background-image: url("../img/payments/mir-dark.svg"); }

.payment-provider-monero {
background-image: url("../img/payments/monero.svg"); }

.payment-provider-monero-dark {
background-image: url("../img/payments/monero-dark.svg"); }

.payment-provider-neteller {
background-image: url("../img/payments/neteller.svg"); }

.payment-provider-neteller-dark {
background-image: url("../img/payments/neteller-dark.svg"); }

.payment-provider-ogone {
background-image: url("../img/payments/ogone.svg"); }

.payment-provider-ogone-dark {
background-image: url("../img/payments/ogone-dark.svg"); }

.payment-provider-okpay {
background-image: url("../img/payments/okpay.svg"); }

.payment-provider-okpay-dark {
background-image: url("../img/payments/okpay-dark.svg"); }

.payment-provider-paybox {
background-image: url("../img/payments/paybox.svg"); }

.payment-provider-paybox-dark {
background-image: url("../img/payments/paybox-dark.svg"); }

.payment-provider-paymill {
background-image: url("../img/payments/paymill.svg"); }

.payment-provider-paymill-dark {
background-image: url("../img/payments/paymill-dark.svg"); }

.payment-provider-payone {
background-image: url("../img/payments/payone.svg"); }

.payment-provider-payone-dark {
background-image: url("../img/payments/payone-dark.svg"); }

.payment-provider-payoneer {
background-image: url("../img/payments/payoneer.svg"); }

.payment-provider-payoneer-dark {
background-image: url("../img/payments/payoneer-dark.svg"); }

.payment-provider-paypal {
background-image: url("../img/payments/paypal.svg"); }

.payment-provider-paypal-dark {
background-image: url("../img/payments/paypal-dark.svg"); }

.payment-provider-paysafecard {
background-image: url("../img/payments/paysafecard.svg"); }

.payment-provider-paysafecard-dark {
background-image: url("../img/payments/paysafecard-dark.svg"); }

.payment-provider-payu {
background-image: url("../img/payments/payu.svg"); }

.payment-provider-payu-dark {
background-image: url("../img/payments/payu-dark.svg"); }

.payment-provider-payza {
background-image: url("../img/payments/payza.svg"); }

.payment-provider-payza-dark {
background-image: url("../img/payments/payza-dark.svg"); }

.payment-provider-przelewy24 {
background-image: url("../img/payments/przelewy24.svg"); }

.payment-provider-przelewy24-dark {
background-image: url("../img/payments/przelewy24-dark.svg"); }

.payment-provider-ripple {
background-image: url("../img/payments/ripple.svg"); }

.payment-provider-ripple-dark {
background-image: url("../img/payments/ripple-dark.svg"); }

.payment-provider-sage {
background-image: url("../img/payments/sage.svg"); }

.payment-provider-sage-dark {
background-image: url("../img/payments/sage-dark.svg"); }

.payment-provider-sepa {
background-image: url("../img/payments/sepa.svg"); }

.payment-provider-sepa-dark {
background-image: url("../img/payments/sepa-dark.svg"); }

.payment-provider-shopify {
background-image: url("../img/payments/shopify.svg"); }

.payment-provider-shopify-dark {
background-image: url("../img/payments/shopify-dark.svg"); }

.payment-provider-skrill {
background-image: url("../img/payments/skrill.svg"); }

.payment-provider-skrill-dark {
background-image: url("../img/payments/skrill-dark.svg"); }

.payment-provider-solo {
background-image: url("../img/payments/solo.svg"); }

.payment-provider-solo-dark {
background-image: url("../img/payments/solo-dark.svg"); }

.payment-provider-square {
background-image: url("../img/payments/square.svg"); }

.payment-provider-square-dark {
background-image: url("../img/payments/square-dark.svg"); }

.payment-provider-stripe {
background-image: url("../img/payments/stripe.svg"); }

.payment-provider-stripe-dark {
background-image: url("../img/payments/stripe-dark.svg"); }

.payment-provider-switch {
background-image: url("../img/payments/switch.svg"); }

.payment-provider-switch-dark {
background-image: url("../img/payments/switch-dark.svg"); }

.payment-provider-tpay {
background-image: url("../img/payments/tpay.svg"); }

.payment-provider-tpay-dark {
background-image: url("../img/payments/tpay-dark.svg"); }

.payment-provider-ukash {
background-image: url("../img/payments/ukash.svg"); }

.payment-provider-ukash-dark {
background-image: url("../img/payments/ukash-dark.svg"); }

.payment-provider-unionpay {
background-image: url("../img/payments/unionpay.svg"); }

.payment-provider-unionpay-dark {
background-image: url("../img/payments/unionpay-dark.svg"); }

.payment-provider-verifone {
background-image: url("../img/payments/verifone.svg"); }

.payment-provider-verifone-dark {
background-image: url("../img/payments/verifone-dark.svg"); }

.payment-provider-verisign {
background-image: url("../img/payments/verisign.svg"); }

.payment-provider-verisign-dark {
background-image: url("../img/payments/verisign-dark.svg"); }

.payment-provider-visa {
background-image: url("../img/payments/visa.svg"); }

.payment-provider-visa-dark {
background-image: url("../img/payments/visa-dark.svg"); }

.payment-provider-webmoney {
background-image: url("../img/payments/webmoney.svg"); }

.payment-provider-webmoney-dark {
background-image: url("../img/payments/webmoney-dark.svg"); }

.payment-provider-westernunion {
background-image: url("../img/payments/westernunion.svg"); }

.payment-provider-westernunion-dark {
background-image: url("../img/payments/westernunion-dark.svg"); }

.payment-provider-worldpay {
background-image: url("../img/payments/worldpay.svg"); }

.payment-provider-worldpay-dark {
background-image: url("../img/payments/worldpay-dark.svg"); }

.payment-xs {
width: 2.083325rem;
height: 1.25rem; }

.payment-sm {
width: 3.33332rem;
height: 2rem; }

.payment-md {
width: 6.249975rem;
height: 3.75rem; }

.payment-lg {
width: 8.3333rem;
height: 5rem; }

.payment-xl {
width: 11.66662rem;
height: 7rem; }

.payment-2xl {
width: 18.33326rem;
height: 11rem; }

+ 9
- 0
Resources/assets/tabler/demo/dist/css/tabler-payments.rtl.min.css
File diff suppressed because it is too large
View File


+ 731
- 0
Resources/assets/tabler/demo/dist/css/tabler-vendors.css View File

@@ -0,0 +1,731 @@
/*!
* Tabler v1.0.0-beta3 (https://tabler.io)
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box; }

.noUi-target {
position: relative; }

.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1; }

/* Wrapper for all connect elements.
*/
.noUi-connects {
overflow: hidden;
z-index: 0; }

.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat; }

.noUi-connect {
height: 100%;
width: 100%; }

.noUi-origin {
height: 10%;
width: 10%; }

/* Offset direction
*/
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto; }

/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
.noUi-vertical .noUi-origin {
width: 0; }

.noUi-horizontal .noUi-origin {
height: 0; }

.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute; }

.noUi-touch-area {
height: 100%;
width: 100%; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
transition: transform 0.3s; }

.noUi-state-drag * {
cursor: inherit !important; }

/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 18px; }

.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -6px; }

.noUi-vertical {
width: 18px; }

.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
top: -17px; }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto; }

/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
.noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-connects {
border-radius: 3px; }

.noUi-connect {
background: #3FB8AF; }

/* Handles and cursors;
*/
.noUi-draggable {
cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
cursor: ns-resize; }

.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px; }

.noUi-handle:after {
left: 17px; }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px; }

.noUi-vertical .noUi-handle:after {
top: 17px; }

/* Disabled state;
*/
[disabled] .noUi-connect {
background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed; }

/* Base;
*
*/
.noUi-pips,
.noUi-pips * {
box-sizing: border-box; }

.noUi-pips {
position: absolute;
color: #999; }

/* Values;
*
*/
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center; }

.noUi-value-sub {
color: #ccc;
font-size: 10px; }

/* Markings;
*
*/
.noUi-marker {
position: absolute;
background: #CCC; }

.noUi-marker-sub {
background: #AAA; }

.noUi-marker-large {
background: #AAA; }

/* Horizontal layout;
*
*/
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%; }

.noUi-value-horizontal {
transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
height: 15px; }

/* Vertical layout;
*
*/
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%; }

.noUi-value-vertical {
transform: translate(0, -50%);
padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
width: 15px; }

.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
transform: translate(-50%, 0);
left: 50%;
bottom: 120%; }

.noUi-vertical .noUi-tooltip {
transform: translate(0, -50%);
top: 50%;
right: 120%; }

.noUi-horizontal .noUi-origin > .noUi-tooltip {
transform: translate(50%, 0);
left: auto;
bottom: 10px; }

.noUi-vertical .noUi-origin > .noUi-tooltip {
transform: translate(0, -18px);
top: auto;
right: 28px; }

.noUi-target {
border: 0;
box-shadow: none;
background: none;
border-radius: 0;
color: #206bc4; }

.noUi-horizontal {
height: 1.25rem;
padding: .5rem 0; }

.noUi-base {
background: rgba(169, 174, 182, 0.24);
border-radius: 1rem; }

.noUi-handle {
width: 1rem;
height: 1rem;
border: 2px solid #ffffff;
box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
border-radius: 1rem;
background: currentColor;
outline: 0; }
.noUi-handle:before, .noUi-handle:after {
content: none; }
.noUi-horizontal .noUi-handle {
width: 1rem;
height: 1rem;
top: -0.5rem;
right: -0.5rem;
margin: 1px 1px 0 0; }
.noUi-handle.noUi-active, .noUi-handle:focus {
box-shadow: 0 0 0 1px #f4f6fa, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }

.noUi-connect {
background: currentColor; }

.litepicker {
--litepicker-month-weekday-color: #656d77;
--litepicker-button-prev-month-color: #656d77;
--litepicker-button-next-month-color: #656d77;
--litepicker-button-prev-month-color-hover: #206bc4;
--litepicker-button-next-month-color-hover: #206bc4;
--litepicker-day-color-hover: #206bc4;
--litepicker-is-end-color-bg: #206bc4;
--litepicker-is-today-color: #206bc4;
font: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.litepicker svg {
fill: none !important; }
.litepicker .container__months {
border: 1px solid rgba(101, 109, 119, 0.16);
border-radius: 4px;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.litepicker .container__months .month-item-name,
.litepicker .container__months .month-item-year {
font-weight: 500 !important; }
.litepicker .container__months .button-next-month,
.litepicker .container__months .button-prev-month {
cursor: pointer !important; }
.litepicker .container__months .month-item-weekdays-row > div {
padding: .5rem 0 !important;
font-size: 0.75rem; }
.litepicker .container__days .day-item {
cursor: pointer !important;
padding: .5rem 0 !important;
transition: .3s color, .3s background-color, .3s border-color; }
.datepicker-inline .litepicker .container__months {
box-shadow: none; }

/*===============================
= Choices =
===============================*/
.choices {
position: relative;
margin-bottom: 24px;
font-size: 16px; }

.choices:focus {
outline: none; }

.choices:last-child {
margin-bottom: 0; }

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
background-color: #eaeaea;
cursor: not-allowed;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none; }

.choices.is-disabled .choices__item {
cursor: not-allowed; }

.choices [hidden] {
display: none !important; }

.choices[data-type*='select-one'] {
cursor: pointer; }

.choices[data-type*='select-one'] .choices__inner {
padding-bottom: 7.5px; }

.choices[data-type*='select-one'] .choices__input {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #dddddd;
background-color: #ffffff;
margin: 0; }

.choices[data-type*='select-one'] .choices__button {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
margin-right: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: 0.5; }

.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
opacity: 1; }

.choices[data-type*='select-one'] .choices__button:focus {
box-shadow: 0px 0px 0px 2px #00bcd4; }

.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
display: none; }

.choices[data-type*='select-one']:after {
content: '';
height: 0;
width: 0;
border-style: solid;
border-color: #333333 transparent transparent transparent;
border-width: 5px;
position: absolute;
right: 11.5px;
top: 50%;
margin-top: -2.5px;
pointer-events: none; }

.choices[data-type*='select-one'].is-open:after {
border-color: transparent transparent #333333 transparent;
margin-top: -7.5px; }

.choices[data-type*='select-one'][dir='rtl']:after {
left: 11.5px;
right: auto; }

.choices[data-type*='select-one'][dir='rtl'] .choices__button {
right: auto;
left: 0;
margin-left: 25px;
margin-right: 0; }

.choices[data-type*='select-multiple'] .choices__inner,
.choices[data-type*='text'] .choices__inner {
cursor: text; }

.choices[data-type*='select-multiple'] .choices__button,
.choices[data-type*='text'] .choices__button {
position: relative;
display: inline-block;
margin-top: 0;
margin-right: -4px;
margin-bottom: 0;
margin-left: 8px;
padding-left: 16px;
border-left: 1px solid #008fa1;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
background-size: 8px;
width: 8px;
line-height: 1;
opacity: 0.75;
border-radius: 0; }

.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
.choices[data-type*='text'] .choices__button:hover,
.choices[data-type*='text'] .choices__button:focus {
opacity: 1; }

.choices__inner {
display: inline-block;
vertical-align: top;
width: 100%;
background-color: #f9f9f9;
padding: 7.5px 7.5px 3.75px;
border: 1px solid #dddddd;
border-radius: 2.5px;
font-size: 14px;
min-height: 44px;
overflow: hidden; }

.is-focused .choices__inner,
.is-open .choices__inner {
border-color: #b7b7b7; }

.is-open .choices__inner {
border-radius: 2.5px 2.5px 0 0; }

.is-flipped.is-open .choices__inner {
border-radius: 0 0 2.5px 2.5px; }

.choices__list {
margin: 0;
padding-left: 0;
list-style: none; }

.choices__list--single {
display: inline-block;
padding: 4px 16px 4px 4px;
width: 100%; }

[dir='rtl'] .choices__list--single {
padding-right: 4px;
padding-left: 16px; }

.choices__list--single .choices__item {
width: 100%; }

.choices__list--multiple {
display: inline; }

.choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
border-radius: 20px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
margin-right: 3.75px;
margin-bottom: 3.75px;
background-color: #00bcd4;
border: 1px solid #00a5bb;
color: #ffffff;
word-break: break-all;
box-sizing: border-box; }

.choices__list--multiple .choices__item[data-deletable] {
padding-right: 5px; }

[dir='rtl'] .choices__list--multiple .choices__item {
margin-right: 0;
margin-left: 3.75px; }

.choices__list--multiple .choices__item.is-highlighted {
background-color: #00a5bb;
border: 1px solid #008fa1; }

.is-disabled .choices__list--multiple .choices__item {
background-color: #aaaaaa;
border: 1px solid #919191; }

.choices__list--dropdown {
visibility: hidden;
z-index: 1;
position: absolute;
width: 100%;
background-color: #ffffff;
border: 1px solid #dddddd;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
overflow: hidden;
word-break: break-all;
will-change: visibility; }

.choices__list--dropdown.is-active {
visibility: visible; }

.is-open .choices__list--dropdown {
border-color: #b7b7b7; }

.is-flipped .choices__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: 0.25rem 0.25rem 0 0; }

.choices__list--dropdown .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position; }

.choices__list--dropdown .choices__item {
position: relative;
padding: 10px;
font-size: 14px; }

[dir='rtl'] .choices__list--dropdown .choices__item {
text-align: right; }

@media (min-width: 640px) {
.choices__list--dropdown .choices__item--selectable {
padding-right: 100px; }
.choices__list--dropdown .choices__item--selectable:after {
content: attr(data-select-text);
font-size: 12px;
opacity: 0;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%); }
[dir='rtl'] .choices__list--dropdown .choices__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px; }
[dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
right: auto;
left: 10px; } }

.choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: #f2f2f2; }

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
opacity: 0.5; }

.choices__item {
cursor: default; }

.choices__item--selectable {
cursor: pointer; }

.choices__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: 0.5; }

.choices__heading {
font-weight: 600;
font-size: 12px;
padding: 10px;
border-bottom: 1px solid #f7f7f7;
color: gray; }

.choices__button {
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer; }

.choices__button:focus {
outline: none; }

.choices__input {
display: inline-block;
vertical-align: baseline;
background-color: #f9f9f9;
font-size: 14px;
margin-bottom: 5px;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 4px 0 4px 2px; }

.choices__input:focus {
outline: 0; }

[dir='rtl'] .choices__input {
padding-right: 2px;
padding-left: 0; }

.choices__placeholder {
opacity: 0.5; }

/*===== End of Choices ======*/
.choices {
margin: 0;
font-size: inherit;
position: relative;
cursor: pointer; }
.choices:focus {
outline: none; }
.choices:after {
content: none !important; }
.choices.is-focused .form-select {
border-color: #90b5e2;
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
.choices .dropdown-menu {
width: 100%;
height: auto; }
.choices .dropdown-menu .choices__list {
max-height: 13rem;
overflow-x: hidden; }
.choices .dropdown-menu .dropdown-item {
padding-left: 0.75rem;
padding-right: 0.75rem; }
.choices .dropdown-menu .dropdown-item.active {
background: transparent;
color: inherit; }
.choices .dropdown-menu .dropdown-item.is-highlighted {
color: #206bc4;
background-color: rgba(32, 107, 196, 0.06); }

.choices__placeholder {
color: #a7abb1;
opacity: 1; }

.choices__list--single {
padding: 0; }

.choices__list--dropdown .choices__item--selectable:after {
content: none; }

+ 9
- 0
Resources/assets/tabler/demo/dist/css/tabler-vendors.min.css
File diff suppressed because it is too large
View File


+ 731
- 0
Resources/assets/tabler/demo/dist/css/tabler-vendors.rtl.css View File

@@ -0,0 +1,731 @@
/*!
* Tabler v1.0.0-beta3 (https://tabler.io)
* @version 1.0.0-beta3
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box; }

.noUi-target {
position: relative; }

.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1; }

/* Wrapper for all connect elements.
*/
.noUi-connects {
overflow: hidden;
z-index: 0; }

.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
left: 0;
-ms-transform-origin: 100% 0;
-webkit-transform-origin: 100% 0;
-webkit-transform-style: preserve-3d;
transform-origin: 100% 0;
transform-style: flat; }

.noUi-connect {
height: 100%;
width: 100%; }

.noUi-origin {
height: 10%;
width: 10%; }

/* Offset direction
*/
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
right: 0;
left: auto; }

/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
.noUi-vertical .noUi-origin {
width: 0; }

.noUi-horizontal .noUi-origin {
height: 0; }

.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute; }

.noUi-touch-area {
height: 100%;
width: 100%; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
transition: transform 0.3s; }

.noUi-state-drag * {
cursor: inherit !important; }

/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 18px; }

.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px; }

.noUi-vertical {
width: 18px; }

.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px; }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
right: -17px;
left: auto; }

/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
.noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-connects {
border-radius: 3px; }

.noUi-connect {
background: #3FB8AF; }

/* Handles and cursors;
*/
.noUi-draggable {
cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
cursor: ns-resize; }

.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
right: 14px;
top: 6px; }

.noUi-handle:after {
right: 17px; }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
right: 6px;
top: 14px; }

.noUi-vertical .noUi-handle:after {
top: 17px; }

/* Disabled state;
*/
[disabled] .noUi-connect {
background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed; }

/* Base;
*
*/
.noUi-pips,
.noUi-pips * {
box-sizing: border-box; }

.noUi-pips {
position: absolute;
color: #999; }

/* Values;
*
*/
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center; }

.noUi-value-sub {
color: #ccc;
font-size: 10px; }

/* Markings;
*
*/
.noUi-marker {
position: absolute;
background: #CCC; }

.noUi-marker-sub {
background: #AAA; }

.noUi-marker-large {
background: #AAA; }

/* Horizontal layout;
*
*/
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
right: 0;
width: 100%; }

.noUi-value-horizontal {
transform: translate(50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
transform: translate(-50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
margin-right: -1px;
width: 2px;
height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
height: 15px; }

/* Vertical layout;
*
*/
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
right: 100%; }

.noUi-value-vertical {
transform: translate(0, -50%);
padding-right: 25px; }

.noUi-rtl .noUi-value-vertical {
transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
width: 15px; }

.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
transform: translate(50%, 0);
right: 50%;
bottom: 120%; }

.noUi-vertical .noUi-tooltip {
transform: translate(0, -50%);
top: 50%;
left: 120%; }

.noUi-horizontal .noUi-origin > .noUi-tooltip {
transform: translate(-50%, 0);
right: auto;
bottom: 10px; }

.noUi-vertical .noUi-origin > .noUi-tooltip {
transform: translate(0, -18px);
top: auto;
left: 28px; }

.noUi-target {
border: 0;
box-shadow: none;
background: none;
border-radius: 0;
color: #206bc4; }

.noUi-horizontal {
height: 1.25rem;
padding: .5rem 0; }

.noUi-base {
background: rgba(169, 174, 182, 0.24);
border-radius: 1rem; }

.noUi-handle {
width: 1rem;
height: 1rem;
border: 2px solid #ffffff;
box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
border-radius: 1rem;
background: currentColor;
outline: 0; }
.noUi-handle:before, .noUi-handle:after {
content: none; }
.noUi-horizontal .noUi-handle {
width: 1rem;
height: 1rem;
top: -0.5rem;
left: -0.5rem;
margin: 1px 0 0 1px; }
.noUi-handle.noUi-active, .noUi-handle:focus {
box-shadow: 0 0 0 1px #f4f6fa, 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }

.noUi-connect {
background: currentColor; }

.litepicker {
--litepicker-month-weekday-color: #656d77;
--litepicker-button-prev-month-color: #656d77;
--litepicker-button-next-month-color: #656d77;
--litepicker-button-prev-month-color-hover: #206bc4;
--litepicker-button-next-month-color-hover: #206bc4;
--litepicker-day-color-hover: #206bc4;
--litepicker-is-end-color-bg: #206bc4;
--litepicker-is-today-color: #206bc4;
font: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.litepicker svg {
fill: none !important; }
.litepicker .container__months {
border: 1px solid rgba(101, 109, 119, 0.16);
border-radius: 4px;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.litepicker .container__months .month-item-name,
.litepicker .container__months .month-item-year {
font-weight: 500 !important; }
.litepicker .container__months .button-next-month,
.litepicker .container__months .button-prev-month {
cursor: pointer !important; }
.litepicker .container__months .month-item-weekdays-row > div {
padding: .5rem 0 !important;
font-size: 0.75rem; }
.litepicker .container__days .day-item {
cursor: pointer !important;
padding: .5rem 0 !important;
transition: .3s color, .3s background-color, .3s border-color; }
.datepicker-inline .litepicker .container__months {
box-shadow: none; }

/*===============================
= Choices =
===============================*/
.choices {
position: relative;
margin-bottom: 24px;
font-size: 16px; }

.choices:focus {
outline: none; }

.choices:last-child {
margin-bottom: 0; }

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
background-color: #eaeaea;
cursor: not-allowed;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none; }

.choices.is-disabled .choices__item {
cursor: not-allowed; }

.choices [hidden] {
display: none !important; }

.choices[data-type*='select-one'] {
cursor: pointer; }

.choices[data-type*='select-one'] .choices__inner {
padding-bottom: 7.5px; }

.choices[data-type*='select-one'] .choices__input {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #dddddd;
background-color: #ffffff;
margin: 0; }

.choices[data-type*='select-one'] .choices__button {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
left: 0;
margin-top: -10px;
margin-left: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: 0.5; }

.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
opacity: 1; }

.choices[data-type*='select-one'] .choices__button:focus {
box-shadow: 0px 0px 0px 2px #00bcd4; }

.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
display: none; }

.choices[data-type*='select-one']:after {
content: '';
height: 0;
width: 0;
border-style: solid;
border-color: #333333 transparent transparent transparent;
border-width: 5px;
position: absolute;
left: 11.5px;
top: 50%;
margin-top: -2.5px;
pointer-events: none; }

.choices[data-type*='select-one'].is-open:after {
border-color: transparent transparent #333333 transparent;
margin-top: -7.5px; }

.choices[data-type*='select-one'][dir='rtl']:after {
right: 11.5px;
left: auto; }

.choices[data-type*='select-one'][dir='rtl'] .choices__button {
left: auto;
right: 0;
margin-right: 25px;
margin-left: 0; }

.choices[data-type*='select-multiple'] .choices__inner,
.choices[data-type*='text'] .choices__inner {
cursor: text; }

.choices[data-type*='select-multiple'] .choices__button,
.choices[data-type*='text'] .choices__button {
position: relative;
display: inline-block;
margin-top: 0;
margin-left: -4px;
margin-bottom: 0;
margin-right: 8px;
padding-right: 16px;
border-right: 1px solid #008fa1;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
background-size: 8px;
width: 8px;
line-height: 1;
opacity: 0.75;
border-radius: 0; }

.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
.choices[data-type*='text'] .choices__button:hover,
.choices[data-type*='text'] .choices__button:focus {
opacity: 1; }

.choices__inner {
display: inline-block;
vertical-align: top;
width: 100%;
background-color: #f9f9f9;
padding: 7.5px 7.5px 3.75px;
border: 1px solid #dddddd;
border-radius: 2.5px;
font-size: 14px;
min-height: 44px;
overflow: hidden; }

.is-focused .choices__inner,
.is-open .choices__inner {
border-color: #b7b7b7; }

.is-open .choices__inner {
border-radius: 2.5px 2.5px 0 0; }

.is-flipped.is-open .choices__inner {
border-radius: 0 0 2.5px 2.5px; }

.choices__list {
margin: 0;
padding-right: 0;
list-style: none; }

.choices__list--single {
display: inline-block;
padding: 4px 4px 4px 16px;
width: 100%; }

[dir='rtl'] .choices__list--single {
padding-left: 4px;
padding-right: 16px; }

.choices__list--single .choices__item {
width: 100%; }

.choices__list--multiple {
display: inline; }

.choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
border-radius: 20px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
margin-left: 3.75px;
margin-bottom: 3.75px;
background-color: #00bcd4;
border: 1px solid #00a5bb;
color: #ffffff;
word-break: break-all;
box-sizing: border-box; }

.choices__list--multiple .choices__item[data-deletable] {
padding-left: 5px; }

[dir='rtl'] .choices__list--multiple .choices__item {
margin-left: 0;
margin-right: 3.75px; }

.choices__list--multiple .choices__item.is-highlighted {
background-color: #00a5bb;
border: 1px solid #008fa1; }

.is-disabled .choices__list--multiple .choices__item {
background-color: #aaaaaa;
border: 1px solid #919191; }

.choices__list--dropdown {
visibility: hidden;
z-index: 1;
position: absolute;
width: 100%;
background-color: #ffffff;
border: 1px solid #dddddd;
top: 100%;
margin-top: -1px;
border-bottom-right-radius: 2.5px;
border-bottom-left-radius: 2.5px;
overflow: hidden;
word-break: break-all;
will-change: visibility; }

.choices__list--dropdown.is-active {
visibility: visible; }

.is-open .choices__list--dropdown {
border-color: #b7b7b7; }

.is-flipped .choices__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: 0.25rem 0.25rem 0 0; }

.choices__list--dropdown .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position; }

.choices__list--dropdown .choices__item {
position: relative;
padding: 10px;
font-size: 14px; }

[dir='rtl'] .choices__list--dropdown .choices__item {
text-align: left; }

@media (min-width: 640px) {
.choices__list--dropdown .choices__item--selectable {
padding-left: 100px; }
.choices__list--dropdown .choices__item--selectable:after {
content: attr(data-select-text);
font-size: 12px;
opacity: 0;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%); }
[dir='rtl'] .choices__list--dropdown .choices__item--selectable {
text-align: left;
padding-right: 100px;
padding-left: 10px; }
[dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
left: auto;
right: 10px; } }

.choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: #f2f2f2; }

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
opacity: 0.5; }

.choices__item {
cursor: default; }

.choices__item--selectable {
cursor: pointer; }

.choices__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: 0.5; }

.choices__heading {
font-weight: 600;
font-size: 12px;
padding: 10px;
border-bottom: 1px solid #f7f7f7;
color: gray; }

.choices__button {
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer; }

.choices__button:focus {
outline: none; }

.choices__input {
display: inline-block;
vertical-align: baseline;
background-color: #f9f9f9;
font-size: 14px;
margin-bottom: 5px;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 4px 2px 4px 0; }

.choices__input:focus {
outline: 0; }

[dir='rtl'] .choices__input {
padding-left: 2px;
padding-right: 0; }

.choices__placeholder {
opacity: 0.5; }

/*===== End of Choices ======*/
.choices {
margin: 0;
font-size: inherit;
position: relative;
cursor: pointer; }
.choices:focus {
outline: none; }
.choices:after {
content: none !important; }
.choices.is-focused .form-select {
border-color: #90b5e2;
box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25); }
.choices .dropdown-menu {
width: 100%;
height: auto; }
.choices .dropdown-menu .choices__list {
max-height: 13rem;
overflow-x: hidden; }
.choices .dropdown-menu .dropdown-item {
padding-right: 0.75rem;
padding-left: 0.75rem; }
.choices .dropdown-menu .dropdown-item.active {
background: transparent;
color: inherit; }
.choices .dropdown-menu .dropdown-item.is-highlighted {
color: #206bc4;
background-color: rgba(32, 107, 196, 0.06); }

.choices__placeholder {
color: #a7abb1;
opacity: 1; }

.choices__list--single {
padding: 0; }

.choices__list--dropdown .choices__item--selectable:after {
content: none; }

+ 9
- 0
Resources/assets/tabler/demo/dist/css/tabler-vendors.rtl.min.css
File diff suppressed because it is too large
View File


+ 12809
- 0
Resources/assets/tabler/demo/dist/css/tabler.css
File diff suppressed because it is too large
View File


+ 9
- 0
Resources/assets/tabler/demo/dist/css/tabler.min.css
File diff suppressed because it is too large
View File


+ 12787
- 0
Resources/assets/tabler/demo/dist/css/tabler.rtl.css
File diff suppressed because it is too large
View File


+ 9
- 0
Resources/assets/tabler/demo/dist/css/tabler.rtl.min.css
File diff suppressed because it is too large
View File


+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/ad.svg
File diff suppressed because it is too large
View File


+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/ae.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#00732f" d="M0 0h640v160H0z"/><path fill="#fff" d="M0 160h640v160H0z"/><path d="M0 320h640v160H0z"/><path fill="red" d="M0 0h220v480H0z"/></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/af.svg
File diff suppressed because it is too large
View File


+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/ag.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-79.7 0H603v512H-79.7z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(74.7) scale(.9375)"><path fill="#fff" d="M-120 0h763.3v511.5H-120z"/><path d="M-118.3.6h760.9v216.1h-761z"/><path fill="#0061ff" d="M21.3 203.2h505V317h-505z"/><path fill="#e20000" d="M642.8 1.8V512H262L642.8 1.7zm-761.5 0V512H262L-118.7 1.7z"/><path fill="#ffd600" d="M440.4 203.3L364 184l64.9-49-79.7 11.4 41-69.5-70.7 41L332.3 37l-47.9 63.8-19.3-74-21.7 76.3-47.8-65 13.7 83.2L138.5 78l41 69.5-77.4-12.5 63.8 47.8L86 203.3h354.3z"/></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/ai.svg
File diff suppressed because it is too large
View File


+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/al.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480"><path fill="#e41e20" d="M0 0h640v480H0z"/><path id="a" d="M272 93.3c-4.6 0-12.3 1.5-12.2 5-13-2.1-14.3 3.2-13.5 8 1.2-1.9 2.7-3 3.9-3.1 1.7-.3 3.5.3 5.4 1.4a21.6 21.6 0 0 1 4.8 4.1c-4.6 1.1-8.2.4-11.8-.2a16.5 16.5 0 0 1-5.7-2.4c-1.5-1-2-2-4.3-4.3-2.7-2.8-5.6-2-4.7 2.3 2.1 4 5.6 5.8 10 6.6 2.1.3 5.3 1 8.9 1 3.6 0 7.6-.5 9.8 0-1.3.8-2.8 2.3-5.8 2.8-3 .6-7.5-1.8-10.3-2.4.3 2.3 3.3 4.5 9.1 5.7 9.6 2 17.5 3.6 22.8 6.5a37.3 37.3 0 0 1 10.9 9.2c4.7 5.5 5 9.8 5.2 10.8 1 8.8-2.1 13.8-7.9 15.4-2.8.7-8-.7-9.8-2.9-2-2.2-3.7-6-3.2-12 .5-2.2 3.1-8.3.9-9.5a273.7 273.7 0 0 0-32.3-15.1c-2.5-1-4.5 2.4-5.3 3.8a50.2 50.2 0 0 1-36-23.7c-4.2-7.6-11.3 0-10.1 7.3 1.9 8 8 13.8 15.4 18 7.5 4.1 17 8.2 26.5 8 5.2 1 5.1 7.6-1 8.9-12.1 0-21.8-.2-30.9-9-6.9-6.3-10.7 1.2-8.8 5.4 3.4 13.1 22.1 16.8 41 12.6 7.4-1.2 3 6.6 1 6.7-8 5.7-22.1 11.2-34.6 0-5.7-4.4-9.6-.8-7.4 5.5 5.5 16.5 26.7 13 41.2 5 3.7-2.1 7.1 2.7 2.6 6.4-18.1 12.6-27.1 12.8-35.3 8-10.2-4.1-11 7.2-5 11 6.7 4 23.8 1 36.4-7 5.4-4 5.6 2.3 2.2 4.8-14.9 12.9-20.8 16.3-36.3 14.2-7.7-.6-7.6 8.9-1.6 12.6 8.3 5.1 24.5-3.3 37-13.8 5.3-2.8 6.2 1.8 3.6 7.3a53.9 53.9 0 0 1-21.8 18c-7 2.7-13.6 2.3-18.3.7-5.8-2-6.5 4-3.3 9.4 1.9 3.3 9.8 4.3 18.4 1.3 8.6-3 17.8-10.2 24.1-18.5 5.5-4.9 4.9 1.6 2.3 6.2-12.6 20-24.2 27.4-39.5 26.2-6.7-1.2-8.3 4-4 9 7.6 6.2 17 6 25.4-.2 7.3-7 21.4-22.4 28.8-30.6 5.2-4.1 6.9 0 5.3 8.4-1.4 4.8-4.8 10-14.3 13.6-6.5 3.7-1.6 8.8 3.2 9 2.7 0 8.1-3.2 12.3-7.8 5.4-6.2 5.8-10.3 8.8-19.9 2.8-4.6 7.9-2.4 7.9 2.4-2.5 9.6-4.5 11.3-9.5 15.2-4.7 4.5 3.3 6 6 4.1 7.8-5.2 10.6-12 13.2-18.2 2-4.4 7.4-2.3 4.8 5-6 17.4-16 24.2-33.3 27.8-1.7.3-2.8 1.3-2.2 3.3l7 7c-10.7 3.2-19.4 5-30.2 8l-14.8-9.8c-1.3-3.2-2-8.2-9.8-4.7-5.2-2.4-7.7-1.5-10.6 1 4.2 0 6 1.2 7.7 3.1 2.2 5.7 7.2 6.3 12.3 4.7 3.3 2.7 5 4.9 8.4 7.7l-16.7-.5c-6-6.3-10.6-6-14.8-1-3.3.5-4.6.5-6.8 4.4 3.4-1.4 5.6-1.8 7.1-.3 6.3 3.7 10.4 2.9 13.5 0l17.5 1.1c-2.2 2-5.2 3-7.5 4.8-9-2.6-13.8 1-15.4 8.3a17 17 0 0 0-1.2 9.3c.8-3 2.3-5.5 4.9-7 8 2 11-1.3 11.5-6.1 4-3.2 9.8-3.9 13.7-7.1 4.6 1.4 6.8 2.3 11.4 3.8 1.6 5 5.3 6.9 11.3 5.6 7 .2 5.8 3.2 6.4 5.5 2-3.3 1.9-6.6-2.5-9.6-1.6-4.3-5.2-6.3-9.8-3.8-4.4-1.2-5.5-3-9.9-4.3 11-3.5 18.8-4.3 29.8-7.8l7.7 6.8c1.5.9 2.9 1.1 3.8 0 6.9-10 10-18.7 16.3-25.3 2.5-2.8 5.6-6.4 9-7.3 1.7-.5 3.8-.2 5.2 1.3 1.3 1.4 2.4 4.1 2 8.2-.7 5.7-2.1 7.6-3.7 11-1.7 3.5-3.6 5.6-5.7 8.3-4 5.3-9.4 8.4-12.6 10.5-6.4 4.1-9 2.3-14 2-6.4.7-8 3.8-2.8 8.1 4.8 2.6 9.2 2.9 12.8 2.2 3-.6 6.6-4.5 9.2-6.6 2.8-3.3 7.6.6 4.3 4.5-5.9 7-11.7 11.6-19 11.5-7.7 1-6.2 5.3-1.2 7.4 9.2 3.7 17.4-3.3 21.6-8 3.2-3.5 5.5-3.6 5 1.9-3.3 9.9-7.6 13.7-14.8 14.2-5.8-.6-5.9 4-1.6 7 9.6 6.6 16.6-4.8 19.9-11.6 2.3-6.2 5.9-3.3 6.3 1.8 0 6.9-3 12.4-11.3 19.4 6.3 10.1 13.7 20.4 20 30.5l19.2-214L320 139c-2-1.8-8.8-9.8-10.5-11-.7-.6-1-1-.1-1.4.9-.4 3-.8 4.5-1-4-4.1-7.6-5.4-15.3-7.6 1.9-.8 3.7-.4 9.3-.6a30.2 30.2 0 0 0-13.5-10.2c4.2-3 5-3.2 9.2-6.7a86.3 86.3 0 0 1-19.5-3.8 37.4 37.4 0 0 0-12-3.4zm.8 8.4c3.8 0 6.1 1.3 6.1 2.9 0 1.6-2.3 2.9-6.1 2.9s-6.2-1.5-6.2-3c0-1.6 2.4-2.8 6.2-2.8z"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640 0)" xlink:href="#a"/></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/am.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="red" d="M0 0h640v160H0z"/><path fill="#00f" d="M0 160h640v160H0z"/><path fill="orange" d="M0 320h640v160H0z"/></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/ao.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="red" d="M0 0h640v243.6H0z"/><path d="M0 236.4h640V480H0z"/></g><path fill="#ffec00" fill-rule="evenodd" d="M228.7 148.2c165.2 43.3 59 255.6-71.3 167.2l-8.8 13.6c76.7 54.6 152.6 10.6 174-46.4 22.2-58.8-7.6-141.5-92.6-150l-1.3 15.6z"/><path fill="#ffec00" fill-rule="evenodd" d="M170 330.8l21.7 10.1-10.2 21.8-21.7-10.2zm149-99.5h24v24h-24zm-11.7-38.9l22.3-8.6 8.7 22.3-22.3 8.7zm-26-29.1l17.1-16.9 16.9 17-17 16.9zm-26.2-39.8l22.4 8.4-8.5 22.4-22.4-8.4zM316 270l22.3 8.9-9 22.2-22.2-8.9zm-69.9 70l22-9.3 9.5 22-22 9.4zm-39.5 2.8h24v24h-24zm41.3-116l-20.3-15-20.3 14.6 8-23-20.3-15h24.5l8.5-22.6 7.8 22.7 24.7-.3-19.6 15.3 7 23.4z"/><path fill="#fe0" fill-rule="evenodd" d="M336 346.4c-1.2.4-6.2 12.4-9.7 18.2l3.7 1c13.6 4.8 20.4 9.2 26.2 17.5a7.9 7.9 0 0 0 10.2.7s2.8-1 6.4-5c3-4.5 2.2-8-1.4-11.1-11-8-22.9-14-35.4-21.3z"/><path fill-rule="evenodd" d="M365.3 372.8a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.6 0zm-21.4-13.6a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.7 0zm10.9 7a4.3 4.3 0 1 1-8.7 0 4.3 4.3 0 0 1 8.7 0z"/><path fill="#fe0" fill-rule="evenodd" d="M324.5 363.7c-42.6-24.3-87.3-50.5-130-74.8-18.7-11.7-19.6-33.4-7-49.9 1.2-2.3 2.8-1.8 3.4-.5 1.5 8 6 16.3 11.4 21.5C247 288.4 290 315.8 334 345.6c-3.4 5.8-6 12.3-9.5 18z"/><path fill="#ffec00" fill-rule="evenodd" d="M297.2 305.5l17.8 16-16 17.8-17.8-16z"/><path fill="none" stroke="#000" stroke-width="3" d="M331.5 348.8l-125-75.5m109.6 58.1L274 304.1m18.2 42.7L249.3 322"/></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/aq.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#3a7dce" fill-rule="evenodd" d="M0 0h640v480H0z"/><path fill="#fff" d="M184.8 225.3c-2.9-5.9-2.9-5.9-2.9-11.8-1.4 0-1.7.3-2.5 0-.8-.2-1.2 5.5-3.9 4.4-.4-.6 2-4.7-.6-6.4-.8-.5.2-3.9-.2-5.4 0 0-3.3 1.8-5.7-4.4-1.3-1.6-3 1.5-3 1.5s.8 1.9-.5 2.3c-1.9-1.4-3.2-.6-5.6-2.5-2.3-2 .5-4.1-4-5.7 3-7.4 3-6 10.2-8.9-4.4-3-4.4-3-7.3-7.4-4.3-1.4-5.7-3-10-5.9-5.8-7.3-8.7-22.1-8.7-32.4 3.6-3.5 8.6 11.8 15.9 16.2l10 4.4c5.8 3 7.3 6 11.6 8.9l13 4.4c5.8 4.4 8.7 10.3 13 11.8 4.7 0 5.6-2.7 7.1-3 8.5-.4 12.8-1.5 14.5-4 1.7-2.2 5.8 1.1 17.4-3.3l-1.5-6s3.1-2.5 7.3-1.4c-.2-2.7-.4-9.9 3.7-13.1-2.5-2.7-.9-4.6-.9-4.6s2.3-2.3 2.6-3.5c-1.2-6.5 1-6.6 1.6-8.5s-2-1.2-1.3-3.9c.7-2.6 4.9-3.2 5.5-5.4.5-2.2-1.2-3.3-1.1-3.8.9-2 .1-7 0-8.9 7.7-2 10.3-8.5 13-5.9 1.4-8.8 2.8-11.8 11.5-11.8 1.2-2.7-3.1-5-1.4-5.9 2.9-.3 5-.2 8.5 4.3 1 1.4 1.2-2 2.3-2.4 1-.4 3.7-.4 4-2.2.5-1.8 1-4.1 2.5-7 1.2-2.5 2.2.9 3.2 5.6 6.1.2 19.9 1.6 25.7 3.2 4.3 1.1 7.2-1.2 11.3-1.6 3.1 3.1 6 .8 7.6 7.5 2.3 3.6 6 .3 6.9 1.3 4.8 13.6 21.4 4.5 22.7 4.7 2 0 4.7 6 6.3 6 2.8-.5 2-2.4 4.4-1.7-.7 5.2 4.6 11 4.6 14.9 0 0 1.3.6 2.5-.5s2.3-4 3.3-4l6.5 1.2c7.8 2.8 11.8 3.4 14.8 4.8 1.5 2.6 2.8 4 5.7 3.5 2.4 1.6.6 3.8 2 3.9 3-1.5 3.9-3.1 6.8-1.6a17.6 17.6 0 0 1 7.2 7.4c0 1.4-1.5 7.3 0 16.2.7 3 1 5.3 4.1 10.3-.8 5.3 4 14 4 16.2 0 3-2.4 4.5-3.8 7.5 5.8 4.4 0 11.8-2.9 16.2 21.7 4.4 11.6 13.3 28.9 8.8-4.3 10.4-2.8 9.5 1.5 19.9-8.6 5.9-.2 7.7-6 15-.3.5 3.5 6.5 8.8 6.5-1.4 11.8-5.8 7.4-4.3 25-11.4-.2-6.8 13.3-14.4 11.9.4 8.4 4.3 9.2 2.8 17.7-5.7 1.5-5.7 1.5-8.6 5.9l-4.4-1.5c-1.4 7.4-4.3 8.9 0 16.3H439c-.1 2.5 2.5 3.2 3 5.9-.3 1-8.3 5.7-14.5 5.9-1.6 3.6 4.3 7.5 4 9.3-6.8 1.4-9.8 9.9-9.8 9.9s3.5 1.4 2.9 3c-1.9-1.5-2.9-1.6-5.8-1.6-1.4.4-5 0-8.3 5.8-3.7 1.2-5.5.8-8.3 4.6-1.2-3.7-3 0-5.2 1.4s-5.1 4.9-5.5 4.7c0-1 1.3-4.7 1.3-4.7l-7.2 1.5-.9.1c-.5 0-.4-4.3-1.8-4.1-1.3.1-5.2 5.5-6.6 5.6-1.3.2-1.7-1.7-2.9-1.5-1.1.2-3.4 5.6-4.2 5.8-.8.1-4-3.4-6.8-2.9-14.2 5.1-16.4-10-18.7-1.5-3-1.6-2.4-.7-5.4.1-2 .5-2.1-2.6-3.9-2.5-3.4 0-3.2 3.4-5.1 2.4-1.5-7-10.8-5.7-11.7-8.6-.7-3.1 4-3 5.6-5.2 1.1-3-1.3-4.1 3.5-7 6.2-4.3 2.6-6 3.7-9.2 2-4.6 2-5.8.4-9.9 0 0-4.9-13.2-5.8-13.2-3-.9-3 4.9-7.2 6.4-8.6 3-24-7.5-26.6-7.5-2.4 0-13.7 2.8-13.3-3-1.6 5.6-7.8 1.3-8.2 1.3-5.8 0-3.6 4.6-7.5 4.4-1.7-.6-19.5-1.6-19.5-1.6v3l-11.6-6-10-3c-8.7-2.9-4.4-10.3-18.8-5.8v-9H195c3-17.6 0-8.8-1.4-25l-5.8 1.5c-5.7-8 8-6.5-4.3-11.8 0 0 .2-8.8-2.9-6-.6.4 1.5 4.5 1.5 4.5-11.6-1.5-14.5-4.4-14.5-16.2 0 0 9.5 1.3 8.7 0a73 73 0 0 1-2.8-17.6c-.2-2 8.8-6.8 7-11.5 1.2-.4 4.4-.5 4.4-.5"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1" d="M574.6 284.3a3 3 0 0 0 0 2.8c1-1.3.2-1.9 0-2.8z"/><path fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2" d="M203.3 167.8s-2.4-.3-1.9 1.8c.8-1.7 1.8-1.7 1.9-1.8zm.5-5c-1.3 0-3-.2-2.4 2 .8-1.7 2.4-1.9 2.4-2zm9.1 28.3s2.1-.1 1.6 2c-.8-1.6-1.5-1.9-1.6-2z"/></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/ar.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480"><path fill="#74acdf" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 160h640v160H0z"/><g id="c" transform="translate(-64) scale(.96)"><path id="a" fill="#f6b40e" stroke="#85340a" stroke-width="1.1" d="M396.8 251.3l28.5 62s.5 1.2 1.3.9c.8-.4.3-1.5.3-1.5l-23.7-64m-.7 24.1c-.4 9.4 5.4 14.6 4.7 23-.8 8.5 3.8 13.2 5 16.5 1 3.3-1.3 5.2-.3 5.7s3-2.1 2.4-6.8c-.7-4.6-4.2-6-3.4-16.3.8-10.3-4.2-12.7-3-22"/><use width="100%" height="100%" transform="rotate(22.5 400 250)" xlink:href="#a"/><use width="100%" height="100%" transform="rotate(45 400 250)" xlink:href="#a"/><use width="100%" height="100%" transform="rotate(67.5 400 250)" xlink:href="#a"/><path id="b" fill="#85340a" d="M404.3 274.4c.5 9 5.6 13 4.6 21.3 2.2-6.5-3.1-11.6-2.8-21.2m-7.7-23.8l19.5 42.6-16.3-43.9"/><use width="100%" height="100%" transform="rotate(22.5 400 250)" xlink:href="#b"/><use width="100%" height="100%" transform="rotate(45 400 250)" xlink:href="#b"/><use width="100%" height="100%" transform="rotate(67.5 400 250)" xlink:href="#b"/></g><use width="100%" height="100%" transform="rotate(90 320 240)" xlink:href="#c"/><use width="100%" height="100%" transform="rotate(180 320 240)" xlink:href="#c"/><use width="100%" height="100%" transform="rotate(-90 320 240)" xlink:href="#c"/><circle cx="320" cy="240" r="26.7" fill="#f6b40e" stroke="#85340a" stroke-width="1.4"/><path id="h" fill="#843511" d="M329.1 234.3c-1.8 0-3.6.8-4.6 2.4 2 1.9 6.6 2 9.7-.2a7 7 0 0 0-5.1-2.2zm0 .4c1.7 0 3.4.8 3.6 1.6-2 2.3-5.3 2-7.4.4a4.3 4.3 0 0 1 3.8-2z"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#d"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#e"/><use width="100%" height="100%" transform="translate(18.1)" xlink:href="#f"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 640.2 0)" xlink:href="#g"/><path fill="#85340a" d="M316 243.7a1.9 1.9 0 1 0 1.8 2.9 4 4 0 0 0 2.2.6h.2a3.9 3.9 0 0 0 2.3-.6 1.9 1.9 0 1 0 1.8-3c.5.3.8.7.8 1.3 0 .6-.5 1.2-1.2 1.2a1.2 1.2 0 0 1-1.2-1.2 3 3 0 0 1-2.6 1.7 3 3 0 0 1-2.5-1.7 1.2 1.2 0 0 1-1.3 1.2c-.6 0-1.2-.6-1.2-1.2s.3-1 .8-1.2zm2 5.5c-2.1 0-3 1.8-4.8 3 1-.4 1.9-1.2 3.3-2s2.7.2 3.5.2c.8 0 2-1 3.5-.2 1.4.8 2.3 1.6 3.3 2-1.9-1.2-2.7-3-4.8-3a5.5 5.5 0 0 0-2 .6 5.5 5.5 0 0 0-2-.7z"/><path fill="#85340a" d="M317.2 251.6c-.8 0-1.8.2-3.4.6 3.7-.8 4.5.5 6.2.5 1.6 0 2.4-1.3 6.1-.5-4-1.2-4.9-.4-6.1-.4-.8 0-1.4-.3-2.8-.2z"/><path fill="#85340a" d="M314 252.2h-.8c4.3.5 2.3 3 6.8 3s2.5-2.5 6.8-3c-4.5-.4-3.1 2.3-6.8 2.3-3.5 0-2.4-2.3-6-2.3zm9.7 6.7a3.7 3.7 0 0 0-7.4 0 3.8 3.8 0 0 1 7.4 0z"/><path id="e" fill="#85340a" d="M303.4 234.3c4.7-4.1 10.7-4.8 14-1.7a8 8 0 0 1 1.5 3.5c.4 2.3-.3 4.8-2.1 7.4l.8.4a14.6 14.6 0 0 0 1.6-9.4 13.3 13.3 0 0 0-.6-2.3c-4.5-3.7-10.7-4-15.2 2z"/><path id="d" fill="#85340a" d="M310.8 233c2.7 0 3.3.7 4.5 1.7 1.2 1 1.9.8 2 1 .3.2 0 .8-.3.6-.5-.2-1.3-.6-2.5-1.6s-2.5-1-3.7-1c-3.7 0-5.7 3-6.2 2.8-.3-.2 2.1-3.5 6.2-3.5z"/><use width="100%" height="100%" transform="translate(-18.4)" xlink:href="#h"/><circle id="f" cx="310.9" cy="236.3" r="1.9" fill="#85340a"/><path id="g" fill="#85340a" d="M305.9 237.5c3.5 2.7 7 2.5 9 1.3 2-1.3 2-1.7 1.6-1.7-.4 0-.8.4-2.4 1.3-1.7.8-4.1.8-8.2-.9z"/></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/as.svg
File diff suppressed because it is too large
View File


+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/at.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd"><path fill="#fff" d="M640 480H0V0h640z"/><path fill="#df0000" d="M640 480H0V320h640zm0-319.9H0V.1h640z"/></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/au.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g stroke-width="1pt"><path fill="#006" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 0v28l307 222h38.7v-28L38.7 0H0zm345.7 0v28l-307 222H0v-28L307 0h38.7z"/><path fill="#fff" d="M144 0v250h57.6V0H144zM0 83.3v83.4h345.7V83.3H0z"/><path fill="#c00" d="M0 100v50h345.7v-50H0zM155.6 0v250H190V0h-34.5zM0 250l115.2-83.3H141L25.8 250H0zM0 0l115.2 83.3H89.5L0 18.6V0zm204.7 83.3L319.9 0h25.8L230.5 83.3h-25.8zm141 166.7l-115.2-83.3h25.7l89.5 64.7V250z"/><path fill="#fff" fill-rule="evenodd" d="M299.8 392.5l-43.7 3.8 6 43.4L232 408l-30.1 31.7 6-43.4-43.7-3.8 37.7-22.3-24.3-36.5 41 15.5 13.4-41.7 13.5 41.7 41-15.5-24.3 36.5m224.4 62.3L476 416.7l17.8 6.7 5.8-18.1 5.8 18.1 17.8-6.7-10.5 15.8 16.4 9.7-19 1.7 2.6 18.9-13-13.9-13.2 13.9 2.6-18.9-19-1.6m16.4-291.9L476 134.6l17.8 6.7 5.8-18.1 5.8 18.1 17.8-6.7-10.5 15.8 16.4 9.8-19 1.6 2.6 18.9-13-13.8-13.2 13.7 2.6-18.8-19-1.6M380.8 265l-10.5-15.8 17.8 6.7 5.8-18.1 5.9 18.1 17.8-6.7L407 265l16.4 9.7-19 1.7 2.7 18.9-13.2-13.9-13 13.9 2.5-18.9-19-1.6m216.3-38L570 221l17.8 6.7 5.8-18.1 5.9 18.1 17.8-6.7-10.5 15.8 16.3 9.7-19 1.7 2.6 18.8-13-13.8-13.2 13.8 2.6-18.8-19-1.7M542 320l-10.3 6.5 2.9-11.9-9.3-7.8 12.1-1 4.6-11.2 4.7 11.3 12.1.9-9.3 7.8 2.9 11.9"/></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/aw.svg
File diff suppressed because it is too large
View File


+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/ax.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M106.3 0h1133.3v850H106.3z"/></clipPath></defs><g clip-path="url(#a)" transform="matrix(.56472 0 0 .56482 -60 -.1)"><path fill="#0053a5" d="M0 0h1300v850H0z"/><g fill="#ffce00"><path d="M400 0h250v850H400z"/><path d="M0 300h1300v250H0z"/></g><g fill="#d21034"><path d="M475 0h100v850H475z"/><path d="M0 375h1300v100H0z"/></g></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/az.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#3f9c35" d="M.1 0h640v480H.1z"/><path fill="#ed2939" d="M.1 0h640v320H.1z"/><path fill="#00b9e4" d="M.1 0h640v160H.1z"/><circle cx="304" cy="240" r="72" fill="#fff"/><circle cx="320" cy="240" r="60" fill="#ed2939"/><path fill="#fff" d="M384 200l7.7 21.5 20.6-9.8-9.8 20.7L424 240l-21.5 7.7 9.8 20.6-20.6-9.8L384 280l-7.7-21.5-20.6 9.8 9.8-20.6L344 240l21.5-7.7-9.8-20.6 20.6 9.8L384 200z"/></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/ba.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-85.3 0h682.6v512H-85.3z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(80) scale(.9375)"><path fill="#009" d="M-85.3 0h682.6v512H-85.3V0z"/><path fill="#FC0" d="M56.5 0l511 512.3V.3L56.5 0z"/><path fill="#FFF" d="M439.9 481.5L412 461.2l-28.6 20.2 10.8-33.2-28.2-20.5h35l10.8-33.2 10.7 33.3h35l-28 20.7 10.4 33zm81.3 10.4l-35-.1-10.7-33.3-10.8 33.2h-35l28.2 20.5-10.8 33.2 28.6-20.2 28 20.3-10.5-33 28-20.6zM365.6 384.7l28-20.7-35-.1-10.7-33.2-10.8 33.2-35-.1 28.2 20.5-10.8 33.3 28.6-20.3 28 20.4-10.5-33zm-64.3-64.5l28-20.6-35-.1-10.7-33.3-10.9 33.2h-34.9l28.2 20.5-10.8 33.2 28.6-20.2 27.9 20.3-10.4-33zm-63.7-63.6l28-20.7h-35L220 202.5l-10.8 33.2h-35l28.2 20.4-10.8 33.3 28.6-20.3 28 20.4-10.5-33zm-64.4-64.3l28-20.6-35-.1-10.7-33.3-10.9 33.2h-34.9L138 192l-10.8 33.2 28.6-20.2 27.9 20.3-10.4-33zm-63.6-63.9l27.9-20.7h-35L91.9 74.3 81 107.6H46L74.4 128l-10.9 33.2L92.1 141l27.8 20.4-10.3-33zm-64-64l27.9-20.7h-35L27.9 10.3 17 43.6h-35L10.4 64l-11 33.3L28.1 77l27.8 20.4-10.3-33zm-64-64L9.4-20.3h-35l-10.7-33.3L-47-20.4h-35L-53.7 0l-10.8 33.2L-35.9 13l27.8 20.4-10.3-33z"/></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bb.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480"><path fill="#00267f" d="M0 0h640v480H0z"/><path fill="#ffc726" d="M213.3 0h213.4v480H213.3z"/><path id="a" d="M319.8 135.5c-7 19-14 38.6-29.2 53.7 4.7-1.6 13-3 18.2-2.8v79.5l-22.4 3.3c-.8 0-1-1.3-1-3-2.2-24.7-8-45.5-14.8-67-.5-2.9-9-14-2.4-12 .8 0 9.5 3.6 8.2 1.9a85 85 0 0 0-46.4-24c-1.5-.3-2.4.5-1 2.2 22.4 34.6 41.3 75.5 41.1 124 8.8 0 30-5.2 38.7-5.2v56.1H320l2.5-156.7z"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 639.5 0)" xlink:href="#a"/></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bd.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#006a4e" d="M0 0h640v480H0z"/><circle cx="280" cy="240" r="160" fill="#f42a41"/></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/be.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd" stroke-width="1pt"><path d="M0 0h213.3v480H0z"/><path fill="#ffd90c" d="M213.3 0h213.4v480H213.3z"/><path fill="#f31830" d="M426.7 0H640v480H426.7z"/></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bf.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd"><path fill="#de0000" d="M640 479.6H.4V0H640z"/><path fill="#35a100" d="M639.6 480H0V240.2h639.6z"/><path fill="#fff300" d="M254.6 276.2l-106-72.4h131L320 86.6 360.4 204l131-.1-106 72.4 40.5 117.3-106-72.6L214 393.4"/></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bg.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#d62612" d="M0 320h640v160H0z"/><path fill="#fff" d="M0 0h640v160H0z"/><path fill="#00966e" d="M0 160h640v160H0z"/></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bh.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M0 0h640v480H0z"/></clipPath></defs><g fill-rule="evenodd" stroke-width="1pt" clip-path="url(#a)"><path fill="#e10011" d="M-32.5 0h720v480h-720z"/><path fill="#fff" d="M114.3 479.8l-146.8.2V0h146l94.3 30.4-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5 93.5 30.5-93.5 29.5"/></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bi.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-90.5 0H592v512H-90.5z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(84.9) scale(.9375)"><path fill="#00cf00" d="M-178 0l428.8 256L-178 512zm857.6 0L250.8 256l428.8 256z"/><path fill="red" d="M-178 0l428.8 256L679.6 0zm0 512l428.8-256 428.8 256z"/><path fill="#fff" d="M679.6 0h-79.9L-178 464.3V512h79.9L679.6 47.7z"/><path fill="#fff" d="M398.9 256a148 148 0 1 1-296.1 0 148 148 0 0 1 296 0z"/><path fill="#fff" d="M-178 0v47.7L599.7 512h79.9v-47.7L-98.1 0z"/><path fill="red" stroke="#00de00" stroke-width="3.9" d="M280 200.2l-19.3.3-10 16.4-9.9-16.4-19.2-.4 9.3-16.9-9.2-16.8 19.2-.4 10-16.4 9.9 16.5 19.2.4-9.3 16.8zm-64.6 111.6l-19.2.3-10 16.4-9.9-16.4-19.2-.4 9.3-16.9-9.2-16.8 19.2-.4 10-16.4 9.9 16.5 19.2.4-9.3 16.8zm130.6 0l-19.2.3-10 16.4-10-16.4-19.1-.4 9.3-16.9-9.3-16.8 19.2-.4 10-16.4 10 16.5 19.2.4-9.4 16.8z"/></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bj.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill="gray" d="M67.6-154h666v666h-666z"/></clipPath></defs><g clip-path="url(#a)" transform="matrix(.961 0 0 .7207 -65 111)"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#319400" d="M0-154h333v666H0z"/><path fill="#ffd600" d="M333-154h666v333H333z"/><path fill="#de2110" d="M333 179h666v333H333z"/></g></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bl.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#fff" d="M0 0h640v480H0z"/><path fill="#00267f" d="M0 0h213.3v480H0z"/><path fill="#f31830" d="M426.7 0H640v480H426.7z"/></g></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bm.svg
File diff suppressed because it is too large
View File


+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bn.svg
File diff suppressed because it is too large
View File


+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bo.svg
File diff suppressed because it is too large
View File


+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bq.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><path fill="#21468b" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 0h640v320H0z"/><path fill="#ae1c28" d="M0 0h640v160H0z"/></svg>

+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/br.svg
File diff suppressed because it is too large
View File


+ 1
- 0
Resources/assets/tabler/demo/dist/img/flags/bs.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480"><defs><clipPath id="a"><path fill-opacity=".7" d="M-12 0h640v480H-12z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(12)"><path fill="#fff" d="M968.5 480h-979V1.8h979z"/><path fill="#ffe900" d="M968.5 344.5h-979V143.3h979z"/><path fill="#08ced6" d="M968.5 480h-979V320.6h979zm0-318.7h-979V2h979z"/><path d="M-11 0c2.3 0 391.8 236.8 391.8 236.8L-12 479.2-10.9 0z"/></g></svg>

Some files were not shown because too many files changed in this diff

Loading…
Cancel
Save